Webデザイナー、UI/UXデザイナーの@sdesignlaboです。
Photoshop（フォトショップ）で使える店舗や街中の看板用のPSDモックアップ68選です。
全て商用利用可能！
作成した制作物が実際のサイネージでどのように見えるか、リアルに再現する事ができる素材です。
デザインをはじめとしたプレゼンテーション作成の際に威力を発揮しますよ！
ウィンドウガラスの看板PSD(7選)
ウィンドウガラスに貼られた看板が作れるモックアップ7選です。
全て商用利用可能なPSDです。
編集にはPhotoshop（フォトショップ）が必須です。
未導入の方は事前にAdobe公式サイトから入手しておきましょう。
#01 Window Signage Text Effect Mockup
ベーシックなウィンドウガラスに貼った看板が再現できるモックアップPSDです。デザインを配置するだけで本当に貼り付けたような質感が再現できますよ。
ダウンロードする
#02 Glass Window Signage Mockup
厚みのあるガラスに看板のステッカーを貼り付けた質感が再現できる看板のモックアップです。Photoshopがと当PSDがあればサンプルのような仕上がりにできます。
ダウンロードする
#03 Window Signage Text Effect Mockup
明るめの室内が背景に映ったシールタイプの看板が作れるモックアップPSDです。デザインをはめ込むだけ、合成の手間は限りなくゼロに近いですよ。
ダウンロードする
#04 Window Sign Mockup
カフェやショップなどの入り口ドアにピッタリのシール看板を再現できるPSDです。
ダウンロードする
#05 Window Glass Logo Mockup
お洒落なコーヒーショップの入り口のようなドアにシールで貼り付ける看板がはめられるモックアップです。編集にはPhotoshopが必要です。
ダウンロードする
#06 Logo on Glass Storefront Mockup
ガラスの映り込みやシールの質感などが非常にリアルなモックアップです。手間と時間がかかる合成作業の手間を格段に軽減できます。
ダウンロードする
#07 Logo on Tinted Office Window Mockup
オフィスのパーティション用ガラスにデザインがはめられるモックアップPSDです。
ダウンロードする
屋外用の小型看板PSD(17選)
店舗屋外の壁面に設置される小型の看板用モックアップ17選です。
全て下処理がされたPSDばかり、デザインをはめ込むだけで完了しますよ。
#08 Outdoor Signage on a Building Mockup
古い長屋を改造したカフェなどに合いそうな看板のモックアップPSDです。ロゴをはめ込んでみましょう！
ダウンロードする
#09 Hanging Wooden Shop Sign Mockup
吊るされた木の板にロゴなどを入れられる看板のモックアップです。ちゃんと影部分は暗く、日の当たっている箇所は明るくできます。
ダウンロードする
#10 Signage on Side of Building Mockup
ヴィンテージ感のある黒地の看板にデザインが入れられるモックアップです。基本的には白単体のロゴが合いますが、他のデザインも適用可能です。
ダウンロードする
#11 Store Brand Circular Sign Board Mockup
ちょっといい感じのチョコレート専門店などで使われていそうな質感の看板モックアップPSDです。
ダウンロードする
#12 Hanging Oval Brown Shop Sign Mockup
フチの金属が錆びた楕円形の看板が作れるモックアップPSDです。
ダウンロードする
#13 Outdoor Signage with Natural Landscape Mockup
緑が茂った木が背景に見える看板のモックアップPSDです。全体的に優しい日の光が入ってふんわりとした印象を与えています。
ダウンロードする
#14 Minimal Logo on White Sign Mockup
白黒で構成されたシンプルなミニマルデザインの看板モックアップです。スッキリしたデザインを求めている方にオススメですよ。
ダウンロードする
#15 Café Sign Mockup
レンガ造りの外観のカフェなどに適した看板モックアップです。神戸や横浜のお店に合いそうな雰囲気です。
ダウンロードする
#16 White Sign on Building Corner Mockup
ビルの角に張り付けられた看板のモックアップです。隠れ家的なお店の看板イメージに合いそうですね。
ダウンロードする
#17 Outdoor Sign and Flowers Mockup
看板の周囲に花が添えられたモックアップPSDです。看板自体の形状もあまり見かけない形状で特徴的ですね。
ダウンロードする
#18 Outdoor Signage by Residential Building Mockup
黒地の看板のモックアップです。白い文字やロゴが合いますが、あえて黒のロゴを重ねる手法で高級感を出すのもアリですよ。
ダウンロードする
#19 Circular Storefront Sign Mockup
円形の看板の手前に緑の葉っぱが見えるモックアップです。自然を感じさせるショップのプレゼンテーションに適しています。
ダウンロードする
#20 Signboard Wall Mockup
円形で黒色のストリートサインボードです。さりげなく看板を掲げたいイメージを目指している方に適しているでしょう。
ダウンロードする
#21 Outdoor Store Banner Signage Mockup 2
黒い壁に黒くて四角い看板が配置されたモックアップです。カフェ等だけでなく、おしゃれなラーメン屋さんにも合いますよ。
ダウンロードする
#22 Outdoor Store Sign Mockup
明るめの世界観の看板モックアップです。ガチっと固定するタイプではなく、風が吹くと動くタイプの看板です。
ダウンロードする
#23 Outdoor Store Banner Signage Mockup 1
三宮の海側にあるちょっと高めのショップに使われていそうな看板のモックアップです。編集にはPhotoshopが必須ですよ。
ダウンロードする
#24 Futuristic Vertical Store Sign Mockup
お洒落なバーの看板などに適したモックアップです。看板、背景、背景の光などがレイヤー分けされており、編集が行いやすい状態です。
ダウンロードする
スタンド看板のPSD(7選)
店舗の入り口に配置するスタンド看板のモックアップ7選です。
フォトショップ未導入の方は事前にAdobe公式サイトから入手しておきましょう。
#25 Pub Building Sign Mockup
店舗の前に置く、よくあるA型看板のモックアップPSDです。チョークで描いたような質感が合いますよ。
ダウンロードする
#26 Blackboard Coffee Sign Mockup
イーゼルに小型の黒板型の看板が表現できるモックアップPSDです。古屋を改造したカフェの入り口にありそうですね。
ダウンロードする
#27 Entrance Logo Mockup Sign on Sidewalk
三宮の大丸1階のような立地に配置されたA型看板のモックアップPSDです。カフェやイタリアンレストラン等にバッチリ合いますよ。
ダウンロードする
#28 Outdoor Menu Display Cafe Restaurant Logo Mockup
金属製のイーゼルに乗せられた看板のモックアップです。看板の個所や金具部分など、マスクとレイヤー分けされているのでデザインをはめ込むだけです。
ダウンロードする
#29 Signboard Mockup on an Easel
洒落たレストランの入り口にありそうなイーゼルタイプの看板モックアップです。
ダウンロードする
#30 Outdoor Blackboard Sign Mockup
日本でありがちなイーゼルやA型看板と違うタイプの置き看板です。PSD形式で作られており、看板部分にデザインを入れるだけで終わります。
ダウンロードする
#31 Wooden Advertising Board Mockup
木製のA型看板が作れるモックアップPSDです。移動型店舗のメニューに採用してもかわいいですよね。
ダウンロードする
店舗壁面用のプレート看板PSD(10選)
店舗の壁面に設置するプレート型の看板モックアップ10選です。
全て商用利用可能なPSD形式です。
#32 Plate Glass Signage Mockup
打ちっぱなしのコンクリート壁に付けられたアクリルパネルのプレート型看板が作れるモックアップです。アクリル板特有の透け感など、非常にハイクオリティな仕上がりです。
ダウンロードする
#33 Glass Sign Plate on White Wall Mockup
オフィスの白い壁に付けられたアクリルプレートの看板モックアップです。アクリル板にオフィスが映りこんでいるのがリアルですね。
ダウンロードする
#34 Glass Sign on Wooden Wall Mockup
木目の壁面にアクリル板の看板が設置されたモックアップPSDです。高品質な質感で作られており、プレゼンテーションの資料作りを軽減できますよ。
ダウンロードする
#35 Glass Sign on Wall Mockup
レンガ調の壁に金属プレートの看板が設置されたモックアップPSDです。明るめの世界観なので清潔感があります。
ダウンロードする
#36 Metal Sign on Wall Mockup
オフィス内に適したマット加工の金属プレート看板のモックアップです。
ダウンロードする
#37 Metal Sign on Wall Mockup
金属板にレーザー加工で凹凸を作った看板のモックアップです。洒落たオフィスの看板などにピッタリです。
ダウンロードする
#38 Metal Sign on Wall Mockup
真鍮のような質感の金属にレーザーで掘り込み加工がされた看板のモックアップです。凹凸表現も全てPhotoshopで設定されているので、デザインをはめ込むだけです。
ダウンロードする
#39 Sign Plate on Wall with Gold Reflection Mockup
先の真鍮をさらに鮮やかにしたような質感のメタルプレート看板モックアップです。映り込みの表現も非常にリアルです。
ダウンロードする
#40 Realistic Wood Sign Mockup
木製のプレート看板が表現できるモックアップです。PSDをダウンロードし、フォトショップで対象デザインを配置するだけ！
ダウンロードする
#41 Logo on a Storefront Mockup
店舗入り口の上部にある立体感のあるロゴ看板が作れるモックアップです。ハイブランドや高級感のあるショップに適しています。
ダウンロードする
街中の大型看板用PSD(13選)
街中の至る所で見られる大型看板のPSDモックアップ13選です。
自身が作成したデザインを街中にドカンと簡単に表示させられます。
#42 Outdoor Advertisement Mockup
バス停の横に配置されている大型看板のモックアップです。近くで見ると迫力がありますよね。
ダウンロードする
#43 Parking Garage Advertisement Mockup 1
駐車場に配置されている大型看板のモックアップです。一般的ではありませんが、たまに見かけます。
ダウンロードする
#44 Outdoor Store Sign poster mockup
店舗の前に大きく看板を置きたい方にオススメのモックアップPSDです。設置スペースを取りますが、その分インパクトのある看板表現が可能です。
ダウンロードする
#45 Hanging Flag Mockup
室内や地下街などよく見かける吊るしの看板モックアップです。比較的低コストで作成できる看板です。
ダウンロードする
#46 Evening City Street Billboard Mockup
街中にガッツリ設置された看板のモックアップです。デジタルサイネージタイプで内容が切り替わる看板も多いです。
ダウンロードする
#47 Large Horizontal Billboard in Outdoor Landscape Mockup
ハワイなどでよく見かける非常に大きくてインパクトのある看板のモックアップPSDです。自身の作品が掲載されると感激しそうですね。
ダウンロードする
#48 4 Advertising Kiosk Mockups on a City Street 1
大型の縦看板が4つ配置されたモックアップです。大々的にアピールしたいモノを掲載したい方にオススメですよ。
ダウンロードする
#49 Billboard on Highway Mockup
高速道路の脇に設置された大型看板のモックアップです。日本ではあまり見かけない看板ですね。
ダウンロードする
#50 Billboard Mockup
ファミレスの入り口などに設置されている非常に大型で背の高い看板のモックアップPSDです。
ダウンロードする
#51 Billboard in a City with Natural Landscape Mockup
三宮の海側にある高級店周辺で見かけるような街中の看板が再現できるモックアップです。ウブロやブルガリ、ロレックスの時計などをはめ込みたくなりますね。
ダウンロードする
#52 Outdoor Advertising Kiosk Mockup
天候や光などの差分ファイルも同梱されている看板のPSDモックアップテンプレートです。
ダウンロードする
#53 Bus Stop Advertising Kiosk at Night Mockup
夜中の街中に設置された看板のモックアップです。ヨーロッパ諸国の雰囲気が漂う世界観です。
ダウンロードする
#54 Bus Stop Kiosk and Billboard Mockup
バス停の隣に設置された大型看板のPSDモックアップです。バス停の奥にある大型看板の中身も変更可能ですよ。
ダウンロードする
地下鉄の看板PSD(10選)
地下鉄に設置されている看板のPSDモックアップ10選です。
フォトショ未導入の方は事前にAdobe公式サイトから入手しておきましょう。
#55 2 Subway Billboard Poster Mockups
地下鉄のタイル壁に設置された看板のモックアップテンプレートです。縦置き、横置き共に使えます。
ダウンロードする
#56 3 Vertical Subway Billboards Mockup
地下鉄の通路に配置された3連の大型看板モックアップです。アピール力抜群のインパクトですね。
ダウンロードする
#57 Subway Signboard Mockup
地下鉄のエスカレーター横に設置された大型看板のテンプレートです。
ダウンロードする
#58 Vertical Subway Advertisement Mockup
こちらもエスカレーター横に設置された大型看板のモックアップテンプレートです。看板の額に映りこんだ光や影など、非常にハイクオリティな仕上がりです。
ダウンロードする
#59 3 Vertical Billboards in Subway Station Mockup
地下鉄の通路の横に設置された大型看板のモックアップです。額の形状でマスクされており、映り込みの表現もちゃんと再現されていますよ。
ダウンロードする
#60 Billboards on Underground Stairs Wall Mockup
先の看板の場所違いです。怪談横に3つの大型看板が設置されており、見た目のインパクト大です。
ダウンロードする
#61 Horizontal Underground Billboard Mockup
非常に大きな看板が地下鉄の通路脇に設置されたモックアップPSDです。品質の高いモックアップを求められている方にオススメです。
ダウンロードする
#62 3 Vertical Billboards in Subway Station Mockup
地下鉄のベンチ後ろに設置された看板が表現できるモックアップPSDです。地下鉄の蛍光灯や影などの映り込みが見事に再現されていますよ。
ダウンロードする
#63 Billboards Mockup on Underground Station Wall
大理石調の壁面に大型看板が3つ配置されたモックアップPSDです。
ダウンロードする
#64 Subway Billboard Mockup
地下鉄の向かいのホームから見た看板が表現できるモックアップPSDです。電車待ちの際に見える景色ですね。
ダウンロードする
その他の看板PSD(4選)
その他の看板が作れるPSD形式のモックアップ4選です。
#65 Shop Sign on Window Mockup
ショップ入り口上部にあるサイネージが再現できるモックアップPSDです。作成したショップロゴを入れましょう！
ダウンロードする
#66 Outdoor Sign Mockup
白地、黒地、木目などの質感が収録されたショップの看板モックアップです。デザインをはめ込むだけで作業が終わります。
ダウンロードする
#67 3D Logo with Reflective Sheen on a Storefront Mockup
ショップ入り口上部に高級感のあるサイネージが設置できるモックアップPSDです。フォントを入力し、設定をコピペするだけでリアルなメタル調のロゴが作れます。
ダウンロードする
#68 2 Billboards on City Buildings Mockup
ビルの屋上に設置された大型看板のモックアップPSDです。実際に作らなくても、自身のデザインをはめてみたくなりますね。
ダウンロードする
ワンランク上のテンプレート素材
Photoshopを学習する上で、プロが作成した生データを研究する事は重要です。
下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。
制作の手間を劇的に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。
例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選
良質な素材をもっと見る
上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！
おわりに
以上、Photoshop（フォトショップ）で使える看板のモックアップ68選でした。
作成したロゴやデザインを当てはめてみて下さい。
一気に作品がリアルになり、仕上がりイメージが確認しやすくなります。
単にペラのデザインを見せるだけでなく、モックアップを使った仕上がりイメージも添えておくとプレゼンテーションを有利に進められますよ。
ではまた！
ゼロから始めるシリーズ
現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう！
