プレゼンテーション

こんにちは！ようこそ、アリアです。今回は、CLIP STUDIO ASSETS にある画像素材を使って、コラージュを作ったり、イラストを装飾する補助ツールとして使ったりと、素敵なデザインの可能性を探っていきたいと思います。

 

さっそく、始めましょう！

1. アプローチ

私たちのデザインに命を吹き込むには、まずスケッチを描き、アイデアをスケッチします。間違った方法などありません。これは将来芽生える種に過ぎません。これらは私が使用するスケッチの一部です。

- 構成 -

構成とは、こう言いましょう。要素を視聴者にとってより魅力的になるように配置する芸術です。優れた構成により、アイデアや感情を伝えたり、注意を集中させたりすることができます。このため、構成のルールを使用してスケッチを作成することをお勧めします。

 

構成のロジックを使用していないこの画像 (左側の画像) は、いくつかの視覚システムに従って考え出されたこの画像 (右側の画像) と同じではありません。

構図についてもっと知りたい場合は、CLIP STUDIO TIPS のチュートリアルをご覧になることをお勧めします。このトピックを扱った優れたチュートリアルは数多くあります。私もこのトピックについて説明したチュートリアルを用意しています。

 

 

- 材料 -

さて、スケッチの後に私がすることは、必要な要素のリストをコンパイルし（必要な場合）、それらを ASSETS で探すことです。

 

マテリアルを使用すると、これ（左の画像）からこれ（右の画像）に進み、装飾を追加できます。手動で行うよりも短時間で済みます。

- 資料をダウンロード -

入手するには、CLIP STUDIO ASSETS にアクセスし、必要なものを検索してダウンロードしてください。

 

注意: CLIP STUDIO ASSETS を使用するには、CLIP STUDIO ユーザー アカウントが必要です。登録は完全に無料です。

インターフェイスから入るには、CLIP STUDIO アイコンに移動します。表示されるウィンドウで、右上のメニューに移動し、[ASSETS] オプションを選択します。

2. いくつかのデザイン

このセクションでは、CLIP STUDIO ASSETS マテリアル ライブラリの画像素材とデコレーション ブラシを使用して、これらのデザインを作成するために私が実行したプロセスを紹介します。

 

注: 使用したブラシと画像素材は最後に追加されます。

（A）素材のコラージュ

コラージュとは、さまざまなソースからのさまざまな画像や素材を組み合わせて作品を構成するクリエイティブなプロセスです。この最初のセクションでは、CLIP STUDIO ASSETS から取得した素材のみを使用してコラージュを作成する方法を紹介します。

 

さらに、思い描いているデザインに素材をよりよく適合させるために使用できるツールと変換についても説明します。

 

 

- スケッチ -

まずスケッチ レイヤーの不透明度を下げて、多数の線に紛れずに形状を視覚化できるようにします。

ここで、マテリアルを別々のレイヤーに配置するフォルダーを作成します。レイヤーの順序は、ワークフローをスムーズにするために非常に重要です。

 

ヒント: 再度編集する必要がないと思われるまで、追加した要素ごとに 1 つのレイヤーを保持します。その後は、それほど難しいことなく結合できます。

- ベクターレイヤー -

まず、蝶を囲む 2 つの円から始めます。円の作成にはベクター レイヤーを使用します。ベクター? なぜベクター? と思われるかもしれません。答えは簡単です。これらのレイヤーのプロパティにより、線を完全に制御できるからです。

 

レイヤー ウィンドウの機能リストにある立方体アイコンを使用して、ベクター レイヤーを作成します。

ベクター レイヤーとその使い方について詳しく知りたい場合は、私が作成したチュートリアルをご覧ください。

 

 

- キャンバスに画像素材を追加 -

素材を検索して蝶のコレクションを見つけたので、ダウンロードして、これを使います。これを追加するには、ダウンロード フォルダーからキャンバスにドラッグするだけです。ダウンロードしたブラシを追加するには、同じ手順に従いますが、この場合は「サブツール」ウィンドウにドラッグ アンド ドロップする必要があります。

 

一部の素材はベクター レイヤーで設計されています。これは、ベクター レイヤーを変換するときに品質が低下したり、拡大縮小したときに画像がピクセル化されたりするリスクがないため、優れています。これは、ベクター レイヤーを使用するもう 1 つの利点です。

- 整列と配置 -

整列ツールは、特定の構成で図形を整列させたい場合に非常に便利です。例: 整列させたいレイヤーを選択することから始めます。

 

ショートカット: 複数のレイヤーを選択するには、Ctrl キーを使用するか、選択したレイヤーにチェック マークを付けます。

