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

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

はやち

はやち

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

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

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

pagetop

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

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

写真を用意しよう

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

image

 

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

image2

パスを使おう

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

image3

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

image4

 

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

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

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

image4_2

チャンネルを使おう

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

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

image5

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

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

image6

 

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

image7

 

 

仕上げをしよう

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

image8

 

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

image9

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

 

image10

まとめ

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

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

 

 

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

はやち
はやち フロントエンドエンジニア / 林 佳代子

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

このメンバーの記事をもっと読む
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL