見出し画像

バナートレース #05

ポップな雰囲気のバナーが多かったので、今回は高級感の感じられるバナーをトレースしました!

デザインPOINT
・フォントは明朝体、セリフ体で、テキスト部分に文字につながりのある書体。
・全体的に重厚感のある色味+ゴールドで高級感を演出
・「上峰町」のそれぞれのベースラインや、峰の高さ比率が違う(先ほど気気付きました…)
・画像は中央右上あたりから光があたっているイメージで、外側に向かって影。
・キラキラのブラシに被っている部分の白文字が読みづらいので外側に向かって少しだけ黒の光沢効果

素材探し / 20~30分ほど トレース作業時間 / 1時間
バナートレース:photoshop
まとめ画像:illustrator

今回、ブラシやフォントもイメージにあったものを探しました。
グラデーションや焼きこみ・覆い焼きツールの練習になりました!
・ゴールド感→黄色+オレンジ+茶色のグラデ
・高級感→重厚感・落ち着き。今回黒の部分が彩度高めですが、彩度は少し落とすと落ち着きます

作業時に調べたこと一覧!
------------------Photoshop------------------
とっても簡単!初心者でもわかるフォトショップのブラシ追加方法
https://creive.me/archives/8412/

Photoshop スポンジツール、覆い焼きツール、焼き込みツールについて
○部分的に明るさや色を変更
https://helpx.adobe.com/jp/photoshop-elements/kb/cq08090223.html
○使用手順(動画!わかりやすいです)
https://www.youtube.com/watch?v=RlLS4O_6NQk

グラデーションについて
○【Photoshop】グラデーションのかけ方を総まとめ
https://saruwakakun.com/design/photoshop/gradient
○photoshopのグラデーション基本5つが初心者でも即理解できる記事!
https://udemy.benesse.co.jp/design/photoshop/photoshop-gradation.html
○Photoshopで「金色」が表現できる、たった4つのテクニック
https://www.go-next.co.jp/blog/web/photoshop/27137/

クリッピングマスク・レイヤーマスク・ベクトルマスク基礎講座
https://ferret-plus.com/3466

-------------------------------------------------

高級感とは?高級感のある配色やWebサイトをデザインするコツ!
https://handywebdesign.net/2013/11/about-design-in-a-classy-website/


この記事が気に入ったらサポートをしてみませんか?