次に、次のパスにある 「整列と配置」 ウィンドウに移動する必要があります: ウィンドウ > 整列と配置

 

そこに移動したら、最適なオプションを選択します。モードは 14 種類ありますが、「整列」 の 6 つだけに焦点を当てます。これらは次のとおりです:

 

• 左端に整列

• 水平方向に中央に整列

• 右端に整列

• 上端に整列

• 垂直方向に中央に整列

• 右端に整列。

 

私の場合は、「水平方向に中央に整列」 と 「垂直方向に中央に整列」 を使用します。

この公式チュートリアルでは、このツールに関する情報が見つかります。ぜひご覧ください。非常に便利なツールです:

 

 

- ベクタードラフト -

できることの 1 つは、ベクター消しゴムを使用して、蝶の羽と交差して交差する円の線の一部を消去することです。

 

この消しゴムは、他の消しゴムと一緒に配置されています。選択したら、「ツール プロパティ」 ウィンドウで、「ベクター消しゴム」 設定を 「交差点まで消去」 に変更する必要があります。これにより、2 つのポイント間のセクション全体が消去されます。

- デコレーションブラシ -

画像の他に、花、オブジェクト、パターンなどの装飾ブラシもあります。私の場合は、花のブラシを使用しました。構図にダイナミズムを与えるために、ブラシのサイズを変更し、一部の花が他の花よりも大きくなるようにしました。

星型ブラシとつる型ブラシでも同じことをしました。ブラシの一部をペイントし、変形して大きな花の周りに配置してから、余分な部分を消去しました。

- ベクトルルール-

ベクター レイヤーのもう 1 つの特徴は、レイヤー内の線からルールを作成できることです。これは、デザインをそのままにしてすべてを変形させることなく、デザインに装飾ブラシを使用するのに役立ちます。手動で行うのを避け、何よりも速く行うための簡単な方法です。

ルールの作成は簡単です。まず、ルールに変換するベクター レイヤーを見つける必要があります。次に、それを右クリックして、ルーラー/ビネット > ベクターからのルール のオプションを選択します。

これでルールが作成されました。これを確認するには、レイヤーのサムネイルにアイコンが表示されていることをご確認ください。次のステップとして、レイヤー オプションのルーラー アイコンに移動します。メニューが表示されるので、[すべてのレイヤーに表示] オプションを選択します。このオプションにより、新しいレイヤーでもルールのプロパティを使用できます。

最後に、ブラシ パターンを配置するレイヤーを上に作成します。ご覧のとおり、線の部分のみにペイントできます。すばらしいと思いませんか?

完了したら、サムネイルにあるアイコンを右クリックしてルールを無効にし、「ルールを表示する」または「ルールを削除する」オプションを選択します。

ここで、マテリアルとブラシを使用してコラージュを完成させます。結果は次のとおりです。

• 背景付き画像素材

白地を基調とした素材もあり、その特性上、そうでない素材と違って塗装が難しいのですが、何事にも解決法はあります。そんな時に私が使っている方法を紹介します。

クマの画像素材を例に挙げます。ASSETS からダウンロードしたとき、白い背景が組み込まれていることに気付きました。どうすればいいでしょうか? 上にペイントすると線が消えてしまい、下には絶対にペイントできません。

 

では、次のようにします。まず、上にレイヤーを作成し、それを下のレイヤー (マテリアル) に アタッチ します。そして、この新しいレイヤーのブレンド モードを 「通常」 から 「乗算」 に変更します。準備完了、ペイント。

 

注: このタイプのレイヤーに適用すると、色は通常よりも少し暗くなります。色を選択するときは、この点に注意してください。

---

(B) クラシックコラージュ

まず、作品の主題をインポートします。インポートは次のように行います。次のパスにオプションがあります: ファイル > インポート > 画像またはファイルからオブジェクトを作成

 

注: 「ファイルからオブジェクトを作成」 を選択すると、素材をより細かく制御できます。

- 背景 -

背景色を設定するには、2 つのウィンドウを使用します。最初のウィンドウでは、新しいファイルにデフォルトで含まれる紙レイヤーとそれに対応するカラー エディターを使用します。

手順: 紙レイヤー アイコンをダブルクリックすると、そのレイヤーの色を変更できるウィンドウが表示されます。

- 不規則であるべき -

不規則にカットされた紙の効果を出すには、選択 > ポリライン ツールを使用します。

手順:

 

1. まず、メイン画像の下に新しいレイヤーを作成し、そこですべての処理を実行します。

 

