考え、感じる、Web制作。

Web制作の学習や情報についての記事が中心です。

Photoshopの学習 第6回

写真をパズルのピースのように分解

今回はPhotoshopを用い、女性の顔をパズルのピースのように分解する処理を学ぶ。
f:id:ys_nim_9:20141220202452j:plain

罫線を描く

  1. 女性の顔画像を背景として開く。
  2. 背景レイヤーをコピー。
  3. 色調を調整し、明るめにする。
  4. 新規レイヤーを40x40、背景黒で開く。
  5. 新規レイヤーを作り、鉛筆ツールで白いL字の線を描く。
  6. 黒いレイヤーを不可視にし、編集>パターンを定義。
  7. 女性の顔のファイルに戻り、編集>塗りつぶしで、先ほど定義したパターンで塗りつぶす。

f:id:ys_nim_9:20141220202436j:plain

  1. 長方形選択ツールを持ち、顔に掛かっていない罫線をdeleteで消す。
  2. 編集>変形>ワープで、顔に沿った形状に罫線を変形させる。
  3. レイヤーマスクをかけ、流量を下げたブラシで外周をぼやけさせる。

f:id:ys_nim_9:20141220202352j:plain

顔に穴を開ける

  1. パスツールで、罫線に沿ってパスを取る。
  2. パスパネルを表示し、アイコンをctrl+クリックでパスを選択範囲に変える。
  3. 新規レイヤーを作り、ctrl+deleteで選択範囲を黒く塗りつぶす。
  4. レイヤー>レイヤースタイル>ベベルとエンボスをクリック。
  5. ベベル(内側)、滑らかに、深さ1000%、角度20度、包括光源を使用のチェックをはずす、ハイライトのモードの色を肌色に。

f:id:ys_nim_9:20141220202551j:plain

  1. この作業を繰り返す。位置によって角度だけ変更していく。

f:id:ys_nim_9:20141220203035j:plain

穴から飛び出した画像

  1. 移動ツールを持ち、穴の画像をctrl+クリック。
  2. レイヤーのサムネイルをctrl+クリック。
  3. 新規アクション、skin_excludeで作成。
  4. 背景のコピーレイヤーを選択し、コピー。
  5. →キーを1度だけ押下する。
  6. アクションの記録を停止。
  7. 記録したアクションを10回繰り返し、一番上を残してレイヤーを結合。
  8. 結合したレイヤーに対し、パターンオーバーレイをメタルランドスケープでかける。

f:id:ys_nim_9:20141220202941j:plain

  1. さらに、グラデーションオーバーレイで皮膚らしい着色、不透明度を80にしてパターンを透けさせる。

f:id:ys_nim_9:20141220202930j:plain

  1. 結合しなかった一番上のレイヤーには、ベベルをかける。
  2. ベベル内側、下へ、サイズ2px、角度-25度、包括光源を使用しない、ハイライトはハードミックスの白、シャドウは不透明度を0に。

f:id:ys_nim_9:20141220204940j:plain

  1. この処理を穴の数だけ繰り返す。

f:id:ys_nim_9:20141220203000j:plain

暗いセルを作る

  1. 罫線に沿ってパスを書く。
  2. 背景のコピーレイヤーを選択。
  3. 色調補正パネルから明るさ・コントラストを調整。
  4. 色調補正レイヤーを選択した状態で、新たに罫線に沿ってパスを描く。
  5. パスパネルの上でctrl+クリックし、パスを選択範囲に変える。
  6. ブラシに持ち替え、選択箇所を塗りつぶすと、塗った部位に色調補正が反映される。

f:id:ys_nim_9:20141220203841p:plain

仕上げ

  1. 新規レイヤーを黒で塗りつぶし、背景のコピーの下に配置する。
  2. 新規フォルダを作り、レイヤーマスクをクリック。
  3. 右端にグラデーションを入れる。
  4. 30 Heads Up Display [Hi_Res_Ps Brush]というブラシで仕上げ。

f:id:ys_nim_9:20141220205004j:plain

ポイント

仕上がりの美しさは手数に比例する。細部まで行き渡った作業を積み重ね、仕上がりの精度を上げていくことが重要となる。適切なエフェクトを試行錯誤しながら探し出すといった姿勢も重要である。一方、作業効率向上をアクションなどの機能で補い、工数を有効活用できるよう配慮する。