Adobe Photoshopバナー

プログラミング教室バナー

通常表示
マウスオーバー時

PCカレッジのプログラミング教室のバナーも作りたい!と思いつきだけあって、提出に間に合わなかった分です。就活用も兼ねて完成させたかったので作りました。

小学生向けのプログラミング講座ということで、明るく元気なイメージにするため、メインカラーはオレンジを使用。
グラフでわかりやすく楽しさを訴求しました。

PCカレッジのキャラクター・アイラちゃんを入れることで親しみやすさが表現できたと思います。色のアクセントにもなってくれました。
大きめにして少し枠からはみ出させることで、行動を起こそう!という躍動感を表現しました。
アイラちゃんの頭上の空白が気になったので、ネットで見たいろいろなバナーを参考に英文字を入れてみたらいい感じになりました。

アイラちゃんの元の画像は左右が逆なのですが、やむをえず、水平方向に反転しています。
元の向きだと左下に入れると顔の向きが合わず、かといって、右下に入れると一番重要な「受付中」の文字が目立たなくなってしまうためです。

下部の電話番号やクリックボタンまわりは、前回作った受講生募集バナーからほぼ流用です。

【内容】
プログラミング講座そのものについての内容がほとんど入れられなかったので、もう少しレイアウトに工夫が必要だったかも、と思っています。
次回、バナー作成の際は、テキストの取捨選択をもっとしっかり行いたいです。

【グラフ】
illustratorでのグラフ作成が思うようにいかず、Excelで作ったグラフを貼り付けたため、若干色味が違ってしまいました。
最初、効果:光彩(内側)をかけましたが、バナーのサイズだと思った以上に目立たないのと、若干うるさい感じだったので、結局、可読性を重視して、透明度を上げて淡い色にしました。

この作品を作った人
Missy

これからいろいろ作りたい!と日々、HTML/CSS勉強中です。
音楽を聴きながら散歩するのが好きです。

Missyをフォローする
個人制作物