WordPressなどを使ってサイトを運営するためにはサムネイルの存在が欠かせません。サムネイル(アイキャッチ)は記事の内容を表したイメージにすることで、ユーザーからのクリック率を上昇させる効果があります。
とはいえ、サムネイルを一から作ろうとするとなかなか時間がかかります。そこで利用できるのがモックアップです。モックアップはあらかじめ完成されて形式なので、イメージ画像を差し替えるだけで簡単に高品質なサムネイルを作成することができます。
今回は、「書籍レビューのサムネイルに最適なPhotoshopモックアップ20」を記事にしたいと思います。
始めにお読みください
ダウンロードをするまえに、下記の事項をよくお読みください。
- ダウンロードは自己責任で行ってください。
- 安全性が確認されたサイトのみを掲載しています。
- ダウンロード先の9割以上は海外のサイトです。
- ダウンロード先の利用規約をよく確認してからお使いください。
モックアップって何?
モックアップを作ることは、クライアントとのやり取りにおいて非常に重要な意味を持ちます。モックアップとは簡単に言うと「見本(模型)」のようなものです。プロダクトデザインなど、まず検討レベルの段階においてパソコン上で「ひな形」を作ることが多々あります。
この見本を作ることによって、クライアントはデザインやカラーを見て判断できるので、交渉もスムーズにいくでしょう。これは、「上司」や「グループ間」でのやり取りでも同じです。Photoshopであらかじめ完成されたモックアップを作ることによって、多彩なカラーバーリエーションやデザインを簡単に実現することができます。
【モックアップの利点】
- 結果を素早く修正することができる。
- 作業効率が大幅にアップする。
- 異なるカラー・バリエーションに対応させることが可能。
書籍レビューなどに使えるブックタイプのモックアップ
書籍を紹介する時に使えそうなタイプのモックアップです。本の紹介、本のレビュー、出版などで利用することができます。サイトで書籍のレビューなどをしている人はサムネイルとしても利用できます。
【書籍】ケースに入れられた直立タイプのモックアップ
直立したデザインのモックアップです。主に書籍のカバーなどのデザインを見せたいときや、本のレビューや紹介、新刊の発売アピールなどに利用できそうです。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【2種類】垂直と机に置かれているような2種類のモックアップ
2つの異なるタイプの視点でデザインされたモックアップです。スタンダードですが、ちょっとしたシーンに利用することができます。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【アピール】掲げられたような表現が印象的なモックアップ
「おすすめはコレ!」といった感じで掲げられているタイプのモックアップです。ハードカバーの表紙を簡単に変更することができます。本の紹介やレビュー記事などで利用できそうなモックアップですね。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【見開き】見開きのオープンタイプのブックのモックアップ
ガバッと見開いたオープンタイプのモックアップです。書籍の中身などを紹介したい場合にりようすることができます。背景のブルーも爽やかな感じで好感が持てます。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【雑誌】クルっと折れ曲がったような見開きタイプのマガジンのモックアップ
丸めたようなデザインが印象的なモックアップです。書籍というより、マガジンや冊子などに利用します。添えられたコーヒーがリアリティを演出しています。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【シーン】日常生活でありそうなワンシーンのようなタイプのモックアップ
ちょっしたシーンを演出できそうなモックアップです。書籍のレビューやおすすめの書籍などに利用することができます。何やらストーリーが浮かんできそうです。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【パンフ】表紙と見開きが伏せられたようなタイプのモックアップ
こちらは中身より、表紙と裏をみせるパンフレットタイプのモックアップです。冊子のデザイン案などクライアントにみせるときに利用すると良いでしょう。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【雑誌】ペラっとめくったようなマガジンタイプのモックアップ
こちらもペラっとめくったようなマガジンタイプです。ちょっとしたページを紹介したい時や、ページのレイアウトなどを見せたい時に使えそうですね。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【書籍】垂直に立てられたハードカバーのブックモックアップ
直立不動といった感じのブックタイプのモックアップです。ハードカバーになっているので、本の表紙のイメージをそのまま表現することができます。遠目に見ても重厚感があります。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【雑誌】こちらもページをめくったようなA4マガジンのモックアップ
ページのめくりかけのような感じのマガジンタイプのモックアップです。雑誌などのレビューのサムネイルなどに利用できそうです。背景も差し替えることができるので、色々なシーンを作ることができます。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【コミック】マンガやコミックなどのレビューにも使えるアートなモックアップ
こちらはアニメや漫画などのアートブック的なモックアップです。添えられた鉛筆と削りカスが作業感を演出していますね。Webマンガなどの書いている人や、自分のアート作品などを作っている人などにおススメです。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【書籍】リアルな表現でアピールできるタイプのモックアップ
こちらもハードカバータイプのモックアップです。かなりリアルな質感なので、本物ソックリに見えます。硬派な感じで書籍のイメージを伝える場合に使えそうです。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【キュート】ヘッドホンを聞いているカワイイブックタイプのモックアップ
ヘッドフォンを聞いているようなファニーなタイプのブックモックアップです。カワイイ感じで書籍を紹介したい時などに使えそうです。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【キュート】ラベンダーの花とコーヒーがセットになったモックアップ
ラベンダーの花とコーヒーが添えられたタイプのモックアップです。さりげないアイテムがあるだけで雰囲気が違ってきますね。リラックスできそうな雰囲気が漂っています。おすすめの書籍などをレビューしたい場合などに利用できそうです。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【料理】料理本のレビューなどに使えそうなモックアップ
パンやコーヒー豆など食材で彩られたモックアップです。料理本の紹介やレシピなどのシーンで利用できそうです。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【文房具】アイテムがいっぱいのかわいいブックモックアップ
雑多な文房具がいっぱいあるモックアップです。デザイン関係、設計関係などの書籍の紹介やレビューに使えそうです。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【キュート】ウッドデッキに置かれたかわいいパンフレットタイプのモックアップ
ウッドデッキに置かれたカワイイ感じのモックアップです。ブックというより、パンフレットやチラシに近いかもしれません。ちょっとキュートな感じを出したい時などに利用するといいかも。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【料理】料理本のレビューなどに使えそうなカワイイ&オシャレなブックモックアップ
こちらも料理本などのモックアップです。背景のギンガムチェック柄が良い味を出しています。料理本の紹介、レシピの紹介、レビューなどに使うことができます。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【料理】果物が添えられたキュートでフレッシュなブックモックアップ
グレープフルーツが添えられたフレッシュな感じのモックアップです。こちらも料理本などの紹介やレビューなどに使えそうです。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
【書籍】書籍のサムネイルに最適な正統派ブックモックアップ
硬派な感じのハードカバーのモックアップです。書籍の紹介はもちろん、専門書などの紹介やレビューにも向いています。スタンダードなタイプなので、シーンを選ばず使うことができます。
利用範囲 | 可否 |
---|---|
個人利用 | 〇 |
商業利用 | 〇 |
価格 | free |
まとめ
サムネイルを手早く高品質に仕上げるにはモックアップの存在が欠かせません。また、サムネイルを分かりやすいものにすることで、その記事はどんな内容なのかユーザーにアピールする効果もあります。
サムネイルをちょっと変えるだけでアクセスも変わってくるので、意識しながら作ると良いと思います。当然モックアップのほとんどのファイルはPSD形式なので、Photosohopを持っていないと利用することができません。
この機会にPhotoshopを使ってみましょう。
Photoshopのチュートリルやテクニックの記事
- Photoshop 簡単な影の作り方3パターン + リアルな影など
- Photoshop モデルと彫像のコンポジット チュートリアル
- 日本語で学べるPhotoshopチュートリアルまとめ
- Photoshop チュートリアル 20選
- Photoshop クリエイティブな光のエフェクト表現 + ダウンロード
- Photoshop CC 簡単にチョコレートの背景を作るチュートリアル
- Dimension × Photoshop で作る3Dストロークテキスト
- Photoshopでアーティスティックな流体アートを簡単に作る方法
- Photoshop 炎と人のコンポジット・テクニック / 簡単チュートリアル
- Photoshop 氷のようなフローズンエフェクトのチュートリアル
- チラシのデザインどうしよう?! 素人が学ぶべきデザイン基礎10個
- Photoshop 顔をリザードに変形させるレタッチ
- Photoshop ビンテージ写真を簡単に作る方法
- Photoshop 鏡のようなリフレクション効果を簡単に作成する方法
- Photoshop モデルのヘアカラーを簡単に変える方法
- Photoshop 可愛くておしゃれなカラフルパッチワーク テキスト
- WebデザインをアップさせるPhotoshopスキルテクニック Part.1
- Photoshop CC レタッチ / スピード レタッチ
- Photoshop CC チュートリアル / 光のデザインアート Vol.1
- Photoshop CC チュートリアル / Nebula(宇宙)の作り方
- Photoshop CC チュートリアル / 幻想的な光のライン
- Photoshop チュートリアル / ドロップレイン
- Photoshopで髪の毛を綺麗に切り抜く 5つのテクニック
- Photoshop 女性をスリムにする簡単な方法! 自然なレタッチの極意
- Photoshop アート キメラと少女 チュートリアル【Part.1】
- Photoshopでライオンなどの体毛を綺麗に切り抜くテクニック
- Photoshop 簡単に3Dキャラクタを作るチュートリアル
- Photoshop 花で彩られたフローラル タイポグラフィ
- Photoshop パペットワープがもっと上手くなる簡単テクニック
- Photoshopで犬や猫などの動物の体や顔を綺麗に切り抜くテクニック
- Photoshop 木漏れ日や降り注ぐ光を簡単に表現する方法
- Photoshop 雪を簡単に表現できるスノーエフェクト
- Photoshop 雨の日のガラスを表現する方法
- Photoshopで人物の破壊を表現するチュートリアル
- Photoshop 機械のカエル チュートリアル【Part.1】
- Photoshop フリーで使えるヘアーブラシ10 + テクニック
- Photoshop 瞳を簡単に変えるテクニック10
- Photoshop 炎の呪術師 簡単チュートリアル!
- Photoshop カエルの王様 簡単チュートリアル!
- Photoshop ミニチュア風 エフェクト 簡単チュートリアル!
- Adobe Dimension × Photoshopで作るガラスのロケット