ちょっとしたPhotoshop講座（その1）

いざという時に役立つ、ちょっとしたPhotoshop講座です。

わりと初級な内容ですので、どっぷりとPhotoshopに浸っている上級の方には物足りないです。


さて、初回の今日は「写真などの画像を角丸に切る」です。



↑例えばこのような画像です。


では順を追って解説いきます。
※ちなみにこの講座はCS3での解説ですのであしからず。


1.元画像を用意
作りたいものの元となる画像をPhotoshopへ。
「レイヤー」メニューから「新規」→「背景からレイヤーへ」でレイヤー化しておきます。




2.新規レイヤーを作成
「レイヤー」メニューから「新規」→「レイヤー」で、角丸用に新規レイヤーを用意して、レイヤーパレットで元画像の下層へ移動させます。




3.角丸を作成
先ほど作成した新規レイヤーを選択しておきます。
次にツールメニューから長方形ツールを長押しして、角丸ツールを起動させます。
そのままドラッグで角丸を描画します。
描画した後は移動ツールを使いカンバス内の適宜の大きさに合わせます。







4.クリッピングマスクを適用
レイヤーパレットで元画像のレイヤーを選択して、「レイヤー」メニューから「クリッピングマスクを作成」を選択します。







以上で完成です。
あとは切り取りツールなどで余分なスペースをカットして、web用に保存しましょう。
背景画像を生かしたい場合などはgifや透過pngなどで保存すればOKです。

要するに透明部分をもった画像なりシェイプなりを下のレイヤーに置いて、上のレイヤーでクリッピングマスクを作成すればOKという訳です。

これを応用すれば、いろんな形に切り抜いた画像が作成できますね。

ここぞというポイントでぜひお使いください。