WEBデザインのトレンドにもなっているグラデーションと、デュオトーンについてご紹介します。
見出し
グラデーションカラーサイト「uiGradients」
サイトの色を決める時、なかなか美しい色というのは決められないものです。
そこで、このようなサイトを利用して、
自分のデザイン・カラーセンスの引き出しを増やしましょう。
https://uigradients.com/
美しいグラデーションばかりを集めたこのサイト！
色コードもついているので、すぐ取り入れることが出来ます。
自分で色味を調整できる「shade」
画面下部をスライドさせることで、色味を変化させることが出来ます。
お気に入りの色彩を見つけて、サイトに取り入れましょう！
2色選んでグラデーションを作成できる「CSS GRADIENT ANIMATOR」
https://www.gradient-animator.com/
英語表記ですが、直感的でわかりやすい操作で、
始まりから終わりの色を選択すれば、グラデーションを自動的に生成してくれます。
グラデーションを試してみたものがこちらです。
デュオトーンについて
デュオトーンを使えば、普通の写真でもかなり行けてる写真に加工できます！
画像引用：https://pixabay.com
この写真を、ココスペースのロゴを載せて加工すると
このような仕上がりに！
Photoshop手順
①加工したい写真をPhotoshopで開きます。
②「レイヤー」→「新規調整レイヤー」→「グラデーションマップ」を選択
③「色調補正」のウインドウが開くので、色を選択して調整してください。
これで出来上がりです！
超簡単な操作で一味違う画像を作れるので、ぜひWEBサイトにも取り入れてみて下さい。
