Home > Photoshop -フォトショップ- > 脱・素人デザイン その一

KEN WEB BLOG ~WEB・DTPスクール パソコン教室 KENスクールのインストラクターがつづるブログ~

脱・素人デザイン その一

パソコンスクール パソコン教室 KENスクール 無料体験授業・無料相談はこちら 資料請求はこちら

皆さんこんにちは。


特にWEBデザインを始めたばかりの方に多いのですが、

WEBの素材を作成してもどうしてもチープになってしまう

素人が作ったみたいになってしまう・・・と悩んでいませんか?


今回から「脱・素人デザイン」として、三つのポイントを挙げていきます。


その一「ドロップシャドウ」

Webの素材を作成する際は「Photoshop」を使用する機会が多いです。


簡単に素材に効果を出せる効果として「ドロップシャドウ」という効果があります。


この「ドロップシャドウ」ですが、レイヤースタイルで効果をつけると

浮き出たような効果が現れ

「こんなに簡単に質感がついた!photoshopってすごい!」

とこのまま適用してしまうパターンが多いです。


実は、これが「素人っぽいデザイン」の原因なんです!

01


きれいに素材を作成する為にはこの「ドロップシャドウ」の設定に

手を加える必要があります。


ドロップシャドウのデフォルトの設定は

  • 不透明度が75%
  • 距離とサイズがそれぞれ5%

になっています。

02

まず、この「不透明度75%」は濃すぎます。


濃い影はどぎつい印象を与え、素人っぽくチープに見えてしまいます。


付いた時に効果が分かりやすいようにこの設定になっているのだと思いますが

大体20~30%くらいに「薄めに」設定します。


また距離をなくしてサイズを大きめにし、ぼけた影が全体に付くよう設定します。

04

どうですか?


ふんわりとやさしい質感になったと思います。


このように、さりげなくやさしく質感をつけていくと

きれいなパーツデザインが可能になります。


デザインを始めたばかりだと、ひとつの効果に過大な結果を求めがちで

過剰な効果をつけてしまう傾向があります。


一つ一つの質感を抑えてトータルでデザインしていく

「脱・素人デザイン」になっていくはずです!


次回は、グラデーションについてお話しする予定です。

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでWebデザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
 

Trackbacks:0

TrackBack URL for this entry
http://web.kenblog.net/mt-tb.cgi/1063
Listed below are links to weblogs that reference
脱・素人デザイン その一 from KEN WEB BLOG ~WEB・DTPスクール パソコン教室 KENスクールのインストラクターがつづるブログ~

Home > Photoshop -フォトショップ- > 脱・素人デザイン その一

Search
Feeds

Return to page top