マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBデザイン WEB制作

【Photoshop マジック】ビンテージ風の素材がさくさくカンタンに作れちゃう!

投稿日:2014年9月19日 更新日:

Webデザインのトレンド手法のひとつとして、「レトロ感」や「ヴィンテージ感」のあるwebデザインがよく見かけます。
素材がなくても、Phoshopを使えば普通の写真もステキな素材になります!
ここで写真をビンテージ風に加工する手順をご紹介します。

STEP.1
加工したい写真をPhotoshopで配置して、ツールバーの「イメージ」→「モード」→「グレースケール]の流れで写真をモノクロに変換します。
step1

STEP.2
背景レイヤーにベクトルマスクを追加して、黒く塗りつぶします。

STEP.3
背景レイヤーの上に新規レイヤーを作成します。
そして左側のツールバーからグラデーションツールを選択して、グラデーションエディターのウィンドウで希望の色を設定します。
グラデーションの調整を終えたら、グラデーションツールで新規レイヤーを塗りつぶします。
3
4

STEP4.
レイヤーパレットの描画モードを「ソフトライト」に変更すると、セピア調の写真になりました。
5
6

STEP5.
さらに背景の上にコピーなどチャッチコピーを配置したら、クラシックな雰囲気のあるビンテージ風の素材が完成しました。
IMG_1936
最初の写真と比べると違いがよく分かりますね。
IMG_1936_n

また、グラデーションの色を変えるだけで、また違う雰囲気を表現できます。
IMG_1936_2
ぜひいろいろ試してみてはいかがでしょうか?

-WEBデザイン, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

【グローバルサイト運営担当者必見】多言語サイトSEOで絶対外せない3つのポイント!

弊社では英語、簡体中国語、繁体中国語、韓国語など世界主要言語でのSEOやサイト制作に取り組んでおります。 それぞれの言語のサイトのSEO対策の基本原則は変わらないですが、海外SEOの効率を向上させ、ア …

【2014年総まとめ】今年一番多く使ったWEBフォント

【2014年総まとめ】今年一番多く使ったWEBフォント

こんばんわ~WEBデザイナーのHです。 本日はこの1年間、実際のWEBデザイン制作を通して、一番多く使ったWEBフォント、トップ3をご紹介します。 中には有料のものもありますが、社内で共有することを優 …

オンライン上でPDFファイルをWordファイルに変換する

オンライン上でPDFファイルをWordファイルに変換する

WEBディレクターとして働いていますと、PSDやPNGなどのデザインデータ以外にもパワーポイントやエクセル、PDFなどのファイルなどクライアント様からさまざまな素材をいただいたり、こちらが資料を作成し …

phpフレームワークlaravel4でデータベースを操作してみました。

phpフレームワークlaravel4でデータベースを操作してみました。

phpのフレームワークlaravel4でデータベースの操作をためしました。 laravel4では、「Eloquent ORM」が含まれており、簡単にデータベースの操作が可能です。 1. 今回ブログの記 …

jqueryを利用した、facebookのアルバムから写真一覧の取得について

jqueryを利用した、facebookのアルバムから写真一覧の取得について

jQueryを利用して、 facebookの指定のアルバムから写真の一覧を取得する方法を紹介します。 ※ まず、facebookからアルバム一覧します。 var name = “markernet”; …