フリーランスWebデザイナー・ななふの
デザイン、コーディングの勉強記録やTIPSなど

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

当ブログはアフィリエイト広告を利用しています。
twitterバナトレ#2画像 Design
スポンサーリンク
【PR】おすすめの本

管理人が買って良かった一冊を紹介します!

Webデザイナーのお仕事が具体的に分かる!デザイン勉強中の人は読んで損なしの一冊。
¥2,497 (2024/12/03 17:54時点 | 楽天市場調べ)

こんにちは!

ななふ@na2factoryです。

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

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

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

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

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

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

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

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

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

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

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

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

スポンサーリンク

#2 トレース

【トレースした画像】

バナトレ#2トレース画像
スポンサーリンク

#2 制作の振り返り

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

 

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

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

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

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

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

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

 

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

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

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

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

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

大変助かりました!!

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

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

コメント