モックアップのデザインが簡単に作れる無料PSDファイル59選
完成作品、製品を紹介する際に、より魅力的に見せることができる手段の一つとして、PSDのモックアップを使用する方法があります。
あらかじめデザインしてあるPSDファイルを編集し、作品画像をはめ込むことで、手軽に見た目のクオリティを高めることが可能です。
今回は、プレゼンテーションに使えるモックアップ、デザインに便利なテンプレートを中心に、PSDファイルをご紹介します。
いずれも無料で使えるフリー素材ですので、ぜひ活用してみてください。
無料で使える便利なPSDファイルまとめ
1.Newspaper Advert Mockup
http://www.techandall.com/newspaper-advert-mockup/
新聞の一部に広告をデザインしたPSDモックアップ素材です。
2.Simple Branding Mockup
http://www.techandall.com/simple-branding-mockup/
グレーの背景に、名刺、ペンといったアイテムをシンプルに配置したPSDモックアップ素材です。
3.Stationery Mock Up PSD
http://www.techandall.com/stationery-mock-up-psd/
デスク上に書類、名刺を置いた様子をデザインした文具のPSDモックアップ素材です。
4.HTML5 & CSS Responsive Template
http://www.techandall.com/html5-css-responsive-template/
アプリのランディングページを想定した、ブルーの背景が爽やかなレスポンシブPSDテンプレート素材です。
5.Apple Watch Mockup
http://www.techandall.com/apple-watch-mockup/
Apple Watchを腕にはめているシーンのPSDモックアップ素材です。
いくつかの異なるシチュエーションを用意しています。
6.Business Card Showcase Mock up v.2 PSD
http://www.techandall.com/business-card-showcase-mock-up-v-2-psd/
真っ赤な壁に立てかけた、黒色のスタイリッシュな名刺のPSDモックアップ素材です。
7.MacBook Workspace MockUp
http://www.techandall.com/macbook-workspace-mockup/
MacBookを使用中の作業デスクを表現した、PSDモックアップ素材です。
ホームページ、アプリケーションを紹介する際に活用できます。
8.Label For Bottle Mockup
http://www.techandall.com/label-for-bottle-mockup/
透明のボトルに複数デザインのラベルを配置した、PSDモックアップ素材です。
9.4 Logo Mockup PSD
http://www.techandall.com/4-logo-mockup-psd/
様々なシチュエーションでの仕様をイメージした、ロゴのPSDモックアップ素材です。
10.4 Photo Frames Mockups – Framelicious
http://www.techandall.com/4-photo-frames-mockups-framelicious/
ヴィンテージな雰囲気が漂う、レトロなフォトフレームのPSDモックアップ素材です。
簡単に任意の画像をはめ込むことができます。
11.Eco Bag MockUp
http://www.techandall.com/eco-bag-mockup/
ナチュラルな素材感のある、エコバッグのPSDモックアップ素材です。
オリジナルのデザインを配置することができます。
12.Apple Family Mock up PSD
http://www.techandall.com/apple-family-mock-up-psd/
パソコンとスマートフォンの画面両方を見せることができる、アプリケーション向けのPSDモックアップ素材です。
13.Mug PSD MockUp
http://www.techandall.com/mug-psd-mockup/
リアル感のある、白いマグカップのPSDモックアップ素材です。
14.Window Signage Mock Up PSD
http://www.techandall.com/window-signage-mock-up-psd/
ビニール製ステッカー、テキストをデザインすることができる、ガラスのドアのPSDモックアップ素材です。
15.24 Flat Icons (PSD)
http://www.premiumpixels.com/freebies/24-flat-icons-psd/
時計、カレンダー、メモパッドといったビジネス関連のモチーフ24個を収録したPSDアイコン素材です。
16.Book Mockup – Hardcover Book
http://www.techandall.com/book-mockup-hardcover-book/
書籍デザインのプレゼンテーションに使える、ハードカバー本のPSDモックアップ素材です。
17.Macbook Pro office mockup set
http://www.techandall.com/macbook-pro-office-mockup-set/
MacBookを中心に作業をおこなう風景を表現したPSDモックアップ素材です。
18.Flat iPhone 4/5 Mockups (PSD)
http://www.premiumpixels.com/freebies/flat-iphone-45-mockups-psd/
フラットスタイルでデザインした、iPhone4、5のPSDモックアップ素材です。
白黒いずれも用意しています。
19.Square Book MockUp
http://www.techandall.com/square-book-mockup/
正方形の本をテーブル上に配置したPSDモックアップ素材です。
開いた状態、閉じた状態どちらも見ることができます。
20.8×8 Tri Fold Mock up
http://www.techandall.com/8x8-tri-fold-mokcup/
手軽にデザイン編集が可能な、三つ折りのパンフレットのPSDモックアップ素材です。
21.iOS App Showcase Mockup PSD
http://www.techandall.com/ios-app-showcase-mockup-psd/
白を基調とした、iOSアプリのプレゼンテーション向けPSDモックアップ素材です。
22.Dark UI Kit (PSD)
http://www.premiumpixels.com/freebies/dark-ui-kit-psd/
ダークカラーで統一した、ベーシックなデザインのUIキットをまとめたPSD素材です。
23.Female T Shirt Mockup v.2 PSD
http://www.techandall.com/t-shirt-mockup-v-2-psd/
女性的なラインが美しい、シンプルなロゴ入りTシャツのPSDモックアップ素材です。
24.Magazine Mockup
http://www.techandall.com/magazine-mockup/
写真をふんだんに掲載した、マガジンのモックアップPSD素材です。
パンフレットのビジュアルを魅せる際に重宝します。
25.Dark Accordion Style Navigation (PSD)
http://www.premiumpixels.com/freebies/accordion-style-navigation-psd/
落ち着いたダークカラーでデザインした、ナビゲーションメニューのPSDテンプレート素材です。
26.Apple Family Mock-up V.2
http://www.techandall.com/apple-family-mock-up-v-2/
Apple製品をデスクにずらりと並べたモックアップPSD素材です。
プロジェクトを紹介する際に活躍します。
27.Photos App PSD
http://www.techandall.com/photos-app-psd/
異なる8種類を収録した、写真中心のアプリ向けPSDテンプレート素材です。
28.Biruang – Free PSD Website Template
http://www.freebiesgallery.com/biruang-free-psd-website-template/
ショッピングサイトを想定した、写真が豊富なホームページのPSDテンプレート素材です。
29.Photorealistic Macbook Pro Mockup
http://www.techandall.com/photorealistic-macbook-pro-mockup/
MacBook Proのキーボードをタイピングしている姿を再現した、PSDモックアップ素材です。
30.Branding Identity Presentation v.3
http://www.techandall.com/branding-identity-presentation-v-3/
書類、名刺、スマートフォンといったアイテムにロゴを配置したプレゼンテーション向けPSDモックアップ素材です。
31.Free Mobile App Landing Page Template
http://www.freebiesgallery.com/free-mobile-app-landing-page-template/
モバイルアプリのランティングページに最適な、フラットスタイルのPSDテンプレート素材です。
32.Gold Edge Letterpress Business Card Mock-up
http://www.techandall.com/gold-edge-letterpress-bcard-mock-up/
金色のエッジとレタープレスのデザインが高級感たっぷりな、ビジネス用名刺のPSDモックアップ素材です。
33.Portfolio Web Template
http://www.freebiesgallery.com/portfolio-web-template/
ポートフォリオにぴったりな、写真がよく目立つホームページデザインのPSDテンプレート素材です。
34.Brochure Mock up with Cover and Back Cover
http://www.techandall.com/brochure-mock-up-with-cover-and-back-cover/
パンフレットの表、裏表紙のデザインをしっかりと見せることが出来るPSDモックアップ素材です。
35.9+ Business Card | TABLET MOCKUP VOL 2
http://www.techandall.com/9-business-card-tablet-mockup-vol-2/
ビジネス向け名刺、タブレットを同時に配置したPSDモックアップ素材です。
36.Safari Browser Chrome (PSD)
http://www.premiumpixels.com/freebies/safari-browser-chrome-psd/
Safariのブラウザを細部まで再現した、PSDモックアップ素材です。
37.Outdoor Advertising MockUps
http://www.techandall.com/outdoor-advertising-mockups/
都会的な街中にある、屋外広告のPSDモックアップ素材です。
自身のデザインをより魅力的に見せてくれます。
38.Pretty Polaroids (PSD)
http://www.premiumpixels.com/freebies/pretty-polaroids-psd/
可愛らしい犬猫のポラロイド写真のPSDモックアップ素材です。
39.Men’s T-Shirt MockUp
http://www.techandall.com/mens-t-shirt-mockup/
アパレル系のプレゼンテーションに活用したい、メンズ用TシャツのPSDモックアップ素材です。
40.40+ Long Shadow Icons
http://www.techandall.com/40-long-shadow-icons/
近年デザイントレンドである、フラットスタイルにロングシャドウを組み合わせたPSDアイコン素材です。
41.Little Notepad Design (PSD)
http://www.premiumpixels.com/freebies/little-notepad-design-psd/
ちぎったあともリアルな、ノートパッドのPSDモックアップ素材です。
42.Popup Modal Window (PSD)
http://www.premiumpixels.com/freebies/popup-modal-window-psd/
シックなブラウンカラーとザラッとした質感が品のある、ポップアップウィンドウのPSDテンプレート素材です。
43.Coffee Cup Mockup V.16
http://www.techandall.com/coffee-cup-mockup-v-16/
手描き風のイラスト、文字がなんともお洒落なコーヒーカップのPSDモックアップ素材です。
好みのデザインに編集することができます。
44.6 Photorealistic iPhone 6 mockups
http://www.techandall.com/6-photorealistic-iphone-6-mockups/
様々なシーンでiPhone6を使用している姿をセットにしたPSDモックアップ素材です。
周囲にぼかしがかかっているため、iPhoneの画面がよく目立ちます。
45.Checkout Process Navigation (PSD)
http://www.premiumpixels.com/freebies/checkout-process-navigation-psd/
白一色でデザインした、シンプルデザインなナビゲーションバーのPSDモックアップ素材です。
46.6 iPhone 6 PSD Mockups
http://www.techandall.com/6-iphone-6-psd-mockups/
アプリの紹介に最適な、iPhone6のPSDモックアップ素材です。
加工したような、お洒落感のある雰囲気が素敵です。
47.Little Black Ribbon (PSD)
http://www.premiumpixels.com/freebies/little-black-ribbon-psd/
デザインのワンポイントとしてよく見かけることが多い、リボンのPSDテンプレート素材です。
48.Bundle of PSD Mockups, Icons and UI UX Elements
http://www.techandall.com/bundle-of-psd-mockups-icons-and-ui-ux-elements/
本当に描いているかのような、リアルなスケッチシーンのPSDモックアップ素材です。
49.Website PSD Theme: SNDSGN
http://www.techandall.com/website-psd-theme-sndsgn/
ベージュを全体に使った、モダンでシンプルなホームページのPSDテンプレート素材です。
50.Flat Buttons PSD
http://www.freebiesgallery.com/flat-buttons-psd/
使い勝手のいい、フラットスタイルのボタン数色を収録したPSD素材です。
51.Business Website Template Design
http://www.premiumpixels.com/freebies/business-website-template-design/
ビジネス全般のホームページデザインに最適な、PSDテンプレート素材です。
52.Business Card Mock-Up
http://www.techandall.com/business-card-mock-up/
エレガントな雰囲気を持つ淡いベージュ色の背景に配置した、名刺のPSDモックアップ素材です。
53.3D Text Effects
http://www.techandall.com/3d-text-effects/
手軽にカスタマイズ出来る、3Dのテキストエフェクト数種をまとめたPSDテンプレート素材です。
54.Photo Realistic iPhone 5 Screen Mock up
http://www.techandall.com/photo-realistic-iphone-5-screen-mock-up/
アプリ、ホームページを効果的にプレゼンすることが出来る、iPhone5のPSDモックアップ素材です。
55.Rounded Buttons
http://www.freebiesgallery.com/rounded-buttons/
異なるカラーを揃えた、丸みのあるシンプルなボタンのPSDテンプレート素材です。
56.Photography Website Template
http://www.freebiesgallery.com/photography-website-template/
写真を多数掲載したホームページのPSDテンプレート素材です。
57.3 Cool Shields & Badges .PSD
http://www.techandall.com/3-cool-shields-badges-psd/
細かなストライプのデザインが素敵な、クールなバッジ3タイプのPSDテンプレート素材です。
58.Social Share Buttons
http://www.freebiesgallery.com/social-share-buttons/
Facebook、Twitterをはじめとした、主要なSNSのシェアボタンをデザインしたPSD素材です。
59.Shopping Cart Modal Window PSD
http://www.freebiesgallery.com/shopping-cart-psd/
ブルーと白の配色がなんとも爽やかな、ショッピングカートのウィンドウのPSDテンプレート素材です。
- 広告
- 広告とは販売のための告知活動を指します。ただし、広告を掲載するための媒体、メッセージがあること、広告を出している広告主が明示されているなどの3要素を含む場合を指すことが多いようです。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- OS
- OSとはOperation Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。パソコン用ではwindowsやMac OS、スマートフォンではiOSやAndroidが有名です。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- ナビゲーション
- ナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。しかし、インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。また、検索エンジンのクローラー(検索ロボット)に対して、効率的にサイト内を巡回させるという効果もあります。 ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- タブレット
- タブレットとは、元々「板状のもの」「銘板」といった意味の単語です。パソコンの分野で単にタブレットといえば、「ペンタブレット」や「タブレット型端末」などの板状のデバイス全般を指します。ここでは主にタブレット型端末について説明していきます。
- 広告
- 広告とは販売のための告知活動を指します。ただし、広告を掲載するための媒体、メッセージがあること、広告を出している広告主が明示されているなどの3要素を含む場合を指すことが多いようです。
- ポップアップ
- ホームページにおいてポップアップとは、現在見ているホームページの上に、重なるような状態で、新たな画面が開き、その最前面面に表示されることを言います。より目立つ、注目を集めることが出来る反面、見ている画面を遮るように表示されるので、不快に受け取られる傾向があります。
- ナビゲーション
- ナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。しかし、インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。また、検索エンジンのクローラー(検索ロボット)に対して、効率的にサイト内を巡回させるという効果もあります。 ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- Twitterとは140文字以内の短文でコミュニケーションを取り合うコミュニティサービスです。そもそもTwitterとは、「小鳥のさえずり」を意味する単語ですが、同時に「ぺちゃくちゃと喋る」、「口数多く早口で話す」などの意味もあります。この意味のように、Twitterは利用者が思いついたことをたくさん話すことのできるサービスです。
- シェア
- シェアとは、インターネット上で自分が見つけて気に入ったホームページやブログ、あるいは、Facebookなど自分自身が会員登録しているSNSで自分以外の友達が投稿した写真、動画、リンクなどのコンテンツを自分の友達にも共有して広めたいという目的をもって、SNSで自分自身の投稿としてコンテンツを引用し、拡散していくことをいいます。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング