影のつけ方いろいろ

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

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

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

今回は、↓のような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ファイル↓をアップしておいたので、ご自由にどうぞ~。


PSD File

デザインblogランキング

コメント No Comments »   はてなブックマーク   del.icio.us

この記事に関連する記事



No Responses to “影のつけ方いろいろ”

  1. peta Says:

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

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

  2. 管理人 Says:

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

この記事に対するコメントを残す




この記事のトラックバックURL

広告掲載のお問い合わせはこちら

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