ポスターデザインをもっと良くする!モックアップPSD素材まとめ + 使い方チュートリアル

poster_mockup_top

 

作成したポスターやフライヤーデザインを、PSDモックアップ素材を使ってより素敵に、よりリアルに仕上げてみませんか。ボタン操作いくつかの一手間を加えるだけで、プロのような演出が可能となります。

 

 

海外デザインブログHey Printsで、ポスターデザインに活用したいPSDモックアップ素材をまとめたエントリー「15 Poster Mockups for Designers」が公開されていたので、今回は素材の使い方をまとめた簡単チュートリアルと一緒にご紹介します。

 

 

 

詳細は以下から。

 

 

 

モックアップPSD素材の使い方

 

まずモックアップ用PSDファイルをダウンロードしましょう。今回は以下のフリーアイテムを使用しました。

 

[list type=”star”] [li]PSD Poster Frame Mockup vol.6 – Pixeden[/li] [/list]

 

「PUT YOUR DESIGN HERE(ここにデザインを配置してください)」と書かれたスマートオブジェクトレイヤーのサムネイルをダブルクリックします。

step1

 

 

別ファイルが開き、ポスターデザインのみが表示されました。

step2

 

 

あらかじめポスターデザインを作成し、用意しておきましょう。

step3

 

 

オリジナルポスターをレイヤーの一番上に配置し、カンバスの中心に来るよう調整しましょう。ファイルを保存すれば完了です。

step4

 

 

ファイル保存が終了すると、自動的にポスターデザインが切り替わりました。スマートオブジェクト機能を活用することで、配置またはペーストされた画像を、元の画質を保持したまま編集や拡大・縮小、回転、ワープが可能になります。

 

[list type=”star”] [li]スマートオブジェクトとはどのような機能ですか – Adobeヘルプ[/li] [/list]

step5

 

 

このPSDモックアップ素材は、フレームの色も変更することができました。アートワークに合わせて統一してみても良いかもしれません。

step6

 

 

 

無料PSDモックアップ素材まとめ

 

Original Mockups Flyer Poster Frame

シンプルなフレーム枠に収められたポスターは、影や光の反射などリアル感たっぷりに演出されています。

slimframe_poster

 

 

 

Free Poster Mockup

ポスターを折りたたんだ様なエフェクトがユニークな、天井吊るし型モックアップPSD。

mockup-2

 

 

 

Free Poster Design Mockup

6種類のポスター用モックアップが収録されており、紐で吊るされたり、押しピンで止めてあったりバージョンも豊富です。

free_poster_mockup

 

 

 

PSD Poster Frame Mockup vol.6

先ほどチュートリアルで利用したモックアップ素材。背景テクスチャも変更することが可能です。

frame_poster

 

 

 

Poster Frame PSD MockUp

ウッドフロアの床に置かれた、まるで本物のようなポスターモックアップを作成します。縦、横2タイプを収録しています。

Poster-Frame-PSD-MockUp-600

 

 

 

3 Real Photo Poster Mockups

こちらもリアル感を追求したモックアップで、合計3種類のテンプレートPSDを無料ダウンロードできます。

700x466xTitle-1.jpg.pagespeed.ic.QnZlok8BA9

 

 

 

Poster Mockup Template

人がポスターを持っているようなエフェクトを再現するテンプレートPSD。

poster_mockup_preview_lrg

 

 

 

Flyer and Poster Mockup 01

テーブルの上にフライヤーやポスターを重ねて置いたようなテンプレートPSD。

flyer_template

 

 

 

Poster Mockups in Photoshop

Photoshopを使った、ポスター用モックアップ素材の作り方を紹介したチュートリアル。一緒にサンプルPSDファイルをダウンロードできます。

mockup-6

 

 

 

プレミアムPSDモックアップ素材まとめ

 

よりフレキシブルなカスタマイズが可能な、プレミアムPSD素材も一緒にまとめています。プロジェクト予算に余裕があるときは、活用してみてはいかがでしょう。

 

 

PSD Poster Mockup Presentation vol.1

小さく折りたたんだエフェクトを加えることができる、ポスター用モックアップPSD。

mockup-4

 

 

 

PSD Poster Mockup Presentation vol.2

先日プレゼント企画を実施したPixedenで公開されているアイテムは、どれも高品質なものばかりです。

mockup-3

 

 

 

PSD Poster Mockup Presenation vol.3

どんなアートワークにも合わせやすい、シンプルなフレーム枠を採用。

minimalist_poster

 

 

 

Poster Mockup / 12 Different Images

ジーンズにギンガムチェック柄のシャツを着用したモデルが、ポスターを持っている12種類のテンプレート素材。

Poster_title_new

 

 

 

Poster Mock-Up Template

女性モデルがポスターを持って展示するテンプレートで、4種類のポーズが収録されています。

firefire_poster_mockup

 

 

 

Poster Mock-Up Street

グラフィティアートを中心に、街中に貼られているポスターをさまざまな角度で再現します。

Poster-Mock-Up-Preview

 

 

 

Banner | Poster Mock-Up

町にあるビルボードや何気ないスペースをハイジャックする、クリエイティブなPSDモックアップ素材。

banner_poster

 

 

 

Poster Exhibition Gallery Mock-Up

まるで個展にアートワークが展示されている様なイメージモックアップを作成するプレミアムPSD。

exhibition_mockup

 

 

 

Poster Mock-Up

配管がむき出しのだだっ広い空間に吊るされたポスターを再現、6タイプのアングルを収録しています。

gallery_mockup

 

 

 

Close-Up Mock-Up

よりズームアップして表示したいときに活用したいテンプレート。細かいアートワークにオススメです。

close-up2

 

 

参照元リンク : 15 Poster Mockups for Designer – Hey Prints