見出し画像

【バナー模写】#7〜レイヤー効果を重ね付け〜

こんにちは、kuruです。
WEBデザインを学ぶ一環として、バナー模写をしております。
後ほど見返して転げ回るのを楽しみに、頑張りたいと思います。

見本


出典:バナー広場

制作物


制作について

  • 制作時間:1時間

  • 目的:ツールの使い方や、デザインを学ぶため。

  • 印象:初学者でも簡単、親しみやすい。

  • 印象の要因:

    • 手書き風文字をキャッチコピーに使用して、親しみやすさを出している。

    • カラフルな枠線で囲うことで、スクールの硬いイメージをポップなイメージに緩和している。

  • ターゲット:学生&ママ世代。これから学習を始めようとしている初学者。

  • 気づき:

    • シンプルにまとめて、とっつきやすさを表現している。

    • ターゲットをしっかり文字で書くことで、伝わりやすさ100%。

    • クリックしやすいようにボタンを作っている。

  • 感想(今後の課題):

    • 枠線も再現できたらよかったかなと思いました。次は挑戦してみようと思います。

    • 使用した画像の関係で、文字に境界線と光彩をつけて可読性を上げました(上がってるはず…)。

    • ボタン部分は、輪郭とグラデーションでできました。レイヤー効果を重ね合わせるの楽しい…。けど難しい…。

まとめ

今回は、ボタンの作り方や枠線、境界線の付け方などを学べました。
レイヤー効果の重ね付けは、センスが問われそうです…。知識を付けてカバーしていきたいと思います。
引き続き、ツール操作マスター目指して頑張ります!


いいなと思ったら応援しよう!