どうもおはようポテト(@ohayoupoteto22)です。
イラレで画像を徐々に透明にできたりする?
- イラレで画像を徐々に透明にしたい
- グラデーションを使って透明度を調整したい
という方に向けて、イラレで徐々に透明になっていくグラデーションを画像にかける方法をまとめました。
参考になれば幸いです⸝⸝- ̫ -⸝⸝
ブログ主
illustratorで徐々に透明になっていくグラデーションをかける方法
透明にするまでの手順
くるみ
実際に透明のグラデーションをかけてみよう
今回はうちのサイトのキャラ達の画像に、徐々に透明になるグラデーションをかけてみます。
まずそのグラデーションをかけたい画像と同じ大きさの図形を用意します。(※色は何でも大丈夫です)
ピッタリと上に重ねてあげます。
ツールバーの左下のグラデーション機能で、先程作った図形に白黒のグラデーションをかけます。
※上の図形のみなのでご注意を。
まず元の画像と上の図形、両方を選択します。
「ウィンドウ」→「透明」をクリックし、そこで出てくるウィンドウの右上にあるオプションから「不透明マスクを作成する」を選択します。
これで完成です。徐々に透明になっていってますね。
くるみ
透明になる向きを変える方法
先程の例では横から徐々に透明にするようにしましたが、このようにその向きを変えたい場合は…
step3で白黒のグラデーションをかけた後に、「グラデーション」ウィンドウから角度を変更してあげればOKです。
くるみ
まとめ
以上、イラレで徐々に透明になっていくグラデーションを画像にかける方法でした。参考になれば幸いです!では⸝⸝- ̫ -⸝⸝
プログラミング、楽しく学んでみない?
TechAcademy（テックアカデミー）
- 受講生に1人ずつ現役のプロのパーソナルメンターがつくので未経験でも安心
- オリジナルサービスやオリジナルアプリなどの開発までサポート
評価 おすすめポイント 自宅にいながらオンライン完結で勉強できる 最短4週間で未経験からプロを育てるオンライン完結のスクール。受講生に1人ずつ現役のプロのパーソナルメンターがつき、チャットで質問すればすぐに回答が返ってくるのでサポート体制も万全です。
DMM WEBCAMP COMMIT
- プログラミング未経験者でも安心のサポート体制
- 転職、就職の保証付き
評価 おすすめポイント プログラミング未経験者でも安心のサポート体制 磨き上げられた「実践的なスキルが身につく」学習カリキュラムにより、どこよりも高い「継続率」「修了率」「転職率」で受講者満足度も90%以上。プログラミング未経験の方でも安心なスクールです。
CodeCamp（コードキャンプ）
- レッスン満足度94.6%、現役エンジニアから実践的なスキルを学べる
- 就職/転職やキャリアについての相談も無料でできる
評価 おすすめポイント 実績No.1のオンライン・プログラミングスクール（受講者20,000名以上） オンラインで365日/7時〜24時まで、時間と場所を選ばずに自分のペースで学習でき、PCとネット環境があればすぐに学習が始められます。更に無料体験レッスンを受講すると受講料が1万円引に。
