creatersnest

Illustratorでパターン素材を作成するチュートリアルまとめ


パターンは作品の背景やテクスチャーに活用すると画面が一気に華やぎます。
既製のものもありますが、ここをもうちょっと変えたいなと思うパターンもありますね。
自分が欲しいパターンを自作することが出来れば、もうそんな思いをすることもありません。
今回は、パターン素材を作成するチュートリアルを20個紹介していきます。

 

チェック柄のパターン

illustrator(イラストレーター)の柄の作り方、スウォッチパターンの仕組みを知る | 7日間イラストレーター超速マスター!使い方と裏ワザを暴露

illustrator(イラストレーター)の柄の作り方、スウォッチパターンの仕組みを知る | 7日間イラストレーター超速マスター!使い方と裏ワザを暴露

 

チェック柄を作るチュートリアルです。
レイヤーの重なりなどを視覚的にも説明してくれているので大変分かりやすいです。
スウォッチに適用される部分についての説明が丁寧にかかれています。

 

桜柄のパターン

【超簡単】Illustratorでパターンをシームレスに作ろう! | 株式会社LIG

【超簡単】Illustratorでパターンをシームレスに作ろう! | 株式会社LIG

 

桜のモチーフを使って華やかなワンピースを描くチュートリアルです。
スウォッチへの登録方法が分かりやすく描かれています。
パターンを塗りに設定することで簡単に華やかなイラストが出来上がってしまうのは凄いですね。

 

基本のドット柄のパターン

猫でもわかる イラレのパターンスウォッチ作り方講座 ドット柄編 – Factory70 Blog

猫でもわかる イラレのパターンスウォッチ作り方講座 ドット柄編 – Factory70 Blog

 

誰でも1分以内でドット柄が作成できてしまう簡単チュートリアルです。
水玉模様の角度調節の仕方も書かれています。
透明のオブジェクトがどのような効果で使われているかを理解するのに良いですよ。

 

ドットからモノグラムまで3種類のパターン

オリジナルなシームレスパターンをつくる!Illustratorでシームレスパターンを5分で制作する方法 | co-jin

オリジナルなシームレスパターンをつくる!Illustratorでシームレスパターンを5分で制作する方法 | co-jin

 

先ほどとはちょっと違うドット柄の作り方から、星とドットの混ざったパターンの作り方、
最後にはモノグラムの作り方も描かれています。
スマートガイドと定規を使うアイディアは複雑なパターンを作る時には有用ですね。

 

【ねじ梅】和柄のパターン

KDblog(仮): 「ねじ梅(ねじうめ)」パターンの作り方

KDblog(仮): 「ねじ梅(ねじうめ)」パターンの作り方

 

和柄の【ねじり梅】を作成するチュートリアルです。
花びらをパスファインダーを用いて重なっているようにする手法は色んなものに応用できますね。
華やかなのに落ち着いている色使いも参考になります。

 

【千鳥格子】和柄のパターン

【和柄】超簡単!千鳥格子の描き方【Illustrator】

【和柄】超簡単!千鳥格子の描き方【Illustrator】

 

基本の和柄の一つ、【千鳥格子(ちどりごうし)】の描き方です。
スターツールと正方形のみ用いて千鳥格子を作っていきます。
スウォッチに登録する時には、パスを綺麗にして回転せず登録するのがポイントです。
配色の変更は【オブジェクトを再配色】が便利と言うアドバイスも乗っています。

 

【青海波】和柄のパターン

Illustratorで青海波のパターンをつくる – 和素材作り – | Japanese Style Web Design いろはクロス

Illustratorで青海波のパターンをつくる – 和素材作り – | Japanese Style Web Design いろはクロス

 

ブレンド機能を上手く使った和柄【青海波】パターンの作成方法です。
多重の半円を作る方法としても参考になります。
パターンだけでなくオブジェクトとしても活用できる例として
参考になるクリスマスツリーやスターが紹介されています。

 

基本のストライプ柄のパターン

斜めストライプのパターンを作りたい | 7日間イラストレーター超速マスター!使い方と裏ワザを暴露

斜めストライプのパターンを作りたい | 7日間イラストレーター超速マスター!使い方と裏ワザを暴露

 

ドット柄と同じくらい使いやすいストライプパターンのチュートリアルです。
スウォッチに登録後、パターンの角度を変更する方法が画像で紹介されています。
初心者でも簡単に作れるパターンなので、操作練習に良いですね。

 

おしゃれなタータンチェック柄のパターン

イラストレーターでタータンチェックのパターンの作り方

イラストレーターでタータンチェックのパターンの作り方

 

可愛いタータンチェックを作るチュートリアルです。
凄く丁寧に作成方法が書かれているので誰でも作れてしまいますね。
印刷するだけでラッピングにも使えてしまいそうです。

 

表現が難しいクラッシックなパターン

クラシックなパターン素材の作り方(イラストレーター)

クラシックなパターン素材の作り方(イラストレーター)

 

表現するのが難しいクラッシックなパターンを簡単な素材で作るチュートリアルです。
クラッシック模様への配置の仕方など大変勉強になります。
背景素材を使って質感を演出する方法も載っています。

 

可愛いガーラントのパターンブラシ

How to Create a Flag Bunting Pattern Brush in Adobe Illustrator - Tuts+ Design & Illustration Tutorial

How to Create a Flag Bunting Pattern Brush in Adobe Illustrator – Tuts+ Design & Illustration Tutorial

 

