WEBデザイン WEB制作

【Illustrator】アーガイル模様の作り方

投稿日:

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

今日はまたIllustratorを使って、パターンのお話を。
以前は七宝柄、タータンチェックときて・・・今日はアーガイル柄を作りたいと思います。
アーガイル柄といえば、セーターやソックスなどに多く使われている伝統的な柄ですよね。
秋になるとよく見かける柄だと思います。ワンポイントとして使えば、可愛い雰囲気が出るので、Illustratorで作ってみましょう!

 

【1.ひし形を作ります】
1
正方形を作成し、回転ツールで45度回転させます。
そこから左右の角を引っ張り、好みの形のひし形を作ります。

【2.並べて配置する】
2
先ほど作ったひし形をコピー、ペーストし、並べて配置します。
パターンに擦るので、このときに隙間が出来ないよう注意します。
このとき、色を2種類か3種類に塗り分けます。

 

 

【3.ステッチを作ります】
3
ひし形の中心から、上のひし形の中心まで直線を引きます。
図のように移動させたら、この直線をコピーして反転させ、Xになるようにクロスさせます。
このとき、うまく揃えられない場合は整列を使いましょう!

4
これが終わったら、このXを破線に設定します。
5

【4.ステッチを並べて配置する】
6
先ほど作ったXの破線をひし形に並べていきます。(これもずれないように注意!)

【5.クリッピングしてパターン登録】
7
図のように、(紺色の)ひし形のたての長さに合わせて長方形を作り、クリッピングマスクをします。
最後に[編集]→[パターンとして登録]で終了です。

 

私は同系色で作りましたが、いろんな色を組み合わせてみるのも面白いと思います^^
ぜひお試しください。

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

WEBデザイン

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

制作実績を見る

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

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

-WEBデザイン, WEB制作

関連記事

ランディングページ(LP)の作り方を徹底解説!初心者でも簡単に制作する方法をご紹介

ランディングページ(LP)の作り方を徹底解説!初心者でも簡単に制作する方法をご紹介

ランディングページ(LP)は商品やサービスの販売促進に特化した重要なマーケティングツールですが、制作の仕方がわからず悩んでいる方も多いのではないでしょうか。この記事では、初心者でも簡単に成果の出るラン …

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

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

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

ホームページ制作にかかる費用の相場は?カテゴリ別の価格や制作会社に依頼するメリットを徹底解説

ホームページ制作にかかる費用の相場は?カテゴリ別の価格や制作会社に依頼するメリットを徹底解説

「会社のホームページ、本当に効果を発揮していますか?」ビジネスの成否を左右するほど、ホームページは今や重要な存在です。しかし、制作費用の相場がわからず、適切な予算設定に悩む方も多いのではないでしょうか …

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

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

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

【2024年最新版】ホームページのリニューアル制作で利用できる補助金は?申請の注意点などについても解説

【2024年最新版】ホームページのリニューアル制作で利用できる補助金は?申請の注意点などについても解説

ホームページのリニューアルは、ビジネスの成長に不可欠ですが、費用面で課題を感じる企業も多いと思います。そこで注目したいのが、制作費用の一部をカバーできる補助金制度です。本記事では、ホームページリニュー …