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

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

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

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

1. デフォルトのドロップシャドウ

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

2. シャドウの位置を変えてみる

シャドウの位置を真ん中に持ってきました。

3. エンボスを下に敷いてみる

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

4. 斜めにシャドウをつけてみる

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

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

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

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

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

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

これから、デザインの勉強を始める方、ちょっとデザインに興味がある方、プログラムはできるけどデザインの方はちょっと苦手な方々。。。

『Most common mistakes made by new designers』という記事を見つけました。。

っちゅうわけで、本日は、デザイン初心者の方が気をつけると良いかも？っという、ポイントとお手軽に使えそうなツールをあわせてご紹介。。

色の選択
色味って、人それぞれ好みがあるので、一概にどれが正しいとかって言い切るのは難しいですが・・・あまりにもドギツい配色のサイトは見ていて疲れますよね。。。

最近は、配色関連のツールがいろいろ充実してますね。。

kuler

COLOURlovers

以前、こちらでもご紹介した、『デザインの配色に迷ったときに使えるツールのまとめ』も参考になるかも。。。

フォントの選択
今では無料でかなりクオリティの高いフォントがダウンロードできるので、いろいろなフォントを試して、お気に入りのフォントを見つけてください。。

dafont.com

better fonts

日本語のフォントが使いたい～！って方は、
『無料で使える日本語フォント11選』も合わせてどうぞ～。

フォントのサイズ
あまりにも小さすぎたり、大きすぎるフォントサイズは読み難いですよね。。

こちらで、フォントとサイズを設定すれば、ブラウザ上でどんな感じで見えるのかお試しできます。日本語が使えるともっと良かったんですが…

Typetester

ドロップシャドウ・光彩
Photoshopなどを使えば、簡単にドロップシャドウや光彩などのエフェクトがかけられますが、使いすぎると逆にチープに見えてしまいますよね。。

↓のチュートリアルのように影のつけ方にもひと工夫してみると、また違った感じに見えていいですね。。

グラデーション
グラデーションもやりすぎに注意しましょう。。色決めに自信が無い方は、配色ツールなどであらかじめ色を決めてからの方がいいかも。。

↓こちらのツールは簡単にグラデーションを作ってくれるツール。。

Photoshopをお持ちの方は、『Photoshopのグラデーションファイルを日本の伝統色で作ってみた』こちらから、グラデーションファイルをダウンロードしてお試しください～。

まだまだ、ポイントはいっぱいあると思いますが・・・