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