• LIGの広告成功事例
WEB

Photoshopのカンタン切り抜き術!(人物の髪の毛編)

Photoshopのカンタン切り抜き術!(人物の髪の毛編)

お久しぶりです、デザイナーのはやちです・:*三(    ε:)

LIGブログでのおなじみブログのアイキャッチ、sumple

ページトップの段田さんなど

pagetop

全ての基本は切抜きから始まっているのです・:*三(    ε:)

今回は画像加工の基本切抜きを紹介しようと思います。

写真を用意しよう

写真はできるだけ白背景のものを用意しましょう。

image

 

ちょいとトリミングしてこの部分だけしようします・:*三(    ε:)

image2

パスを使おう

まずペンツール(ショートカットキーは[P])を使用します・:*三(    ε:)

image3

髪とヒゲはおおまかに囲みます・:*三(    ε:)

image4

 

囲ったらマスクを作りましょう・:*三(    ε:)

これでおおまかに囲われたところだけ切り抜かれます。

ベースのレイヤーは色をつけておくとわかりやすいですよ・:*三(    ε:)

image4_2

チャンネルを使おう

ベースレイヤーを一旦非表示にしてチャンネルを使用します。

髪の毛の背景がわりと白に近いチャンネルをコピーしましょう・:*三(    ε:)

image5

コピーしたらメニューからイメージ→色調補正→レベル補正を選んでコントラストを強くします。

白の矢印と黒の矢印を中心にもっていくとコントラストが強くなります・:*三(    ε:)

image6

 

今のひろゆきはこんな感じ・:*三(    ε:)

image7

 

 

仕上げをしよう

チェンネルレイヤーの下にあるアイコンを押すと選択範囲が設定されます・:*三(    ε:)

image8

 

普通のレイヤーに戻りマスク上で白ブラシでいらない部分を消していきます・:*三(    ε:)

image9

これで完成です・:*三(    ε:)

 

image10

まとめ

クイック選択ツールもなかなか便利だったりしますがやはり髪の毛が細かく選択されないためもどかしく感じておりました。

チャンネルの使い方を覚えるとどんなにワックスで盛った髪型でもきれいに切り抜けるのでおすすめです・:*三(    ε:)

 

 

この記事を書いた人

はやち
はやち フロントエンドエンジニア 2010年入社
フロントエンドエンジニアのはやちです( ˘ω˘)☝
以前までは顔隠しておりましたが思い切ることにしました…。
相変わらず顔文字乱舞ですがブログもコーディングも楽しくやっていこうと思います✌(´ʘ‿ʘ`)✌
今までに作ったDemoたちはGithubにて公開しております!よろしければ是非( ˘ω˘)☞三☞シュッシュッ

こちらもおすすめ

世界一わかりやすいPhotoshop 操作とデザインの教科書 (世界一わかりやすい教科書)

世界一わかりやすいPhotoshop 操作とデザインの教科書 (世界一わかりやすい教科書)

  • 著者柘植 ヒロポン,上原 ゼンジ,吉田 浩章,大西 すみこ,坂本 可南子
  • 価格¥ 2,462(2016/01/15 10:46時点)
  • 出版日2014/01/23
  • 商品ランキング2,671位
  • 大型本288ページ
  • ISBN-104774162590
  • ISBN-139784774162591
  • 出版社技術評論社