マーカーネット株式会社

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

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

関連記事

WEBデザイナーが仕事を依頼されたとき、まず最初に聞いておくべき7つの事。

こんばんわ。WEBデザイナーのKです。 本日は、WEBデザイナーがWEBディレクターから案件を依頼された時に、 必ず聞いておくべきことをまとめてみました。 ざっくりなので、細かく分けるとまだまだ沢山あ …

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(1)

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(1)

デザイナーのAです。こんにちは。 今日はお客様の立場になって、 WEB制作における良いデザインと悪いデザインの見分け方についてご紹介できればと思います。 デザイナーにとっては、基本的なことでも、以外と …

中国語サイトのスマートフォンサイト制作 は必要か?必須か?

中国語サイトのスマートフォンサイト制作 は必要か?必須か?

ChiKuu(チークー)という、海外で活躍するスポーツ選手や実業家、アーティストのつぶやきや最新情報などを翻訳してくれるウェブサイトに、新しい表示言語として簡体字中国語が加わりました。 ChiKuu. …

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

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

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

ごろごろしながらウェブネタ探し

皆さん! こんばんは!! 株式会社マーカーネットでwebデザインを修行をしている新人デザイナーKです。 普段、皆さんはデザインを作るとき、どこからデザインのネタを探しているんですか? 私は場合は、そう …