Advertisement

name-card-mock-up

 

せっかく時間をかけて完成したデザインなら、より魅力的に演出してみませんか。Photoshopの「モックアップ素材」を利用すれば、ほんの少しの作業で、見た目の印象がグッと良くすることができます。

 

今回はクライアントへの提案やプレゼン資料、ブランディングなどに欠かせない、最新の無料モックアップ用PSDファイルをまとめてご紹介します。デザイナーが持っておきたい高品質なモックアップ素材がずらり、83個揃った完全保存版。

 

 

モックアップとは何?

 

では、一体「モックアップ」とは何で、どんな使い方があるのでしょう?

 

モックアップとは、食品はもちろん車やスマートフォン端末など、あらゆるプロダクトデザインの見本や試作デモなどを指し、より本物の実用的なイメージで視覚化することで、見た目や機能の確認などに利用されています。

 

グラフィックデザイン業界では、ブランドイメージを表現するパッケージやTシャツ、文房具などの製品デザインを、クライアントやプレゼンなどでよりわかりやすく理解するために利用されています。平面的なデザインも立体的な見た目で確認できるので、より本格的なアイデア出しにも役立ちます。

 

 

モックアップ素材の編集、カスタマイズ方法

 

まずは編集したいモックアップ素材をダウンロードしましょう。今回は、試しに Bottle Logo Mockup を使って、実際にモックアップをカスタマイズしてみます。

mockup-how-to-1

 

 

実際にPhotoshopでPSDファイルを開いた様子がこちら。「カラー」、「ブラック」、「ホワイト」の3バージョンが用意されており、ここでは、「ホワイト」バージョンを選択。ラベルを編集するために、「Change this」と書かれたレイヤーをダブルクリック。

mockup-how-to-2

 

 

立体的に表示されていたラベルが、平面デザインとなって別ウィンドウで開きました。この「スマートオブジェクト」機能を利用することで、立体的なモックアップを平面でデザインすることができます。

mockup-how-to-3

 

 

無料フォトストックサイトで見つけたイメージ写真に、SVGフォントを利用してみます。編集が終わったら、メインメニューより「ファイル」>「保存」しましょう。

mockup-how-to-4

all-in-one-diy-pack
世界中の人気デザイナーとタッグを組み、デザインの現場で使える素材を2週間の限定、通常価格の99%オフで購入できる DesignCuts。今回は デザイナーが長く愛用

 

 

オリジナルのPSDファイルに戻ると、自動的にラベルデザインが切り替わっていのを確認できました、これでカスタマイズは終了です。

mockup-how-to-5

 

 

近くに寄って見てみた様子がこちら。先ほど編集した写真付きラベルが、違和感なく立体的に貼り付けられています。

mockup-how-to-6

 

このようにモックアップ素材を使えば、画像や文字テキストを置き換えるだけで、まるで撮影したようなリアルで感動したくなる仕上がりを実現できます。

 

 

無料ダウンロードできる、最新モックアップ素材まとめ

 

Simple Cassette Mockup

懐かしいカセットテープを本物そっくりに再現したモックアップ。

free-cassette-mockup

 

 

 

Free beer bottle mockup

よりおいしそうに感じる表現、シズル感たっぷりのビールボトル用モックアップで、ラベルとボトルカラーも変更できます。

free-beer-bottle-mockup

 

 

 

NBA Basketball Mockup Templates

バスケットボール選手のかっこいい瞬間を切り取り、ユニフォームや靴をカスタマイズできる素材。

nba-basketball-mockup

 

 

 

Neon Free Mockup PSD

ロゴや文字テキスト、図形シェイプなどをネオン風に変換できるモックアップ。

neon-text-effect-mockup-1

 

 

 

Free Paint Packaging Mockup

スプレーや大きなペイント缶をセットにしたパッケージ用モックアップ。

paint-packaging-mockup_graphicpear_030918_prev01

 

 

 

Free Disposable Food Packaging Mockup

リサイクル可能なテイクアウト用ボックスをデザインします。

free-disposable-food-packaging

 

 

 

Free Soap Packaging Mockup

石鹸のパッケージを想定した美しいおしゃれなモックアップで、花柄や透明ビンと一緒にどうぞ。

free-soap-packaging-mockup

 

 

 

Free Sample Candles Package Mockup set

キャンドル本体とパッケージを両方デザインできる、モダンな雰囲気のモックアップ。

candle-package-mockup-psd

 

 

 

Free Food Packaging Mockup PSD

キャンディやチョコレートなどのプラスチック製パッケージのモックアップ。

free-food-packaging-mockup-psd

 

 

 

Pouch Packaging PSD Mockup

プラスチックのパウチを本物そっくりにデザインするパッケージ用モックアップ。

pouch-package-mockup

 

 

 

Freebie! New Glass Mug Animated Mockup

透明のガラスでできたマグカップを作成し、さらにアニメーションで表現できる高品質素材。

new-glass-mug-animated-mockup

 

 

 

Bottle Logo Mockup

まるで本物そっくりなクオリティで表現された、美しいボトルのラベルをカスタマイズ。

bottle-logo-mockup

 

 

 

Free Marquee Cinema Light Box Mockup PSD

アメリカの映画館で見かける、キラキラに光るビルボードは、自由に文字テキストを変更できます。

marquee-cinema-light-box-mockup-psd

 

 

 

Free Brand Identity Mockup

パステルカラーで統一された、モダンな雰囲気のステーショナリー向けモックアップ。

pink-brand-identity-mockup

 

 

 

Free drink bottle mockup

スムージーの透明ドリンクボトルは、中身のジュースの色を自由に変更どうぞ。

free-drink-smoothie-bottle-mockup

 

 

 

Free Coffee Package Mockup

コーヒー豆のパッケージと紙コップをデザインしましょう。

coffee-package-mockup-2

 

 

 

Coffee Maniac Mockup Set

「コーヒー」をテーマにしたユニークなモックアップ素材4種類が揃います。

coffee-maniac-mockup

 

 

 

Psd Gravity Shopping Bag Mockup 2

ダーク系にカラフルなグラデーションが魅力的な、ショッピングバッグ用モックアップ。

gravity-shopping-bag-mockup-black

 

 

 

Psd Gravity Shopping Bag Mockup 3

宙に浮いた正方形の形をした、質感の良いショッピングバッグのモックアップで、パッケージと背景どちらも変更可能。

free-gravity-flyinig-shopping-bag-mockup

 

 

 

Free iMac mockup with marble

カラフルでお好みの色にカスタマイズできるiMac用モックアップ。

imac-mockup-marble-background

 

 

 

Swiss Chocolate Package Mockup (PSD)

美味しそうなチョコレートバーの包み紙をデザインするモックアップ。

swiss-chocolate-package-mockup

 

 

 

Three Girly Branding Mockups

ピンク色の花束やハート型のキーホルダーなど、フェミニンなデザインを得意とした素材。

three-girly-branding-mockup

 

 

 

Square Psd Invitation Card Paper Wrap

薄紙でラッピングされた招待状カードのモックアップ。

square-paper-wrapping-branding-mockup-pixeden

 

 

 

Free Beautiful Hand Towel Mockup

持ち運びやすいハンドタオルまでお好みのデザインで表現できます。

towel-mockup

 

 

 

Free Yummy Ice Cream Cup Mockup

高く積まれたアイスクリームの紙カップのモックアップ素材。

ice-cream-cup-mockup

 

 

 

iPhone Case Mockup

iPhone用ケースをスマートオブジェクト機能を使って、平面を立体デザインに変換します。

iphone-case-mockup

 

 

 

50+ Free iPhone X Mockup Collection [2018]

iPhone Xをモチーフにし、自由自在にカラーリングを変更できるアイテム。

iphone-x-mockup-collection
 

 

 

Iphone X Mockup Freebie

カラフルなグラデーションカラーが美しい、シンプルなミニマル系iPhoneモックアップ。

iphone-x-mockup-freebie-minimalistic-mockup

 

 

 

Free Long Scroll iPhone X Mockup

まるで下に垂れてしまったようなスクロールを表現できる面白モックアップ。

iphone-long-scroll-mockup-3

 

 

 

Colorful iPhone X Mockup Free

カラフルに表現された独自の色合いが美しい、iPhone X用モックアップ素材。

colorful-iphone-x-mockup-1

 

 

 

8 Black Matte Apple Devices Mockups

引き締まったマットな黒色で統一された、iMacやiPhone,iPad、Macbook ProなどApple製品が勢揃い。
8-black-matte-apple-devices

 

 

 

Samsung Galaxy S9 Phone Mockup

新しく発売されたSamsung Galaxy S9をミニマルスタイルで。

