クリスタで出来る！総柄パターンの作り方とタイリングの種類を紹介します

今回は、こういう感じ↓の

総柄パターン・タイリングと呼ばれるイラストの作り方について、自分用の備忘録も兼ねて工程を記録しておく記事です。

クリスタの実際の画面写真を使って詳しくご紹介していきますので、ぜひ最後までご覧くださいね。

①使いたい画像を正方形のキャンバスに描く

まずは正方形のキャンバスに使いたいイラスト・模様を描きます。

正方形以外でもタイリング可能ですが、初めての時は正方形にしておくと仕組みがわかりやすいのでおすすめですよ。

わたしはここで線画などをすべて統合して「1枚のレイヤー」にしましたが、まとめて「1つのフォルダー」に入れるだけでもOKです。

②「画像素材レイヤー」に変換する

「種類」の項目で「画像素材レイヤー」を選択します。

②で画像を統合せずに「1つのフォルダー」に入れていた場合も、当該フォルダを選択してからこの作業を経ることで、1つの画像素材レイヤーに変換されますよ。

③自分用の素材として登録する

パターン化するために素材として画像を登録します。

ここで「拡大縮小」と「タイリング」にチェックを入れます。

「タイリング」をONにすると、貼り付け時に自動でタイリングされるようになりますよ。
（もしチェックを入れなくても、あとからタイリングさせることはできます）

④素材を貼り付けて、大きさやタイリング方向を調整する

「素材」を貼り付ける

さきほど作った「素材」を、使いたいキャンバスにドラック＆ドロップします。

わたしの場合はぎゅうぎゅうに敷き詰められていますが、「もっとモチーフの周りを開けた画像」を用意して「素材」に登録すると、素材同士の距離が離れたデザインになります。（タイル同士の間隔をあとから離す機能はないっぽい？）

素材の拡大・縮小・回転

水色の枠のバウンディングボックスを調整すると、拡大・縮小・回転などが可能ですよ。

タイリングの種類

ここで、タイリングの種類を選択できます。

タイリング「繰り返し」

ベースとなる絵柄が同じ向きで表示されます。

タイリング「折り返し」

ベースとなる絵柄が横方向は左右反転に、縦方向は上下反転になって表示されます。

「4つで1つ」って感じですね。

タイリング「裏返し」

ベースとなる絵柄を左右反転して表示されます。

1つ目の「繰り返し」を左右反転した見た目になりますね。

タイリング方向の種類

ここで、タイリングの方向を選択できます。

タイリング方向「上下左右」

ベースとなる絵柄が「上下左右」に展開されます。
（例はタイリング「繰り返し」の状態）

タイリング方向「左右のみ」

ベースとなる絵柄が「左右のみ」に展開されます。
（例はタイリング「繰り返し」の状態）

タイリング方向「上下のみ」

ベースとなる絵柄が「上下のみ」に展開されます。
（例はタイリング「繰り返し」の状態）

補足：今回しか使わないという場合は

この模様は今回しか使わないから、素材登録するほどでもない…手間だな…という場合もありますよね。

そんな時は工程②で「画像素材レイヤー」を作ったあとに、「画像素材レイヤー」を選択した状態でオブジェクトツールを選択→タイリングONにすることでその場ですぐにタイリングさせることができますよ。

でも、そういう模様に限って、あとでもう一度使いたくなるような気もするんですよね…苦笑

そんなわけでわたしはとりあえず素材登録しておいて、不要になったら適宜削除するというスタイルで運用しています。

おわりに・参考記事紹介

今回は総柄パターン・タイリングと呼ばれるイラストの作り方について、クリスタの作業写真を使ってご紹介しました。

「画像素材レイヤー」の背景を透過にしておくことで、こんな感じであとから好きな背景色に変えることが出来ますよ。

他にも、白黒線画で作ってあとから色を加えたり、タイリングされた画像をキャラクターの服の柄として貼り付けて使ったり（メッシュ変形と相性抜群！）、左右のみや上下のみのタイリングでリボン表現として使ったり…

タイリング機能を身につけておくと、表現の幅が広がりますね♪

次回は2つ以上の絵を使ったシームレスパターンというものに挑戦してみます！

こちらの記事を参考にさせていただきました。
ありがとうございました◎
参考 クリスタのタイリングで柄パターン素材を自作する方法！！ | 山本電卓のマンガWE
参考 シームレスの仕組み（パターンの継ぎ目をなくす方法）　CLIP STUDIO PAINT – おきたきおのお絵かきTOPICｓ
参考 【クリスタ】パターン・タイリング画像の作り方【壁紙にも】 – KAKETA