マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

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

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

フォントをまとめて比較!ウェブサービス「wordmark-it」

フォントをまとめて比較!ウェブサービス「wordmark-it」

こんにちは。マーカーネットスタッフのSです。 今回はデザイン制作に便利なサービスをご紹介したいと思います。 デザインで使うフォント選びは作品のクオリティを左右するといっても過言ではない大事な要素です。 …

覚えたいんだから~!Photoshopのショートカット編

覚えたいんだから~!Photoshopのショートカット編 http://www.markernet.co.jp/blog/2015/07/02/post-5630/ Facebook

面白い動きや便利な機能をJSで実装! その2:いろんな種類のグラフを簡単に作成!

面白い動きや便利な機能をJSで実装! その2:いろんな種類のグラフを簡単に作成!

以前ご紹介しました面白い動きや便利な機能をJSで実装! その1:簡単にグラフを作成する方法!の応用編になります。 前回は折れ線グラフをご紹介致しましたが、今回は「棒グラフ」「レーダーチャート」「円グラ …

どこでも!いつでも!自由に使えるアイコン集

どこでも!いつでも!自由に使えるアイコン集

皆さん! お久しぶりです!こんばんは!! 心はいつも新人であるデザイナーKです。 この一ヶ月の間、私には色んなことがありました。 新しく買ったシャツが家のドアノブに引っかかって破れたり、ひどい風邪をひ …

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

WEBサイトのデザイン素材を紙媒体に使うとき、ベクターのデータがなくて困ったことありませんか? ペンツールでトレースするのも時間がかかるし、Photoshopでパスを作成したら境界がギザギザになってし …