ガーラント柄のパターンブラシ作成方法です。
ワープオプションでフラッグがなびいている風にしているところに魅力がありますね。
サイトは英語ですが、動画で日本語翻訳してくれているものがありますので参考にして見てください。

 

迷彩柄のパターン

迷彩柄の描き方(イラストレーター)

迷彩柄の描き方(イラストレーター)

 

たった3つのオブジェクトから出来る迷彩柄のパターンです。
3つのオブジェクトもある程度適当に描いてもそれっぽく出来上がります。
ジグザグ効果の使い方とアピアランスの分割もポイントですね。

 

モノグラムのシームレスパターン

井上のきあさんによる「Illustratorでモノグラムシームレスパターンを作ってみる」Tips - Togetterまとめ

井上のきあさんによる「Illustratorでモノグラムシームレスパターンを作ってみる」Tips – Togetterまとめ

 

モノグラムシームレスパターンの作り方が分かりやすく書かれています。
オブジェクトの順番を間違った時の状態も画像で見ることが出来ます。
また、既存のパターンをアピアランスで重ねて使う方法も載っています。

 

テディベアに似合う背景パターン

パターンを登録して背景を作る: イラレ・レシピ 時々フォトショ

パターンを登録して背景を作る: イラレ・レシピ 時々フォトショ

 

テディベアに似合う背景パターンの作り方が書かれています。
バスの変形を使うとひし形が艶やかな花のオブジェクトに変わる部分は色々使えそうです。
背景に光を当てるのも画像をグレードアップする手法として有効ですね。

 

ロシア民芸模様のパターン

How to Create a Seamless Pattern in Khokhloma Painting Style in Adobe Illustrator - Illustrator Tutorials - Vectorboom

How to Create a Seamless Pattern in Khokhloma Painting Style in Adobe Illustrator – Illustrator Tutorials – Vectorboom

 

赤いナナカマドが印象的なパターンです。
ロシア民芸模様の配色とパターンなので配色も目新しいですね。
継ぎ目のないパターンを作る面白い手法が紹介されています。

 

石を敷き詰めたようなパターン

Quick Tip: How to Dynamically Create a Seamless Pattern Using the Graphic Style Palette

Quick Tip: How to Dynamically Create a Seamless Pattern Using the Graphic Style Palette

 

効果→【変形】を使って作る石畳のシームレスパターンです。
石のパーツ部分を作るのが少し面倒ですが、一度作ってしまえば色々応用が出来ます。
スウォッチ登録の時はアピアランス分割をしてから行いましょう。

 

花のオブジェクトを利用したパターン

illustrator tutorial: create a seamless folk pattern | PeHaa Blog

illustrator tutorial: create a seamless folk pattern | PeHaa Blog

 

びっくりするくらい可愛い花柄のチュートリアルです。
基本的な使い方を作りながら学べてスキルアップにも良いでしょう。
このパターンでは、たった一つのオブジェクトしか使っていませんが
【オブジェクトの再配色】を使うことで変化に富むパターンになることがわかりますね。

 

ペンの形をしたパターンブラシ

Quick Tip: How to Create a Pencil Pattern Brush in Adobe Illustrator

Quick Tip: How to Create a Pencil Pattern Brush in Adobe Illustrator

 

鉛筆型のパターンブラシを作る方法です。
パターンブラシは始点、終点、直線、左右のコーナーのオブジェクトを登録して完成します。
手順を1つずつ紹介してくれているので、ブラシ作成入門に最適です。

 

使いやすい縄の形をしたパターンブラシ

How To Create Ropes & Knots with Illustrator Brushes

How To Create Ropes & Knots with Illustrator Brushes

 

ロープ状のアートブラシは良く使われるものの1つです。
もともと登録されているものもありますが、交差したり絡み合ったりと
自由に表現できて作りやすいロープのチュートリアルなので挑戦してみてはいかがでしょうか?

 

冬をイメージした鳥のパターン

Create a Cute Winter Seamless Pattern in Adobe Illustrator

Create a Cute Winter Seamless Pattern in Adobe Illustrator

 

冬の素材と鳥を組み合わせたキュートなシームレスパターンです。
そんな素材も継ぎ目が見えないようにするテクニックが書かれています。
パターンに使うオブジェクトすべての作り方が書かれているので小物練習にも最適です。

 

【おまけ】継ぎ目のないパターンの作り方

バンフートレーニングスクール スタッフ ブログ» ブログアーカイブ » [Illustrator]継ぎ目のないパターンの作り方

バンフートレーニングスクール スタッフ ブログ» ブログアーカイブ » [Illustrator]継ぎ目のないパターンの作り方

 

パターン素材を作るときに継ぎ目が見えないことはとても重要です。
こちらは複雑な形のパターンを作るときには必ず知っておきたいテクニックです。
パターン素材の作り方ではありませんが、参考までにご紹介しておきます。

 

いかがでしたか?

スウォッチを使ったパターンやパターンブラシの作り方を中心にまとめてみました。
継ぎ目のないデザインにするための方法は何個かありますがどうしてもずれてしまう場合は
登録した時に配置にわずかなズレが生じているようです。
ガイドや定規を上手く使って修正して見てくださいね。

パターンは一度作ってしまえば色や角度を変えて何度でも使うことが出来ます。
是非自分オリジナルのパターンを作ってみてくださいね。

 

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


趣味はDIYやハンドメイド。興味引かれたものは分野を問わずチャレンジしています。

Next ArticleWordPressのローカル環境を作る方法を知れる記事20選