【キャラ魅せ】服にイラストや柄を合わせる【加工】

服のデザインを適用させたいキャラクターのレイヤーを複製します。

 キャラレイヤー(服レイヤー)を選択し、レイヤーメニューを展開

 「レイヤーを複製」を選択

 「レイヤーを複製」のポップアップメニューが開くので、「保存先」の「ドキュメント」を「新規」にしましょう。

名前は適当でOK。

「新規」にて複製をすると、自動的にpsdデータとして別タブでファイルが展開されます。
(↓スクショ内「characterT」のファイル名が該当ファイルです。)

ここから服の形状やシワの識別化の作業を行います。

複製しpsdとして展開されたキャラクターレイヤーを、グレースケール化します。

 メニューバー「イメージ」→「色調補正」→「グレースケール」

 「廃棄」でOK

 グレースケール化できた！

グレースケール化したレイヤーを「characterT.psd」として保存します。

デザインとなるイラストが大きかったので縮小しました。

デザインを服の面に合わせて変形するのですが、やり直しが効くよう複製しておくのがおすすめです。

スマートオブジェクトの場合は、複製をラスタライズします。

 メニューバー「編集」→「ラスタライズ」→「スマートオブジェクト」

複製をしたら、元レイヤーは変形の邪魔になるので非表示にしておきましょう。

複製したデザインレイヤーを選択した状態で、
 メニューバー「編集」→「自由変形」または「多方向に伸縮」で変形していきます。

自由変形や多方向に伸縮で服の面に沿って変形させます。

ざっくりでOK

 メニューバー「フィルター」→「変形」→「置き換え」を選択。

 以下のような設定で「OK」します。

「水平比率」＆「垂直比率」の数値が大きくなるほど、変形度合いが強くなります。

先ほどグレースケールとして保存したpsdを、変形の参照として読み込みます。

置き換え変形後、レイヤーモードを「焼き込みリニア」に変更しました。

グレースケールpsdをクリスタで開きます。

※右クリックでファイル展開オプションからクリスタから開いてください。

このままでは影が薄すぎる部分があるので、影の存在感が物足りない方はレベル補正などでコントラストを上げておくと良いかもしれません。

コントラストを上げたら、階調の反転をします。

 メニューバー「編集」→「色調補正」→「階調の反転」

 メニューバー「編集」→「輝度を透明度に変換」で白部分を透明にします。

ちなみに、Photoshopだとこの白抜き手順が面倒なためクリスタで開いています。

クリッピングまたは不透明度を保護にロックをかけて塗りつぶします。

何色でもOKですが、白orある程度色がある方が後の調整で手順が省きやすいです。

以上の手順で編集したら、透明度を残せる形式で保存します。

おすすめは「png」または「psd」
※.clipデータはPhotoshopで読み込めないので❌
※psdで保存する際は、グレースケールpsdと別名で保存しましょう！
ちなみに、今回はpngで保存したので、同じ名前で保存しています。

ここで作ったデータがハイライト部分になります。

前工程で作ったハイライトの素となるデータを読み込みます。

形式などによって、貼り付けた際サイズが変わっている場合があるのでご注意ください。

服のデザインにクリッピングを作成(macではoption＋Command＋G)します。

レイヤーパレット右上のレイヤーオプションからでも可能です。

 クリッピング後

クリッピングをしたら、色調補正で色を白に近い色味に変更します。
※Photoshopなら、あとから調整できます。

レイヤーモードを「スクリーン」に変更しました。←最終調整「覆い焼きカラー」に変わります。参考程度に。。

このままだと、印象が薄くなっただけなので
色相・彩度調整した際に作られたマスクをグラデーション式に消します。

「色相・彩度」の上にある白い四角「スマートフィルター」がマスクです。

色相・彩度効果のマスク範囲を選択します。

「スマートフィルター」という名前の左隣にある白い四角をクリックして、マスクを選択状態にします。

 マスクを選択にすると、↓のように四角に細い枠がつきます。

グラデーションツールを選択し、ドラッグでグラデーションをかけます。

服デザインの幅くらいのながさでドラッグします。

マスクにグラデーションがかかっていれば、白い四角だったアイコンが白黒のグラデーションになっているかと思います。

白部分が色相・彩度効果が適用された部分になっています。