そら

Canvaでフォトブックでつかえる「PNG/JPEG画像用の原稿」を作成する方法を説明します。

PDF入稿の場合については「【PDF入稿用】Canvaで原稿のひな型をつくろう」を参照ください。

Canvaを利用する前提条件

Canvaでフォトブック用の画像（PNGやJPEG）を作成する前提条件は以下の３点です。

まだどのフォトブックにするか決めていない場合は、以下の記事を参照ください。
フォトブックごとの価格や特徴をまとめています。

卒園アルバム業者（8社）の価格比較

卒園アルバムの業者選びの際に、どれくらいの価格でどんな種類のアルバムが作れるのか一覧で見れたらいいのにな・・・と思っていたのでまとめてみました！ これを参考に対象を絞って、業者選びをしてもらえればと思います。

sotuaru.com

2022.11.18

作成する画像サイズを確認する

まずは、利用するフォトブックに必要な画像サイズを確認しましょう。

基本的に原稿は「塗り足し」を含めて作成します。
「塗り足し」とは、印刷した後に切り落とされる部分のことになります。実際の完成サイズよりも少し大きめに印刷して周りを切り落とすことで端まできれいに印刷されます。

Canvaでフォトブック用に画像を作成する場合は、「px（ピクセル）」単位で画像サイズを指定してください。
※PDFの場合は「mm」単位で原稿サイズを設定すればいいのですが、「mm」指定したデザインをPNGやJPEGでダウンロードすると必要サイズより小さい画像になる場合があります。

以下に代表的なフォトブックの塗り足しありの本文のサイズを記載します。
表紙もCanvaで作成する場合は、別途公式ページよりサイズをご確認ください。
サイズは記事作成時点のものなので、念のため公式ページから最新のサイズをご確認ください。

しまうまプリント

公式ページ：しまうまプリント
参考にしたページ：「フォトブック（PC）画素数はどれくらいが適正ですか？」

FUJIFILMフォトブック

公式ページ：FUJIFILMフォトブック
参考にしたページ（PDF）：オリジナルデータ作成マニュアル

PhotoRevo（フォトレボ）

公式ページ：PhotoRevo
参考にしたページ：「外部ソフトで編集したアルバムを書き出す際の注意点は？」
※本文サイズはPhotoRevoの制作ソフトから1ページのサイズを調べて記載しています。

MyBook（マイブック）

公式ページ：MyBook
参考にしたページ：
MyBook FLAT サイズ等一覧表
MyBook ART-HC サイズ等一覧表
MyBook ART-SC サイズ等一覧表
MyBook DX サイズ等一覧表

その他

上記以外のもので公式サイトに記載がない場合は、以下のサイトで必要なピクセル数の目安を計算することができます。
シメケンプリントpixel⇔mm⇔dpi 計算機

「フォトブックの仕上がりサイズ(mm)＋塗り足し(6mm)」と「解像度：350dpi(一般的なカラー印刷の解像度)」を指定すれば目安となるピクセル数が表示されます。

【PNG/JPEG原稿】ひな型作成手順

新規デザインの作成

右上の「デザインを作成」から「カスタムサイズ」をクリック

サイズ指定

1. ① 単位を「px」にします
2. ② 作成するフォトブックの画像サイズを入力します
   （画像はしまうまプリントA4の例です。ご利用のフォトブックのサイズにしてください）
3. ③ 「新しいデザインを作成」をクリック。

新しいタブで新規デザインが作成されます。

名称を変更する

1. ① 上部の「名称未設定のデザイン」の部分をクリックして、「しまうまプリントA4ひな型」という名前に変更します。ここまでで、ひな型の作成は終了です
2. ② ホームをクリックして編集画面から抜けてホームに戻ります

ひな型をベースに編集用ファイルを作る

1. ① ホームのプロジェクトをクリック
2. ② デザインの中に「しまうまプリントA4ひな型」というファイルができていることを確認できます

※たまに反映に時間がかかる場合があります。再読み込みしたりブラウザを落として上げなおすなどをしてみましょう。

1. ③ ひな型の右上の「…」をクリックして「コピーを作成」をクリックします

コピーが作成されます。
今後はこのコピーした方を編集していきましょう。

そら

新しいファイルを作りたいときは、ひな型ファイルをコピーしてつくることでサイズ指定をする手間が省けます。

1つのファイルにアルバム全ページを入れることも可能ですが、複数人で作成していくことも考慮して、以下のようにルールを決めてファイルを分けて作成していくことをおススメします。

PNG／JPEGで出力してみよう

試しに適当なデザインテンプレートを入れてPNGやJPEGで出力してみましょう。

ひな型をコピーしたファイルをクリックしデザイン編集画面を開きます。

1. ① テンプレートをクリック
2. ② 適当な文言で検索します（サンプルなので何でもいいです）
3. ③ 表示されたテンプレートを選択します
4. ④ 選択したテンプレートが反映されます

1. ⑤ 右上の「共有」をクリック
2. ⑥ 「ダウンロード」をクリック

1. ⑧ ファイルの種類で「PNG」を選択
2. ⑨ 「ダウンロード」をクリック

1. ⑧ ファイルの種類で「JPG」を選択
2. ⑨ 「ダウンロード」をクリック

これでPNGもしくはJPEGのファイルがダウンロードできました。

試しにフォトブックにアップロードしてみよう

ダウンロードしたPNG/JPEGファイルを利用するフォトブックにアップロードしてみましょう。
試しにアップロードしてみることで、以下の点が確認できます。

以下はしまうまプリントの例です。
画像をアップロードして、1ページ全面のレイアウトに適用した場合、切り落とされる可能性があるエリアが表示されます。
画像の上下左右3ミリ程度は塗り足しとして製本時に切り落とされてしまいます。また切り落としの位置は数ミリずれる可能性があるので、メインのデザインは四辺からある程度余白をとって作成することをお勧めします。

PNGとJPEGのどちらが良いか

Canvaの公式ヘルプページを参照すると、PNGの方が画質が良さそうなので、PNGも使えるフォトブックの場合はPNGを使うことをお勧めします。
※有料のProプランだとJPEGでも最高品質の設定にできるようです。

• JPGはファイルサイズが小さい写真を保存するのに便利です。一般的にウェブ用の画像に使用されますが、生成されるデザインは解像度が最も低くなります。
• PNGは、ファイルサイズが小さい線画、テキスト、アイコンの保存に最適です。一般的にウェブでのアップロードにも使用されます。

Canva Pro 、 Canva for Teams、 Canva for Education 、またはCanva for NPOのサブスクリプションでは、JPGまたはPNGのサイズと品質を最高の設定にカスタマイズできます

Canvaヘルプセンターより引用　https://www.canva.com/ja_jp/help/blurry-design/

まとめ

フォトブック用の画像をCanvaで作成する手順を紹介しました。

1. 必要な画像のサイズ（縦横のピクセル数）をフォトブックの公式ページで確認
2. Canvaのカスタムサイズで単位px(ピクセル)でデザインを作成
3. 作成したデザインをひな型として保存
4. 保存形式はPNGがおすすめ

そら

フォトブックが提供しているテンプレートを確認して、フォトブックのテンプレートでは作れないようなデザインのページはCanvaでつくるなどのページごとに使い分けをしてもいいと思います。

そら

このページでは、CanvaでPDF入稿用の「適切なサイズの原稿」を作成する方法を紹介します。

PDFが使えないフォトブックなどの原稿を作りたい場合は「【フォトブック用PNG/JPEG】Canvaで原稿のひな型をつくろう」を参照ください。

目次は以下のようになっています。

Canvaを利用する前提条件

Canvaは簡単にデザインを作成できる便利な無料ツールです。
このツールを使えば、特別なデザインソフト（IllustratorやPhotoshopなど）がなくてもおしゃれなアルバムのデザインデータが作れます。

ただし、Canvaはあくまでデータ作成ツールなので、印刷やアルバムの製本は業者へ依頼する必要があります。

Canvaで卒園アルバムのデザインを作成する前提条件は以下の3点です。

まだどのフォトブックにするか決めていない場合は、以下の記事を参照ください。
フォトブックごとの価格や特徴をまとめています。

卒園アルバム業者（8社）の価格比較

