Photoshopチュートリアルめくれた感じを表現する

March 29th, 2007

Photoshopを使って影の調節など、ちょっとした工夫で、かなり立体感のある、いい感じのめくれを表現できますね～！

こういった、細かい部分にこだわったデザインって素敵ですね。。

っちゅわけで、Photoshopで写真とかステッカーがめくれた感じを表現するチュートリアルをまとめてみました。。

1. PSTUT

2. photoshop Lab

3. Veerle’s blog

4. Sigsource

5. Whits’ Photoshop Tutorials

めくれを表現するだけでも、いろいろな方法があるのですね。

っちゅうわけで、個人的に気に入った一番目のPSTUTさんのチュートリアルを簡単にご説明

1. セレクトツールで写真の大きさに選択。グラデーションツールを選んで左上から右下にドラッグ。そのとき、背景色は#F7F2E7にしておく。

2. 選択範囲を小さくする。(Altキー + S + M + C)もしくは、下の画像のように、[選択範囲]メニューから選択範囲を小さくします。この小さくする部分が、写真のふちになるのでお好きなピクセルサイズで小さくしてください。とりあえず4pxにしましたが･･･

3. 新しくレイヤーを追加して、縮小した選択範囲を塗りつぶす。

4. お好きな写真を追加して、クリッピングマスクをかけます。すると、3で塗りつぶした部分しか写真が見えなくなるはず。。

5. 写真にグラデーションをかけます。

6. レイヤー全部にロックをかけて、お好きな角度に傾けます。

7. 最初に描いたグラデーションのレイヤーをCtrlボタンを押しながら選択。すると、下のようにグラデーション部分が選択されるはず。

8. パスを追加します。

9. パスを変形します。この部分が最終的に影になります。

10. 変形したパスを選択部分に変換します。

11. 一番下に新規レイヤーを追加して、黒く塗りつぶします。

12. 塗りつぶした部分にぼかしをかけます。

今回はちょっと、難しかったかも？こんな感じでできました？？

Gary Baseman - ゲイリー・ベースマン mimobot 1GB USBフラッシュメモリ

価格（税込）: ￥ 5,750

Classic Treeson mimobot 1GB USBフラッシュメモリ

価格（税込）: ￥ 5,750

King by undoboy/Josh Spear Collective mimobot 1GB USBフラッシュメモリ

価格（税込）: ￥ 5,750

この記事に関連する記事

この記事のタグ

7 Responses to “Photoshopチュートリアルめくれた感じを表現する”

tu-san Says:
March 29th, 2007 at 11:29 am
ちょっと戸惑いましたがなんとかできました。
とても素敵ですね。

ありがとうございます
管理人 Says:
March 29th, 2007 at 1:08 pm
tu-sanさん
コメントいただきましてありがとうございます。これからも、使えるチュートリアル紹介する予定ですので、参考にしてみてくださいね！今後ともよろしくお願いいたします～！
Rasmus Badstue Says:
March 30th, 2007 at 2:36 am
Looks cool.. Maybe I’ll try it out. Thx for posting.
最新ITニュース：SpIT Says:
March 30th, 2007 at 3:50 pm
Photoshopチュートリアルめくれた感じを表現する

Photoshopを使って影の調節など、ちょっとした工夫で、かなり立体感のある、いい感じのめくれを表現できますね〜！こういった、細かい部分にこだわ…
管理人 Says:
March 30th, 2007 at 4:30 pm
Rasmus Badstueさん
Thanks for your comment! Your portfolio is also cool! I love a photo of your site header too…
Anonymous Says:
April 13th, 2007 at 8:22 pm
[5.]のステップで、右下にホワイトのグラデーションを加えるともっと自然。

そえｒと、黒のグラデーションはちょっときつすぎる気が…
管理人 Says:
April 14th, 2007 at 7:40 pm
匿名さん
ご指摘どうもありがとうございます。確かに、その方がずっと自然に見えますね。。

DesignWalker