影のつけ方いろいろ
最近では、アイコンや写真など、ものすごくクオリティの高いものが、無料でダウンロードできますね。。
もちろん、そのまま使ってもいいのですが、せっかくなので少し手を加えてみてはいかがでしょう？
っちゅうわけで、本日は影のつけ方をいろいろご紹介。。。
今回は、↓のようなRSSアイコンを元に影をつけてみました。
1. デフォルトのドロップシャドウ
Photoshopのデフォルトで設定されているドロップシャドウをつけてみました。。ちょっと重たい感じ？
2. シャドウの位置を変えてみる
シャドウの位置を真ん中に持ってきました。
3. エンボスを下に敷いてみる
同じシェイプで一回り大きな画像にエンボス加工して、凹ませてみました。。埋め込まれたボタンっぽくなったかな。。
4. 斜めにシャドウをつけてみる
斜めにシャドウをつけてみるとアイコンが立ってる感じに見えますね。。
5. 下にシャドウをつけてみる
真下にシャドウをつけてみるとアイコンが浮いた感じに見えますね。。
6. 反射させてみる
映りこんだように、アイコンを反射させてみてもいいかも。。
7. 反射＋背景をつけてみる
背景をつけると映りこみがはっきりしますね。。
いろいろ試してみると楽しいですね。。
参考までに、今回作成したPSDファイル↓をアップしておいたので、ご自由にどうぞ～。
|
|
|
この記事に関連する記事
![Web creators (ウェブクリエイターズ) 2008年 10月号 [雑誌]](http://ecx.images-amazon.com/images/I/51VGsA-4aJL._SL75_.jpg)
![Web Designing (ウェブデザイニング) 2008年 09月号 [雑誌]](http://ecx.images-amazon.com/images/I/518kQgLKnxL._SL75_.jpg)
![Web creators (ウェブクリエイターズ) 2008年 09月号 [雑誌]](http://ecx.images-amazon.com/images/I/517QVsIHXtL._SL75_.jpg)
August 5th, 2007 at 2:14 am
最近デザインの重要さになんとなく気づいてきたプログラマです。
斜めの影で立って見えるってのは、当たり前のことなのかもしれませんが、私としては「確かに」と感心しました。
ありがたくPSDファイル頂きます。
August 8th, 2007 at 3:41 pm
petaさん
コメントどうもありがとうございます。結構、当たり前のことを忘れてしまいがちなので・・・初心に立ち返ってみました。。petaさんは、プログラマの方だったのですね！！今後ともどうぞ宜しくお願いいたします！！