2. ツールを使用して、図の端を不規則に選択します。

 

3. 次に、白色を選択し、フローティング メニューにあるペイント バケツ ツールを使用して選択範囲をペイントします。

 

ヒント: 魔法は、尖った形を作ることです。

- 立体感 -

任意のオブジェクトに 3D 効果を追加するには、次の簡単な手順に従います。

 

1. レイヤーを右クリックして [レイヤーを複製] オプションを使用するか、ショートカットの [Ctrl + C] と [Ctrl + V] を使用して、不規則なエッジ レイヤーを複製します。

2. レイヤーを選択したら、ショートカットの [Ctrl + U] を使用して [色相/彩度/明度] ウィンドウを表示します。 明度バーは完全に左に移動する必要があります。

3. 新しい黒いレイヤーを元のレイヤーの下に置き、変換機能 (Ctrl + T) を使用して、目的の方向に数ミリメートル移動します。

4. レイヤーの不透明度を必要なレベルまで下げます。

完了です。ギザギザのエッジができました。

- 破れた紙 -

コラージュの典型的な破れた紙をシミュレートするには、ASSETS で見つけたリソースを使用します。

 

1. ダウンロード フォルダーから紙をキャンバスにドラッグします。

このマテリアルの場合、やりたいことに対して幅が広すぎるため、編集する必要があります。画像素材の利点は、「ツール プロパティ」ウィンドウの設定を使用して、より簡単に編集できることです。これらの設定にアクセスするには、ツール ウィンドウ > オブジェクト > ツール プロパティ ウィンドウ に移動します。

比率を自由に変更するには、「比率を維持」オプションのチェックを外します。影をシミュレートするには、上記のプロセスに従います。

- パターン -

では、パターンを追加しましょう。

 

1. まず、破れた紙の下に新しいレイヤーを作成する必要があります。

 

2. 次の選択ツールを使用して、パターンを適用する領域を選択します。ツール パターンを適用する領域を選択します。私の場合は、自動選択を使用します。

 

* 別の領域を選択する場合は、「レイヤー プロパティ」 ウィンドウの「選択モード」 オプションを 「選択に追加」 に変更します。

3. ダウンロードしたパターンをキャンバスにドラッグします。レイヤーマスクが自動的に生成されます。

4. 前述の 色相/彩度/明度 ウィンドウ (CTRL + U)** を使用して、マテリアルの色を変更できます。

 

このレイヤーに影を追加することもできます。

5. 「トーン カーブ」 レイヤーを使用すると、色を改善できます。これは、レイヤー > 新しい補正レイヤー > トーン カーブにあります。

 

注: 色の変更は、グレースケールではない任意のマテリアルで行うことができます。ただし、グレースケールのマテリアルがある場合は、グラデーション マップ を使用して簡単に色を適用できます。すべての補正レイヤーで色を修正または追加する方法を説明したチュートリアルを残しておきます。

- テープを作成する -

パターンをリボンに変換するには、次の手順に従います。

 

1. マテリアル レイヤーを選択した状態で、「オブジェクト」ツール に移動し、「オブジェクト ツール プロパティ」ウィンドウ に移動します。

2. 「パターンの方向」 セクションの構成を 「水平方向のみ」 または 「垂直方向のみ」 に変更します。

- ステッカー -

前回は不規則な境界線を作成する方法を見てきましたが、今回はクラシックな境界線効果を追加する方法を見ていきます。

 

1. ステッカーのデザインをシミュレートするには、レイヤーを選択し、レイヤー プロパティ ウィンドウにある 「境界線効果」 オプションをオンにします: 効果 > 境界線効果。 スライダーで境界線の幅を選択し、ペイント アイコンで色を選択できます。

 

注: この効果は、選択したレイヤーにある任意のマテリアルまたは要素に追加できます。

影の効果を追加するには、レイヤーを複製し、レイヤー オプションから透明ピクセルをロックします。レイヤーを暗い色調でペイントするか、背景色でペイントしてレイヤーを 「乗算」 に設定します (私はこれを行います)。最後に、ロックを解除して 「ガウスぼかし」 を適用します。

 

この場合、レイヤーはファイル オブジェクトなので、ペイントしたり色を変更したりするには、「ラスタライズ」レイヤー に変換する必要があります。これを行うには、次のパスに従います: レイヤーを右クリック > オプション: ラスタライズを選択します。

- リソース -

最後に、空いているスペースを埋めるために、アイデアに合う ASSETS の要素でコラージュを埋めます。たとえば、リボン、レース、花、ステッカーなどです。

 

