マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBデザイン WEB制作

【Illustrator】簡単!マーブル模様の作り方

投稿日:2014年9月25日 更新日:

マーブル模様って、パターンと違って規則性もないし、表現するのは大変ですよね。
アナログで作るのにも道具を引っ張り出すのも面倒・・・失敗するのも怖い・・・
そこで、Illustratorで簡単にマーブル模様を作ってみましょう!
Illustratorなら、やっぱりあの色にしておけばよかった、混ぜすぎて1工程戻したい、というときにも対応できますよね^^

 

 

【1.マーブル模様に使いたい色を決める】
大きい円の上に小さい円を重ねるように。
似たような色が隣り合わないように重ねるとうまくいきます!
1

 

【2.うねりツール】
うねりツールを選択し、オプションを設定していきます。
2 3

 

 

【3.変形させる】
うねりツールは、クリックしている間はずっとぐるぐると回りながら変形していくので、自分が「ここだ!」と思ったときに止めたり、
滑らせたりしていくといいと思います。
少しクリックしただけでもすぐに形が変わるので、最初は探り探り・・・
4

マウスを程よく滑らせては止め、滑らせては止め・・・

5

これだけで簡単にマーブル模様が完成!
今回は4色を使って作りましたが、
1色や2色でも、もちろんもっと多く色を使ってもアリだと思います。
それがこちら。
76

アイスや、水風船、ほかにもいろいろ使えそうですよね^▽^
WEBサイト制作などに役立ててみてください!

 

-WEBデザイン, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

面白い動きや便利な機能をJSで実装! その6:クリックで画像を拡大表示させるアニメーション

記事内の画像をクリックしてその場から拡大表示させるアニメーションを実装したいと思います。 今回使用するjavascriptは「zoom.js」になります。 【これまでの関連記事】 面白い動きや便利な機 …

ホームページに掲載するメールアドレスはエンティティ化で迷惑メール排除

なんかホームページ公開したら急に迷惑メール増えたなぁ。 という方、ホームページにそのままメールアドレスを掲載していませんか? ホームページは全世界に公開されているもので、当然テキスト情報も全て公開され …

ボタンを押すだけ!? 【Photoshop】 フリー  レイヤースタイル ゴールド(金色)系 厳選素材まとめ!

ボタンを押すだけ!? 【Photoshop】 フリー  レイヤースタイル ゴールド(金色)系 厳選素材まとめ!

こんにちは。 今回はクリックするだけでゴールド&メタリックな質感のデザインが作れてしまうPhotoshopのレイヤースタイル素材と活用方法についてご紹介いたします。 このフレームを・・・ たっ …

ホームページ制作にかかわる肩書別完成するまでのプロセスまとめ

ホームページ制作にかかわる肩書別完成するまでのプロセスまとめ

WEBデザイナー、WEBディレクター、WEBプログラマー、WEBプロデューサー、プランナー、ライター、営業さん、ときおりカメラマンANDクライアント。とまぁたったひとつのホームページが出来上がるまでに …

中国語サイトのスマートフォンサイト制作 は必要か?必須か?

中国語サイトのスマートフォンサイト制作 は必要か?必須か?

ChiKuu(チークー)という、海外で活躍するスポーツ選手や実業家、アーティストのつぶやきや最新情報などを翻訳してくれるウェブサイトに、新しい表示言語として簡体字中国語が加わりました。 ChiKuu. …