ブログのアイキャッチ画像に便利!PC・スマホ・タブレットのモックアップ

こんにちは、ヨッチです。

ブログのアイキャッチ画像って、いつも選ぶのが大変だったりしませんか?
画面のキャプチャーだけだと、なんとなく味気ない感じもしますよね。

そんなときに便利なのが、簡単にはめ込み合成できる「モックアップ素材」です。
PC・スマホ・タブレットの画面に、ボタン操作だけでキャプチャーを埋め込むことができます。

この記事では、無料で使えるモックアップ「Smartmockups」を紹介しています。
僕もよく使っていて、素早くクオリティの高い画像が作れるのでオススメです。

Smartmockupsではどんな画像が作れて、どうやって使えばいいのか?
ここから詳しく解説していきます!

ブログのアイキャッチ画像をモックアップで作ってみた!

Smartmockupsを使えば、キャプチャー画像から簡単にブログのアイキャッチを作れます。

たとえば、こんな画像も数回クリックするだけで完成します。

ブログ用アイキャッチ画像

このまま使ってもいいし、文字を入力して見やすくするのもOKです。
キャプチャー画像さえ用意すれば、いろんなバリエーションで作れるので便利ですよ!

では、どうやってこんな画像を作っていくのか、手順を説明していきますね。

Smartmockupsでアイキャッチを作成する【3つの手順】

Smartmockupsは、たったの3ステップでアイキャッチ画像を作ることができます。

キャプチャー画像さえあれば、2~3分で完成です。

  1. 好みのモックアップを選ぶ
  2. キャプチャー画像をアップロードする
  3. 好きなサイズを選んでダウンロードする

たったこれだけで、めちゃくちゃクオリティの高い画像が手に入ります。
これを無料で使えるのは、本当に嬉しいですよね。

というわけで、1つずつもっと詳しく解説します!

【1】好みのモックアップを選ぶ

まずは、Smartmockupsのサイトを開いてモックアップを選んでいきます。

Smartmockups

【Smartmockups】公式サイトはこちら

公式サイト上のメニューから、好きなアイテムを選びましょう!
ここでは、「Technology」→「Desktop」を選択しました。

「Technology」→「Desktop」を選択

デスクトップPCの画像が一覧で表示されました。

Free・Premiumがあって、Premiumは有料版のみのモックアップです。

デスクトップPCの画像一覧

今回は無料で進めていくので、「Free」を選択して絞り込みます。

絞り込んだら、好みの画像を選んでみましょう!

「Free」を選択して絞り込み

【2】キャプチャー画像をアップロードする

モックアップを選んだら、次にキャプチャー画像をアップロードします。

「Upload from」→「Upload image」をクリックして、キャプチャー画像を選択しましょう。

「Upload from」→「Upload image」をクリック

画像を選択すると、クロップ画面が表示されます。

切り抜きサイズを変更したり、画像を回転させて配置することが可能です。
右上のプレビューをみながら、イメージに合うように切り抜きましょう!

画像を配置できたら、「Crop and continue」をクリックします。

クロップ画面

【3】好きなサイズを選んでダウンロードする

これでキャプチャー画像を配置したモックアップ画像が完成しました!
このままアイキャッチに使えるくらい、クオリティの高い画像に仕上がっています。

モックアップ画像

あとは「Download」をクリックしてサイズを選択すれば、すぐダウンロードできます。

「Download」をクリックしてサイズを選択

これでアイキャッチに使えるモックアップ画像が完成しました!

ブログ用アイキャッチ画像

【まとめ】モックアップで高品質なアイキャッチ画像を作れる!

ブログのアイキャッチは、読者が一番最初に目にする画像です。
だからこそ、高品質で目を引くようにしたいですよね。

Smartmockupsを使えば、簡単にブログのアイキャッチ画像を作ることができます。
画面のキャプチャーにひと手間加えることで、遊び心のあるデザインになります。

僕もこのブログでよく使っているので、別記事のアイキャッチ画像も参考になるはずです。
PC・スマホ・タブレットなど、シーンにあわせて選んだりしてます。

アイキャッチ画像をどうするか悩んでいたら、試しにモックアップも活用してみてはどうでしょうか?

WEBサイトは構築よりも運用のほうが重要

あなたもご存知のとおり、WEBサイトは作って終わりではありません。
むしろ、構築してからいかに運用するかのほうが重要です。

ワードプレスを習得することで、サイト運用のスキルアップにも繋がります。
世界で最も評価されているCMSを、今こそ使ってみませんか?

より深くワードプレスを学びたい方には、僕が磨きあげたノウハウをLINE講座で配信していきます。
初心者向けに優しく解説していくので、安心してくださいね。

僕が一方的に発信するだけでなく、メンバーの皆さんと交流できるような方法も検討中です。
興味があれば、以下の詳細ページをチェックしていただければと思います。

ヨッチヨッチ

僕と一緒に、ワードプレスを楽しく学んでいきましょう!

WPクエストWPクエスト

WPクエストの詳細を見る