Adobe認定トレーニングセンター

パペットワープで犬を笑顔にしてみる

Photoshop

犬を笑顔にしてみる

使用ソフト: Photoshop CS5  

動物はどんな表情をしていても可愛いですよね。
でもニッコリした表情だったらもっと可愛いと思いませんか?
今回は犬を笑顔にしてみましょう!

パペットワープ機能を使う

画像を用意する

元の寂しそうな表情の犬の画像
元の画像はキャバリアキングチャールズスパニエルです。
すでに充分可愛らしいですが、少し寂しそうな表情なので笑顔にしたいと思います!

背景を複製する

背景レイヤーを複製する
レイヤーパネルのパネルメニューから[レイヤーを複製]を選択します。

レイヤーを追加する

完成イメージをブラシで描く
レイヤーパネルから新規レイヤーを作成します。
レイヤー1がアクティブの状態で完成イメージをブラシで描きます。線は細い方があとの操作がしやすいです。

目の周りを選択する

背景を非表示にする
まず、レイヤーパネルの背景レイヤーを非表示にします。パペットワープで動かした時に見やすくしたいだけなので省いても大丈夫です。

動かしたい部分を選択
背景のコピー1をアクティブの状態にしてツールパネルから[なげなわツール]で目の周りを囲みます。
なげなわツールでなくとも選択ツールを使用してもよいですが、動かす対象の範囲を意識して選択します。
動かしたい対象物や対象部分以外が切りとられていて背景が透明になっている場合は選択は基本的には不要です。

パペットワープ!

メニューバーの編集からパペットワープを選択
メニューバーの編集から[パペットワープ]を選択します。
選択範囲内にメッシュがあらわれますが操り糸が画像にピタッと張り巡らせられた感じになります。

コントロールパネルの操作
コントロールパネルのモードは[標準]にしています。[変形]や[厳密]に切り替えると動き方が変わります。

ピンを打っていく
選択範囲内をクリックするとピンが置かれます。
今回は「支点としてかつ、動かしたいところ」にピンを打ちます。
打つ位置を間違えたり減らしたい場合はoption(alt)キーを押しながらピンにカーソルを合わせ、
ハサミアイコンに切り替わったらクリックすると削除可能です。
同じくoption(alt)キーを押しながらピンにカーソルを近づけると矢印のアイコンに切り替わるので選択ピンを支点に回転も可能です。

ピンをガイドに沿って動かしていく
ピンを打ったらいよいよ動かします。
クリックして選択されたピンは黒に変わり、クリックしたまま好きな場所に動かせます。
選択されていないピンの部分は固定されたままになります。
レイヤー1で作成したガイドに沿って、一個ずつ位置を動かします。
ピンが足りなかったら増やします。

ピンの間隔が狭い時のエラー
ピンを打つ間隔が狭いときにこんな表示がされることがあります。

コントロールパネルの操作
その時は表示の通り、コントロールパネルの密度を[ポイント数を増加]にします。
パペットワープでの変形が完了したら右側の円をクリックで操作確定です。

レイヤーパネルの操作
背景のコピーで変形をしたところは下の背景レイヤーが見えるので、背景レイヤーをアクティブにして[コピースタンプツール]で元の目の部分が見えなくなるように整えます。

完成

ニコニコ笑顔の犬
完成です。ニコニコ笑顔の犬になりました。

パペットワープの応用

パペットワープで太らせたプレイリードッグ
上の操作を応用するとこんな風に太らせたり体を曲げることも可能です。
操作のコツをつかめば表現の幅が広がりそうですね!

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. 手描き風のコーヒーの画像

    Photoshop

    写真を手描き風に加工してみよう

    今回はPhotoshopを使って写真を手描きのイラスト風に加工する方法…

  2. 描画モードについて

    Photoshop

    Photoshopの描画モードについて〜前編〜

    いきなりですが、Photoshopのは何種類あるかご存知でしょうか?…

  3. Photoshop

    選んだ色から選択範囲を作ろう[色域指定]

    色域指定とは色域指定とは、画像の中の特定の色を指定して、選択範囲を…

  4. Photoshop

    新機能は使えるのか?アートボードの追加

    フォトショップでデザインやドキュメントを作成する作業を複数のアートボー…

  5. Illustrator

    画像にフチをつけてみよう

    簡単に切り抜き画像にフチをつけられる方法の紹介です。まず、Ph…

  6. Photoshop

    レイヤーカンプの基本操作

    Photoshopのレイヤーカンプとは、レイヤーの表示/非表示などの状…

Language

CodeCamp

最近の記事

  1. コピースタンプ
  2. メビウスの輪
  3. 海外のフリー素材サイト
  4. カラーチャンネル
  5. シルクスクリーン
  1. Illustrator

    Tracing Hand Lettering in Illustrator
  2. Illustrator

    「鉛筆ツール」で直線を描こう!
  3. Photoshop

    The Basics of Layer Comps
  4. Photoshop

    「ぼかし」をかけよう!
  5. Illustrator

    What is “Tabs”?
PAGE TOP