samsung-s9-mockup-free-psd

 

 

 

3D Drawstring Pouch Free Mockup

立体感たっぷりのパウチ袋の素敵デザインモックアップ。

drawstring-bag-mockup

 

 

 

WuHoo Scene. Mockups and Items

立体感だけでなく、独特の光沢感やポップな雰囲気が素敵なモックアップ素材キット。

wuhoo-scene-mockup

 

 

 

Mockups and Header Image

ウェブサイトのヘッダーイメージの作成に便利な、立体的なモックアップキット。

scene_generator_free_wuhoo_psd

 

 

 

Italian Lunch Scene Creator

パスタなどのイタリア料理をテーマにしたシーンを作成できる素材キット。

italian-lunch-scene-creator-mockup

 

 

 

Food Packaging Scene Creator Mockup

food-package-scene-ccreator-mockup

 

 

 

Marine Scene Creator + Free mockup

きれいな貝殻をモチーフに、思い通りのシーンを作成できるデザインキット。

marine-scene-creator-mockup-free

 

 

 

Rustic Scene Creator

やや色あせたノスタルジックな雰囲気を演出できる、あらかじめデザインされたシーン作成キット。

premade-scenes-for-food-products-r06

 

 

 

FREE T-SHIRT MOCKUP | FOR PHOTOSHOP PSD

本物そっくりのシワ、立体感を演出できるTシャツ用モックアップ。

t-shirt-mockup-for-photoshop

 

 

 

Free grey hanging T-shirt mock up – photoshop PSD

ハンガーに掛かった立体的なTシャツにデザインを行うことができるモックアップ。

grey-hanging-t-shirt-mockup-j22

 

 

 

Shoe Sneakers Mockup Design

キャンバス地のスニーカーをファブリック生地からデザインできます。

shoe-sneakers-mockup

 

 

 

Nike Air Max 270 PSD. – Free Mockup

スニーカーを自由なカラーリングで作成できる、NikeIDのようなパーソラナイズが可能。

nike-air-max-270-psd

 

 

 

FREE FLIP FLOPS MOCK-UP IN PSD

夏に大活躍のビーチサンダルをお好みのデザイン、配色でカスタマイズしましょう。

flip-flops-mockup

 

 

 

Fabric Wide Flag Mockup

勢いよくはためく大ぶりな旗、フラッグをデザインできるモックアップで、背景の青空もご自由に変更どうぞ。

free-fabric-wide-falg-mokup

 

 

 

Free Man Holding Advertisement Poster Mockup PSD

完成したポスターデザインを手に持った状態のモックアップ。

free-man-holding-advertisement-poster-mockup-psd

 

 

 

Free PSD Stationary Mockup

ベーシックなステーショナリー文房具をまとめてデザインできるモックアップ。

realistic-stationary-psd-mockup-l49-tricoroll

 

 

 

Free Book Mockup

ハードカバーの文庫本を閉じた状態と開いた状態でデザインできます。

free-opened-and-closed-book-mockup

 

 

 

Glass Water Bottle Mockup

透明のミネラルウォーターをいれたプラスチックボトル容器をデザインします。

glass-water-bottle-mockup

 

 

 

Gravity Psd Paper Hot Cup Mockup

宙に浮いた紙コップをデザインできる、高品質なモックアップ素材。

paper-hot-cup-mockup

 

 

 

Plastic Food Box Mockup

プラスチックでリサイクル可能なフードコンテナ。

food-box-mockup

 

 

 

Free Popsicle Ice Cream Packaging Mockup PSD

アイスキャンディーのパッケージで、背景の大理石もカスタマイズできます。

popsicle-ice-cream-packaging-mockup

 

 

 

Free Plastic Paint Bucket Mockup (PSD)

光沢感をなくしたマットな質感が印象的な、ペンキ缶のモックアップ素材。

paint-bucket-mockup

 

 

 

Free Pizza Packaging Mockup Scene

ピザのテイクアウト用ボックスをメインに、マフィンがコロコロと転がったモックアップ。

free-pizza-packaging-mockup-scene-muffin

 

 

 

Free pack v1

旗フラッグだけでなく、ポスターやフライヤー向けモックアップも一緒に。

free-realistic-flag-mockup

 

 

 

Outdoor Advertising Free PSD MockUp

ヤシの木が生えるトロピカルな風景に設置された、大型ビルボード広告を自分のものに。

