ADMUSE BtoBサイト 制作会社
株式会社アドミューズ(クリエイトグループ)

BtoBクリエイターズTIPS
2019/10/08
BtoBサイト制作

だんだん透明になっていく画像を作りたい!~Photoshop編~

だんだん透明に透けていく画像

2枚の画像を簡単に合成したい時など、
写真のふちに向かってだんだん透明に透けていく画像がほしい時ってありますよね。

そこで、Photoshopを使用してだんだん透明になる画像を作る方法をご紹介します。

今回は下の2枚の画像を使います。
猫といい感じの夕焼けです。

使用する画像

1.画像を開く

透明にしたい画像を上に重ねるようにして、画像を開きます。

画像を開く

2.レイヤーマスクを追加する

透明にしたい画像のレイヤーを選択し、レイヤーマスクを追加します。
このレイヤーマスクにグラデーションをかけることでだんだん透明になる画像を作れます。

レイヤーマスク追加作業

レイヤーマスク追加

3.グラデーションの設定

グラデーションツールを選択し、
グラデーションエディターでプリセットの中から「黒白」のものを選択します。
(黒い部分が透明になり、白い部分の画像が残ります。)

グラデーションツール選択

グラデーションエディタ

4.ドラッグでグラデーションをかける

透明にしたい写真のふちから残したい部分までドラッグ!
(今回は水平にかけていますが、斜めにドラッグしてかけることも可能です。)

ドラッグ

5.完成!

いい感じです!
とても簡単に2枚の画像をなじませることができました!

完成画像

この方法はさまざまなシーンで役立つので覚えくと便利です。

完成画像2

また、円形のグラデーションでも作成可能です。
(若干謎の画像になってますが気にしないでください。)

円形グラデーション

まとめ

一連の流れをご覧ください。

一連の流れ

以上、Photoshopを使用してだんだん透明になる画像を作る方法でした。
ぜひお試しください。

だんだん透明になっていく画像を作りたい!~Illustrator編~

Webページのデザイン依頼はこちらから

よく読まれる記事

お問い合わせ・資料請求

お問い合わせ
資料請求