最終更新日 2023/11/29

挿入画像を徐々に透明に(グラデーション透過)

Adobe イラストレーターで画像を徐々に透明にする方法。(不透明マスク)
目次
  • 挿入画像を徐々に透明にする方法・手順
  • グラデーション応用

挿入画像を徐々に透明にする方法・手順

Adobe イラストレーターを使って、挿入画像を徐々に透明にする方法・手順についての解説です。

1挿入画像と同じサイズの図形オブジェクトを作成し、画像の上に重ねる
イラストレーター 図形オブジェクトを画像の上に重ねる
2図形オブジェクトの色をグラデーションで塗る(白→黒)
イラストレーター 図形オブジェクトの色をグラデーションで塗る(白→黒)
3「透明」→「マスク作成」

挿入画像と図形オブジェクトを選択し、上部メニューの「ウィンドウ」→「透明」→「マスク作成」を行う。

イラストレーター 「透明」→「マスク作成」
4完成イメージ
イラストレーター 挿入画像を徐々に透明に(完成イメージ)

グラデーションの微調整を行いたい場合

グラデーションの微調整を行いたい場合、下図にある「グラデーション」を選択します。(グラデーションオブジェクト側を選択した状態で

イラストレーター グラデーションの微調整

グラデーション位置のつまみ?(◇)を左右に動かすことで、グラデーション位置の微調整を行います。

イラストレーター グラデーションの微調整

「不透明マスク」は解除しなくても、グラデーション調整が可能です。

透明になっているか確認

透明になっているか確認

png画像を作成し、透過性を確認。

グラデーションツールの「不透明度」を変えなくても(100%であっても)、勝手に透明になるようです。

グラデーション応用

グラデーションツール(グラデーションスライダーといいます)に慣れていれば、斜めのグラデーションなど応用が可能です。

斜めのグラデーション
斜めのグラデーション
Adobe製品の基礎知識
イラストレーターの使い方
サムネ画像
挿入画像を徐々に透明に(グラデーション透過)