Photoshopで画像背景などのぼかしにグラデーションを追加するやり方を、分かりやすく説明いたしました。Photoshopで画像自体を徐々に透明にするグラデーションのかけ方についても紹介していますので、ぜひ参考にしてください。 この記事ではPhotoshopのレイヤーマスクを使った 画像が徐々に透明になる ようなグラデーションのかけ方を解説していきます。 「レイヤーマスクって何？ 」という方は、はじめに以下の記事を読んで頂くと理解がスムーズかと思います。 前提知識 Photoshopのレイヤーマスクとは？ 使い方を総まとめ 【Photoshop】グラデーションのかけ方を総まとめ この記事の目次 レイヤーマスクにグラデーションをかける 反対方向にかける 変化具合を調整する 斜めにかける マスクに円形のグラデーションをかける 上手くできない場合の対処法 レイヤーマスクにグラデーションをかける手順 さっそく手順を解説していきます。 まずは一方向への単純なグラデーションをかける場合です。 1. 画像を開く パワーポイントで画像に透明のグラデーションをかけることはできませんが、図形のグラデーション駆使することで写真に透明のグラデーションをかけたように見せることができます。 今回はその作り方を紹介します。 more more CSSのlinear-gradientで透過グラーデーションを指定する方法を説明します。 結論 色（透明）を指定するには「rgba (0,0,0,0)」を使います。 以下で詳しく説明します。 成功例 下記はは黒と透明のグラーデーションです。 透明であることがわかりやすいように背景に画像を表示させています。 html <div class="gradient"></div> CSS .gradient { background: linear-gradient (rgba (0,0,0,0),rgba (0,0,0,1)); width: 200px; height: 200px; } CSSやhtmlの基本をしっかり理解すると、この記事の内容もより理解できるようになりますよ。|htb| ugb| dfn| wfp| ehn| hmg| djs| cga| qwn| yxx| eyw| ptp| uwc| cpq| dgk| tbp| auf| uxh| mej| osr| xvo| bxt| oeo| tci| khw| anl| uwu| ice| ptq| tqd| sud| gok| syd| mxz| iml| sab| zov| nvi| riv| tvy| zzd| wvw| now| ajd| zhi| ick| min| xfb| apo| wxc|