雑誌・本のモックアップ作成に便利なテンプレート38選【Photoshop】

Magazine Mockup Template

書籍、雑誌、パンフレット、カタログなどの制作では、顧客とのイメージの共有がとても重要です。

オススメなのが試作品を見せること。試作品はモックアップテンプレートを使えば簡単に作成できます。

この記事では、表紙のデザインにクローズアップしたものから、人が読んでいる様子を再現したものまで、さまざまなモックアップをご紹介します。海外で人気のもののみ厳選したため、日本では被りにくいのもポイント!

すべてPhotoshopで編集可能です。

雑誌・本の表紙を模したモックアップテンプレート

1. Magazine Covers Mockup Templates

Magazine Mockup Template

▲出典:speckyboy

グリッド状に雑誌が配置されたデザインが目をひく、シンプルなモックアップテンプレート。Photoshopのスマートオブジェクトを使って編集できます。SNS等での宣伝におすすめです。

Magazine Covers Mockup Templates

2. Magazine Cover on White Mockup Templates

Magazine Mockup Template

▲出典:speckyboy

白を基調とした、クリーンなデザインが特徴。Photoshopのスマートオブジェクトを使って簡単に編集できます。

Magazine Cover on White Mockup Templates

3. Magazine & Office Supplies Mockup Templates

Magazine Mockup Template

▲出典:speckyboy

文房具やヘッドフォンなどの小道具が、雑誌を取り囲む風景をリアルに演出しています。プレゼンテーションだけでなく、SNSへの投稿や、雑誌に関係するB2B層をターゲットとした広告にもおすすめです。

Magazine & Office Supplies Mockup Templates

4. Hardcover Book MockUp Template

Hardcover Book MockUp Template

▲出典:speckyboy

Hardcover Book MockUp Templateは、複数のレイヤーを持つテンプレートです。ニーズに合わせて自由にデザインを編集できるのが嬉しいポイント。重厚感のあるハードカバーとフォントが特徴的です。

Hardcover Book MockUp Template

5. Free Book Cover Mockup

Free Book Cover Mockup

▲出典:speckyboy

明るい黄色のブックカバーと、エレガントなタイポグラフィの組み合わせが印象的なテンプレートです。

Free Book Cover Mockup

6. Hardcover Book PSD Mockup

Hardcover Book PSD Mockup

▲出典:speckyboy

Hardcover Book PSD Mockupは、表紙を強調して紹介したい場合に最適です。大胆なデザインで、インパクトを与えられるでしょう。

Hardcover Book PSD Mockup

7. PSD Hardcover Book Catalog Mockup

PSD Hardcover Book Catalog Mockup

▲出典:speckyboy

カタログのモックアップを探しているなら、このPSD Hardcover Book Catalog Mockupがおすすめです。リアルな植物が本のそばに置いてあり、ボタニカルでやさしい雰囲気を演出できます。

PSD Hardcover Book Catalog Mockup

8. Realistic Book Cover Mockup Template

Realistic Book Cover Mockup Template

▲出典:speckyboy

シンプルなデザインが特徴的なテンプレート。スマートレイヤーにデザインを配置したり、色をカスタマイズしたりと、柔軟なカスタマイズが可能です。

Realistic Book Cover Mockup Template

9. Hardback Book Mockup Templates

Hardback Book Mockup Templates

▲出典:speckyboy

木目調のデスク上に本が置かれたテンプレートです。ライトな木目調と、くすんだ色の木目調の2つから背景を選ぶことができます。

Hardback Book Mockup Templates

10. High Resolution Book Cover Mockups

High Resolution Book Cover Mockups

▲出典:speckyboy

大理石柄のコーヒーテーブル上に本が置かれたモックアップです。エレガントなブックカバーと背景で、ラグジュアリーな雰囲気を演出してくれます。

High Resolution Book Cover Mockups

11. A4 Book Mockup

A4 Book Mockup

▲出典:speckyboy

A4 Book Mockupでは、本を積み重ねたテンプレートが多数掲載されています。白と黄色のデザインを基調としており、スタイリッシュなデザインを探している人にぴったりです。

A4 Book Mockup

雑誌・本を開いた状態のモックアップテンプレート

12. Open Magazine with Black Background Mockup Templates

Magazine Mockup Template

▲出典:speckyboy

シンプルで汎用性の高い、開いた状態の雑誌のモックアップ。黒い背景が誌面のデザインを引き立ててくれます。

Open Magazine with Black Background Mockup Templates

13. Open Magazine Mockup Featuring a Colored Background

