トピックス

  1. HOME
  2. トピックス
  3. WEBデザイン
  4. 【Photoshop】写真をかっこいいレトロ調に加工する方法

【Photoshop】写真をかっこいいレトロ調に加工する方法

今回はSNSでもみかけるレトロ調の写真加工をPhotoshopで作成する方法をご紹介します。アプリやアクションでできる簡単なものではなく古い紙のテクスチャを使用する本格的なものになっています。

1. 素材をダウンロード

今回使用する写真です。全て無料且つ登録不要のサイトなので各々のサイトからダウンロードしてください。

レトロ調に加工したい写真。今回は例として↓の写真を使用します

https://www.pakutaso.com/20180652159post-16438.html

引用元:フリー素材ぱくたそ

古い紙の写真(素材①)

http://free-paper-texture.com/old-paper-texture/

引用元:Paper-co

※1200pxサイズでダウンロードしてください

かすれているような薄茶色の背景素材(素材②)

https://www.haikei-free.com/brown/0076.php

引用元:背景素材フリードットコム

※PNG形式でダウンロードしてください

2. 写真を開いて加工の準備する

  1. レトロ調に加工したい車の写真をPhotoshopで開いてください
  2. レイヤーから「背景」をダブルクリックしてレイヤー名を「retro」にしてOKをクリック
  3. そのままレイヤーを選択したままCtrl(command) + Jでレイヤーを複製します

3. 写真を加工する

写真の色味を変更する

  1. レイヤーパネルから「塗りつぶしまたは調整レイヤーを新規作成」をクリックしてグラデーションマップを選択
  2. グラデーションマップを属性パネルでオレンジイエローオレンジに変更
    このグラデーションマップが無い場合は新規グラデーションから作成してください。位置0%と100%に#ff6e02を50%の位置に#ffff00を設定すれば同じものができます
  3. ブレンドモードを乗算にして不透明度を40%に変更する
  4. Alt(option)を押しながらグラデーションマップとretroの間にマウスを持っていきクリックしてクリッピングマスク状態にしておく

上の写真のようになったら成功です。ここから古い写真のようなノイズを加えていきます。

写真にノイズを加える

  1. レイヤー名「retro」を選択
  2. 上部メニュー(アプリケーションメニュー)のフィルター⇒ノイズから「ダスト&スクラッチ」を選択して写真の通りにしてOK
  3. 同じくノイズから「ノイズを加える」を選択して写真の通りにしてOK

現段階でこの状態になっていたらうまくいっています。このままでもレトロ感が出ていますが、さらに紙の質感を加えていきます。

4. 素材①を使って紙っぽい質感を入れる

素材①を配置する

  1. 古い紙の写真を開いて「retro」の時と同じようにしてレイヤー名を「paper」に変更
  2. レイヤー名「paper」をドラックアンドドロップで「retro」のレイヤーの一番上に持っていく
  3. 横置きにしたいのでCtrl(command) + Tを押してハンドルをShiftを押しながら回転させる
  4. 「paper」をCtrl(command) + Jでレイヤーを複製して上の「paperA」、下を「paperB」にレイヤー名を変更

それぞれブレンドモードを変更していく

  1. レイヤー名「paperA」を選んでブレンドモードを乗算にして不透明度を60%にする
  2. レイヤー名「paperB」を選んでブレンドモードをオーバーレイにして不透明度を60%にする

このように古い紙の質感が出たら成功です。

5. 素材②を使ってかすれた感じの質感を入れる

  1. かすれているような薄茶色の背景素材を開きます
  2. レイヤー名を「faint」にして同じくドラックアンドドロップでレイヤーの一番上に持っていく
  3. 「faint」を選んでブレンドモードを乗算にして不透明度を40%にする
  4. 完成

6. まとめ

今回はテクスチャ素材を使ったひと手間加えた写真加工をご紹介しました。

色合いを変えたいならグラデーションマップの不透明度を変更することで、紙の質感を変えたいならノイズや素材①、②の不透明度の値を変えることで自由にカスタマイズできます。

ポスターやダイレクトメール、Webバナーのデザインなどに使ってみてはどうでしょうか。

 

CONTACTお問い合わせ・ご相談はこちら

おすすめ記事

CONTACT

WEB戦略型ホームページ制作・
集客・ブランディングのご相談はこちら

お電話でのお問い合わせ

06-4792-7678

株式会社アルファクトリー
〒530-0047 大阪市北区西天満3-14-6
センチュリー西天満ビル4F
営業時間/平日10:00~18:00 土日祝定休
メールでのお問い合わせ

「STEP UP WEB」は大阪市北区西天満にあるアルファクトリーが
提供するホームページ制作サービスです

対応エリアは、大阪、神戸、京都をはじめ関西を中心にサポートしております。企画立案から行い、世界で最も使用されているWordPressを使用してCMSを構築し、御社専用にカスタマイズ、レスポンシブサイト(スマホ対応)として提供させていただきます。また、デザインテンプレートは一切使用せず、すべて御社に合わせオリジナルデザインで、ブランディングを行っています。

さらに、WEBサイトリニューアルや集客にお悩みの際は、コンテンツマーケティング(SEO対策)、WEBコンサルティングなどを駆使し御社ターゲットに訴求させ、収益を最大化させます。STEP UP WEBでは、コーポレート・ブランディング・採用など様々なホームページに対応しているほか、「ユーザビリティの高いサイトにしたい」「他社との差別化を行いたい」「自社で更新したい」といったクライアント様からのお悩みや目的にも寄り添い、最適なプランを企画・提案させていただきます。

ご質問・ご相談・お見積りについては、大阪の「STEP UP WEB」へお気軽にお問い合わせください。現状分析・競合分析などを踏まえてお応えさせてただきます。

制作・リニューアルをお考えの方へ
まずは無料ホームページ診断!