影のつけ方いろいろ

最近では、アイコンや写真など、ものすごくクオリティの高いものが、無料でダウンロードできますね。。

もちろん、そのまま使ってもいいのですが、せっかくなので少し手を加えてみてはいかがでしょう?

っちゅうわけで、本日は影のつけ方をいろいろご紹介。。。

今回は、↓のようなRSSアイコンを元に影をつけてみました。
RSS icon



1. デフォルトのドロップシャドウ
Photoshopのデフォルトで設定されているドロップシャドウをつけてみました。。ちょっと重たい感じ?

RSS icon



2. シャドウの位置を変えてみる
シャドウの位置を真ん中に持ってきました。

RSS icon



3. エンボスを下に敷いてみる
同じシェイプで一回り大きな画像にエンボス加工して、凹ませてみました。。埋め込まれたボタンっぽくなったかな。。

RSS icon



4. 斜めにシャドウをつけてみる
斜めにシャドウをつけてみるとアイコンが立ってる感じに見えますね。。

RSS icon RSS icon



5. 下にシャドウをつけてみる
真下にシャドウをつけてみるとアイコンが浮いた感じに見えますね。。

RSS icon RSS icon



6. 反射させてみる
映りこんだように、アイコンを反射させてみてもいいかも。。

RSS icon



7. 反射+背景をつけてみる
背景をつけると映りこみがはっきりしますね。。

RSS icon



いろいろ試してみると楽しいですね。。

参考までに、今回作成したPSDファイル↓をアップしておいたので、ご自由にどうぞ~。

関連記事

コメントはまだありません

  1. 最近デザインの重要さになんとなく気づいてきたプログラマです。
    斜めの影で立って見えるってのは、当たり前のことなのかもしれませんが、私としては「確かに」と感心しました。

    ありがたくPSDファイル頂きます。

  2. petaさん
    コメントどうもありがとうございます。結構、当たり前のことを忘れてしまいがちなので・・・初心に立ち返ってみました。。petaさんは、プログラマの方だったのですね!!今後ともどうぞ宜しくお願いいたします!!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です