Magazine Mockup Template

▲出典:speckyboy

人がめくったように雑誌のページがすこし持ち上がっているため、3ページぶんのデザインをひとつの画像で提示できます。背景の変更も可能です。

Open Magazine Mockup Featuring a Colored Background

14. Photorealistic Book Mockup Templates

Photorealistic Book Mockup Templates

▲出典:speckyboy

シンプルなデザインと、木目調の背景でシックな雰囲気を演出しています。背景はほかにも6種類含まれているとのこと。スマートオブジェクトを用いて簡単に編集をすることが可能です。

Photorealistic Book Mockup Templates

15. Realistic Open Book Mockup

Realistic Open Book Mockup

▲出典:speckyboy

作業用テーブルの上に置かれた本のモックアップです。雑貨や本が周りに置いてあるなど、日常生活を切り取ったリアルさがあります。

Realistic Open Book Mockup

16. Square PSD Hardcover Book Mockup

Square PSD Hardcover Book Mockup

▲出典:speckyboy

Square PSD Hardcover Book Mockupは、ページのレイアウトを紹介するのに最適です。スマートオブジェクトを使って、影と光を簡単に調整できます。

Square PSD Hardcover Book Mockup

17. Free Book Mockup Templates

Free Book Mockup Templates

▲出典:speckyboy

表紙デザインとページレイアウトの両方を見せられるテンプレートです。シンプルなデザインを採用しているため、ページレイアウトに自然と目がいきますね。モックアップには4つのテンプレートが含まれています。

Free Book Mockup Templates

雑誌・本を読んでいるシーンのモックアップテンプレート

18. Magazine Mockup Featuring a Woman Lying on a Couch

Magazine Mockup Template

▲出典:speckyboy

人物を使ってカジュアルでくつろいだ雰囲気を演出したいなら、このモックアップテンプレートがおすすめ。雑誌の表紙と裏表紙の2面をアピールできます。

Magazine Mockup Featuring a Woman Lying on a Couch

19. Magazine Mockup Featuring a Woman Sitting on Her Living Room Floor

Magazine Mockup Template

▲出典:speckyboy

顧客が雑誌を読むときのイメージを効果的に伝えられる、カジュアルな雰囲気のモックアップテンプレート。SNSでのプロモーションにもおすすめです。

Magazine Mockup Featuring a Woman Sitting on Her Living Room Floor

20. Magazine Mockup Featuring a Woman at Home

Magazine Mockup Template

▲出典:speckyboy

マグカップを持って雑誌を読んでいる人をモチーフにしています。雑誌の裏表紙をリラックスした雰囲気で提示したいなら、このモックアップテンプレートを使ってみましょう。

Magazine Mockup Featuring a Woman at Home

21. Brochure or Magazine Mockup Templates

Magazine Mockup Template

▲出典:speckyboy

B2Bの顧客へのアピールにぴったりのモックアップテンプレート。雑誌だけでなく、パンフレットのデザイン提示にもおすすめです。

10種類のPSDファイルが用意されており、エフェクトを活用すれば写真のようにリアルな仕上がりになります。

Brochure or Magazine Mockup Templates

22. Open Magazine Mockup Templates

Magazine Mockup Template

▲出典:speckyboy

画像のように手でめくっているものも含め、雑誌を開いているシーンなどが5種類用意されています。調整可能な影、カスタマイズ可能な背景、エフェクトなども。

Open Magazine Mockup Templates

23. Hardcover Book In Hand Mockup Template

Hardcover Book In Hand Mockup Template

手で雑誌を持ち上げたデザインのテンプレート。スマートオブジェクトを使えば、わずか数回クリックするだけでカバーデザインを変えられます。背景色も好みにあわせて変更可能です。

Hardcover Book In Hand Mockup Template

雑誌・本のモックアップテンプレートセット

24. Brochure Square Magazine Mockup Templates

Magazine Mockup Template

▲出典:speckyboy

正方形の雑誌やカタログなどを再現できるモックアップテンプレート。

10種類のPSDファイルと多様なシーンのほか、影や背景などのカスタマイズオプションが用意されています。

Brochure Square Magazine Mockup Templates

25. A4 Magazine Mockup Templates

Magazine Mockup Template

▲出典:speckyboy

現代的でミニマルなモックアップテンプレートが8種類提供されています。さまざまなテイストの雑誌に活用できるでしょう。

背景の遠近感と奥行きの自動調節機能、スタイルにあわせた背景のオプションなども魅力です。

