hugo sasaki's Portfolio

都内某所でウェブに関わるお仕事をしながら、ウェブ制作者レベル3を目指している管理人の学習記録用のブログです。

Photoshopでトレース 第5話

未分類

3日坊主を乗り越えて、とうとう5日目(5話目)になりました。よく3日坊主と言いますが、実際はその10倍の30日が何かを続ける目安だと思っています。

 

今日は正しくは5枚目のトレース。

いつも通りの気が付いたこと3点について。

・テキストを囲む図形が”ひし形”になっていて、中の文字も斜体になっているのが興味深かった。
テキストに背景(もしくは囲み)を付けようとすると、何となく四角形や角丸長方形を使いがちだったが、これは良い使い方だと感じた。

・発動機の求人であるため、使用する写真はバイクの車体や工場内での作業の様子になっている。
文字背景はひし形で、単体だと不安定な感じがするが、左側にある車体が丁度良くひし形とバランスをとっているように見える。

・ガイド線を縦に引き、「バイク部分、テキスト部分、右側の余白」の3分割にすると、左から順に90px、180px、30pxとなっている。
伝わってほしいのは仕事に関わるテキスト部分のため、きちんと全体幅に対して6割の幅を取っているんだと納得した。

背景の写真は、最初は似た素材写真がないか探してみましたが、流石にドンピシャの写真は見つけられなかったのでマスクをかけてそのまま背景のレイヤーに置いていました。

素材サイトを違うところに当たってみるのも良かったのでしょうか。

また今度!

レイアウトコンセプト
使用ツール
制作時間