マーカーネット株式会社

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

WEBデザイン WEB制作

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

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

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

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

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

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

4

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

STEP5.
さらに背景の上にコピーなどチャッチコピーを配置したら、クラシックな雰囲気のあるビンテージ風の素材が完成しました。

最初の写真と比べると違いがよく分かりますね。

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

東京のWEB制作会社 マーカーネット株式会社 公式WEBサイトへ

-WEBデザイン, WEB制作

関連記事

食べ物の写真を美味しそうにみせるフォトショの小ネタ

こんにちは! デザイナーの木野子です。 マーカーネットブログを、今回初めての担当することになりました! ここでは、私が普段web製作で使っている、 PhotoshopやIllustratorの小ネタな …

WEBトレンド!?パーツの動きに注目!!~素敵サイトの旅 その2~

明けましておめでとうございます。web初心者のKです! 本年もどうぞよろしくお願いいたします。 みなさま、お正月はいかがお過ごしでいたでしょうか? 私はあまりに寒すぎて冬眠できないかな~、と、 食いだ …

【簡単に創れるphotoshop小技】キラキラ光る星効果

【簡単に創れるphotoshop小技】キラキラ光る星効果

今回はPHOTOSHOPで簡単に創れる「キラキラ光る星」をご紹介します! 【その1】ブラシで直線を引く 新しいレイヤーを追加し、その上にブラシで線を引きます。 【その2】フィルタのぼかしから線を横長に …

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

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

こんにちは、デザイナーのAです。 以前、いいデザインと悪いデザインの見分け方についてご紹介いたしました。 いいデザインと悪いデザインの見分け方 その(1) いいデザインと悪いデザインの見分け方 その( …

【これから始めるWEB制作】adobe?フォトショ??イラレ???adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その1~

【これから始めるWEB制作】adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その3~

こんにちは、ひよっこWEB製作者のMです。 皆様いかがおすごしでしょうか? 大寒の時期とあって毎日ひじょ~~~~に寒いですが、体調など崩されておりませんでしょうか? 私は、1月が今週で終わるということ …