くるみ
イラレで画像を徐々に透明にできたりする?
- イラレで画像を徐々に透明にしたい
- グラデーションを使って透明度を調整したい
という方に向けて、イラレで徐々に透明になっていくグラデーションを画像にかける方法をまとめました。
参考になれば幸いです⸝⸝- ̫ -⸝⸝
illustratorで徐々に透明になっていくグラデーションをかける方法
透明にするまでの手順
手順
step1
同じサイズの画像を用意
step2
白黒のグラデーションをかける
step3
不透明マスクを作成する
手順は分かったけど実際にできるかな…?
くるみ
実際に透明のグラデーションをかけてみよう
今回はうちのサイトのキャラ達の画像に、徐々に透明になるグラデーションをかけてみます。
step1
同じサイズの画像を用意
まずそのグラデーションをかけたい画像と同じ大きさの図形を用意します。(※色は何でも大丈夫です)
step2
元の画像に重ねる
ピッタリと上に重ねてあげます。
step3
上の図形に白黒のグラデーションをかける
ツールバーの左下のグラデーション機能で、先程作った図形に白黒のグラデーションをかけます。
※上の図形のみなのでご注意を。
step4
不透明マスクを作成する
まず元の画像と上の図形、両方を選択します。
「ウィンドウ」→「透明」をクリックし、そこで出てくるウィンドウの右上にあるオプションから「不透明マスクを作成する」を選択します。
完成!
これで完成です。徐々に透明になっていってますね。
お疲れ様!
くるみ
透明になる向きを変える方法
先程の例では横から徐々に透明にするようにしましたが、このようにその向きを変えたい場合は…
step3で白黒のグラデーションをかけた後に、「グラデーション」ウィンドウから角度を変更してあげればOKです。
下から徐々に透明にしたい場合は90度にすればいいんだね
くるみ
まとめ
参考になれば幸いです!では⸝⸝- ̫ -⸝⸝
