DesignWalker RSS フィード

影のつけ方いろいろ

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

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

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

今回は、↓のような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ランキング

この記事に関連する記事

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


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

  1. peta Says:

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

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

  2. 管理人 Says:

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

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




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


IT PLUS

IT-PLUS 連載『ウェブデザインの力』

今回のテーマは…。『新ブラウザー「クローム」はデザイナーの悩みの種!?』です。先日、Googleから公開された新しいオープンソースブラウザGoogle Chrome。みなさんはもう試されましたか?
2008-09-10

Web creators (ウェブクリエイターズ) 2008年 10月号 [雑誌]

Web creators (ウェブクリエイターズ) 2008年 10月号 [雑誌]

連載 海外Web制作事情『Webを制する者は、選挙を制す? アメリカ大統領選挙Web事情』11月に控えたアメリカ大統領選挙。オバマ、マケイン両候補者のWebにかける意気込みは、なかなかすごいです。
2008-08-29

IT PLUS

IT-PLUS 連載『ウェブデザインの力』

今回のテーマは…。『企業のロゴデザインに込められた意味』です。ロゴについて、いろいろと書かせていただきました。。
2008-08-27

Web Designing (ウェブデザイニング) 2008年 09月号 [雑誌]

Web Designing (ウェブデザイニング) 2008年 09月号

特集 『透過PNG+CSSデザインがやってきた!』今回は、特集記事を書かせていただきました!透過PNGを使った、とってもきれいなサイトをご紹介。
毎日コミュニケーションズ
2008-08-18

Web creators (ウェブクリエイターズ) 2008年 09月号 [雑誌]

Web creators (ウェブクリエイターズ) 2008年 09月号 [雑誌]

連載 海外Web制作事情『アメリカのEC事情』 今回は、アメリカのEコマース事情をご紹介させていただきました。
2008-07-29

デザインウォーカー はてなRSSへ追加 Livedoorへ追加 Google Readerへ追加 My Yahooへ追加 Add to netvibes Powered by FeedBurner

カテゴリーアーカイブ

ご質問ポスト

ご意見、ご感想などなど、管理人にお問い合わせはこちらのメール送信フォームからどうぞ~。

最近の記事

DesignWalkerのタネ

タグ・クラウド

月別アーカイブ

検索

Google