レトロな文字効果とビジュアルをフォトショップでつくる方法

2021-10-30

文字やロゴへのいろいろな効果（エフェクト）が簡単にできるのがフォトショップの魅力ですが

今回はレトロな雰囲気の文字をフォトショップの効果を使って制作していきます
レトロな効果のポイントは、自然に見えるくらいの範囲でやめておく事です。
個人的な経験でいうと、物足りないと感じるぎりぎり位で止めておくと、上手くいく事が多いです

フォトショップの文字効果を理解しながらレトロな印象のイメージを作っていきます

1.新規ファイルを作成。サイズは任意で

画面上だけで使うなら72ピクセル（RGB）、印刷にもつかうなら350ピクセル（CMYK）位にしましょう

２.garrettの文字を作ります

３.文字に効果をつけていきます。【レイヤー→レイヤースタイル→境界線】で１個目のフチをつけます

４.文字に２個目の効果をつけていきます。
【レイヤー→レイヤースタイル→境界線】で２個目のフチをつけます

５.文字に３個目の効果をつけていきます。
【レイヤー→レイヤースタイル→ドロップシャドウ】で影をつけます

描画モード；乗算、不透明度100％、角度90度、距離37px、スプレッド100％、サイズ43px

６.他の文字も同じ工程で効果を加えて制作

motors tokyoは少し小さい文字にしています、作り方は３〜６を繰り返しです

７.ビジュアルに使う画像を配置

レトロ感をイメージする写真。これは無料素材が豊富な**pixabay**で探しました

Pixabay（ピクサベイ）
世界中で利用されている著作権フリーサイト。写真画像、イラスト（ベクター素材含む）は30万点以上、動画なども合わせると1.900万点以上のフリー素材があり、高品質ものも多く、会員登録などの必要もないという大変便利な無料動画サイト。DLした素材のほとんどが、自由に使用することができるので安心です

８.画像を加工していきます

車を少し目立たせる事にします。背景と車に別の効果を入れるので、まずは車をパスで切り抜いていきます

９.レイヤーマスク処理をする

切り抜いたパスを選択範囲にしてマレイヤースク処理します。これによって車だけに効果や加工が出来るようになりました

レイヤーマスクは、
選択範囲などから作れるビットマップ画像のマスク。
レイヤー上の画像を残したままいらない部分を消すことができる機能。白、黒の2色で構成され、選択範囲で囲むことで不要な箇所を透明に表示してくれます。
画像を直接消したり削除することがないため、間違ってしまった時にもマスクを消すことでやり直しが可能で、、グラデーションなどを利用した複雑な形状のマスクもできます。簡単なものから複雑なものまで、あらゆる形に対応できる万能な機能といえます。

10.　車（マスク部分）をトーンカーブでコントラスト上げてメリハリをだします