上で説明した編集はどの素材にも適用できるので、少しの忍耐力があれば、どんなコラージュでも作成できます。

 

コツは、要素を異なるレイヤーに重ねて配置し、境界線効果、影、または色補正を追加することです。

---

（C）イラストの装飾

それでは、画像素材と装飾ブラシを使用してイラストを完成させる方法について、いくつかのアイデアを見てみましょう。装飾ブラシと画像素材は、手作業で行う必要のある装飾を追加できるため、作業を簡単にするのに非常に役立ちます。これらの例のいくつかを以下に示します。

 

 

- パターン -

画像素材にはパターンというカテゴリーがあり、これらの要素は背景やテクスチャとして使用できると思います。

 

テクスチャとしては、ドレスや一般的な衣服のパターンをシミュレートできます。パターンがあるタイプや、紙のようなテクスチャをシミュレートするものなど、いくつかのタイプがあります。

- アクセサリー -

装飾ブラシを使用すると、リボン、ネックレス、レース、ボタン、血、傷、縫い目などの要素を簡単に追加できます。

- テクスチャ -

この別のコラージュではテクスチャを使用しました。テクスチャを使用すると、要素にボリュームと特徴を追加できます。たとえば、レンガの特徴は何でしょうか。色と形だけでなく、多孔性もテクスチャの特徴です。

 

テクスチャを適用する方法は次のとおりです。まず、マテリアルをキャンバスにドラッグします。必要な場所に配置したら、ウィンドウ 「レイヤー プロパティ」 に移動します。「効果」 セクションがあり、そこからオプション 「オーバーレイ テクスチャ」 を選択します。最後に、レイヤーの不透明度を好みのレベルまで下げます。これでテクスチャの組み合わせは完了です。

注意: このコラージュは、ASSETS のイメージ マテリアル、テクスチャ、装飾ブラシのみを使用して作成しました。

---

(D) 文房具の装飾

これは簡単な説明になりますが、素材と適切なカラーパレットを組み合わせることで、個人用またはブランド用に無限のパーソナライズされたデザインを作成できることを知っておくとよいでしょう。

 

 

- ファイル設定 -

ファイルを印刷する場合は、カラー プロファイル、寸法、余白など、考慮すべき特定の技術的側面があります。今回はこれに焦点を当てませんが、詳細を知りたい場合は、非常に有益な情報を提供してくれたユーザー ED. によるチュートリアルを参照することをお勧めします。

 

 

今回紹介するデザインは、以下の設定で作成します。

 

1. 使用するファイルは「コミック」形式です。

 

2. 形式を「ポストカード」に設定しました。

 

3. 単位は mm のままにしました。

 

4. レイアウトを縦から横に反転しました。

 

5. 裁ち落とし余白を 3mm に変更しました。

 

6. 解像度を 350dpi に設定しました (この解像度であれば、優れた品質で印刷できます)。

 

7. 基本表現色を「モノクロ」から「カラー」に変更し、カラーを使用できるようにしました。

注意: ブリード幅は印刷機で切り取られるスペースですが、エラーを避けるために、この部分までデザインを拡張してください。ブリード領域の近くに重要な要素を配置しないでください。

- 郵便 -

このポストカードをデザインするには、まず背景色を配置します。そのために、カタログからダウンロードしたパターンなどの画像素材を使用します。その後、定規に変換したベクター レイヤーに楕円形を作成し、レース装飾ブラシを使用して新しいレイヤーに定規に沿って形状を適用しました。

「直線」ツールを使用して、書き込みの基準線をシミュレートしました。最後に、ハムスターを描いて、個人的なスタンプとして使用しました。このレイヤーと楕円形のレイヤーを複製し、「透明ピクセルをロック」機能を使用して両方のコピーをロックし、「ガウスぼかし」でレイヤーをぼかして、濃いピンク色に塗りました。次に、オリジナルの下に転送して、最後に少し左に移動して、3次元効果をシミュレートしました。

3. 使用材料一覧

このチュートリアルのコンテンツを作成するために使用した資料は次のとおりです:

 

 

別れ

素材はイラスト作成の強力な味方なので、プロセスで素材を考慮することを忘れないでください。このチュートリアルでご覧になった内容がお役に立てば幸いです。さて、何も言うことはありませんが、ここまで来てくれてありがとう! ପ(๑•̀ुᴗ•̀ु) ॣ৳৸ᵃᵑᵏ Ꮍ৹੫ᵎ ॣॣ またお会いしましょう ( •⌄• ू ) ✧

 

私について詳しくは、次のサイトをご覧ください: