グラデーションの透明度の場所を増やす方法
Photoshopでグラデーションの透明部分の調整場所を増やす方法を紹介します。グラデーション色でない時も使えるよ。(※色を同じにすれば)
例えばこんな感じで中心だけ透明にしたい時などに使えます。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/05/2023-06-03-10.13.30.jpg?resize=750%2C449&ssl=1)
他のグラデーション作業方法が知りたい方は、グラデのまとめサイトを見てね▶︎こちら
レイヤーのサムネイルを選択
今回、一度グラデーションをかけたこの状態からスタートしていきます。
最初からの塗り方を知りたい方は、こちらのページを見てね▼
透明度の調整記事はこちらにもあるよ▼
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/05/2023-05-10-2.56.25.jpg?resize=1000%2C796&ssl=1)
レイヤーパネルの「グラデーションのサムネイル画像」をWクリック
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/05/スクリーンショット-2023-05-10-3.23.07.png?resize=443%2C267&ssl=1)
グラデーションカラーバーをクリック
「グラデーションで塗りつぶし」の別パネルが開きます>「グラデーション:」の「グラデーションバーの中、色がついている部分」をクリック>
※下記のピンクの矢印部分です。色は何色になっていても大丈夫です。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/05/スクリーンショット-2023-05-15-1.48.45.png?resize=450%2C307&ssl=1)
グラデーションエディターパネル
「グラデーションエディター」パネルが開きます。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/05/2023-05-10-2.50.20.jpg?resize=750%2C400&ssl=1)
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/05/スクリーンショット-2023-05-15-5.25.05.png?resize=500%2C480&ssl=1)
不透明度が調整できる部分
グラデーションパネルの上部は不透明度が調整できるパネルになります。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/05/2023-05-10-2.50.33.jpg?resize=500%2C464&ssl=1)
不透明度のブロックを足す方法
グラデーションパネルの上部の線の境目(カーソルが手のマークになった時)にクリックします。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/05/スクリーンショット-2023-05-15-2.00.01.png?resize=500%2C487&ssl=1)
透明にできるアイコンが増えました。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/05/2023-06-03-9.57.53.jpg?resize=500%2C461&ssl=1)
不透明度%変更
四角の中をクリック>「終了点」の不透明度部分が記入できるようになります。
不透明度の調整ができるようになったので%の数値を変える。(今回はわかりやすく0%にしました)
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/06/2023-06-03-9.59.35.jpg?resize=500%2C479&ssl=1)
格子柄が現れている部分は透明です。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/05/2023-06-03-10.00.25.jpg?resize=750%2C479&ssl=1)
グラデーションエディターとグラデーションのOKを押しましょう。
完成
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/06/2023-06-03-10.00.46.jpg?resize=1000%2C581&ssl=1)
試しに下に他の画像をおくとわかりやすいと思います。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/05/2023-06-03-10.13.30.jpg?resize=750%2C449&ssl=1)
類似記事
カラーを足す方法
画像をグラデーションで消す方法
文字のグラデーション
コメント