Webデザイナー、UI/UXデザイナーの@sdesignlaboです。
Illustrator(イラストレーター)でタータンチェックのパターンをゼロから作る方法をイラレ初心者の方に詳しく解説します。汎用性の高いタータン柄を自作&カスタマイズし、様々なクリエイティブに応用できるスキルが身に付けられます。
これからIllustratorを始められる方、より詳しくイラレを学習されたい方にオススメのコンテンツですよ。
何が作れるの?

Illustratorで上記の様なタータンチェック柄が自作できます。
タータンチェック柄は、縦横に色糸を交差させた格子模様で、スコットランド発祥の伝統的な織物です。Webサイト、バナーデザイン、チラシなどをはじめとした印刷物など、様々なクリエイティブの汎用デザイン素材として活用されるので重宝しますよ!
タータンチェック柄の作り方
Illustratorでタータンチェック柄を自作してパターンとして活用する方法を解説します。
イラレ初心者の方にも再現可能な内容ですよ!
Illustratorを導入しましょう
当記事の内容を実践するにはIllustratorが必須です。
未導入の方は
Adobe公式サイトからダウンロードしておきましょう。(7日間の無料体験が可能)
なお、AdobeCCのプランは
コチラの記事で徹底解説しています。
基本タータンチェックの作成
STEP.1
正方形オブジェクトを作成
Illustratorで新規ドキュメントを作成し、[
長方形ツール ] で100pxの正方形を作成します。
塗り:#d51739
線:無し
STEP.2
不透明度を下げる
100px x 6pxの細長い長方形を左図の様にレイアウトします。
塗り:#000000
[ 透明パネル ] を開き、不透明度を25%に下げましょう。
※透明が非表示の場合は [ Shift + Ctrl + F10 ] (Mac:Shift + ⌘ + F10)
FINISH
ベースパターンの完成
40px x 100pxの黒い長方形をレイアウトし、不透明度を40%に下げたらシンプルなタータンチェックのベースパターンが完成です。
パターンに登録&適用
STEP.1
スウォッチに登録
先に作成したタータン柄のベースオブジェクトを全て選択し、[
スウォッチ ] にドラッグ&ドロップして登録します。
STEP.2
オブジェクトにパターンを適用
[
長方形ツール ] でオブジェクトを作成し、スウォッチに登録したタータンチェックパターンをクリックします。
※塗りがアクティブになっている事を確認。
FINISH
タータンチェックの完成
以上でタータンチェックのパターンが適用できました。
パターンサイズだけ変更する方法は
コチラの記事、パターンデザインを編集する方法は
コチラの記事で詳しく解説しています。
[
生成再配色 ] を使えば数クリックでタータンチェックの配色パターンが変更できます。
その他タータンのパターン例
その他のタータンチェックパターンです。どれも長方形ツールで作成した矩形を組み合わせたシンプルなデザインをパターンに登録して適用しています。
高品質なタータンパターン
商用利用可能で高品質なタータン柄のパターン素材です。
よりハイレベルなクリエイティブが短時間で実現できるベクター素材ですよ!
#01 Set Red Tartan Seamless Pattern
14種類もの高品質なタータン柄が収録されたシームレスパターン素材です。お高いハンカチに使われていそうな柄で高級感を感じさせます。
ダウンロードする
#02 Set classic tartan seamless pattern.
クラシックで上質な質感で作られた継ぎ目の無いタータンチェックのパターン素材です。AI/EPSとJPEGの両形式でダウンロード可能。IllustratorやPhotoshopのパターン素材として最適ですよ。
ダウンロードする
#03 Plaid pattern fabric sample swatch design element set
布の質感が付与された格子柄のパターン素材です。そのままで百貨店で販売されている上質なハンカチのような質感が出せますよ。
ダウンロードする
#04 Halloween Tartan and Buffalo Check Plaid Seamless Vector Patterns.
ハロウィンカラーで彩られたタータンチェックとバッファローチェックのシームレスパターン素材です。扱いやすいベクター素材なので各アドビ製品のパターンとして使いまわしできますよ。
ダウンロードする
#05 Set Lumberjack Scottish Plaid, Tartan Seamless Pattern
タータンチェックをはじめとした汎用的な14種類ものシームレスパターン素材集です。バナーやWebサイト、チラシなどの印刷物での背景パターンなどによく使いますよ。
ダウンロードする
#06 classic tartan plaid seamless pattern vector set
クラシックで典型的なタータンチェックのパターン素材です。細部まで作りこまれたパターン素材なので無編集のまま使える品質です。
ダウンロードする
#07 Fall Foliage Colors Tartan and Buffalo Check Plaid Vector Patterns.
秋を感じさせる色味でデザインされたタータンチェックとバッファローチェックのパターン素材です。黄色系の暖色をメインカラーに作られた温かみを感じるデザインに仕上がっています。
ダウンロードする
#08 シームレスなタータンチェック柄セット
赤系を基調としたタータンチェックが12種類収録されたベクター形式のパターン素材です。強弱のある線が重なり合ったデザインが美しいですね。
ダウンロードする
#09 Indigo, Blue and Red Argyle and Tartan Plaid Vector Patterns.
インディゴブルーと赤で構成されたタータンチェック柄のパターン素材です。Illustratorで編集可能なAI/EPS形式がダウンロード可能。もちろんパターンの編集も容易にできますよ。
ダウンロードする
#10 Christmas Tartan and Buffalo Check Plaid Seamless Vector Patterns.
クリスマスカラーで彩られたタータンチェック柄のベクター素材です。クリスマスカード、ポップ、包装紙、プロモーションアイテムの背景など、クリスマスをモチーフにしたクリエイティブ全般で活躍します。
ダウンロードする
#11 Set Tartan Seamless Pattern.
シックで高級感を感じさせるタータンチェックパターンのベクター素材です。14種類のシームレスパターンが収録されており、スウォッチに登録すれば超便利!
ダウンロードする
その他パターン素材
その他商用利用可能で高品質なベクター形式のパターン素材です。
ワンランク上のテンプレート素材
Illustratorのスキルアップをする上で、プロが作成した生データを研究する事は重要です。
下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。
制作の手間を劇的に軽減するだけでなく、スキルアップの教材としても活用できますよ!
良質な素材をもっと見る
上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください!
おわりに
以上、Illustrator(イラストレーター)でタータンチェックを作る方法についてでした。
タータン柄は背景をはじめとした様々なパターンに使える汎用素材です。オリジナルのタータンを作成し、スウォッチに登録して活用いただけますよ。
また、タータンチェックだけでなく、様々なパターン制作に流用できる基本テクニックなので是非マスターして下さい。
ではまた!
InDesignは活用されていますか?
Illustratorだけでなく、InDesign(インデザイン)も活用されているでしょうか?
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方は
Adobe公式サイトから入手できます。
高品質で商用利用可能なポートフォリオテンプレート42選は
コチラ!
目次一覧
ゼロから始めるシリーズ
現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう!