photoshop バナートレース #2 『レバテックキャリア』

twitterバナトレ#2画像 Design

こんにちは!

ななふ@na2factoryです。

相変わらずphotoshopに四苦八苦中です。

最初のトレースは時間がすごくかかってしまい、とても悔しかったです。

少しづつ改善していかないとですね(-_-;)

記事のアイキャッチにしている画像についてですが、

twitterでハッシュタグ#バナートレース、#バナー摸写

に投稿している物になります。他の投稿されている方々の画像を見せてもらい、

皆さんちゃんと投稿フォーマットを自作されて綺麗に見せられているので

私も作ることにしました!!(^▽^)/

 

さて、今回は【バナートレース2回目】についてになります!!

1st stepのテキスト中心のお手本として、バナーデザインアーカイブさんのサイトより、

『レバテックキャリアのバナーデザイン』を使用させて頂きます。

では早速とりかかります!

 

スポンサーリンク

#2 オリジナルとトレース画像

【オリジナル】

【トレースした画像】

バナトレ#2トレース画像

#2 制作の振り返り

 

参考バナータイトル レバテックキャリアのバナーデザイン
参考バナーのサイズ (幅 x 高さ)(px) 300 x 250
制作にかかった時間 3時間
考察 苦労した点 ・フォント探しでうろうろ…

→画像からフォントを探してくれるWebツールを

試しに使ってみたんですが、あまり参考にならずでした~。

・見本の画像について、ガイドをたくさん表示していたので

ガイドをコピーして使えたら効率いいかなーと調べたのですが

上手くいきませんでした。

上手くいった点 ・画像の色解析ができるWebツールを使ってみました。

→便利です!前回よりも色の設定で時間が削減できました。

・「今すぐ無料登録」のボタン。

ボタンの上半分にワープの下弦機能でツヤ効果?を表現しました。

今後の課題 ・フォント探しの時間をもっと短縮したいです。

 

今回、画像の色解析に利用させていただいたサイトは以下になります!

大変助かりました!!

 

では、次回も引き続き頑張ります。

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

 

Design
スポンサーリンク
この記事をシェア!
na2factoryをフォロー
Webデザイン勉強中

このサイト、
Na2 factory(なな ふぁくとりー)を運営している
"ななふ"と申します。

40代からのWEBデザイナーへの道!
少しづつステップアップしていきたいです。

このサイトでは、自分が覚えた事、
テクニック等を詳細に紹介していきたいと思います。
これからWEBデザイナーを目指す方々と
情報共有できたら嬉しいです!

約2.5か月かけて(^^;photoshopでのバナトレ30本達成できました!
さらにその倍ぐらいの時間をかけて、
illustratorでもバナトレ30本達成~!!
現在はXDとコーディング勉強中!

詳しいプロフィールはこちら

na2factoryをフォロー
Na2 factory

コメント

タイトルとURLをコピーしました