「史上最強の魔法剣士、Fランク冒険者に転生する」シリーズ累計145万部突破しました!

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

【クリスタ】パターンの作り方を覚えて背景を爆速で作成しよう!
  • URLをコピーしました!

こんにちは!漫画家の亀山大河です!
僕は現在「史上最最強の魔法剣士、Fランク冒険者に転生する(原作:柑橘ゆすら)」を連載しています。

↓ 1話から無料で読む ↓

史上最強の魔法剣士、Fランク冒険者に転生する
史上最強の魔法剣士、Fランク冒険者に転生する

↑↑↑↑↑↑↑↑↑↑↑↑

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

千鳥のパターン

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

今回の内容

用意したイラストを規則的に並べてパターンを作る

クリスタ(クリップスタジオペイント)とは、プロも愛用する人気No.1のイラスト・マンガ制作ソフトです。
イラストソフトはクリスタが一択な5つの理由
【CPIP STUDIO PAINT 公式サイト】

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

パターン機能のメリット

  • ちょっとしたイラストでかんたんに背景が作れる
  • そのちょっとしたイラストもフリー素材で対応可能
  • 一度作れば何度でも使い回せる
  • パターン作成後も色やサイズの変更ができ汎用性が高い
  • 背景だけでなく洋服の柄などにも使える

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

今回作るパターン

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

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

目次

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

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

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

左:キャンバス 右:[レイヤー]パレット

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

レイヤーの結合方法

結合したいレイヤーを複数選択して右クリックからの[選択中のレイヤーを結合]をクリック
※ 元のレイヤーを残したい場合は[表示レイヤーのコピーを結合]をクリック

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

イラスト準備のポイント

  • キャンバスサイズは小さめに
  • 色は白黒にしておくと使いやすい
  • ある程度イラスト周りに余白を開けておく
  • 背景は不要
パターン用イラストのポイントまとめ

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

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

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

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

亀山大河
今回僕は縦横256pxの正方形キャンバスにしました!

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

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

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

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

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

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

背景は不要

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

亀山大河
これでイラストの準備が整いました!!

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

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

右に45°回転

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

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

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

パターン化する

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

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

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

全範囲選択

Cmd(Ctrl) + Aキー

キャンバスの全範囲を選択

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

全範囲選択せずに作成したパターン

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

いざパターン化へ!

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

パターン化の方法

[編集]メニューから[素材登録]を選択し[画像]をクリック
※ パターン化するレイヤーを選択状態にしておく

CLIP STUDIO PAINT

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

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

素材の設定箇所

  • 素材名
    パターン素材として好きなネーミングをする
  • タイリング
    チェックを入れることでパターンになる
  • 素材保存先
    パターン素材の保存先を決める
パターン化の設定箇所

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

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

ラスタライズの方法

[レイヤー]パレットで対象のレイヤーを右クリックし[ラスタライズ]をクリック

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

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

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

保存先の素材パレット

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

亀山大河
これでいつでも好きなときにパターンを呼び出すことができます!

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

パターンの使い方

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

パターンの設置方法

素材パレットからキャンバスにパターンをドラッグ&ドロップ

亀山大河
背景がピンク色になっているのは、用紙の色をピンク色にしているだけです!

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

パターンの編集方法

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

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

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

  • 拡大・縮小
    パターンの周り8つある塗りつぶされた●をドラッグ
  • 回転
    パターンの上にある○をドラッグ、もしくは周り8つある塗りつぶされた●の周辺をドラッグ

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

パターンの色を変更

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

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

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

完成!

超お手軽パターン参考例

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

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

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

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

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

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

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

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

亀山大河
無地の背景にちょっとしたパターンを配置するだけで、かなり雰囲気が変わりクオリティもグッと上がります!

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

キラカード風背景

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

あわせて読みたい
【クリスタ】自分のイラストをSSRに!キラカード風加工の方法 イラストをアプリゲームのSR(スーパーレア)のような、トレーディングカードゲームのキラカードのような、ちょっとレアリティを上げる加工方法を紹介します。背景は描いてあっても無地でもどちらでもOK!いつものイラストをちょっとだけ「あたり」っぽくしてみませんか?

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

亀山大河
いろいろ考えながらぜひお試しください!

↓ 1話から無料で読む ↓

史上最強の魔法剣士、Fランク冒険者に転生する
史上最強の魔法剣士、Fランク冒険者に転生する

↑↑↑↑↑↑↑↑↑↑↑↑

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

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次