21 Canvaでモックアップを作る方法|PDF表紙を書籍風3D画像に

投稿者 | 高コンバージョンファネル

こんにちは、下坂栄里子です。

この記事では、Canvaの「モックアップ」機能を使って、平面のPDF表紙を立体的な書籍風の画像に変換する方法を解説します。

リードマグネットの表紙をPNGでダウンロードする

まず、以前作成したリードマグネットの表紙部分だけを画像として書き出します。「共有」から「ダウンロード」を選び、ファイル形式をPNGに、ページは「現在のページ」だけを指定してダウンロードします。

Canvaでのリードマグネット本体の作り方はこちらの記事で解説しています。

「アプリ」からモックアップ機能を使う

Canvaのトップページから「アップロード」で先ほどの表紙画像を読み込み、「画像編集」→「デザインを作成」を押します。左側のメニューから「アプリ」を選び、「モックアップ」を探して開きます。

モックアップアプリの選択画面。左に商品タイプの一覧、右に選択中の表紙画像とプレビューが表示されている

どんなモックアップを作るか選ぶ画面が出るので、今回は「印刷」を選択します。下にスクロールすると書籍のモックアップがいくつか出てくるので、背景が白でそのまま切り抜きやすいものを選びましょう。本が立っているようなデザインのものがおすすめです。

あっという間に完成、透過PNGで書き出す

完成した書籍風モックアップ。「LEAD MAGNET」の表紙が立体的な本の形で表示されている

選択すると、あっという間に表紙が立体的な書籍の形にはめ込まれます。作業はこれだけで完了です。

ダウンロード設定パネル。ファイル形式PNG、「背景透過」にチェックが入っている

完成したら「共有」から「ダウンロード」を選びますが、ここで大事なのが「背景透過」にチェックを入れることです。これを忘れると、白い背景ごと画像として書き出されてしまい、他のページに配置したときに馴染みません。透過設定を確認してダウンロードしましょう。

まとめ

リードマグネットの表紙は、共有→ダウンロードでPNG画像として書き出せる

Canvaの「アプリ」→「モックアップ」から、印刷カテゴリの書籍モックアップを選べる

背景が白いモックアップを選ぶと、あとで扱いやすい

ダウンロード時は「背景透過」に必ずチェックを入れる

平面の表紙が立体的なモックアップになるだけで、リードマグネットの見栄えがぐっと本格的になります。ぜひ試してみてください。

ファネルデザイナー® 下坂栄里子でした。

SNSをやめても、あなたの知識は売れ続けます。

眠っている間に世界中で売れ続ける仕組み「5つのデジタル導線」の作り方を、16分の無料動画で公開中です。

▶︎ 無料動画を視聴する