MATERIAL98
HOME Web素材 Illustrator講座 Photoshop講座 テンプレート ストックフォト
MATERIAL98
HOME > Photoshop講座 > 逆引きチュートリアル編> 超簡単!使えるレイヤースタイル その1・ドロップシャドウ
超簡単!使えるレイヤースタイル その1・ドロップシャドウ
画像の配置1  

・商品やきれいな写真画像はシンプルに白い枠などで囲い、シャドウをかけることにより目立たせることができます。チャラチャラと着飾るより、商品そのものを見せるサイトで有効ではないでしょうか。

・レイヤーをご覧になっていただくと、背景にはそのホームページのバックカラーにします。次に枠の色の長方形をおき、一番上に写真画像を配置します。

・ドロップシャドウをかけるのはレイヤー2になりますのでレイヤー2をダブルクリックします。


画像の配置2  

・レイヤースタイルのダイアログが表示されましたのですかさず、ドロップシャドウにチェックを入れます。右側に入力ダイアログがありますので、角度や距離、スプレッド、サイズを調整します。
・ここでは、角度を30°、距離:5、サイズ:5としました。


画像の配置3   ・これで完成になりますので、あとは[ファイル]−[Web用に保存]を選択し、jpgで保存します。写真画像の場合は、gifよりもjpegで保存しましょう。
・Webサーバーの容量を気にしなくても良いのであればJPEG 高で保存しましょう。

▲ページトップ
copyright