WEBデザイン WEB制作

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

投稿日:2014年10月8日 更新日:

みなさまこんにちは、新人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デザイン, WEB制作

関連記事

デザインリサーチとは?役割や実際の進め方を手法とともにわかりやすく解説!

デザインリサーチとは?役割や実際の進め方を手法とともにわかりやすく解説!

ユーザーのニーズと行動を深く理解した効果的なWEBサイトを作ることができれば、ユーザーに使いやすいWEBサイトが制作できます。ここで、注目を集めているのが「デザインリサーチ」という方法です。 デザイン …

【photoshop】アプリを使わず、簡単に写真を漫画風にアレンジする方法!

【photoshop】アプリを使わず、簡単に写真を漫画風にアレンジする方法!

このお姉さんにあえて漫画調にマーカーネットをアピールしてもらうと… ちょっと面白くて勢いのある効果が生まれますね。 昨今では漫画的な加工を取り入れるWEBデザインも増えてきました。 ですので、今回は写 …

採用サイトの必要性は?制作するメリットや必要なコンテンツ、注意点を徹底解説!

採用サイトの必要性は?制作するメリットや必要なコンテンツ、注意点を徹底解説!

採用活動において、企業の魅力を伝える方法が採用サイトの活用です。 求職者が企業の情報を集める際、求人サイトだけでなく企業の公式採用サイトも重要な判断材料になります。 しかし、求人サイトは単に作るだけで …

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

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

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

ホームページ制作の流れを徹底解説!制作の注意点や外注する際のポイントもご紹介

ホームページ制作の流れを徹底解説!制作の注意点や外注する際のポイントもご紹介

企業のホームページ制作は、計画から公開まで一連の工程を適切に管理することが成功の鍵となります。本記事では、まず目的とKPIの設定から始まり、競合分析や市場調査、ターゲット定義といった事前準備の重要性を …

S