【photoshop】バナートレース第4回目 入浴剤のバナーにチャレンジ

こんにちは!
4回目のバナートレースになります。まだまだ基礎ができていないので、スムーズにできるように基礎の習得とできないことは調べてしっかりとこちらでアウトプットできたらと思います!

少し慣れてきましたら、作業画面の発信や、参考にしたサイトや動画の紹介ができたらと思います!
まずは習慣になるように発信ができればと思いますので、引き続きよろしくお願いします(*^^*)

トレース画像

バナーサイズ(幅×高さ):600×500
使用ソフト:Photoshop
使用カラー:#102a72 #978731 #2c7460
使用フォント:HGP明朝E/HGS創英角ゴシックUB
参照:バナー広場

振り返り

知識・スキル

グラデーションオーバーレイ
グラデーションオーバーレイを使用することで、つけたい箇所にグラデーションをつけることができることがわかりました。
また、グラデーション設定には線形・円形・角度・反射・菱形があり、グラデーションのデザインを変えることができました。
今回は、青い箇所は円形を使用し中心からのグラデーションを作成しました。ゴールドのグラデーションは反射を使用しました。反射を使うと高級感が増したので、ゴールドを使用するときは反射を使用しようと思います!

ゴールド
ゴールドを表現するのに、効果を3つ使用しました。
使用効果:「グラデーションオーバーレイ」「光彩(内側)」「ベベルとエンボス」
ベベルとエンボスでは立体感を出すことができることを知りました。
ゴールドグラデーションの使用色:#978731 #fff9c9 #978731

気づき

グラデーション
グラデーションを使用することで、色に深みが出て目にとまりやすいと思いました。
また、グラデーションを使用することで全体の色の統一感が増す気がしました。

文字の縁取り
文字は基本縁取りがあると読みやすいと思いました。
縁取りをすることで背景に文字が埋もれず、文字を強調することができます。なので、強調箇所の文字には必ず縁取りをするようにしようと思います。

ゴールド
「初回限定」「50%OFF」に高級感を演出するためにゴールドを使用していました。高級感を出すときにはゴールドの使用もしてみようと思います。
また、ゴールドで使用している色合いを右上の丸の中に使用することで全体の色を統一しているのだと感じました。

緑のテキスト
テキストに緑を使用することで「自然」を連想させていると思いました。

まとめ

今回は入浴剤のバナートレースに調整してみました!
まだまだ基礎知識を習得していなくて時間はかかりますが、知らない機能の使い方を学習できるので楽しく作業をすることができました。

ゴールドを表現するのにいろいろ調べて、実際にできたときはすごく嬉しかったです。
今回は全体の写真の明るさ調整がうまくいかなかったので、明るさ調整についても詳しくなれるようにこれからもバナートレースの挑戦を続けていきます!

ありがとうございました!


HerTech

 

HerTechといえば、完全初心者でもたった4か月でWebデザインスキルを習得できる女性限定スクールです♪

また、なんといってもオンライン勉強会・チャットサポート・グループコーチングで挫折・不安をゼロにする仕組みがあるので継続して勉強することができます
短期間でWebデザインスキルを学びたい!」「挫折せずスキルを身に着けたい!」方には、HerTechがおすすめです♪

でも、結構高い金額かかるんじゃないの…?
はじめは無料の説明会があるから、自分にあっている内容なのか確認できるから安心だよ!
しかも、60分少人数だから受講内容を詳しく知れるよ♪
ほんと!?
じゃあ、試しにHerTechの無料説明会に参加してようかな!
あと、補足で未経験でも分かりやすいオンライン動画講義と、実践課題があるから着実にスキルアップできるよ♪

 疑問や不安をすべて解消!
HerTech無料説明会を実施中(60分)

WEBCOACH

WEBCOACHといえば、副業・フリーランスを目指す幅広い年代(20代 ~ 40代)の方が学習できるオンラインWebデザインスクールです♪

また、なんとコーチは採用率5%を潜り抜けた現役のフリーランスコーチだから、プロ目線の指導を受けることができます。
質の高いWebデザインスキルを学びたい!」方には、WEBCOACHがおすすめです♪

でも、結構高い金額かかるんじゃないの…?
まずは無料カウンセリングがあるから、学習内容やコースがあっているか確認できるから安心だよ!
ほんと!?
じゃあ試しにWEBCOACHの無料カウンセリングに参加してようかな!
あと、完全マンツーマンで24時間担当コーチに質問をしたり、定期的なコーチングで学習計画やモチベーション管理があるから挫折せず続けられるよ♪

東京デザインプレックス研究所

東京デザインプレックス研究所といえば、2012年1月に開校し、急成長している「プロフェッショナル養成」のためのWebデザインの学校です♪

また、社会人・学生を中心に20代の方に人気で、未経験からキャリアチェンジしたい人におすすめの学校です。
プロのWebデザイナーになりたい!」方には、東京デザインプレックス研究所がおすすめです♪

でも、結構高い金額かかるんじゃないの…?
まずは無料で資料請求できるから、自分の方針にあっている学校なのか確認できるから安心だよ!
ほんと!?
資料請求ならすぐできるね!まずは、東京デザインプレックス研究所の資料請求してみるよ!
あと補足で、次世代のクリエイター/デザイナーに求められる志向性やスキルを学べるプログラムがあるから未経験からキャリアチェンジしたい人にはぴったりだよ♪