CLIP STUDIO PAINTで簡単!切り絵風フラットアート

10,616

viciaia

viciaia

皆さんこんにちは。ホリデーシーズンが近づき、ミニマルなスタイルのカードアイデアを考えている方もいるかもしれません。切り絵風のフラットアートを作ってみましょう!CLIP STUDIO PAINTでとても魅力的で簡単に作れます!:3

このチュートリアルは初心者にも優しく、CLIP STUDIO PAINTを始めたばかりの方でも、ステップバイステップで楽しくアートワークを作れます!:3

動画チュートリアル

切り絵アートのコンセプト

アートを切り絵のように見せる方法を考えてみましょう。仕組みを理解し、参考にしてもらうための簡単なガイドです:

 

切り絵アートのコンセプトは、紙を切ってキャンバス上で組み合わせることです。

 

紙の厚みが影を作り、線がなくてもアートに奥行きを与えます。

 

紙を折ったり巻いたりすることで、影やグラデーション効果が生まれます。

そして紙なので、ペンやマーカーで細部を追加することもできます。

CLIP STUDIO PAINTに移りましょう!

Part 1:切り絵パーツを描く

アートのスケッチから始めて、カラーガイドを描きましょう。

(作業が簡単になるように、できるだけきれいに描いてください)

PNG画像としてエクスポート [ファイル > 画像を統合して書き出し > .PNG]

このスケッチをサブビューパレットに入れ、参考資料やカラーパレットとして使用します。

 

サブビューパレットがない場合は、[ウィンドウ > サブビュー] から開くことができます。

 

パレット下部にある読み込みアイコンをクリックして、スケッチをサブビューパレットに読み込みます。

 

サブビューパレットのヘッダーをドラッグして、好きな場所に配置することでサイドパネルにドッキングできます(私は右下にドッキングします)。

サブビューの下部で、カラーピッカーモードを切り替えて画像から色を抽出できます。

(カラーピッカーモードがオフになっている場合、サブビューは移動可能になります)

 

スケッチレイヤーを統合し、不透明度を下げます。

 

[新規ベクターレイヤー]アイコンをクリックして、新しいベクターレイヤーを作成します。

アウトラインを作成するために、ペンサブツールのマーカータブにある[ミリペン]を使用します。

ツールプロパティパレットの右下にあるリセットアイコンをクリックして、ツールをリセットします。

 

次に、[サブツール詳細]アイコンをクリックして、サブツール詳細ポップアップを開きます。

補正タブで、[ベクターマグネット]にチェックを入れ、値を最大に設定します。

ベクターレイヤーで閉じた図形を描くと、線が自動的に結合されます。

ベクターレイヤーでは、線修正サブツールの[制御点]で簡単に形状を編集できます。

描画の形状を作り始めましょう。サブビューパレットのスケッチをクリックして色を抽出します(カラーピッカーモードになっていることを確認してください)。

ベクターレイヤーに[ミリペン]で図形を描きます。

ヒント:手ぶれ補正を調整して、より滑らかな線を描きましょう。

満足のいく線が描けない場合でも、何度も描き直す必要はありません。線修正サブツールの[簡素化]ツールを使って線を簡素化しましょう。

 

[全体の線を処理]オプションにチェックが入っていることを確認してください。

 

そして、線をドラッグするだけで、制御点の数が減ります。

線修正サブツールの[制御点]ツールを[制御点追加]モードで使用して線を調整します。

(ツールプロパティパレットで設定します)

 

[制御点追加]モードを使用することをお勧めします。線上の空白部分をクリックして制御点を追加したり、制御点をクリックして移動したりする際に、いちいち[制御点移動]モードに切り替える必要がないからです。

 

完了したら、ベクターレイヤーを[新規レイヤーフォルダー]アイコンにドラッグしてフォルダーに入れます

(または[Ctrl+g])

 

塗りつぶしサブツールで、[他レイヤーを参照]ツールを選択します。

[複数参照]オプションを[フォルダー]に設定します。

 

そして[ベクターパスまで塗りつぶす]にチェックを入れます。

フォルダー内に新しいラスターレイヤーを作成し、図形を色で塗りつぶします。

[ベクターパスまで塗りつぶす]オプションを使用すると、線の太さに関わらずベクター線の中央まで色が塗りつぶされます。これにより、[領域拡縮]で値を設定する必要なく、線と色の間の白い隙間の問題を簡単に解消できます。

[任意] フォルダーをダブルクリックして名前を編集し、混乱を避けます。

レイヤーフォルダーに色を設定し、パーツグループ(レイヤーに同じ色で塗りつぶし)で分けることをお勧めします。

例:髪、肌、体

最初の部分が完成しました!フォルダーを閉じます。

画像の各パーツには繰り返し作業があります。

 

ベクターレイヤーに図形を描く > レイヤーをフォルダーに入れる > 新しいラスターレイヤーを作成する > 色を塗りつぶす

 

私は[オートアクション]機能で時間を節約します。

 

 

新しいオートアクションを作成し、アクションセットの名前を設定します。

 

図形を描画した後、

  • フォルダーに追加する

  • 色を塗りつぶすためのラスターレイヤーをフォルダー内に作成する

という手順を繰り返す必要があります。

 

ベクターレイヤーに図形を描画し、繰り返し作業の記録を開始します。

 

記録アイコンをクリックします。

 

重要!:レイヤーパレットをクリックしてアクティブレイヤーを変更しないでください。

間違いを避けるためにメニューバーを使用してください。

 

[現在記録中]

 

アクティブレイヤーをフォルダーに追加します。