卒園アルバムの業者選びの際に、どれくらいの価格でどんな種類のアルバムが作れるのか一覧で見れたらいいのにな・・・と思っていたのでまとめてみました！ これを参考に対象を絞って、業者選びをしてもらえればと思います。

sotuaru.com

2022.11.18

PDFの仕様を確認しよう

基本的に原稿は「塗り足し」を含めて作成する、となっていると思います。

「塗り足し」とは、印刷した後に切り落とされる部分のことになります。実際の完成サイズよりも少し大きめに印刷して周りを切り落とすことで端まできれいに印刷されます。

また、入稿するデータに「トンボ（トリムマーク）」が必要な場合と不要な場合があります。

「トンボ」とは、先ほどの「塗り足し」部分を切り落とす目印となるものです。

「トンボなし」で作ったPDFと「トンボあり」で作ったPDFの比較は以下のようになっています。

そら

原稿サイズに問題ないか不安な場合は、作成したサンプルのPDFを業者に送付して確認してみましょう。

Canvaの無料版は途中でサイズの変更ができないので、サイズを間違えると最初からやり直しとなってしまいます。

「トンボなし」のPDFを作成する場合の手順はこのまま以下を参照ください。
「トンボあり」のPDFを作成する場合の手順は【PDF入稿】「塗り足しあり」で「トンボあり」で作成する手順を参照ください。

【PDF入稿】「塗り足しあり」で「トンボなし」で作成する手順

「塗り足しあり」で「トンボなし」のPDFを作成する場合の手順です。

新規デザインの作成

右上の「デザイン」から「カスタムサイズ」をクリック。

サイズを指定する

①単位を「mm」にします。
②業者から指定された塗り足しを含めたサイズを入力します。
　画像はA4の例です。注文する業者の指定の長さにしてください。
　【例】A4(210×297)の場合は、上下左右に+3ｍｍずつが塗り足しになるので
　　　　幅：210＋3＋3＝216mm
　　　　高さ:297+3+3=303mm
　　　となります。
※フルフラットの場合などで、見開き2ページ分のサイズで原稿を作成するように業者から指定がある場合は2ページ分のサイズにしてください。
③「新しいデザインを作成」をクリック。

新しいタブで新規デザインが作成されます。

塗り足しの位置がわかるガイドを追加する

「ファイル」から「定規とガイドを表示をクリック」してチェックマークをつける。

①下のほうの拡大率を８０％程度にする（定規の1ミリ単位が見えやすい大きさ）
②縦の定規エリアをクリックしてそのまま右にドラッグすると用紙の上にガイド線がでてきます。
③塗り足しの3ｍｍのところまでガイド線を持っていきます。

同様の手順で右端の塗り足しにもガイド線をいれます。

同様の手順で上端の塗り足しにもガイド線をいれます。

同様の手順で下端の塗り足しにもガイド線をいれます。

拡大率を30％くらいにして、上下左右の塗り足し位置にガイドが入っていることを確認しましょう。
※ガイドは印刷されません。デザイン作成の際に、切り落とされる位置を確認するために使います。

名称を変更する

①上部の「名称未設定のデザイン」の部分をクリックして、「アルバムのひな型」という名前に変更します。ここまでで、ひな型の作成は終了です。
②ホームをクリックして編集画面から抜けてホームに戻ります。

①ホームの「プロジェクト」をクリック
②デザインの中に「アルバムのひな型」というファイルができていることを確認できます。
※たまに反映に時間がかかる場合があります。再読み込みしたりブラウザを落として上げなおすなどをしてみましょう。

ひな型をベースに編集用ファイルを作る

ひな型の右上の「…」をクリックして「コピーを作成」をクリックします。

コピーが作成されます。
今後はこのコピーした方を編集していきましょう。

そら

新しいファイルを作りたいときは、ひな型ファイルをコピーしてつくることでサイズ指定やガイドを入れる手間が省けます。

1つのファイルにアルバム全ページを入れることも可能ですが、複数人で作成していくことも考慮して、以下のようにルールを決めてファイルを分けて作成していくことをおススメします。

試しにPDFで出力してみよう

試しにPDFで出力してみましょう。
まず、ひな形をコピーしたファイルを開きます。ここでは「サンプル２」というタイトルにしています。

