画像にグラデーションをオーバーレイして文字を見やすくするアピアランス
こちらのツイートを拝見し、Illustratorのアピアランスで実装してみようと思い立ちました。
紹介されているCSSを、ほぼそのまんまで実装します。
background: linear-gradient(0deg, #00000088 30%, #ffffff44 100%)
画像と同じ大きさのオブジェクトを重ねてもいいのですが、アピアランスをグラフィックスタイルにしておけば、1クリックで適用できます。
動画(ざっくりとした手順)
手順-------------