WEBデザイン WEB制作

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

投稿日:2015年10月30日 更新日:

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

 

 

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

 

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

 

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

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

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

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

 

弊社では技術力を活かした美しいWEBサイトのデザインをご提案します。
様々な目的に応じたプランを用意しておりますので、ご興味のある方はご覧ください。

WEBデザイン

WEBサイト制作実績3,000サイト以上!
新規作成からリニューアルまで、
多様なご要望にお応えした弊社制作事例から検討したい方はこちら

制作実績を見る

 

マーカーネットブログ 編集部

マーカーネット株式会社のスタッフが、WEB制作・SEO・マーケティングに関する最新情報や実務に基づいたノウハウをわかりやすく発信しています。

-WEBデザイン, WEB制作

関連記事

【Vol.2】優れたキャッチコピーを見て、閃き力を上げよう!【映画・アニメ編】

【Vol.2】優れたキャッチコピーを見て、閃き力を上げよう!【映画・アニメ編】

目次1 冬っ子のわたくし、この暑さもう限界です2 キャッチコピー第5弾です3 優れたコピーを見てコピーの閃き力をグイグイ上げていこう! ~ 映画・アニメ編 ~3.1 キミとなら、強くなれる。3.2 ま …

ランディングページのデザイン方法を徹底解説!CTAを上げるためのコツまとめ

ランディングページのデザイン方法を徹底解説!CTAを上げるためのコツまとめ

ランディングページのデザインは、見た目の美しさだけでなく、コンバージョン率(CV)にも大きく影響します。 どれだけ優れたサービスや商品を紹介していても、情報が伝わりにくかったり、ユーザーにストレスを与 …

ホームページ制作を行うメリット/デメリットを解説!作成のタイミングや制作方法もご紹介

ホームページ制作を行うメリット/デメリットを解説!作成のタイミングや制作方法もご紹介

今や多くの企業や個人事業主が、ホームページを持つ時代になっています。 しかし、「本当にホームページを作る必要があるの?」と疑問に思っている方も多いのではないでしょうか。 確かにSNSの活用が広がり情報 …

ホームページの保守とは何をすべき?作業内容やかかる費用などをまとめて解説!

ホームページの保守とは何をすべき?作業内容やかかる費用などをまとめて解説!

持続的にWEBサイトの運営をしていくために、必要不可欠な「ホームページの保守」。その重要性は十分に認識されているでしょうか。ドメイン管理から最新のセキュリティ対策まで、保守作業は多岐にわたります。適切 …

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

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

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