Photoshopチュートリアル めくれた感じを表現する
Photoshopを使って影の調節など、ちょっとした工夫で、かなり立体感のある、いい感じのめくれを表現できますね～！
こういった、細かい部分にこだわったデザインって素敵ですね。。
っちゅわけで、Photoshopで写真とかステッカーがめくれた感じを表現するチュートリアルをまとめてみました。。
1. PSTUT
4. Sigsource
めくれを表現するだけでも、いろいろな方法があるのですね。
っちゅうわけで、個人的に気に入った一番目のPSTUTさんのチュートリアルを簡単にご説明
1. セレクトツールで写真の大きさに選択。グラデーションツールを選んで左上から右下にドラッグ。そのとき、背景色は#F7F2E7にしておく。
2. 選択範囲を小さくする。(Altキー + S + M + C)もしくは、下の画像のように、[選択範囲]メニューから選択範囲を小さくします。この小さくする部分が、写真のふちになるのでお好きなピクセルサイズで小さくしてください。とりあえず4pxにしましたが･･･
3. 新しくレイヤーを追加して、縮小した選択範囲を塗りつぶす。
4. お好きな写真を追加して、クリッピングマスクをかけます。すると、3で塗りつぶした部分しか写真が見えなくなるはず。。
5. 写真にグラデーションをかけます。
6. レイヤー全部にロックをかけて、お好きな角度に傾けます。
7. 最初に描いたグラデーションのレイヤーをCtrlボタンを押しながら選択。すると、下のようにグラデーション部分が選択されるはず。
8. パスを追加します。
9. パスを変形します。この部分が最終的に影になります。
10. 変形したパスを選択部分に変換します。
11. 一番下に新規レイヤーを追加して、黒く塗りつぶします。
12. 塗りつぶした部分にぼかしをかけます。
今回はちょっと、難しかったかも？こんな感じでできました？？
|
|
|
3月 29th, 2007 at 11:29 AM
ちょっと戸惑いましたがなんとかできました。
とても素敵ですね。
ありがとうございます
3月 29th, 2007 at 1:08 PM
tu-sanさん
コメントいただきましてありがとうございます。これからも、使えるチュートリアル紹介する予定ですので、参考にしてみてくださいね！今後ともよろしくお願いいたします～！
3月 30th, 2007 at 2:36 AM
Looks cool.. Maybe I’ll try it out. Thx for posting.
3月 30th, 2007 at 3:50 PM
Photoshopチュートリアル めくれた感じを表現する
Photoshopを使って影の調節など、ちょっとした工夫で、かなり立体感のある、いい感じのめくれを表現できますね〜！こういった、細かい部分にこだわ…
3月 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…
4月 13th, 2007 at 8:22 PM
[5.]のステップで、右下にホワイトのグラデーションを加えるともっと自然。
そえｒと、黒のグラデーションはちょっときつすぎる気が…
4月 14th, 2007 at 7:40 PM
匿名さん
ご指摘どうもありがとうございます。確かに、その方がずっと自然に見えますね。。
11月 29th, 2008 at 4:50 AM
[...] AddClipsType=’3′; AddClipsVerticalAlign=’middle’; AddClipsDefault=’bookmark’; AddClipsMode=’popup’; Photoshopチュートリアル めくれた感じを表現する – DesignWalker via [...]
11月 8th, 2009 at 5:48 PM
[...] こちらとかあちらとかでチュートリアルが紹介されていますが、 [...]
11月 30th, 2009 at 10:42 AM
[...] Photoshopチュートリアル めくれた感じを表現する | DesignWalker (tags: Photoshop チュートリアル) [...]