前の記事 ≪:2009年12月7日 管理人のブックマーク
次の記事 ≫:JavaScriptなしでCSSのみで実現するクールなドロップダウンのサンプル

いつもと違うよりリアルなドロップダウンシャドウを描画するPhotoshopチュートリアル

2009年12月08日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
いつもと違うよりリアルなドロップダウンシャドウを描画するPhotoshopチュートリアル。
Photoshopのレイヤー効果などで描画した影は以下のように、これはこれでよいのですが、面が宙を浮いているようにみえます。


ということで、レイヤー効果をつけた後、レイヤーをラスタライズし、次のように円形選択ツールで4つの辺を削ってみると、すこし硬めの紙を平面に置いたようなよりリアルな感じを出すことができます。



これは微々たる違いではありますが、比較するとこっちのほうがリアルに感じますね。
実際に写真を当てはめてみた図が以下です。



以下のエントリを参照してください。
Better Drop Shadows in Photoshop | Design Reviver

関連エントリ
関連の記事検索:Photoshop, チュートリアル, デザイン, Webデザイン, 写真
スポンサード リンク

By.KJ : 2009年12月08日 09:02 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)