マーカーネット株式会社

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

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

関連記事

参考になるスマホサイト

皆さん・・・ こんばんは・・・・ webデザインを新人デザイナーKです・・・ 何故私がこんなに落ち込んでいるかというと・・・最近、5kgも太っ”#$#”$!!! ことではなく! 最近、スマホのデザイン …

【フラットデザインに+α】2014年のWebデザイントレンド3選

【フラットデザインに+α】2014年のWebデザイントレンド3選

近年、あちこちのサイトで見かけるようになったフラットデザイン。 レスポンシブと組み合わせたり、フルスクリーン表示にさせたりと応用法も様々に、オシャレなWEBサイトが増えていますね! そこで、今回はこの …

どこでも!いつでも!自由に使えるアイコン集

どこでも!いつでも!自由に使えるアイコン集

皆さん! お久しぶりです!こんばんは!! 心はいつも新人であるデザイナーKです。 この一ヶ月の間、私には色んなことがありました。 新しく買ったシャツが家のドアノブに引っかかって破れたり、ひどい風邪をひ …

角丸のコーディングは大変?CSS3で簡単に角丸を再現する方法!

角丸のコーディングは大変?CSS3で簡単に角丸を再現する方法!

今まで角丸のデザインにするには画像を背景に設定したりしていましたが、 幅や高さが変わるとそれに沿った画像を作成しなくてはならない場合があります。 それだと効率も悪く、修正もしづらいためコーディングが大 …

失敗しないSEOサイトリニューアル16のポイント!

SEOで失敗しないサイトリニューアル16のポイント! 簡単のようで簡単ではない、いつも心掛けるべきWEBサイトリニューアル時のポイントを記載しました。 WEBサイトのリニューアルは、成功の是非がはっき …