Home > making > ペイントツールSAI でデニム塗り講座

ペイントツールSAI でデニム塗り講座

ペイントツールSAI でデニム塗り講座 完成品

ペイントツールSAI 』 を使用した、デニム生地なホットパンツの塗り方を解説しています。
原寸大の画像を多用していますのでご注意ください。

ショートカット

  1. ペン入れ
  2. 下地
  3. パーツ作成
  4. 1
  5. 2
  6. 3
  7. 折り返し 影1
  8. 折り返し 影2
  9. デニムテクスチャ
  10. 【 補足解説 】 完成時のレイヤーセット内の状態
  11. 【 補足解説 】 Photoshop でテクスチャを敷き詰める方法

ペン入れ

ホットパンツレイヤーセット新規作成
『 ホットパンツ 』 レイヤーセットを新規作成。
線画レイヤー新規作成
『 線画 』 レイヤーを新規作成。 鉛筆ツールでペン入れします。 便宜上、『 しわ 』 はレイヤーを分けてあります。
鉛筆ツール設定
鉛筆ツールの設定は上のとおりです。 基本的に [ ブラシサイズ:2.0 ] [ 最小サイズ:100% ] 設定ですが、しわのように入り抜きが必要な部分では [ 最小サイズ:0% ] を使用します。
線画レイヤーを領域検出元に指定 自動選択ツール設定
最後に、『 線画 』 レイヤーを [ 領域検出元に指定 ] します。
すると、自動選択ツールの [ 領域検出元 ] を [ 検出元に指定したレイヤー ] に設定した際に、どのレイヤーで作業していても常に 『 線画 』 レイヤーの透明領域を選択することが出来るので、作業効率 UP にオススメです。
ペン入れ終了
以上で、ペン入れ終了です。

下地

ホットパンツレイヤー新規作成
『 ホットパンツ 』 レイヤーを新規作成。
はみ出し選択領域の削除 ホットパンツ 下地
投げ縄ツールで大雑把に領域を選択後、Alt キー+自動選択ツールではみ出し領域を削除、その他細かい点を選択ペンで修正し、任意の色 ( 今回使用した色は RGB: 93,105,130 です ) で塗り潰します。 このとき、次に作成する 『 折り返し 』 レイヤーと重なる部分のはみ出しはそのままにしておきます。 そうすることで、色の隙間なく仕上げることが出来ます。
折り返しレイヤー新規作成 下地塗り終了
『 折り返し 』 レイヤーを新規作成。 同様に塗ります。 使用した色は RGB: 157,167,184 です。
以上で、下地塗り終了です。

パーツ作成

選択パーツレイヤーセット新規作成
『 選択パーツ 』 レイヤーセットを新規作成。 『 ホットパンツ 』 レイヤーでクリッピングします。
パーツ1レイヤー新規作成 パーツ作成過程 選択パーツレイヤーセット内
『 パーツ1 』 レイヤーを新規作成。 自動選択ツールで一つ目のパーツを選択、選択ペンで縁の選択漏れを埋め、任意の色で塗りつぶします。 これをすべてのパーツで繰り返します。
以上で、選択パーツ作成終了です。
が、『 選択パーツ 』 レイヤーセットを表示したままでは着色の際に邪魔になるので、レイヤーセット左横の 『 目アイコン 』 をクリックして、非表示にしておきます。

1

影1レイヤー新規作成 影1着色過程
『 影1 』 レイヤーを新規作成、下のレイヤーでクリッピング。 合成モードを 『 乗算 』 に変更します。
先ほど作成した 『 選択パーツ 』 レイヤーセット内の 『 パーツ1 』 レイヤーの領域を Ctrl+サムネールクリックで読み込み、鉛筆ツールと水彩筆を使用して影を塗ります。 これをすべてのパーツで繰り返します。 使用した色は RGB: 165,165,165 です。
水彩筆設定
愛用している水彩筆設定は上のとおりです。
影を塗るときは、まず鉛筆ツールで小さめに色を置き、水彩筆で入りは心持ち力強く、抜きは優しく伸ばしていきます。
影1終了
以上で、『 影1 』 の塗りを終了しました。

2

影2レイヤー新規作成 影2着色過程
『 影2 』 レイヤーを新規作成、下のレイヤーでクリッピング。 合成モードを 『 乗算 』 に変更します。
『 影1 』 レイヤーの領域を Ctrl+サムネールクリックで読み込み、鉛筆ツールと水彩筆を使用して影を塗ります。 そうすることで、『 影1 』 レイヤーで着色した部分のみを更に塗り込んでいくことが出来ます。
以上で、『 影2 』 の塗りを終了しました。

3

影3レイヤー新規作成 影3着色過程
『 影3 』 レイヤーを新規作成、下のレイヤーでクリッピング。 合成モードを 『 乗算 』 に変更します。
『 選択パーツ 』 レイヤーセット内の 『 パーツ1 』 レイヤーの領域を Ctrl+サムネールクリックで読み込み、大きめのエアブラシツールで影を塗ります。 これをすべてのパーツで繰り返します ( 上の画像では、判り易いように、『 影1 』 『 影2 』 レイヤーは非表示にしてあります )。
ホットパンツ 影
『 影1 』 『 影2 』 『 影3 』 レイヤーをすべて表示した状態です。

折り返し 影1

