当サイトで使用しているテーマ!特徴をチェック

【1分】無料オファーで配るEbookのイメージ画像を3D化|Canvaで簡単にモックアップしよう

当ページのリンクには広告が含まれています。
動画でも解説しています
うぇぶろッ!のてっちゃんです!
この記事を書いた人
  • ワードプレス歴10年のWEB屋
  • 中小企業・個人事業主向けのホームページ制作中

WordPressの開設マニュアルを配布中!(無料)

てっちゃん

EbookやPDFで作成したレポートのイメージ画像を3D可する方法です!

無料オファーが完成したら、次にやりたいのが「イメージ画像の作成」ですよね!

登録率が高くなると言われる「立体的な冊子風にしたい」なんて考えていませんか?

でも、いざ探してみると、Photoshopが必須だったり、無料でできなかったり…ちょっとハードルが高く感じてしまいますよね。

もし、こんな事でつまずいているなら、Canvaで作成するのがおススメです。

すぐに立体化できる

Canvaを使えば、3Dのイメージ画像を1分くらいで作ることができます。

また、無料で作ることができるので、安心して進めてくださいね。

てっちゃん

ちなみに、このようなイメージ画像のことを「モックアップ」と言います。

もくじ

Ebookのイメージ画像を3D化する手順

全体の流れ
  • ックアップしたい画像を用意する
  • Canvaでモックアップする

今回はCanvaを使って3Dのイメージ画像を作っていきます。

アカウントを持っていない方は事前にアカウントを作成をしておきましょう。

>>Canvaはこちら

モックアップしたい画像を用意する

STEP
イメージ画像を作成する
イメージ画像の作成

まずは無料オファーで使用するイメージ画像を用意します。

Canvaで画像を作成する場合は、「年賀状サイズ(90×138mm)」で作成するのがおススメ。

てっちゃん

出来上がりの画像サイズがほぼピッタリになります!

Canvaでモックアップを作成する

てっちゃん

イメージ画像が用意できたら早速、立体化していきましょう。

STEP
Canvaにログインする
Canvaのホーム画面
STEP
  • Canvaのホーム画面に移動する(ログインした画面)
  • 「アプリ」をクリックする
STEP
モックアップ画面に進む
Canva内のアプリ
STEP
  • 「Mockups」をクリックして次へ進む
STEP
制作種別を選択する
モックアップの種類
STEP
  • 「印刷物」をクリック
  • 「書籍」を選択する
STEP
無料で使用できるものを選択する
無料のモックアップ
STEP
  • 赤枠のモックアップを選択する
てっちゃん

無料で使用できるのは赤枠の1種類になります!

STEP
イメージ画像を差し込む
イメージ画像の差し込み方法
STEP
  • 「選択」をクリックする
STEP
イメージ画像を選択する
画像を選択
STEP
  • 「アップロード」か「デザイン」を選択する
  • 使用する画像を選択する
てっちゃん

Canvaで作った画像を使うなら「デザイン」を選択。別のツールなどで作った画像なら「アップロード」しましょう。

STEP
内容を確認する
内容の確認画面
STEP
  • 「選択」ボタンをクリックする
STEP
完成した画像を保存する
画像の完成と保存方法
STEP
  • 「モックアップの保存」をクリックすれば完成

3Dのイメージ画像を調整する

最後に画像の位置を調整する方法についてです。

今回使用した方法では、画像がほぼピッタリなので調整する必要はありません。

ですが、別ツールで作成した場合は大きさが合わないことがあります。

そんな時はイメージ画像を調整してみてください。

STEP
画像の調整画面へ移動する
画像の修正
STEP
  • 「画像の調整」をクリックする
STEP
画像を調整する
調整方法
STEP
  • 「全体表示」「配置」等で画像の位置を調整する

まとめ

以上、無料オファー等で使える3Dイメージ画像の作り方についてでした。

  • 3Dイメージ画像はCanvaがおススメ
  • 必要な時間は1分くらい
  • 無料で作ることができる
てっちゃん

作り方が分からない方や、お金をかけたくない方はCanvaで作ってみてくださいね。

LINEで質問受付中

WordPressのギモンをLINEで解決
立体的な画像作成方法

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
もくじ