TNOO LINK
☜ Home
☜ CUSTOMIZE NOTE

☂ アイコン用素材(.png)の作成

2006/10/29
ここでは私が普段行っている Photshop CS での作業工程を記していきますが、必要無いと感じたら、その工程は省いてください。 独学で覚えてきた作業ですので、間違い&非効率的な作業法があると思いますがご容赦願います。
著作権のことなどかなり問題があるページですので早めに内容を変更しなければ..
とりあえず宣伝を..  ☞ ティム・バートンのコープスブライド
TNOO(snou)管理人
☞ メール

SS1
元になる画像を調達しましたら、レタッチソフト(私はPhotoshop CS)で開きます。
(素材: ttp://wwws.warnerbros.es/corpsebride/ トップにある画像)

SS1
背景画像を新規レイヤー作成ボタンへドラッグして「背景画像のコピー」を作ります。

SS1
「背景画像のコピー」を多角形選択ツールなどで出来るだけ丁寧に切り抜きます。
私は結構アバウトに切り抜いています.. (汗)

SS1
切抜きましたら、色んな背景色と合わせて確認します。
うまく出来なくても次の輪郭などで手直しするので、あまり神経質にならなくてもOKです。

SS1
「背景画像のコピー」レイヤーを複製します。
自動選択ツールで外側を選択します。
選択範囲を反転します。[Shift+Ctrl+I]

SS6
SS6b
選択範囲を1px縮小します。

SS6
SS6b
境界を1pxぼかします。

SS6
SS6b
これで輪郭が出来ましたので「乗算」で重ねてみます。
通常はこのくらいでいい感じになります。
黒色などで輪郭を描いても良いですが..この方が自然な輪郭になるような気がしています。
このレイヤーの透明ピクセルをロックして塗りつぶせば単色の輪郭にもなりますので、この輪郭レイヤーは、結構使えると思います。


☂ 影を付けてみましょう。

SS6
背景のコピーを複製します。
「色相・彩度」で明度を -100 にして真っ黒にします。[Ctrl+U]

SS6
SS6
「変形(A)」⇒「自由な形に(D)」で好きな形に変形します。

SS6
その影用レイヤーを、左へ移動します。
移動には、キーボードの [矢印]キー を使います。こうすると真っ直ぐ1pxずつ移動できます。
この場合は1pxづつでは効率が悪すぎますので、[Shift]キー を押しながら [矢印]キー で移動する方が良いと思います。
多角形選択ツールなどで適当に影の外側を範囲選択します。
選択範囲の境界を適当にぼかし [Delete]キー を押します。(今回は20pxぼかしました)

SS6
元の位置へ戻し、「フィルタ(T)」⇒「ぼかし(ガウス)」を 1.0 ほど適用します。
「レイヤーのマスター不透明度設定」を80%くらいにします。(私はCSなので内部の方も同じ設定にしました。)

SS6
背景のコピーの足元だけを適当にコピーして、「フィルタ(T)」⇒「ぼかし(ガウス)」を 1.0 ほど適用します。
※参考画像では、見易いように下へ移動して表示しています。

SS6
こんな感じです。
後は、自分が気に入るように質感をつけるなどします。

SS6
最後に、確認用に表示している背景色のレイヤーを非表示にして「PNG形式」で名前を付けて保存します。
「イメージ(I)」⇒「画像解像度(I)」で 必要なサイズにして保存していきます。
小さくするとボケてきますので、適当に「フィルタ(T)」⇒「シャープ」⇒「アンシャープマスク」をかけたりします。


作業の流れはこんな感じです。
何時になるかワカリマセンが、後でもう少し詳しくやりたいとは思っています。

☜ CUSTOMIZE NOTE