影1レイヤー新規作成 折り返し 影1終了
『 影1 』 レイヤーを新規作成、下のレイヤーでクリッピング。 合成モードを 『 乗算 』 に変更します。
鉛筆ツールと水彩筆を使用して影を塗ります。 使用した色は RGB: 157,157,157 です。

折り返し 影2

影2レイヤー新規作成 影2着色過程
『 影2 』 レイヤーを新規作成、下のレイヤーでクリッピング。 合成モードを 『 乗算 』 に変更します。
『 影1 』 レイヤーの領域を Ctrl+サムネールクリックで読み込み、鉛筆ツールと水彩筆を使用して影を塗ります。
以上で、ホットパンツの塗りを終了しました。

デニムテクスチャ

デニムテクスチャ
ダストさんのサイト 『 hineck 』 にて 配布されているテクスチャ の一つ、デニムテクスチャを使用します。 今回は、本来のテクスチャの利用方法と違い、WEB 用素材の壁紙のように敷き詰めるやり方を用います。
デスクトップのプロパティ
Photoshop であれば簡単に敷き詰められる のですが、SAI では残念ながら同様の機能は実装されていないため、代替手段としてまず、デスクトップ上で右クリック → プロパティ → 画面のプロパティ → デスクトップ の手順で、保存したデニムテクスチャを [ 参照 ] ボタンから選択し、デスクトップの壁紙として敷き詰めます。 このとき、[ 表示位置 ] は必ず [ 並べて表示 ] にしてください。
次に、キーボードの右上にある Print Screen または Prt Sc キーを押し、画面をキャプチャします。 すると、デスクトップがまるっとコピーされるので、
新規キャンバス作成
SAI へ戻り ファイル → 新規キャンバス → 幅:900×高さ:900pixel ( このときのサイズは、テクスチャを貼りたい絵のサイズによって適宜変更してください ) の手順でキャンバスを新規作成、CtrlV で先ほどコピーしたデスクトップの画面を貼り付けます。
デスクトップの画面を貼り付けた状態 レイヤーを移動させた状態
デスクトップのアイコンまでキャンバス内に入ってしまっているので、レイヤー移動ツールでテクスチャのみのキャンバスになるよう移動させます。
キャンバスの解像度変更
このままではテクスチャの柄の大きさが絵に対して大きすぎるので、もっと細かいデニムっぽさを出すため、キャンバス → キャンバスの解像度変更 → 横ピクセル数縦ピクセル数:20% の手順で、テクスチャを縮小します。
これを、ファイル → キャンバスを保存 の手順で、名前を付けて保存します。
デニムテクスチャ貼り付け過程 テクスチャレイヤーは影レイヤーよりも上に置く
『 デニムテクスチャ 』 キャンバスを CtrlA で全て選択、CtrlCでコピー。 『 ホットパンツ 』 キャンバスに CtrlV で貼り付け、矩形ツールでテクスチャをパーツに沿って回転させます。
『 選択パーツ 』 レイヤーセット内の 『 パーツ1 』 レイヤーの領域を Ctrl+サムネールクリックで読み込み、選択 → 選択領域の反転 の手順で選択領域を反転、CtrlX ではみ出し部分をカットします。 これをすべてのパーツで繰り返し、『 ホットパンツ 』 レイヤーでクリッピングします。
合成モードをオーバーレイに変更し、不透明度を下げる 合成モードをオーバーレイに変更し、不透明度を下げる
『 デニムテクスチャ 』 レイヤーの合成モードをオーバーレイに変更します。 このままでは効果がドギツイため、不透明度を15%まで下げます。 同様に 『 折り返し 』 レイヤーにもテクスチャを貼り、こちらは不透明度を10%まで下げます。
ホットパンツ完成!
以上で、ホットパンツの完成です!

レイヤーセット内の状態

レイヤーセット内 選択パーツレイヤーセット内
完成時のレイヤーセット内の状態は上のとおりです。
SAI はレイヤーセット内にレイヤーセットを作成することが出来るうえ、レイヤーセットごと下のレイヤーでクリッピングすることも出来て便利ですね!

Photoshop でテクスチャ

SAI では前述の方法でテクスチャを壁紙のように敷き詰めましたが、今回は Photoshop でのやり方を解説します。

パターンを定義
ダウンロードしたデニムテクスチャを開き、イメージ → モード → RGB カラー の手順でモードを変更、CtrlA ですべてを選択、編集 → パターンを定義 → パターン名:デニム の手順でテクスチャを登録します。
ファイルを新規作成
次に、ファイル → 新規 → 幅:900×高さ:900pixel の手順でファイルを新規作成。
定義したパターンで塗りつぶし
編集 → 塗りつぶし → 使用:パターン → カスタムパターン の手順で、先ほど登録したデニムテクスチャを選択すると、ファイルがテクスチャで塗りつぶされます。 その後は前述のとおりです。

以上で、本講座は終了です。 最後まで読んでくださってありがとうございました!

関連エントリー

  1. 君に着せたい10の衣装 ホットパンツ&着ぐるみ

Data Information

WebClap
いいんじゃない?いいねいいよいいよーGJ !最高 !! 58
Date
2008-09-24 22:52
Category
making
Tags
/ /

Comments / Trackbacks

Comment Form

Trackback URL
http://eclucifer.net/making/2008092401.html/trackback/