outdoor-advertising-free-psd-mockup

 

 

 

Downtown LA Billboard Mockup

アメリカ、ロサンゼルスの街角に設置されている大型ビルボード広告を、自由にカスタマイズできるアイテム。

downtown-billboard-mockup

 

 

 

FREE PSD VAN FOOD TRUCK MOCKUP

古いビンテージな海外のフードトラックを自由にデザインできるモックアップ。

free-van-food-truck

 

 

 

Mini Cooper Mockup Free PSD

ミニ・クーパーをコンセプトにした、自分だけのデザインを作成します。

mini-cooper-car-mockup-4

 

 

 

Electric Car Mockup free PSD

コンパクトな電気自動車をお好みのカラーリングで作成できます。

mini-electric-car-branding-mockup

 

 

 

Pickup Truck – 2 Free PSD Mockups

超リアルなピックアップトラックをラッピングできるモックアップ。

pickup-truck-2-free-psd-mockups

 

 

 

Branding Mockup Pack Free Demo

free-branding-stationery-02

 

 

 

Basic Stationery Branding Vol 23

厚紙の封筒や名刺デザインなどスタイリッシュなブランディング用モックアップ。

free-basic-stationery-branding

 

 

 

Cosmetics Mockup + Free Sample

クリームなどコスメティック、化粧品を想定したラベルデザインにどうぞ。

cosmetic-mockup-free-sample

 

 

 

Packaging Mockup Scene Demo

ワインボトルを中心に、チーズや干しぶどう、生ハム、フランスパンなどが並びます。

bottle-packaging-mockup-free-scenes_mockup-cloud_160818_prev01

 

 

 

Free Awesome Honey Jar Mockup

はちみつ容器もオーガニックな見た目で自然な仕上がりを演出できます。

honey-jar-mockup

 

 

 

Paper Bag Mockup

三角形のユニークなかたちをした紙のパッケージをデザインします。

triangle-paper-bag

 

 

 

Autumn Collection Free PSD Mockup

カラフルな落ち葉やかぼちゃ、枝などを秋をモチーフにしたモックアップ素材セット。

autumn-collection

 

 

 

Beauty Mockup Scene Generator

コスメティック製品を想定した、エレガントなシーン作成キット。

beauty-mockup-scene-generator

 

 

 

Free Business Stationery Mockup Scene

トートバックや通行パス、名刺デザイン、パンフレットなど、ブランドイメージを表現したいときに。

business-stationery-mockup

 

 

 

Realistic Business Cards MockUp #6

何枚も重ねた名刺カードをデザインしたモックアップ素材。

yellow-realistic-business-cards-mockuo

 

 

 

PSD Business Card Mockup

クシャクシャにした紙に包まれた名刺デザイン用モックアップ。

wrapped-business-card-mockup

 

 

 

Psd Notepad Mockup Vol4

立体的な躍動感が美しいノートパッドのモックアップ素材。

notepad-presentation-mockup-vol4

 

 

 

Overhead Plates Mockup

真上からみた皿をデザインできる超リアルなモックアップ。

overhead-plates-mockup

 

 

 

Psd Vinyl Cover Record Mock Up

中ジャケットの紙スリーブもカスタマイズできる、本格的なレコード盤のモックアップ素材。

vinyl-record-cover-mockup-2

 

 

 

Vinyl Record Mockup

こちらも影などリアルに表現できるレコード盤のモックアップ。

vinyl-record-mockup

 

 

 

Floppy Disk Mockup

もう使うこともほとんどなくなった、ノスタルジックなフロッピーディスク。

floppy-disk-mockup

 

 

 

Cassette Tape Mockup

典型的なカセットテープのラベルも自由にカスタマイズしてしまいましょう。

cassette-tape-mockup

 

 

 

T-Shirt Mockup

Tシャツのシワ感も見事に表現できる、超リアルなモックアップ素材。

tshirt-a-mockup

 

 

 

Retro Interior Poster Mockups

レトロでスタイリッシュなインテリア部屋に飾られた、大判のポスターデザインをカスタマイズできます。こちらは、プレミアムアイテムとなります。

retro-interior-poster-mockup

 

 

 

Metal Mug Mockup

メタル製のシンプルなマグカップ用モックアップ、ちょっとだけ色の落ちた質感もオシャレ。

mrmockup-800-01-metal-mug-mockup

 

 

サムネイル@ : Free Name Card Mock Up – ZippyPixels