①用紙をクリック
②左上の虹色の四角をクリック
③カラーパレットが出てきます

カラーパレットから適当な色を選択すると、背景全体に色が反映されます。

右上の「共有」から「ダウンロード」を選択

ファイルの種類から「PDF（印刷）」を選択

「ダウンロード」をクリックするとPDFファイルのダウンロードが始まります。
※「トリムマークと塗り足し」はチェック不要です。すでに塗り足しを含んだサイズで作成しているので、チェックをいれると塗り足しとトンボ（トリムマーク）が余分に追加されてしまいます。

↓こんな感じのただのピンクのPDFができていると思います。
サイズはPDFを開いてプロパティなどで確認できると思います。

そら

「トンボなし」のPDF作成手順はここでおしまいです。
以降は「トンボあり」のPDF作成手順になります。

【PDF入稿】「塗り足しあり」で「トンボあり」で作成する手順

「塗り足しあり」で「トンボあり」のデータを作成する場合の手順です。

※「トンボなし」のデータを作成する場合は【PDF入稿】「塗り足しあり」で「トンボなし」で作成する手順を参照してください。

新規デザインの作成

右上の「デザインを作成」から「カスタムサイズ」をクリック

サイズを指定する

①単位を「mm」にします。
②業者から指定された塗り足しを含めないサイズを入力します。
　画像はA4の例です。注文する業者の指定の長さにしてください。
　【例】A4(210×297)の場合は、
　　　　幅：210mm
　　　　高さ:297mm
　　　となります。
※フルフラットの場合などで、見開き2ページ分のサイズで原稿を作成するように業者から指定がある場合は2ページ分のサイズにしてください
③「新しいデザインを作成」をクリック。

新しいタブで新規デザインが作成されます。

塗り足しを追加する

「ファイル」から「定規とガイドを表示」と「塗り足し領域を表示する」をクリックしてチェックマークをつけます。
上と左に定規、点線の外側に塗り足し領域が表示されます。
※定規は必須ではないですが、あると便利なのでチェックを入れておきましょう。

名称を変更する

①上部の「名称未設定のデザイン」の部分をクリックして、「アルバムのひな型」という名前に変更します。ここまでで、ひな型の作成は終了です。
②ホームをクリックして編集画面から抜けてホームに戻ります。

①ホームのプロジェクトをクリック
②デザインの中に「アルバムのひな型」というファイルができていることを確認できます
※たまに反映に時間がかかる場合があります。再読み込みしたりブラウザを落として上げなおすなどをしてみましょう。

ひな型をベースに編集用ファイルを作る

ひな型の右上の「…」をクリックして「コピーを作成」をクリックします。

コピーが作成されます。
今後はこのコピーした方を編集していきましょう。

そら

新しいファイルを作りたいときは、ひな型ファイルをコピーしてつくることでサイズ指定や塗り足しを入れる手間が省けます。

1つのファイルにアルバム全ページを入れることも可能ですが、複数人で作成していくことも考慮して、以下のようにルールを決めてファイルを分けて作成していくことをおススメします。

試しにPDFで出力してみよう

試しにPDFで出力してみましょう。
まず、ひな形をコピーしたファイルを開きます。

①用紙をクリック
②左上の虹色の四角をクリック
③カラーパレットが出てきます

カラーパレットから適当な色を選択すると、背景全体に色が反映されます。

右上の「共有」から「ダウンロード」を選択

ファイルの種類から「PDF（印刷）」を選択

①「トリムマークと塗り足し」にチェックをいれます
②「ダウンロード」をクリックするとPDFファイルのダウンロードが始まります。

↓こんな感じのトンボ（トリムマーク）がついたPDFができていると思います。
このトンボは西洋式なので日本式のトンボと少し違います。このトンボで問題ないか念のため業者にPDFを送って確認しましょう。

まとめ

CanvaでPDF入稿用の適切なサイズの原稿を作る手順を「トンボなし」「トンボあり」に分けて紹介しました。

• 【PDF入稿】「塗り足しあり」で「トンボなし」で作成する手順
• 【PDF入稿】「塗り足しあり」で「トンボあり」で作成する手順

そら

作成した原稿をひな型にしてデザインを作成していきましょう！