初心者のWEBデザイン

HTML,CSS、その他WEBデザインに関する事を記述していきます

20150411143621

Photoshop 切り抜き画像を作成する

通常は背景にテキストやオブジェクトを置いて画像やバナーなどを作成することがあります。
今回は背景の上に乗せるテイストやオブジェクトの形に沿って切り取る画像を作成します。


今回は画像の素材を使います。
f:id:bellsmarket:20150510153613p:plain

Photoshopのファイルを新規作成し、背景の上に新規レイヤーを作成します。
背景と同じ色で塗りつぶししておきます。

文字やテキストのレイヤーをどれでも良いのでサムネイルの上で
command押しながらクリックします。
f:id:bellsmarket:20150510153624p:plain
これでクリックしたレイヤーの形で選択範囲が取れました。
更に他のレイヤーもcommand + Shiftを押しながらクリックしていきます。
f:id:bellsmarket:20150510153628p:plain
全てのレイヤーやテキストが選択できたら一番最初に作った背景の上のレイヤーを選択しdeleteを押します。
f:id:bellsmarket:20150510153632p:plain

これでテキストやレイヤーを非表示にしてあげると切り抜き画像の出来上がりです。f:id:bellsmarket:20150510153636p:plain

topへ戻る