無料で超簡単に画像の背景を切り抜ける神ツール！Clipping Magicが凄かった
画像の切り抜き、面倒くさいですね。 Photoshopを持っている方なら色んな方法があるってもんですが、そうでない方はどうすればよいのでしょうか。そうです、「Clipping Magic」をつかえばいいのです！ そんなわけで、超簡単に画像の背景を切り抜ける神ツールClipping Magicのご紹介。 使い方 このClipping Magicはブラウザに画像をアップロードして、簡単操作で背景を切り抜くことができると言うツールです。（ブラウザはGoogle ChromeかFirefoxをお使い下さい） まずはClipping Magicにアクセスして、写真をブラウザ上へドロップ。画像をアップロードします。 写真をアップロードしたところ。左が作業スペース、右がプレビュー画面となります。いい写真ですね。 ツールはこんな感じ。 使い方は非常に簡単。このように切り出したい部分を緑色のツールでザックリ
無料で誰でも簡単に画像から背景を消し去ることができる「ClippingMagic」
画像をドラッグ＆ドロップでアップロードし、手前にある残したいものを緑、逆に背景なので消したいものを赤で大ざっぱに塗って指定すると、自動的に判別して背景にある者を消し去ってくれるのが「ClippingMagic」です。 Easily Remove Image Backgrounds Online - ClippingMagic http://clippingmagic.com/ 今回は以下の画像を使って、右側に置いてあるかばんだけを残してみることに。 By laverrue まずはページに画像をドラッグ＆ドロップしてアップロードします するとこうなるので、左上から緑色を選んで、残したいものをぬりぬり さらに背景として消したいものを赤色でぬりぬりすると、自動的に黄色い線がリアルタイムでぐにゃぐにゃと動きまくって境界線を自動判別し始めます。今回の場合、背景にある監視カメラを塗ると、自動的に他の場
テキストと背景のカラーがアクセシブルかチェックし、適した組み合わせに調整できる便利ツール -Contrast Ratio
テキストと背景のカラーの組み合わせで、視覚的にどのくらい読めるか数値化するオンラインツールを紹介します。 いまいち読みにくい時には、ツールで最適な組み合わせに調整することもできます。 Contrast Ratio Contrast Ratioの使い方は、簡単です。 入力欄の左に背景、右にテキストのカラーを入力するだけで、すぐに反映されます。 カラーは、hsla, rgb, 16進数などに対応しています。 当サイトの背景とテキストのカラーを入力してみます。
無料でマルチモニター用の高解像度な壁紙が入手できる「WallpaperFusion」
高解像度用やマルチモニターに対応した美麗な壁紙が無料でダウンロードできるのが「WallpaperFusion」です。マルチモニター用のソフトを扱うDisplayFusionが運営している壁紙サイトのため、壁紙はクアッドモニター(モニター4枚分)に対応しているものまであり、PC用のほか、iPhoneやiPad用壁紙まで存在します。 The best multi-monitor and Eyefinity wallpaper images • WallpaperFusion http://www.wallpaperfusion.com/ 壁紙は「動物」「本やコミック」「人」「音楽」といったジャンルごとに表示させることが可能。 また、人気順や新着順のほか、シングルモニター用、デュアルモニター用、トリプルモニター用、クアッドモニター用など、モニター数を指定して表示させることもできます。今回は人気の
ピクセル・ざらっとしたの・かわいい柄・和文様など商用でも無料利用できるパターン素材のまとめ
ピクセル、ライン、グリッドをはじめ、ざらっとした感じやフローラル、アブストラクト、日本の伝統文様や小紋などのパターン素材がダウンロードできるサイトを紹介します。 ごく一部のもの以外は、全て個人でも商用でも無料で利用できます。
Subtle Patterns | Free textures for your next web project
These lovely water-colorful dots will make your designs pop...
パララックス効果を表現できる背景をオンラインで簡単に生成出来るWebサービス・Parallax Background Builder - かちびと.net
去年よく話題に上った、マウスを動かす 事で視差効果（パララックス）を表現す るやつをオンラインで生成出来る、という Webサービス・Parallax Background Builder のご紹介。こういうのも簡単に生成出来る ようになったんですね。簡単ではありま すが。 マウスに応じて複数レイヤーを動かす事で視差効果を表現できるパララックスな背景を簡単に作成できる、というWebサービス。凝った物は出来ませんが、無料でちょっと背景にスパイスを与えたい、という方には重宝するのでは無いでしょうか。 こういうやつ。素材はこのサイトのを使って動作テストしました。レイヤーごとに動きを決めてスクリプトコードを発行してもらって、みたいな流れです。ただし、スクリプトコードはこのサイトのを使うのでクライアントワーク等では利用出来なさそうですね。一時的なキャンペーンサイトとか個人サイトとかならいいかも。 ↑
同心円を重ねたパターンを生成できるオンラインジェネレーター - Concentrics
Concentrics ジェネレーターはHTML5 CanvasとJavaScriptで作成されており、簡単な操作でさまざまなパターンが生成できます。
背景画像用のちょっと面白いタイル状のパターンが作成できる -TILIZE
TILIZE 使い方は簡単で、スライダーを調整、下左の「Regenerate Tiles」のボタンをクリックするだけです。 蜂の巣っぽい感じのタイル このツールの最大の利点というか欠点というか、パターンを狙って作成できないことですｗ 一応、スライダーである程度の設定はできます。 Scale Multiplier 大きさ Randomization Multiplier ランダム Unique Rows 横列 Unique Columns カラム Line Width 線の幅 Line Color 線のカラー Tile Colors タイルのカラー 2番目の「Randomization Multiplier」を「0」にすると、格子です。
お絵かき感覚で、ピクセルベースのパターンを作成できるオンラインサービス -Generate Pattern
お絵かき感覚で、ピクセルベースのパターンを作成できるオンラインサービス -Generate Pattern
ドット柄やストライプ柄などの背景画像をウェブ上で作成できるサイト
背景画像は様々な素材サイトで提供されていますが、どうもしっくりこないときってありますよね。こんなときはこれから紹介するサイトと使って自分で作ってみましょう。
ノイズのパターン画像をオンラインで生成出来るWebサービス・Noise Texture Generator - かちびと.net
土曜日なので軽い話題でもご紹介。 ノイズっぽいテクスチャの背景を よく見かけると思いますが、そう いったパターン画像をオンライン で生成出来るWebサービスです。 地味に便利かも。 パターン画像は重宝しますし、こうしてパパッと作れるので覚えておくとどこかで役に立つかもしれません。 操作もシンプルなので操作すれば分かると思います。ので、使い方は省きます。 画像はData URI schemeで吐き出されます。DLするなりそのまま利用するなりお好みで処理してください。 ガチのクライアントワークでないならこんなんでもいいんじゃないですかね。楽できるところは楽したいです。 Noise Texture Generator
Twitterの背景画像をおしゃれに変更できるサービス「I Love Twitter」 : 二十歳街道まっしぐら
「I Love Twitter」はTwitterの背景画像をおしゃれにできるサービスです。 登録されている背景画像からお気に入りのものを選ぶだけ。 Twitterアカウントでログインすれば、すぐに適用されます。 Twitterの背景でお悩みの方は覗いてみるといいかも。 以下に使ってみた様子を載せておきます。 まず「I Love Twitter」へアクセスしましょう。 背景画像がたくさんありますので、色々と探してみましょう。 ジャンルごとにわかれていたりします。 いいなーと思った背景画像がありましたら、「Make this my background」ボタンをぽち。 するとこのように、背景画像を変更することができます。 Twitterの背景画像をお探しの方は是非！
HTML5のCanvasを使ったパターン背景を簡単に作成出来るWebサービス・Patternizer - かちびと.net
珍しいなぁと思ったのでメモがてらご紹介です。 HTML5のCanvasを使用してパターン背景を 生成出来る、というWebサービス。線を描いて 数枚重ね、パターンのような背景を作成する ことが出来ます。まだ実用段階とは行きません けど。 簡単にHTML5製の背景を作成出来るジェネレーターです。Canvasは非プログラマーにとっては若干ハードルが高い印象ですので、この手のジェネレーターで使い方を覚えていくのもいいかもしれません。 こんな感じ。線の太さ、角度などを調整し、複数の線の連続を重ねてパターンを生成します。 使い方はこんな感じ。直感で分かるんじゃないですかね。 使い方 まず、patternizer.jsというスクリプトを読み込みます。 <script src="js/patternizer.js"></script> で、マークアップ <canvas id="bgCanvas"></ca
僕のWEB屋人生で見つけたテクスチャ、パターン系の素材サイト全部 | バンクーバーのうぇぶ屋
もはやタイトルのまんまなんですが。 僕がWEB屋を初めてから、背景やボタンのアクセントに使うようなテクスチャとかパターン素材とか、とにかく沢山見て来た物をメールから、ブックマークから、チャットから、Evernoteから引っ張り出して数ある限りご紹介させて頂きます。 僕の場合は、こういうサイトを見てテクスチャのアイデアを探すことの方が多いですね。 ちなみに数も多いので、devianaartやらeverystockphotoなどの超有名どころは外しています。では、早速見ていきましょう。 Subtle Patterns | Free textures for your next web project 種類はそこまで多くないですが、使いやすい感じのパターン素材ですね。個人的に一押し！ Texture | Premium Pixels 以前の記事でご紹介した、ハイクオリティなPSDがダウンロード出
PatternCooler
Patterncooler 3.1 - Fun, Free and even cooler! Apply your own colors, size and texture effects to thousands of pattern designs and download as seamless background images for FREE. Unlimited large tiles over 300px x 300px* and pattern area graphics can be obtained via the new license plans. This simple web app has been designed to provide seamless pattern images, for the use in creating:- Twitter,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Down with Boredom: 5 Pattern Generators for Background Designs - noupe
Discover — Art & Design Inspiration at ColRD.com
Pattern maker: create seamless and geometric designs – Repper app
Lost and Taken