[レイヤー > フォルダーを作成してレイヤーを挿入]

 

(アクティブレイヤーがベクターレイヤーではなく、フォルダーに変更されているのがわかります)

新しいラスターレイヤーを作成します(アクティブレイヤーが新しく作成されたレイヤーに切り替わります)。

[任意] ラスターレイヤーをベクターレイヤーの下に移動します。

 

[レイヤー > レイヤーの表示順 > 最背面へ]

 

ラスターレイヤーがベクターレイヤーの下になります。

記録を停止すると、パネルに手順が表示されます。

[記録終了]

 

 

アクションを使用するには:新しいベクターレイヤーを作成し、図形を描画します。

次に[再生]ボタンをクリックします(アクションセットが正しく選択されていることを確認してください)。

ワンクリックでフォルダー構造が完成しました!

アクティブレイヤーがすでに色塗り用のラスターレイヤーになっているため、塗りつぶしツールで瞬時に図形を塗りつぶすことができます。

目や口などの一部のパーツについては、ペンツールでシンプルに描画するため、他のパーツに重ならないようにスケッチを最上位レイヤーに描き直します。

残りのパーツについても同じ手順を繰り返します。

ヒント:同じ色で重なり合っているパーツがある場合、フォルダーをクリックし、[レイヤープロパティ]パレットで境界線を設定すると、作業中に見やすくなります。

(このエフェクトは後で削除する必要があります)

 

ヒント:スケッチ画像の色でアウトラインを描く際、背景に溶け込んで見えにくい場合があります。

代わりに、見やすい色で描画しましょう。

操作サブツールから[オブジェクト]ツールを選択し、サブビューをクリックして色を抽出します。

完成です!

Part 2:切り絵エフェクトを適用する

さあ、一番楽しいパートの時間です!

 

切り絵エフェクト用のオートアクションを作成しました。

 

アクションをダウンロードします。

ダウンロードした素材は、素材ダウンロードパレットに表示されます。

ダウンロードしたアクションをオートアクションパレットにドラッグします。

このオートアクションを使用するには、閉じているレイヤーフォルダーを選択する必要があります。

レイヤーフォルダーを選択し、オートアクションを再生します。

このアクションは、レイヤーフォルダーに切り絵効果を追加します。

レイヤーパレットには、レイヤーフォルダーがハイライトと影のレイヤーとともに新しいフォルダー(通過モード)に追加されているのが表示されます。

[任意] 名前を変更し、レイヤーパレットの色も設定して、閉じました。

すべてのパーツでこの手順を繰り返します。

 

[重要!] オートアクションを適用する前に、一部のパーツに設定したレイヤー効果(境界線)を削除することを忘れないでください。

目やその他の小さなディテールには、最上位レイヤーで[テクスチャペン]を使って描画しました。

これで超簡単な切り絵風アートの完成です!

注:オートアクション実行後にパーツを編集したい場合、何度も[Ctrl+z]を押す必要があります。

 

元のレイヤーフォルダーをフォルダーから取り出すだけで済みます。

そして、オートアクションによって作成されたフォルダーを削除します。

 

編集が完了したら、再度オートアクションを適用できます。

Part 3:最終調整

このパートでは、一部のレイヤーに個別に調整を加える必要があります。

 

レイヤーフォルダーに名前を付け、色を付けても、画像が非常に詳細な場合、レイヤーを見つけるのに時間がかかります。

 

操作サブツールの[レイヤー選択]ツールを使用して、パーツをクリックして選択します。

 

色で塗りつぶされたレイヤーがアクティブになり、レイヤーフォルダーが展開されます。

フォルダーが見つかりました!これらのテクニックで結果を改善しましょう!

 

 

[[影を追加する]]

パーツの下に影を追加するのは非常に簡単です。

 

影レイヤーを移動するだけで、影の量を簡単に変えられます。

 

影レイヤーを選択し、[レイヤー移動]ツールで移動します。

[クリック位置のオブジェクトを移動]のチェックが外れていることを確認してください。

 

[[グラデーション効果を少し加える]]

エアブラシで簡単なグラデーション効果を作成します。

 

パーツグループを選択し、元のパーツフォルダーの上に新しいラスターレイヤーを作成します。

新しいレイヤーをフォルダーにクリッピングします。

エアブラシサブツールの[やわらか]エアブラシツールを使用します。

少し暗めの色を選び、クリッピングしたレイヤーに描画します。

重なり合ったパーツにも繰り返します。

 

これでより魅力的な仕上がりになりました ^_^

 

 

[[紙のテクスチャで最終調整]]

これは私のお気に入りのプロセスです!!! たった3秒で作品全体に紙の質感を与えましょう!

 

CLIP STUDIO ASSETSからこの水彩テクスチャ素材を使用します。

 

(私のお気に入りです!)

 

すべてのレイヤーを一つのフォルダーに入れます。

すべてのレイヤーを選択し、[Ctrl+g]を押すか、フォルダーアイコンにドラッグしてグループ化します。

 

素材ダウンロードパレットから水彩素材をドラッグし、フォルダーの上に配置します。

素材をアート全体を覆うように調整し、モードを[焼き込みカラー]に変更します。

レイヤーをコピーして、少し暗い効果を与えることもできます。

レイヤーフォルダーにクリッピングすると、効果がレイヤーフォルダーのみに表示され、背景には表示されません。

背景にもパックから水彩素材を追加しました。

 

そして完成です!!

この情報があなたのフラットスタイルアートのアイデアに役立つことを願っています!次のチュートリアルでお会いしましょう!!

コメント

新着

公式 新着