WEBデザイン WEB制作

【Illustrator】幾何学模様の作り方

投稿日:

みなさまこんにちは、新人Aです。

三角形で作る幾何学模様の作り方をご紹介します。
これはパターンにするよりもランダムに色を置いていったほうが幾何学模様の雰囲気がぐっと増すと思うので、
少し面倒ですがパターン登録じゃなくてこつこつとした作業になるのですが、よければ読んでみてください^^

 

 

【アートボードを方眼紙に見立てて直線を配置します】
1
まずはアートボードの一番端に合わせて直線を引きます。(念のため、アートボードよりもはみ出る長さにしましょう!)
この直線を選択したまま、[オブジェクト]→[変形]→[移動]で等間隔に配置していきます。
今回は幅20mmで設定。コピーをクリックします。

 

 

 

2
コピーをクリックしたら、Ctrl+Dでアートボードいっぱいになるまで繰り返します。

 

 

 

34

この縦の直線をすべてコピー、ペーストし、90度回転させて横の直線も作ります。

 

 

 

5
今度は直線を45度回転させて、斜めの線を作ります。
この斜めの線が、正方形の角に来るように配置します。
アウトライン化して分割したら、アートボードからはみ出た余分な部分を削除します。

【塗り分け】
6
以前紹介した配色のサイトさんから一例をお借りしました。
今日はこの色で塗って行こうと思います!
78
ランダムに色を置いていきます。(本当に適当に)
色が隣り合ってしまっても、それはそれで面白いかなぁと思います^^

 

 

 

9
少し地味な作業ではありますが、完成すると可愛く見えてきませんか?
このまま使ってもいいとは思うのですが・・・

 

 

kikagaku kikagaku1
これを画像にして保存して、テクスチャをかけたりしてみると使える幅が広がる気がします^^
たとえばこれは、上が完成形で、下が加工したものです。
[効果]→「ピクセレート」→[水晶]を使うと、クレヨンでぼかしたような印象になります。

ぜひ試してみてください!

 

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

WEBデザイン

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

制作実績を見る

著者名:代表取締役 塚 尚益

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

-WEBデザイン, WEB制作

関連記事

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

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

マーブル模様って、パターンと違って規則性もないし、表現するのは大変ですよね。 アナログで作るのにも道具を引っ張り出すのも面倒・・・失敗するのも怖い・・・ そこで、Illustratorで簡単にマーブル …

WEBデザインのトレンド20選!厳選したモダンなデザインを一挙公開!

WEBデザインのトレンド20選!厳選したモダンなデザインを一挙公開!

インターネットの世界は日々進化し、WEBデザインのトレンドも常に変化しています。最新のデザイントレンドを取り入れることで、ユーザーの目を引き、印象に残るサイトを作ることにつながります。 どのデザインが …

競合調査のやり方を徹底解説!チェックすべき項目や注意点、フレームワークもご紹介

競合調査のやり方を徹底解説!チェックすべき項目や注意点、フレームワークもご紹介

競合調査で市場や他社の現状を分析し、自社の強みを活かした差別化戦略を構築することが、Webサイトの成果を最大化させます。 ライバル企業の動向を知らずして、ビジネスの勝利はありません。本記事では、競合他 …

製造業のホームページ制作費用相場はどれくらい?制作のポイントや制作会社の選び方も解説!

製造業のホームページ制作費用相場はどれくらい?制作のポイントや制作会社の選び方も解説!

工場HP制作は30万〜300万超。成果を出すには自社の強みを明確にし、目的に合う適切な相場感で投資することが成功の鍵だ。 製造業のホームページ制作、その費用は企業規模や目的によって20万円から150万 …

集客に強いホームページ制作を行うには?コツや集客方法を徹底解説!

集客に強いホームページ制作を行うには?コツや集客方法を徹底解説!

検索エンジン最適化(SEO)は、中長期的な集客基盤を築き、広告費を抑えながら質の高い見込み顧客を獲得するために不可欠です。 「月間100件の問い合わせ」「Web経由の売上が3倍」—なぜ、ある企業のホー …