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制作

関連記事

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

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

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

建築業のホームページ制作のやり方を解説!費用相場や失敗しないためのポイントもご紹介

建築業のホームページ制作のやり方を解説!費用相場や失敗しないためのポイントもご紹介

建築業界では、ホームページが新規顧客獲得の重要な窓口となっています。しかし「何から始めればいいかわからない」「制作会社選びで失敗したくない」「費用対効果が心配」といった悩みを抱える経営者も多いのではな …

不動産会社のホームページ制作費用相場を解説!価格が変動する理由や制作のポイントもご紹介

不動産会社のホームページ制作費用相場を解説!価格が変動する理由や制作のポイントもご紹介

不動産ホームページ制作の記事 不動産HP制作は、目的や予算に応じた最適な手法を選び、物件検索などの機能性と信頼性を両立させる設計が成功の要諦である。 不動産会社のホームページを制作する際、費用の相場が …

ホームページ制作にSEO対策は重要!集客で困らないためのポイントを徹底解説

ホームページ制作にSEO対策は重要!集客で困らないためのポイントを徹底解説

検索エンジンで上位表示を実現し、質の高い集客を実現したい——。そんな企業の永遠の課題に応えるSEO対策について、基礎から最新トレンドまで徹底解説します。GoogleやYahoo!での上位表示には、技術 …

WEBサイトの種類を一覧で紹介!目的に合ったWEBサイト制作を行うための知識を身につけよう

WEBサイトの種類を一覧で紹介!目的に合ったWEBサイト制作を行うための知識を身につけよう

WEBサイトは、情報発信・販売促進・ブランド構築・採用活動など、さまざまな目的に応じて作られています。 そのため、自身がネット上でサービスを展開する際には、適切なWEBサイトの種類を選ぶことが成功の鍵 …