【バナートレース】SHE MOISTURE

OVERVIEW

デザインを主軸としたSHElikes PRO デザイナーの課題でバナートレースに取り組みました。 見本バナーの観察・分析とその内容をまとめた資料もデザインしてみました。

YEAR 2025

◼︎制作情報

  • 制作時期:2025年5月

  • 制作時間:65分

  • 制作ツール:Photoshop / Illustrator

◼︎制作物

  • バナートレース

  • バナーを観察・分析内容のまとめ


◼︎目的

  • 既存のバナーを真似ることで、効率よくデザインツールの使い方を習得する

  • 既存のバナーを観察・分析することで、デザインを見る目を養う


◼︎トレース


◼︎分析



◼︎頑張った/工夫したポイント

  • グラデーションツールを使用して光のエフェクト・フレアを作成しました。初めて制作したので、情報収集をしながら試行錯誤して作成しました。

  • PRESENTのマークは素材を探してくるのではなくIllustratorを使用し、手書きで作成しました。

  • 下の線のグラデーションは中々思うような角度や色の濃度にならず、どの色をどこの場所に足せばくっきりとしないグラデーションになるのかと頭を悩ませながら試行錯誤して作成しています。

  • トレースを何度も繰り返し、1回あたりのトレース時間を150分から65分まで短縮することができました。

◼︎学んだ点

  • Photoshop内でのツールの使い方です。光のエフェクトなど今まで使用したことのない使い方を身につけることができました。

  • 1番広い範囲に使用されているものがベースカラーで、その次がメインカラーである認識でいましたが、1番広い範囲に使用されていてもそれがメインカラーという示し方があるということを教えていただく機会があり、勉強になりました。

  • 背景をグラデーションにすることで、奥行きがでて立体感が増すことに気がつくことができました。また、光のエフェクトを足したり、下に反射を足すことで立体感がさらに増すことを学びました。


◼︎講師コメント

見本に合わせて丁寧にトレースができており、再現性も高くてとても良かったです。

制作スピードが早いのも素晴らしいですね。

バナートレースまとめは、制作したバナーの配色に合わせてまとめているのも良かったです。

そのほか言うことは特にありません️!