オリジナルパターン：デザインとイラスト
今回のテーマは「オリジナルパターンをデザインする」です。
パターンとは？パターンとは、パターンを繰り返し配置したものです。
アートの世界では、グスタフ・クリムト、アンディ・ウォーホル、草間彌生など、パターンで有名なアーティストを少なくとも1人は聞いたことがあると思います。しかし、実はタイル、壁紙、衣服、ベッドシーツなど、私たちの日常生活でもパターンをよく見ることができます。パターンデザインは私たちにとって遠い存在ではありません！
この記事は3つのパートに分かれています。まず、パターンを構成する芸術的要素を簡単に紹介し、次にCLIP STUDIO PAINTを使用してオリジナルパターンを描く手順を説明し、最後にイラストにパターンを適用する方法について説明します。カタログ機能を使用して、この3つのパートを参照してください。
さっそく始めましょう！
1️⃣【パート1: パターンのアートコード】
I. パターンを構成する形状
🟠シンプルな形状を好む:
たとえば、線、幾何学的形状 (三角形、四角形、円など)、さらには抽象的なパターンなどです。
描画時に 1 つの形状だけでなく、さまざまな形状を組み合わせることができます。
🏀 物理的な形状を好む:
花、葉、植物、動物、食べ物、ハート、星などの実体の形状を認識できる。
⚖ ️その中間:
もちろん、分類が難しい非常にシンプルな漫画のパターンもあります。
ただし、上記の 2 つは、別々のグループ分けではなく、単なる「バイアス」であることを指摘しておきます。ミニマリスト スタイルを使用してオブジェクトを描画し、形状を強調しながら特定のオブジェクトであることを明確にすることも解決策の 1 つです。
II. 芸術スタイル
アートスタイルに関しては、⚠️リアルなスタイル（写真品質に近い画像）は比較的まれです。
最も一般的なものは通常、✅芸術的に様式化された画像です。
いわゆる芸術的な様式化とは、簡単に言えば、描かれた画像のことです。一般的なアートスタイルの例としては、セルスタイル（アニメスタイル）、水彩スタイル、色鉛筆またはクレヨンスタイルなどがあります。
絵を描くときは、⚠️照明と影の効果を強すぎないように注意してください**。オブジェクトの構造を示唆できる光と影を追加すれば十分です。
さらに、さまざまな伝統的なスタイルから学ぶこともできます。現代のミニマリストスタイルと現代の北欧スタイルに加えて、東洋スタイル、日本スタイル、中世スタイル、フォークスタイル（インドスタイル、アラビアスタイル、古代エジプトスタイルなど）もあります。
各スタイルには独自の芸術的表現があります。たとえば、モダンスタイルではシンプルなグラフィックがほとんど使用され、東洋スタイルでは赤と金色の使用が好まれます。和風には古くからある名前のついた模様が数多くあり、民芸風にはダイヤモンドや三角形のグラフィックなどがよく使われます。
スペースが限られているため、ここでは各スタイルのデザインの特徴を詳しく説明しません。興味のある読者は、時間をかけて探して、お気に入りのスタイルを見つけてください。
III. グラフィックの繰り返しと配置
これは、グラフィックの位置、サイズ、配置角度 の 3 つの側面を指します。
この 3 つの側面は、規則性と不規則性の 2 つの側面に分けられます。詳細については、次の図を参照してください。
さらに、パターン間にスペースを残すかどうかも決定できます。
IV. 色
パターンの色の選択は自由度が高く、エレガント、明るい、淡い、暗い色はすべて一般的です。
初心者は意図的に色数を制限することをお勧めします。
ペイントするときに決められない場合は、モノクロの黒と白のグレーから始めて、最後にすべての調整を行うこともできます。[グラデーションマッピング]機能に加えて、Ver3.0以降に追加された[カラーリファレンス]機能を使用して色を変更することもできます！
V. デザインパターン（概要）
上記のパターンを構成する方法を理解したので、今度はどのようなスタイルのパターンを作成したいかを想像してみましょう。
まず、次の質問を自分に問いかけてください:
グラフィック形状: (テーマはありますか? デザート、花、木など。それとも単純な形状ですか?)
グラフィックアートスタイル: (手描きですか、それともきれいなブロック画ですか? 特定の地域スタイルはありますか?
グラフィック配置: (規則的配置ですか、それとも不規則的配置ですか? 規則的である場合、タイルテクスチャを得るにはどのように描画しますか?)
色: (カラーですか、それとも白黒ですか? 背景は透明ですか?)
パターンがどのように見えるか大まかに把握したら、それを想像し、作成することができます。
例:
グラフィック形状: 大小のハート型、ダイヤモンドの線
グラフィックアートスタイル: ピクセルスタイル、よりフラット
グラフィック配置: 規則的な配置
色: ピンク、柔らかい感じ
パターンデザインの基本的な考え方がわかったので、Clip Studio Paint を使用してパターンを作成してみましょう。
2️⃣【その2：Clip Studio Paintを使ってオリジナルパターンを描く】
🔧 基本的なアプローチ
1. 新しいファイルを作成します。
ファイルサイズは、絵画の内容と用途に応じて決定できます。
幅と長さの両方が 2 で割り切れる (※偶数) ことが唯一の条件です。
2. グリッド機能をオンにします（①表示→グリッド）。
そして、②グリッドの原点を中央に設定し、間隔をキャンバスの長辺の値に設定します。
分割数は固定ではありません。もちろん、計測目的でグリッドを使用する場合は、必要に応じて設定できます。たとえば、パターンの長さの1/4ごとに線を追加したい場合は、分割数を「4」に設定できます。
3. 中央に画像を描きます。次の点に注意してください:
① ペイントするときに端に近づかないでください。
例外は、水平方向にのみ繰り返されるパターンをデザインする場合 (つまり、完成すると 1 つの長いストリップのように見える場合) です。その場合は、描画時に上部と下部を塗りつぶすことができます。ただし、左端と右端は空白のままにする必要があります。
② ブラシで描画する場合、グリッドに近づけて描画する必要がない場合は、ブラシの「整列」機能をオフにする必要があります。
③ ペイント時に異なるレイヤーを分離できます (たとえば、異なるオブジェクトと背景色)。ペイントが終わったら、レイヤーを結合するだけです。
④ 結合する前に、オブジェクトの画像レイヤーのコピーをバックアップとして作成することをお勧めします。
💡 ヒント
対称定規など、描画時に補助として定規を使用できます。詳細については、この公式チュートリアルを参照してください。
さらに、加工した写真を使用するのも良い選択です。これについては後で説明します。
4. ①全画面を選択（ショートカットキー：Ctrl+A）→
②レイヤーを右クリックし、[レイヤーの変換]を選択して「画像素材レイヤー」に変換します。
5. ①「オブジェクト」ツールを使用 → ②レイヤーを左下に移動し、オブジェクト枠の左上隅をキャンバスの中央に合わせます。
*画像を最大限拡大して正確な位置を決定することができます。
6. オブジェクト選択ツールの設定で、「テッセレーション」をチェックします。
繰り返し方法はお好みに応じて選択できます。デモンストレーションについては次の図を参照してください:
(下の画像はデモンストレーション目的のみに使用しています。この手順では画像を縮小しないでください)
7. レイヤーを右クリックし、[レイヤーの変換]→「ドットマトリックスレイヤー」に変換を選択します。
8. 中央の空白部分をパターンで埋めます。
*手順 3 の画像バックアップ レイヤーからコピーして貼り付けることもできます。
9. レイヤーを右クリックし、[レイヤーの変換] を選択して「イメージ マテリアル レイヤー」に変換します。
10. オブジェクト選択ツールを使用して、テッセレーション をチェックします。
ズームアウトしてパターンを表示します。完了です。
🔧 繋がったパターンを作る方法
基本がわかったところで、次は繋がったパターンを描くときに注意すべき点を見ていきましょう！
1. 基本的な画像を描きます。
2. ステップ 1 の画像をコピーして貼り付けます。画像はできるだけ繋がったままにしてください。
3. デモ画像の形状は正規の形状でも対称形状でもないため、手動で調整する必要があります。
4. 基本方法の手順 4 から 7 を繰り返します。
5. 引き続き、中央の空きスペースを基本画像で埋め、形状を再度調整します。
画像をつなげてみてください。
(*この手順では、下の画像は青色でマークされています)
6. 基本方法の手順 9 から 10 を繰り返します。完了です。
🔧 重なり合うパターンの作り方
では、重なり合うパターンを作成するにはどうすればよいでしょうか。以下に、波状/スケール パターンのデモンストレーションを示します。
1. グリッドを使用して、正しいサイズの図形を描きます。
- デモンストレーション画像では、キャンバスの長さが 8 つのグリッドに分割されています。したがって、中央の円の直径は 4 つの正方形です。両側の円は同じサイズで、中心はキャンバスの端にあります。
- 楕円などの図形を基本図形として描画する場合は、その水平および垂直の直径がキャンバスの 2 辺の長さで割り切れる必要があることに注意してください。キャンバスは正方形ではなく長方形にすることができます。
- 個人の好みに応じて、境界線やその他の装飾を追加できます。境界線は 円の内側 に描画する必要があることに注意してください。
- デザインによっては、スケールの色が変化しない場合は、上部に 1 つのスケールを描画し、下部に左側と右側のスケールの半分を描画するだけで、同じパターンを取得することもできます。
2.配置機能を使用して、画像をキャンバスの中央に配置します。
3. 基本方法の手順 4 から 7 を繰り返します。
4. レイヤーをドット マトリックス レイヤーに戻した後、半円の下半分を切り取って新しいレイヤーに貼り付けます。
5. 元のレイヤーを上部グラフィック レイヤーと下部グラフィック レイヤーの間と上部グラフィック レイヤーの間に移動します。
6. 元のレイヤーを「イメージ マテリアル レイヤー」に変換します。タイリング方向は「左右」です。
オブジェクト レイヤーを移動して、左上隅がキャンバスの 1/4 の位置になるようにします。
7. オブジェクト レイヤーを複製して、下から 2 番目に配置します。
右下隅をキャンバスの右下 1/4 の位置に移動します。
8. すべてのレイヤーを選択して結合します。
9. 基本方法の手順 9 から 10 を繰り返します。完了です。
🔧 写真を使ってパターンを作成する方法
手描きの模様だけでなく、自分で撮影した写真も模様に加工できます！
1. 写真を撮ります。できるだけ単色の背景で撮影することをお勧めします。
また、同じものをさまざまな角度から撮影すると、模様に変化をつけることができます。
2. 写真を開いて色調を調整します。画像の色合いをより明確にすることが目的です。
次の図は、[編集→色調補正]を使用して、①「明るさ、コントラスト」、②「トーンカーブ」、および③「レベル」を使用して調整する方法を示しています。色を調整するには、好きな方法を選択できます。
3. [なげなわツール] を使用して最初に画像を選択し、選択範囲を反転して不要な周囲の部分を削除します。
4. [自動選択ツール] を使用して残りの部分を選択します。必要に応じて、[選択範囲を拡張] を使用して適切な範囲を選択してから削除することもできます。
5. 消しゴムを使用して、エッジを手動で修正します。
6. イチゴを鮮明にした後、画像をさらに調整して、満足のいく色と芸術的な効果を実現できます。
次のデモ画像では、レイヤーブレンドモードを使用して色を調整し、フレームを追加しています。
さまざまなフィルターを使用して、さまざまな効果を実現することもできます。さまざまな調整方法を組み合わせて、独自の画像を作成しましょう。
上記のパターンを使用して、基本的な手順に従って簡単にパターンを作成できます。
🔧 カスタムブラシの使い方
ブラシを使用すると、不規則な形状を繰り返し配置するパターンを作成できます！
カスタムブラシの詳細な設定については、この公式チュートリアルを参照してください。
1. 画像が描かれたレイヤーを選択し、[編集→素材登録→画像]を選択します。
「ブラシ先端の形状として使用」を選択し、検索タグを追加します。
2. ブラシを右クリックして補助ツールをコピーします。
3. ブラシ設定をクリックし、「ブラシチップ」を選択して、マテリアルをクリックして場所を選択します。
4. 選択ウィンドウに検索タグを入力し、見つかったすべての画像を追加します。
5. ブラシの値を設定して、ランダムなパターン効果を実現します。以下は、グラフィックスのランダム性に影響を与える値です。値の設定は、個人の好みに応じて決定できます。
A. ブラシの先端 → 方向 → ランダム
B. 散乱効果 → 粒子のサイズ → ランダム
C. 散乱効果 → 粒子の方向 → ランダム
6. ブラシを使用してキャンバスに直接ペイントし、不規則な形状を繰り返し配置したパターンを作成します。
仕上げる！
3️⃣【パート3：イラストにパターンを適用する】
📁 パターンをマテリアルとして登録する
クリップファイルとして保存するだけでも使用できますが、パターンを素材としてクラウドにアップロードして簡単にアクセスしたり、Clip Studio Paint Asset にアップロードして他のユーザーと共有したりする場合は、このセクションの手順を参照してください。
方法は非常に簡単で、マウスでレイヤーをライブラリにドラッグするだけです。
マテリアル アイコンをダブルクリックして、名前を変更したり、検索タグなどを追加したりできます。
🖼️イラストの背景にパターンを追加する
イラストにパターンを使用する最も簡単な方法は、背景として使用することです。
🔧 やり方
ライブラリから直接、マウスを使用してパターンファイルをレイヤーウィンドウにドラッグアンドドロップします。
💡 ヒント
パターンはイラストに追加されると視覚的に眩しいものになることが多いため、メインキャラクターにアウトラインフレームを追加してキャラクターを強調することができます。
画像素材レイヤーで直接トーン調整機能を使用することはできないため、イラストのニーズに合わせてパターンの色を変更する必要がある場合は、[トーン補正レイヤー]を使用できます。
🔧 トーン補正レイヤーの作成 - 方法
1、2。パターンレイヤーを追加した後、レイヤーウィンドウの左上隅にあるアイコンをクリックします。
3、4。新しいトーン補正レイヤーを作成します。必要に応じて着色方法を選択します。
5\。次のレイヤーでトーン補正レイヤーをクリップします。完了！
🧇イラストのテクスチャにパターンを追加する
背景に加えて、イラストのテクスチャとしてパターンを追加することもできます。
視覚情報量を増やす必要がある大きなカラーブロックのイラストでは、このアプローチを使用することをお勧めします。
また、イラストにはすでに色が付いているため、イラストの本体が乱雑にならないようにモノクロパターンを使用することをお勧めします。
🔧 レイヤーのブレンドモードの使用 — 方法
1. パターンレイヤーを追加し、必要な部分のクリッピングレイヤーとして設定します。デモ画像では、衣服にクリップされているレイヤーです。
2. レイヤーのブレンドモードを設定し、必要に応じてレイヤーの不透明度を調整します。
💡 ヒント
レイヤーのブレンドモードを使用して、元のイラストで処理された光と影を保存します。
ブレンドモードの大まかな分類である下の図を参照してください。「パターンを元のオブジェクトよりも暗くしますか、明るくしますか？」から始めて、さまざまなモードを試してどれが気に入るかを確認し、不透明度を調整します。
🌽イラストのオブジェクトにパターンを追加します①
パターンをあまり平坦にせず、オブジェクトの表面に適したものにしたい場合は、このセクションの手順を参照してください。
🔧 やり方
1. パターンを追加したら、まずレイヤーのブレンドモードと不透明度の設定、パターンのサイズと角度を決定して、完成品をプレビューします。
2. パターンがキャンバスの端に接続されている場合、元のキャンバスより少し大きい新しいファイルを作成する必要があります。
3. パターンレイヤーをコピーして、新しいファイルに貼り付けます。
4. ドットマトリックス画像パターンレイヤー。次に、コピーして元のキャンバスに貼り付けます。
💡 ヒント
パターンがキャンバスの端に触れない場合は、新しいファイルを作成せずに、パターンレイヤーを直接ラスタライズできます。
キャンバスを拡大する目的は、パターンを変形するためのより大きな領域を確保することです。そうしないと、パターンを内側に曲げる必要がある場合、パターンは端で壊れてしまいます。
5. 不要なパターンを選択して削除します。(キャンバスの外側にある部分を削除するには、パターンを少し移動する必要がある場合があります)
6. [グリッドワープ] 機能を使用して画像を変形します。変形方向はオブジェクトの表面に合わせる必要があり、下の図では説明のために補助線が描かれています。
【メッシュ変形方法】
①編集→変形→メッシュ変形
②ツールプロパティウィンドウでグリッドの数を調整できます。
③「移動平面」に設定します。
④オブジェクトの表面に合わせてパターンを歪ませます。
7. [クリッピングマスク]と[レイヤーマスク]を使用して、不要な部分を消去します。完成です。
🌽イラストのオブジェクトにパターンを追加します②
場合によっては、オブジェクトの表面に合わせてパターンを分割する必要があります。これは、特に衣服の場合によく見られます。
判断基準は「オブジェクトの見えない部分があるか」です。
もしある場合は、パターンを貼り付ける際にその断面に注意する必要があります。以下では、断面のあるパターンを追加する方法を説明します。
始める前に、デモ画像のネックラインの構造を分析してみましょう。
① 目に見える面は全部で 6 面あります。
② パターン #3 と #4 は、2 つの面の間に折り畳まれた部分があまりないため、接続がわかるようにデザインされています。逆に、1 や 2 などの他の面は、2 つの面の間に折り畳まれた部分がかなり多いため、接続する必要はありません。
③ さらに、#1 から #4 はおおよそ画像の左側を向いていますが、#5 と #6 は右側を向いており、2 つの主要な方向が追加されています。そのため、2 つのパターン レイヤーで [自由変形] を実行する必要があります。編集 → 変形 → 自由変形、またはショートカット キー: Ctrl+Shift+T、最初にパターンを大まかな方向に変形します。
(*実際は、#5 の方向はその中間です。このステップでは、まず大規模な変形を行い、その後微調整を行います。)
④ 変形が完了したら、変形したパターンをコピーする必要があります。#2 と #4 は 1 つのブロックを共有できます。#1 と #3 は 1 つのブロックを共有できます。
このパターンではイチゴの間にスペースがあるので、イチゴを扱うときはイチゴだけに集中してください。
まず、[折り線選択]ツールを使用して、服の折り目に沿った範囲を選択することをお勧めします。
1. 最初のパターンレイヤーで、面 #3 を選択して消去します。
2. 2 番目のパターンレイヤー (デモ画像では青で表示) を選択し、#3 と #4 の間のハートの形を処理します。#3 は #4 の上にあるため、レイヤーを上に移動します。
3. 余分な部分を拭き取ります。
💡 ヒント
折り畳まれたエッジ に意図的に壊れたパターンを追加すると、リアルな効果を簡単に実現できます。
エッジにパターンが発生した場合は、扱いやすくするためにキャンバスサイズを拡大する必要がある場合があります。
さらに、[ゆがみ]ツールを使用してパターンを微調整することもできます。
結論
ここまで読んでいただきありがとうございます！
私にとって、シームレスパターンを作成する上での最大の課題の 1 つは、「パターンはどこから始めて、どこで繰り返されるか？そのパターンを得るには、最初にどのような形を描くべきか？」です。
残念ながら、この質問には、パターンをさらに観察して分析することで直感的に答えるしかありません。
この記事ではソフトウェアの機能の一部しか説明できませんが、初心者としては非常に役立つと思います。ぜひパターンデザインを楽しんでください！
この記事についてどう思いますか？
お気軽にメッセージを残してお知らせください。このチュートリアルがお役に立てば幸いです。
私の作品に興味がある方は、ぜひ私のSNSをフォローしてください:
(中国語): Facebook @hye.art
(英語): X (旧Twitter) @hye_exc
この投稿を「いいね！」したユーザー
コメント