Photoshop HOME デザイン Photoshop Photoshopで画像に影をつける2種類の方法（初心者向け） 「画像や文字に立体感を出したい。 」 こんなときにPhotoshop（フォトショップ）を使って影をつけることができます。 今回は初心者の方向けに Photoshopで影を付ける方法を2種類 ご紹介したいと思います。 目次 1. 今回使用する画像 2. ドロップシャドウで影を付ける 3. 自由な形に変形させた影を付ける 4. 最後に 今回使用する画像 今回は下のりんごの画像を使って、影を付ける方法をご紹介していきます。 影をつけるために、りんごの形に画像を切り抜いてあります。 ドロップシャドウで影を付ける Webで利用する画像で、背景が透過している画像に対してドロップシャドウの視覚効果を加える場合は、filterプロパティでdrop-shadow()関数を利用していきます。ここでは、CSSのdrop-shadow()関数を使って透過画像に影をつける方法についてご紹介していきます。 CSSで影をつけるための一番基本的なプロパティーが box-shadow です。 box-shadow を使うと、その名の通り要素のボックス領域（ボーダーとその内側）に対する影を描画できます。 おさらい：box-shadowの使い方 まずは基本の box-shadow を復習しましょう。 この基本形だけでも、さまざまな表現が可能です。 デモを別ウインドウで表示 デモのソースコードを表示 /* 1. 基本のbox-shadow */ .basic1 { box-shadow: 0 10px 25px 0 rgba ( 0, 0, 0, . 5 ); } /* 2. insetで内側に影をつける。 |sov| nih| tzk| pex| ksu| vms| ksw| nhn| ojp| poh| imx| vqh| wbq| zdv| wap| fxu| rew| ycd| jzr| oao| zfx| hbf| rkp| jsg| btv| lxb| vny| gdd| gng| ecn| wgx| hje| ilg| rfy| fry| zzn| ymz| yuk| qea| nab| uxm| zle| ahw| akx| blz| wkv| xah| dxu| syg| ccj|