A4 Magazine Mockup Templates

26. Open and Closed Magazine Mockup Templates

Magazine Mockup Template

▲出典:speckyboy

雑誌を開いた状態と閉じた状態、2種類のレイアウトをダウンロードできます。100%編集可能なのも嬉しいポイント。

Open and Closed Magazine Mockup Templates

27. Magazine Mockup Templates

Magazine Mockup Template

▲出典:speckyboy

洗練された雰囲気をアピールしたいなら、このシックなモックアップテンプレートがおすすめです。

PSDファイル4種類、背景テクスチャ7種類、オーバーレイ5種類が用意されています。想像以上のモックアップを制作できるでしょう。

Magazine Mockup Templates

28. A4 Magazine MockUp vol.2

Magazine Mockup Template

▲出典:speckyboy

雑誌や小冊子のモックアップテンプレート18種類セット。背景も16種類用意されているため、組み合わせによってさまざまなデザインを制作できます。

A4 Magazine MockUp vol.2

29. US Letter Magazine Mockup Templates

Magazine Mockup Template

▲出典:speckyboy

表紙だけのデザインや雑誌を開いているデザインなど、カスタマイズ可能な6種類のシーンと6種類の背景が用意されています。スタイリッシュなデザインなため、ブランディングにおすすめです。

US Letter Magazine Mockup Templates

30. Magazine Mockup Templates

Magazine Mockup Template

▲出典:speckyboy

プロが撮影した写真を使用しているこのモックアップは、リアルな仕上がりが特徴です。ひとつのモックアップで雑誌の表紙と中身をどちらもアピールできます。カスタマイズのオプションが充実しているのも、嬉しいポイントです。

Magazine Mockup Templates

31. Premium Magazine Mockup Templates

Magazine Mockup Template

▲出典:speckyboy

小冊子と雑誌をセットで提示できるモックアップテンプレート。リアルなモックアップが5種類セットになっており、表紙から雑誌の中身まで、さまざまな情報を伝えられます。背景の変更も可能です。

Premium Magazine Mockup Templates

32. Magazine Mouckup

Magazine Mockup Template

▲出典:speckyboy

画像にある5種類のモックアップテンプレートがセットになったもの。編集も簡単で、さまざまな角度からデザインをアピールできます。

Magazine Mouckup

33. Magazine Mockup Templates

Magazine Mockup Template

▲出典:speckyboy

12種類のモックアップテンプレートがセットになっています。希望にあわせて好きなシーンや背景を選びましょう。

Magazine Mockup Templates

34. Customizable Book Mockups

Customizable Book Mockups

▲出典:speckyboy

背景がカスタマイズできるだけでなく、影や効果も調整可能です。またそれぞれのモックアップは、異なるレイヤー上にあるため、個別に編集することができます。

Customizable Book Mockups

35. Hardcover Book Mockup Set

Hardcover Book Mockup Set

▲出典:speckyboy

Hardcover Book Mockup Setには、異なるデザインのハードカバーのモックアップが入っています。おもて表紙と同時に、雑誌内のレイアウトも見せられるのがポイントです。

Hardcover Book Mockup Set

36. Hard Cover Book Mockup

Hard Cover Book Mockup

▲出典:speckyboy

さまざまな角度から雑誌を切り取ったモックアップ。取扱説明書も備え付けてある、編集しやすいテンプレートです。

Hard Cover Book Mockup

37. High Resolution Book Mockup

High Resolution Book Mockup

▲出典:speckyboy

本の見開き、正面から見た図、斜めから見た図など、さまざまなテンプレートが含まれたセットです。背景も自由に変えられます。

High Resolution Book Mockup

38. Psd Open Hardcover Book Mockup v3

Psd Open Hardcover Book Mockup v3

▲出典:speckyboy

おもて表紙とうら表紙を同時に見せられるテンプレートです。おもてとうらのデザインが連なっているケースに便利です。本のまわりにある雑貨も編集可能です。

Psd Open Hardcover Book Mockup v3

雑誌・本のモックアップでアイデアを形にしよう

まだ形になっていないアイデアに説得力をもたせるには、リアルなイメージを共有するのが効果的です。

雑誌や書籍の状態にする前に、モックアップテンプレートで手軽に製品を再現してみましょう。

(執筆:Paul Andrew 翻訳:Nakajima Asuka、mozuku 編集:泉 提供元:speckyboy

SHARE

  • 広告主募集
  • ライター・編集者募集
  • WorkshipSPACE
週2日20万円以上のお仕事多数
Workship