WEBデザイン日記ー３８日目

本日もバナー模写を行いました！

最近バナー模写ばかりやっていたので、新しいことを学びたいな～と思っていましたが、やっぱりバナー模写になってしまいました。

Photoshopにまつわる講座があるのですが、少しずつ進めていて、今日は何をするんだろうとみてみたら、以前作った派遣のバナーを模写してみようという単元で、あ・・・結局今日もバナー模写だ・・・

そんな経緯で以前作ったバナーを解説付きで模写してみました！

ちなみにどんなバナーだったかというと・・・
左：お手本、右：制作物。

こんな感じのバナーです！

前回は初めての模写ということもあってなんとなく似せることが出来て満足していましたが、今思うといろいろと変なことしてたな・・・と感じます。

特に、背景のシマシマ部分ですが、今となってはパターンを使うんだなとわかりますが、作っていた時は一つ一つ長方形を配置して作っていました(笑)

作りながら悟りを開けるんじゃないかという思いがよみがえります・・・

また、スポイトを使用していましたが、背景のシマシマが見えなくなり、泣く泣く不透明度を下げて対応したため、全体的に色が薄くなってしまった残念な模写でした(>_<)

そして、今回！

お手本を見ながらということでとても完成度高く仕上がったのではないかと思います。

先に、制作物の注意点として、パターン(背景のシマシマ)の色をわざと濃くしています、また、見本とは違う人物の配置、一番上の「Adecco」の不在など見本とは違う部分がありますが、パターンの勉強、ボタンの見せ方の勉強として使っていますのでご了承ください。

今回の制作物はこんな感じに仕上がりました！
左：お手本、右：制作物。

まず、第一にシマシマがバナーから飛び出なくなったことが感動ポイントです！
以前作ったものはところどころシマシマが飛び出ていたり、シマシマの間隔が違っていて見栄えがとても悪かったのですが、今回はきれいなシマシマです(*'▽')

そして、今回、このシマシマことパターンは自分で作成できると学びました！
なんと・・・自分で作れるとは・・・

動画を見て、実際に手を動かし、パターンを完成・・・
パターンが作れたことのうれしさで、これは作ったパターンだぞ！と目立たせたいという欲に駆られてだいぶお手本より濃いパターンになってしまっています(笑)

！？！？
今気づいたのですが・・・
「派遣の良さをそのままに」という文字が消えています・・・

作っていた時はあったのに・・・

なんか消した記憶が・・・

お手本を見てもまだまだ半人前な私。

今回の反省点をまとめます。
・「派遣の良さをそのままに」という文字を消してしまっている
・全体的なフォントの微調整(間隔を含め)
・白枠の位置調整(両端に余白を設定する)
・「詳しくはこちら」ボタンの大きさ調整
・パターンで喜ばないでしっかり色を寄せる

といったところが反省点かなと思います！

その点最初のバナーは至らない点こそあったものの、文字は抜けていないし、間隔も似ているので、その点は復習しないとなと思いました！

今回の学びから、パターンを自作することが出来るようになったので、パターンを使ったバナーにも挑戦できるのかなと期待が高まります(/・ω・)/

そんな感じで今日はここまで。

明日もバナーについて学んでいきます！