CLIP STUDIO ASSETS素材を使ったデザイン

1,224

AriaVon

AriaVon

プレゼンテーション

こんにちは!ようこそ、アリアです。今回は、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 から取得した素材のみを使用してコラージュを作成する方法を紹介します。

 

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

 

 

- スケッチ -

まずスケッチ レイヤーの不透明度を下げます。こうすることで、多数の線に迷うことなく、形状をよりわかりやすく視覚化できます。

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

 

ヒント: 編集する必要がなくなるまで、追加した要素ごとにレイヤーを保持します。その後は、大きな問題なく結合できます。

- ベクターレイヤー -

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

 

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

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

 

 

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

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

 

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

- 整列と配置 -

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

 

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

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

 

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

 

** 左端に整列

** 水平方向に中央に整列

** 右端に整列

** 上端に整列

** 垂直方向に中央に整列

** 右端に整列。

 

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

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

 

 

- ベクタードラフト -

できることの 1 つは、蝶の羽を横切る円の線の一部をベクター消しゴムで消すことです。

 

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

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

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

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

-ベクトルルール-

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

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

ルールはすでに作成されています。これを確認するには、レイヤーのサムネイルにアイコンが表示されます。次の手順として、レイヤー オプションのルーラー アイコンに移動します。メニューが表示されるので、「すべてのレイヤーに表示」 オプションをオンにします。このオプションを使用すると、新しいレイヤーでもルーラー プロパティを使用できます。

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

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

ここまでで、素材とブラシを使ったコラージュが完成しました。結果は次のとおりです。

• 背景付き画像素材

白地を取り入れた素材もあります。そのため、白地のない素材と違って塗りにくいのですが、何事にも解決法はあります。そんな時に私が使っている方法を紹介します。

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

 

では、次のようにします。まず、一番下のレイヤー (マテリアル) に アタッチ するレイヤーを上に作成し、この新しいレイヤーの組み合わせモードを 「通常」 から 「乗算」 に変更します。準備ができたら、ペイントしましょう。

 

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


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

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

 

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

- 底 -

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

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

- 不規則であるべき -

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

手順:

 

1. まず、メイン画像の下に新しいレイヤーを作成し、ここでプロセス全体を実行します。

 

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

 

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

 

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

- 立体感 -

オブジェクトに立体感を加えるには、次の簡単な手順に従うだけです。

 

1. レイヤーを右クリック (「レイヤーを複製」 オプション) するか、ショートカット 「CTRL + C」「CTRL + V」を使用して、不規則なエッジ レイヤーを複製します。

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

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

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

準備完了。これで不規則なエッジができました。

- 破れた紙 -

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

 

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

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

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

- パターン -

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

 

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

 

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

 

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

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

4. 上記の 色相/彩度/明度 ウィンドウ (CTRL + U) を使用すると、マテリアルの色を変更できます。

 

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

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

 

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

- テープを作成する -

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

 

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

2. 「被写体の方向」 セクションの設定を 「水平のみ」 または 「垂直のみ」 に変更します。

- ステッカー -

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

 

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

 

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

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

 

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

- リソース -

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

 

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

 

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


(C)イラストの装飾

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

 

 

- パターン -

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

 

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

- アクセサリー -

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

- 雰囲気 -

また、ブラシを使用すると、背景の外観を強調できます。たとえば、星空の夜には星のブラシを使用します。

同様に画像素材とデコレーションブラシを組み合わせることで、より完成度の高い背景を作成できます。この場合、月(画像素材)と星(ブラシ)です。

画像素材を使用して背景を作成する別の例を示します。

- 装飾品 -

ブラシやフレームなどの画像素材にある飾りもイラストを飾るのに適しています。

- テクスチャ -

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

 

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

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


(D)文具装飾

ここで、レシピシート、メモ、ノート、ポストカードなどの文房具のデザインの作成方法をいくつか紹介します。簡単な説明になりますが、素材と適切なカラーパレットを組み合わせることで、個人用またはブランド用に無限のパーソナライズされたデザインを作成できることを知っておくとよいでしょう。

 

 

- ファイル設定 -

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

 

 

これから紹介するレイアウトは、以下の設定を使用します。

 

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

 

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

 

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

 

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

 

5. 裁ち落としマージンを 3mm に変更します。

 

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

 

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

注意: ブリード幅はプリンターでカットされるスペースですが、エラーを避けるために、この部分までデザインを拡張してください。ブリード領域の近くに重要なアイテムを配置しないでください。

- 郵便 -

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

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

- レシピブック -

このブラシの制作プロセスは前回と同じで、レシピ本の装飾に花とイチゴのモチーフのブラシを使用し、点線のブラシでセリフの輪郭を描いた点だけが異なります。このブラシの作者は、宇宙をテーマにした同じくらい美しいブラシも制作しています。

フィギュアにステッカー効果を作成するために、「レイヤー プロパティ」パレットにある「境界線効果」*を使用しました。


(F) フレイヤー

画像素材やデコレーションブラシで作れる他のデザインも広告要素になります。いくつか例を見てみましょう。

 

 

- カバー -

ここで言うカバーとは、商品のカバーのことで、キャンディー ボックスのカバーがその例です。次の例は、ビンテージの食用商品のカバー デザインに基づいています。

 

プロセス: スケッチを作成したら、まずピンクの背景に淡いピンクの縦線パターンを配置します。このアイデアに合う素材が見つからなかったため、パターンは手動で作成しました。

次に、要素をさまざまなレイヤーに配置し始めました。こうすることで、要素を簡単かつ迅速に編集できます。シェイプ ツールを使用して、中心の形状、具体的には、角が丸い塗りつぶされた長方形を作成しました (これらのオプションは、ツールのプロパティ パレットにあります)。

要素の色を変更します。これを行うには、各レイヤーで「透明ピクセルをロック」機能を使用しました。

デザインの次のステップはテキストです。3 次元効果をシミュレートするために、上で説明したのと同じプロセスに従いました。まずテキスト レイヤーを複製し、次に透明なピクセルをブロックして暗い色でペイントし、次にレイヤーを元のレイヤーの下に移動して、右下の目立つ位置に配置しました。

 

テキスト ツールの使用方法について詳しく知りたい場合は、次のチュートリアルをお読みください。

 

 

最後に、すべてのレイヤーをフォルダー内に入れてフォルダーを複製し、右クリックしてオプション「選択したレイヤーを結合」を選択します。これは、単一のレイヤーを作成するためだけのものです。次に、このレイヤーにパス「フィルター > 効果 > ノイズ」にある「ノイズ」フィルターを適用しました。

 

この手順自体は不要ですが、ノイズ効果は気に入っています :)

準備完了。結果は…

3. 使用材料一覧

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

 

 

別れ

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

 

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

コメント

新着

公式 新着