【クリスタ】パターンの作り方を覚えて背景を爆速で作成しよう！

パターン（pattern）は日本語で「模様」という意味を持っています。

模様にもいろいろありますが、本記事ではクリスタを使って用意したイラストを規則的に並べるパターンの作り方を紹介します。

このパターン機能、めちゃくちゃ便利すぎるので頼りすぎ使いすぎ注意です。

そんな超楽で便利なパターン、さっそく作っていきましょう！

今回はこちらの「よくできました」パターンを作っていきます！

記事の後半では超かんたんに作れて超汎用性の高い最強パターンも紹介しますので、ぜひ最後までお読みください。

まずはイラストを用意する

まずはパターン化するためのイラストをクリスタに準備します。

もちろん自分で描いてもOKですが、今回僕は「ICOON MONO」からアイコンを拝借してきました。

パターンは1枚のレイヤーから作られるので、複数レイヤーを使ってイラストを描いた場合は1枚のレイヤーに結合させておきましょう。

他にもパターンを作る上でのポイントをいくつか紹介します。

キャンバスサイズは小さめに

パターン化は、このキャンバスが何枚も並んでいく感じになるので、キャンバスが大きすぎるとめちゃくちゃでかパターンになります。

配置してからパターンのサイズを小さくすることも可能ですが、ある程度サイズ感を想定したキャンバスサイズにしておいたほうが使いやすくなります。

また必ずしも正方形のキャンバスである必要はなく、長方形でもOK

色は白黒にしておくと使いやすい

パターンは完成して実際に配置をしたあとからでも、レイヤーカラーを使って色を変更することが可能です。

明確に使っている色が決まっているならいいですが、いろんな色で使いたい場合はイラストを黒くしておくことをオススメします。

ある程度イラスト周りに余白を開けておく

パターンはここで準備したキャンバスが何枚も並んでいく感じになるので、パターンの余白を加味した余白を開けてから整列で中央に持っていきます。

あわせて読みたい

【クリスタ】オブジェクトを中央に配置する！[整列・分布]の使い方 [整列・分布]とは、オブジェクトをキレイに並べるための機能で、クリスタVer2.0から新しく実装されました。本記事は[整列・分布]の使い方を紹介しています。1つのオブジェクトをキャンバスの中心に移動させることはもちろん、複数のオブジェクトを均等に並べることもできる便利機能です。

背景は不要

明確に色が決まっているなら背景色もまとめてしまっていいですが、背景無しのパターンにしておいたほうが汎用性の高いパターンになります。

イラストの準備ができたら最後に…

最後にイラストを45°回転させておきましょう。

この回転は必須ではないのですが、後ほど理由が明らかになります！

あわせて読みたい

【クリスタ】レイヤーの反転方法！ついでに回転や拡大・縮小方法も！ 左右反転機能は、デジタルならではの神機能です。一言で「左右反転」といっても、反転にもいくつかの種類があります。今回はクリスタでの4つの反転方法を紹介します。またついでに回転や拡大・縮小の方法まで紹介！マスターすれば圧倒的な時短ツールになりますので、ぜひご活用ください。

それではパターン化をしていきましょう！

パターン化する

イラストの準備ができたので、これをパターン化させていきましょう！

まずはキャンバス全体を範囲選択する

パターン化をするために、まずはキャンバス全体を範囲選択します。

この理由は、キャンバスを全範囲選択しておかないと余白のないパターンになるからです。

逆に余白を必要としないパターンを作る場合、範囲選択をする必要はありません。

いざパターン化へ！

パターン化の画面に進んでいきます。

すると素材登録の画面が開きます。

なにやらいろいろありますが、設定するのは3か所だけ。

タイリングにチェックが入れられない場合

たまにタイリングにチェックが入れられないときがありますが、これは「ラスタライズ」をすることで解決します。

設定が完了したら[OK]をクリック

最後に右上の[OK]をクリックすればパターン化の完了！

先ほど決めた保存先を見てみると、ちゃんと保存されているのが確認できます。

これでパターンの作成は完了しました！

それでは実際に使っていきましょう

パターンの使い方

パターンを設置したいキャンバスを用意したら、保存した[素材]パレットからパターンをドラッグし、キャンバスにドロップすることで、パターンを設置することができます。

パターンは設置後からも多少いじることができるので、編集していきましょう！

パターンの編集方法

パターンの拡大・縮小と回転

パターンは設置後に拡大・縮小と回転をすることができます。

最初にイラストを45°に傾けた理由は、パターンを設置後反対向きに45°回転させてイラストの並び方を変えるためでした！

パターンの色を変更

パターンの色はパターンレイヤーを選択した状態で[レイヤープロパティ]から変更することができます。

あわせて読みたい

【クリスタ】下描きの色をワンクリックで変更する！レイヤーカラーの使い方 下描きの色を変更する方法を紹介しています。レイヤーカラーを使った、1クリックだけできる色を一瞬で変更できる方法です。

これで一番最初に見てもらった「よくできました」パターンが完成しました！

超お手軽パターン参考例

ここで超かんたんに作れて超便利で超汎用性の高い最強のパターンを紹介します。

それがズバリこちら、正方形の左半分を黒く塗りつぶしただけのキャンバスです。

これがどんなパターンになるかというと、まずはストライプやボーダーになります。

これだけでもお釣りがもらえるくらいハイコスパなパターンなのですが、これだけではありません。

パターンを上に複製し、90°回転させて合成モードを変更するだけで、ガラッと姿を変えます。

他にも黒の塗りつぶす幅を変えるだけでまた違ったストライプができるので、ぜひいろいろ試してください。

パターンをそのまま使うだけでなく…

パターンをうまく作ることはできましたか？

もちろんパターンをそのまま使うだけでもいいのですが、もうひと手間加えるだけでまた随分変わってきます。

例えばこちらなんかは、パターンを1つのパーツとして使うことで、アプリゲームのSSRのような、カードゲームのキラカードのような背景にしています。

パターンができたらそれで完成ではなく「ここからさらに何ができるのか？」