hugo sasaki's Portfolio

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

Photoshopでトレース 第15話 ~賞味期限~

未分類

今朝から吐き気と腹痛が酷いです。原因はおそらく昨晩食べた鶏肉。

 

というのも、昨晩帰宅後に見つけた、うっかり賞味期限が5日間過ぎた鶏肉。

冷蔵庫が臭みでいっぱいになりつつも「勿体ないし、しっかり加熱すれば大丈夫だろう」と甘く考えていたのが間違いだったようです。

 

キムチ鍋にして10分ほど煮込んで、味は普通だったので安心していました。しかし、おそらくそれがダメでした。

命を落としたりはしないと思いますが、体調が悪すぎるのでこれからはきちんと捨てるなり賞味期限を管理するなりしていこうと思うのでした。

 

 

こんな状況でもトレースはやってみます。明日は寝ます。

 

先日のガイド線引きすぎ問題を踏まえて、テキストの部分をあらかじめ長方形で範囲の目星をつけることにしました。

うっすらとピンクのかかった箇所がテキストの部位としてガイド替わりにしるしをつけました。

ガイドだらけの時より全然見やすいです。

 

で、ここからいったんトレース元のレイヤー以外を非表示にして、背景を作りました。

こちらの記事を参考に、少し汚れのかかった紙のような背景を作ってみることに。

完全に再現は出来ませんでしたが、なんだかそれっぽい背景に…!

背景を作ったところで、全体をトレースしていきました。

 

今回のトレースで今までよりも楽になった・改めて気になった内容を3つ挙げてみます。

1.テキスト部分はボックスとしてみていくと余計なガイド線を引く手間が省ける

これよりももっと確実で効率のいいやり方がある気がしてならないのですが、先日までガイド線を引くだけで大変だった時間が、少し楽になりました。

 

2.色調補正でランダムなシミが作れる

参照した記事にありますが、最初に木のパターンで塗りつぶしをしてから、こんな自然なシミのかかった背景が作れるとは思わなかったです…

と、初めてやってみたようなことを書きましたが、この記事を参考にこのような背景を作ったのは2度目でした。

ただ、1度でもこのやり方を調べていなければ、今回のトレースは完遂できずに諦めていたと思います。

「何に使うかわからないけど、とりあえず気になったからやってみる」という体験が、後になって選択肢に上がってくるのはとても大切だと感じました。

 

3.文字はピタリと揃えない箇所は狙ってやっているの?それとも詰めが甘かったの?

「幻…」と「ONLINE…」のところで、他のテキストと微妙に左側の余白が異なっていたのが気になりました。

ガイドを引かないと気が付かないかもしれませんでしたが、ガイドを引くと数ピクセルの差があるので「これは文字の形を考慮して敢えてずらしたものなのか。それとも忘れただけなのか。どちらなのか?」という気分でした。

テキストだけのものなので、忘れたというよりは考慮してずらしたものなのかもしれませんが、デザインした人は何を考えてこうしたのでしょうか。

答えがわかるには、まだトレースしていかないといけませんね…

 

今回も1時間半ほどの所要時間でした。背景作りも込みですが、まだまだ早さも足りない今日この頃。まだまだ続けていこうと思います。

 

お腹も痛いのでまた今度!

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