そら

「ひまわり組」というテーマでクラスページのデザインを作ってみました。

同じものが作れるように、作り方や使っている素材を紹介します。

ひまわり組のデザイン案

ひまわり組というテーマで、ひまわりの花と青空をあしらったクラスページのデザイン案をつくってみました。
CanvaとイラストACの無料素材を使って作成できます。
以下に作り方を紹介します。

作り方

まずは、「クラスページの作り方」を参照して子供の写真フレームを配置してください。
ガイド線の位置は以下のように読み替えて、フレームを丸に変えるだけで同じ手順で作れます。

使ったのは「Oval Frame with Border」というフレーム素材です。

使っている素材

使った素材を順に紹介します。以下を参考にタイトル文字やイラストを配置していってください。

タイトル

ひまわりのイラスト

以下のイラストACのページリンクから「PNG」でダウンロードできます。

素材をCanvaにアップロードして使う方法は「自身で用意したイラスト素材を使う方法」を参照してください。

雲のイラスト

以下のテンプレートで使われている雲のイラストをコピーして使いました。
テンプレートの利用法は「Canvaのテンプレート活用法」を参照してください。

背景（空の部分）

背景の色は「#A7E1E8」に指定しています。
背景の色の指定方法は「背景を指定の1色にする方法」を参照してください。
カラーコードは「＋」をクリックすると入れることができます。

子供の写真フレーム

Canvaの素材の「フレーム」カテゴリで「Oval Frame with Border」で検索したらでてくる丸いフレームを使っています。

黄緑の地面の部分

黄緑の地面の部分はCanvaの素材の「線と図形」カテゴリの四角を使っています。
色は「#C9E265」にしています。
見開き2ページで位置がずれないようにガイド線を使って高さをそろえましょう。

先生の写真

フレームは使わずそのまま写真を貼り付けて必要なサイズにトリミングします。
具体的なやり方は「写真をそのまま貼り付ける方法」を参照してください。

トリミングした後に影付き機能で白い縁取りをつけます。
具体的なやり方は「ふちどりする方法」を参照してください。

マスキングテープのイラスト

以下のイラストACのページリンクから「PNG」でダウンロードできます。

画像の一部のマスキングテープを切り抜いて使っています。
切り抜き方は「画像の一部を切り抜く方法」を参照してください。

そら

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で作る方法を紹介します。

以下が完成イメージです。このサンプルを例に作り方を説明していきます。
基本を押さえれば、写真の枠を丸に変えたり、イラストを変えたりしてアレンジも可能です。

白紙の原稿を用意する

まず、アルバムのサイズにあったcanvaの原稿ファイルを用意してください。

PDF原稿の場合は【PDF入稿用】Canvaで原稿のひな型をつくろう
PNG/JPEG原稿の場合は【フォトブック用PNG/JPEG】Canvaで原稿のひな型をつくろう
を参考にしてください。

白紙の原稿ファイルを準備できたら次に進んでください。

テンプレートを検索してお気に入りに追加する

1. ① ホーム画面で「テンプレート」をクリック

1. ② 「青　モダン　空と虹　グッドラック」で検索
   ※Canvaのテンプレートは日々増えているので同じ検索結果にならないかもしれません。使いたいテンプレートを使ってもらえば大丈夫です。
2. ③ 使いたいテンプレートの星マークをクリック（お気に入りに追加）

2ページ目にテンプレートを適用する

用意した原稿のデザイン編集画面を開いてクラスページを作っていきます。
※左のメニューに「スター付き」がでてない場合はデザイン編集画面に「スター付き」フォルダを表示させるを参照してください。

1. ① 左メニューから「スター付き」をクリック（先ほどお気に入りされたテンプレートが表示されます）
2. ② 「ページを追加」をクリック

1. ③ 2ページ目をクリック

1. ④ スター付きの中のテンプレートをクリック
2. ⑤ 2ページ目にテンプレートが適用されます

1ページ目に背景色を設定

1. ① 1ページ目をクリック
2. ② 上部の「背景色」の四角をクリック
3. ③ 表示されたカラーパネルからテンプレートの背景と同じ水色をクリック

ガイドを入れる

写真を整列させるための補助線としてガイド線をいれます。
以下のように【縦：56ｍｍ、275ｍｍ】、【横：16ｍｍ、200mm】で2本ずついれます。
※PDF用A4に塗り足し「３ｍｍ」がふくまれているサイズの原稿を例としています。
※PNG/JPEGなどでピクセル(px)単位で作っている場合は、比率などで大体の位置を決めてください。

1. ① 上の定規エリアをクリックして下向きにドラッグし、65㎜のところにガイドを入れてください

1. ② 左の定規エリアをクリックして右にドラッグし、16㎜のところにガイドを入れてください
2. ③ 同様に200㎜のところにガイドを入れてください

1. ④ 上の定規エリアをクリックして下向きにドラッグし、275㎜のところにガイドを入れてください

写真フレームを入れる

1. ① 左メニューから「素材」をクリック
2. ② 検索窓に「Frame with Border」と入力して検索を実行
3. ③ 検索結果から、長方形のフレームをクリックして用紙にいれます（フレームのサイズは、幅40mm高さ53mm程度にします）

フレームの枠の色を白色にしましょう。（すでに白色の場合はスキップしてください）

1. ④ 用紙の上のフレームをクリック
2. ⑤ 上部のカラーパネルをクリック
3. ⑥ 表示されたカラーパネルから白色をクリック

名前を入れる文字スペースを追加する

1. ① 左メニューから「テキスト」をクリック
2. ② 「テキストボックスを追加」をクリック
3. ③ クラスで一番長い氏名の人の名前を入れる（最長の名前が枠におさまるように調整するため）

文字サイズとフォントを決める

1. ① 用紙に入った文字をクリック
2. ② 写真のフレームの横幅に収まるようにフォントサイズを決める
3. ③ フォント欄をクリック
4. ④ 利用したいフォントを選択します

写真フレームと名前スペースを整列（中央揃え）する

1. ① フレームと文字を両方選択（Shiftを押しながらフレームと文字をクリック）
2. ② 上部の「配置」をクリック
3. ③ 「中央揃え」をクリック（グレーになっていればすでに中央揃えされている状態です）

1. ④ フレームと文字を両方選択（Shiftを押しながらフレームと文字をクリック）
2. ⑤ 上部の「グループ化」をクリックしてフレームと名前を1つのグループにする

写真フレームを並べて整列する（横方向）

1. ① フレームと名前のグループを右クリック
2. ② 「コピー」をクリック
3. ③ もう一度画面を右クリックして「貼り付け」をクリック

3回繰り返して4枚のフレームが並ぶようにします。

1. ④ 1番目のフレームの左角をガイド線にあわせます
2. ⑤ 2番目、3番目はフレームの上辺をガイド線より下に配置します
3. ⑥ 4番目の右角をガイド線にあわせます

1. ⑦ 4つのフレームグループをすべて選択します
2. ⑧ 「配置」をクリック
3. ⑨ 「上揃え」をクリック（グレーになっていたらすでに揃っています）
4. ⑩ 「水平に」をクリック（グレーになっていたらすでに揃っています）

1. ⑪ 4つのフレームグループをすべて選択します
2. ⑫ 上部の「グループ化」をクリックして1つのグループにします

写真フレームを並べて整列する（縦方向）

1. ① グループを選択して右クリック
2. ② 「コピー」をクリック
3. ③ 右クリックして「貼り付け」

2回繰り返して12枚のフレームが並ぶようにします。

1. ④ 2列目の左辺をガイドにあわせます
2. ⑤ 3列目の左下をガイドにあわせます

1. ⑦ 3つのグループをすべて選択します
2. ⑧ 「配置」をクリック
3. ⑨ 「左揃え」をクリック（グレーになっていたらすでに揃っています）
4. ⑩ 「垂直に」をクリック（グレーになっていたらすでに揃っています）

以下のように12枚の写真と名前スペースが整列された状態になります。

1ページ目を複製して2ページ目を作成する

1. ① ページを複製のボタンをクリック

以下のように1ページ目をコピーした2ページ目ができます。

先生用の写真フレームを入れる

1. ① 左メニューから「素材」をクリック
2. ② 検索窓に「Frame with Border」といれてenterキーを押す
3. ③ 検索結果から丸いフレームを選んでクリック（2ページ目に入れます）
4. ④ 用紙にフレームが入ります

1. ⑤ フレームをクリック
2. ⑥ 上部のカラーパネルをクリック
3. ⑦ 表示されたカラーパネルから白色をクリック

1. ⑧ 先生の人数分丸フレームをコピーする（右クリック「コピー」「貼り付け」）

先生の名前を入れる

1. ① 左メニューから「テキスト」をクリック
2. ② 「テキストボックスを追加」をクリック

1. ③ 先生の名前をいれる
2. ④ フォントサイズとフォントの種類を選ぶ
3. ⑤ 「エフェクト」をクリック

1. ⑥ 「湾曲させる」をクリック
2. ⑦ 湾曲の大きさを円フレームにあうように調節します
3. ⑧ 円フレームの上に先生の名前をのせます

1. ⑨ 同様にしてもう一人の先生分の名前も作成します

テンプレートのイラストを利用する

虹のイラストを入れる

1. ① ３ページ目のテンプレート素材から虹を右クリック
2. ② 「コピー」をクリック

1. ③ １ページ目で右クリック「貼り付け」で虹のイラストを貼り付けます
   ガイドに合うように配置します

1. ④ ２ページ目に虹を貼り付けます
2. ⑤ 「反転」をクリック
3. ⑥ 「水平に反転」をクリック

１ページ目同様にガイドに合うように配置します。

雲や星のイラストを入れる

1. ① ３ページ目のテンプレートから雲のイラストをコピーします（右クリックから「コピー」）

1. ② 好きな位置に雲のイラストを貼り付けます（右クリックから「貼り付け」）

以下のようにフレームの下に雲のイラストを入れる方法を説明します

1. ③ 対象の雲のイラストを右クリック
2. ④ 「最背面へ移動」をクリック
   これで雲を背面に移動できます

星のマークなども同様にテンプレートからアルバムへコピーして入れてください。

見出しを入れる

1. ① 左メニューから「テキスト」をクリック
2. ② 「見出しを追加」をクリック
3. ③ クラス名を入れます
4. ④ 好きなフォントやフォントサイズを選びます

1. ⑤ 「テキストの色」（Aのマーク）をクリック
2. ⑥ 好きな色をクリック

自分で用意した素材を入れる

1. ① 左メニューから「アップロード」をクリック
2. ② 使いたいイラスト素材をドラッグしてアップロード

1. ③ 素材をクリックして１ページ目に入れます
2. ④ 必要な部分だけをトリミングで切り抜きます
3. ⑤ サイズが合うように四隅の丸で拡大縮小して調整します

1. ⑥ 配置出来たら右クリックで「コピー」（もしくは[Ctrl]+[c]）

1. ⑦ ２ページ目を選んで右クリック「貼り付け」（もしくは[Ctrl]+[v]）

Canvaの素材を入れる

クラス人数の関係で右下に隙間ができる場合は、イラストを入れてみましょう。
今回はCanvaの素材を入れてみました。

1. ① 左メニューから「素材」をクリック
2. ② 検索窓に「気球」と入力しenterキーを押す
3. ③ 検索結果から気球のイラストをクリック
4. ④ 適当な位置に配置します

写真を入れる

フレームの中にアップロードした子供の写真を入れてください。
写真の入れ方は「Canvaで写真を入れよう」を参照してください。

名前を入れる

フレームの下の名前エリアをクリックしてそれぞれの子供の名前に変更していってください。

PDFでダウンロードして確認してみる

右上の「共有」＞「ダウンロード」＞「PDF（印刷）」で１，２ページを選択して「ダウンロード」をクリックするとPDFでダウンロードできます。
※PDF出力手順は「原稿のひな型をつくろう」を参照してください。

ダウンロードしたPDFをPDFリーダーやブラウザで表示してみて、ずれているところがないかどうかチェックしてください。
Chromeで確認するには、ダウンロードしたファイルをChromeのブラウザ上にドラッグします。

1. ① 右上の…をクリック
2. ② ２ページ表示をクリック

以下のように２ページを並べて確認することができます。

そら

これで完成です！
まったく同じデザインで使ってもらってもいいですし、お好みでイラストや写真の枠を変えてもらってもいいです。

そら

このページでは、Canvaのテンプレートを使ってアルバムを装飾する方法を紹介します。

Canvaには、たくさんのデザインテンプレートが登録されています。
テンプレートのデザインを利用してページを装飾することで簡単に統一感のあるページデザインができます。

以下は、テンプレートの素材を使って装飾したサンプルイメージです。

以下が目次になります。

テンプレートを検索してお気に入りに入れる

1. ① ホームからテンプレートをクリック

1. ② 検索キーワードをいれてEnterキーを押す
2. ③ 表示された検索結果から使いたいテンプレートの星のマークをクリックする
   （星を付けたテンプレートがお気に入りに保存されます）

デザイン編集画面に「スター付き」フォルダを表示させる

デザイン編集画面の左側に「スター付き」のフォルダが表示されていない場合は以下の手順を行ってください。表示されている場合はここはスキップしてください。

1. ① デザイン編集画面の「もっと見る」をクリック
2. ② 「フォルダー」マークをクリック

1. ③ 「スター付き」をクリック
   これで左側に「スター付き」フォルダが表示されるようになります

テンプレートをサブページに反映する

1. ① 左から「スター付き」をクリック
2. ② テンプレートを適用するサブページを作るため、用紙下の「ページを追加」をクリック
3. ③ スター付きの中の使いたいテンプレートをクリック

1. ④ 複数ページあるテンプレートの場合は、使いたいページのデザインをクリック
2. ⑤ 2ページ目（サブページ）にテンプレートのデザインが適用されます

テンプレートをアルバム用のページに反映する

1. ① テンプレートを適用したいアルバムのページを作ります(写真やタイトルなどを入れたもの)

1. ② 文字などは不要なものを選択します
2. ③ ゴミ箱マークもしくはdeleteキーで削除します

1. ④ 使いたい素材を選択します
   （siftキーを押しながら使いたい素材をすべてクリックするか、ドラッグで使いたい素材を囲むと複数の素材を選択できます）

1. ⑤ 素材を選択した状態で右クリック→メニューから「コピー」をクリック
   （もしくは選択した状態で[Ctrl]+[C]）

1. ⑥ 素材を貼り付けたいページ（今回は1ページ目）を右クリック
2. ⑦ メニューから「貼り付け」をクリック
   （もしくは1ページ目をクリックして[Ctrl]+[V]）

1. ⑧ 以下のようにコピーした素材が貼り付けられました。

反映したテンプレートのイラストを移動させる

素材は前面に貼り付けられるので、写真より後ろにしたいものは背面に移動させます。

1. ① 背面に移動させたい薄い黄色の丸の素材をクリック
2. ② 上部の「配置」をクリック
3. ③ 「最背面へ」をクリック
   （重なっている素材の一番下に移動されます）

1. ④ 背面に移動させたいピンクの丸の素材をクリック
2. ⑤ 上部の「配置」をクリック
3. ⑥ 「最背面へ」をクリック
   （重なっている素材の一番下に移動されます）

以下のように黄色とピンクの丸のイラストは、写真の後ろに移動されました。
あとは、飾りのお花などを好きな位置に移動させましょう。

以下のように、写真の邪魔にならない位置にイラストを移動させて完成です。
背景の丸もイベントごとに色分けするような感じで右上と左下に移動させています。

そら

最初に気に入ったテンプレートをたくさんお気に入りに入れておいて、デザインする時にテンプレートからイラストを持ってくる方法が便利です。

そら

このページではCanvaでイラスト素材を入れる方法を説明します。

卒園アルバムのメインは写真ですが、イラストをつかうことによって、どんなイベントかを伝えたり、見栄えを良くしたりすることができます。

以下のサンプルのアルバムにもたくさんのイラストが使われています。
イラストを活用して、アルバムを装飾していきましょう！

イラスト素材の種類

Canvaで扱うイラスト素材には、以下の2種類があります。

イラストをクリックして左上に色のパレットが表示されたら色変更ができる素材だと思えばいいです。

Canvaの素材を使う方法

素材の検索方法

1. ① 左から素材を選択
2. ② 使いたい画像のキーワードを入れて検索する
3. ③ 検索結果が表示されます

無料素材の場合

1. ① 使いたい素材をクリック
2. ② 用紙に選択した素材が表示されます

有料素材の場合

1. ① 検索結果から王冠（プロ）のマークがついている素材をクリック
2. ② 用紙に選択した素材が表示されます
   ※有料素材は半透明のCanvaマークと網（透かし）が入っています

1. ③ 素材をクリックし右下の「透かしを削除」をクリック
2. ④ 「購入」をクリックするか、Canva Pro（有料プラン）のトライアルに進んでください
   ※Canva Proには無料のトライアル期間があります。トライアル期間が終了したら課金が開始されます。

自身で用意したイラスト素材を使う方法

1. ① 左から「アップロード」をクリック
2. ② 使いたい素材をドラッグしてアップロードします

1. ③ アップロードされた素材をクリック
2. ④ 用紙に選択した素材が表示されます

拡大縮小・回転の方法

対象の素材をクリックし、以下のように「拡大縮小」や「回転」が可能です。

色を変更する方法（色変更できる素材のみ）

1. ① 素材をクリック
2. ② 上部のカラーパネルの変更したい色をクリック

1. ③ 表示されたカラーパネルから設定したい色をクリック
2. ④ 素材に色が反映されます

反転させる方法（水平方向・垂直方向）

1. ① 反転したい素材をクリック
2. ② 上部の「反転」をクリック
3. ③ パネルから「水平に反転」または「垂直に反転」をクリックすると選択した素材が反転されます

透明度を変える方法

1. ① 透明度を変えたい素材をクリック
2. ② 上部の「透明度」マークをクリック
3. ③ 表示されたスライダーで透明度を決めます

画像の一部を切り抜く方法（四角にトリミング）

1. ① 切り抜きたい素材をクリック
2. ② 上部の「切り抜き」をクリック

1. ③ 切り抜きたい範囲を選択する

1. ④ 範囲外のエリアを一度クリックすれば、範囲選択が終わり選択した箇所だけが表示されます

ふちどりする方法（色変更できない素材のみ）

1. ① ふちどりしたい素材をクリック
2. ② 上部の「画像を編集」をクリック
3. ③ 左側から「影付き」をクリック（スクロールした下の方にあります）

1. ④ 「使用する」をクリック

1. ⑤ 「グロー」を2回クリック
   （1回クリックするとぼんやりした影がついて、2回クリックすると設定メニューが出ます）

1. ⑥ 好きな色を選択し、透明度を100、ぼかしを0、太さは適当な値にします
2. ⑦ 「適用」をクリック
3. ⑧ 素材がふちどりされます（処理に時間がかかる場合があります）

【参考】よく使うのは以下のような「白いふちどり」かと思います。

【参考】「影付き」を一度利用したら、2回目以降は「画像を編集」のメニューに表示されています。

複数の素材を整列する方法

複数の素材を水平方向に等間隔に並べる例を紹介します。

1. ① 整列させたい複数の素材を選択します
   （Shiftキーを押しながらすべての素材をクリックするか、ドラッグですべての素材を囲みます）

1. ① 上部の「配置」をクリック
2. ② 素材を整列させるの「中央揃え」をクリック（素材の中央が水平に揃います）
3. ③ 均等配置の「水平に」をクリック（水平方向で等間隔に並びます）

1. ⑤ 下のように素材が整列されます

複数の素材を重ねる方法（上下入れ替え方法）

例えば、以下のような「イラスト」と「図形（丸）」と「文字」を重ねた見出しを作る方法を説明します。

1. ① 使いたいイラスト素材を用紙にいれます
（素材のアップロードや切り抜きは上記の説明を参照）

1. ② 左の「素材」をクリック
2. ③ 検索窓に「丸」といれてenterキーを押す
3. ④ 丸の素材をクリック
4. ⑤ 用紙に丸が表示されるので、色を赤に変更します（色の変更方法は上記の説明を参照）

1. ⑥ 丸型の素材をイラストの後ろに移動したいので、素材を右クリックして「背面へ移動」または「最背面へ移動」をクリック

1. ⑦ 以下のように、丸がイラストの後ろに移動しました

1. ⑧ 左から「テキスト」をクリック
2. ⑨ 見出しを追加をクリック
3. ⑩ 文字を「うんどうかい」に変更して完成です

そら

まずはイラストを入れる方法を覚えて、色々な編集方法は必要な時に目次から調べて使ってもらえればと思います。

そら

このページでは、Canvaで背景を入れる方法を説明します。

背景を指定の１色にする方法

1. ① 用紙をクリック
2. ② 上部の虹色のマークをクリック

1. ③ 色を細かく指定したい場合は「＋」をクリックする
   （表示されている色でよい場合は、その色を選ぶだけでOK）
2. ④ 詳細のパネルから色を指定する
3. ⑤ 用紙に色が反映されます

Canva提供の素材を背景にする方法

左側に「背景」というメニューが出ていない場合は、以下の手順でメニューを出してください。

1. ① 左側の「もっと見る」をクリック
2. ② 「背景」のマークをクリック

無料素材の場合

1. ① 左側の「背景」をクリック
2. ② 背景素材が表示されるので好きなものをクリック（検索で色や柄で絞り込みもできます）
3. ③ 用紙にその素材が適用されます

有料素材の場合

1. ① 左側の「背景」をクリック
2. ② 背景素材が表示されるので好きなものをクリック（検索で色や柄で絞り込みもできます）
3. ③ 用紙にその素材が適用されます
   ※有料素材は半透明のCanvaマークと網（透かし）があり、素材を選択すると右下に「透かしを削除」と表示されています

有料素材を使いたい場合は、「透かしを削除」をクリック「購入」をクリックするか、Canva Pro（有料プラン）のトライアルに進んでください。
※Canva Proには無料のトライアル期間があります。トライアル期間が終了したら課金が開始されます。

自身で用意した素材を背景にする方法

1ページ用の背景素材を利用する場合

1. ① 左側の「アップロード」をクリック
2. ② 使いたい素材をアップロードして、クリック
3. ③ 用紙にその素材が表示されます

1. ④ 用紙にある背景素材を右クリック（もしくは「・・・」ボタンをクリック）
2. ⑤ 「画像を背景として設定」をクリック

1. ⑥ 背景に選択した画像が適用されます

見開き2ページ用の背景素材を利用する場合

見開き2ページでつながった背景素材を利用したい場合の設定方法です。

1. ① 左側の「アップロード」をクリック
2. ② 使いたい素材をアップロードして、クリック
3. ③ 用紙にその素材が表示されます

1. ④ 拡大して左半分が用紙に合うようにする

1. ⑤ ロックボタンをクリックして画像が動かないようにする
2. ⑥ 2ページ目を追加する

1. ⑦ アップロードした画像をクリック
2. ⑧ 画像が用紙に表示される

1. ⑨ 拡大して右半分が用紙に合うようにする

1. ⑩ ロックボタンをクリックして画像が動かないようにする
   (ロックを解除したい場合はもう一度ロックボタンをクリック)

これで見開きの2ページに1つの背景素材を設定できました。

設定した背景の編集

設定した背景を外す方法

1. ① 用紙を右クリック（もしくは用紙をクリックして「・・・」ボタンをクリック）
2. ② 「背景から画像を切り取る」をクリックすると画像が背景から外れます

背景を薄くする方法（透明度を上げる）

1. ① 背景が設定された用紙をクリック
2. ② 上部の「透明度」マークをクリック
3. ③ 透明度のスライダーを動かすと透明度を上げることができます
   透過して画像の下の色が見えるので、下地は白にしておくことをお勧めします

そら

このページではCanvaで文字を入れる方法を説明します。

Canvaでは文字入れも簡単にできます。
好きな大きさやフォントを選んで文字を入れてみましょう。

文字を入れる

1. ① 左のメニューから「テキスト」をクリック
2. ② 「テキストボックスを追加」「見出しを追加」「小見出しを追加」「本文を追加」のどれかをクリック
   （入れたい文字の大きさに近いものをえらべばOK）
3. ③ ページ内に文字列が表示されます

フォントを変更する

1. ① 変更したい文字をクリック
2. ② 上部のフォント名が書いてあるエリアをクリック
3. ③ 表示されたフォントから、好きなフォントをクリックすれば変更できます
   （王冠マークがついているのは有料版のみ使えるフォントです）

文字の色を変える

1. ① 変更したい文字をクリック
2. ② 上部の「テキストの色（Aの下に虹色がついているマーク）」をクリック
3. ③ 変更したい色を選んでクリックすれば変更できます
   「+」のマークをクリックするとより詳細に色を指定できます

文字を太字にする

1. ① 変更したい文字をクリック
2. ② 上部の「太字（B）」をクリックすると太文字になります
   （もう一度クリックすると解除されます）

文字揃えを選択する

1. ① 変更したい文字をクリック
2. ② 上部の「配置」マークをクリックする揃え方が変わります
   クリックするたびに「中央揃え」「左揃え」「両端揃え」「右揃え」に変わります

箇条書きにする

1. ① 変更したい文字をクリック
2. ② 上部の「箇条書き」マークをクリックすると箇条書きになります
   クリックするたびに「丸付き」「番号付き」「箇条書きなし」に変わります

文字間隔や行間隔を変える

1. ① 変更したい文字をクリック
2. ② 上部の「スペース」マークをクリックするとパラメータを調整できるパネルがでてきます
3. ③ パネルで文字間隔や行間隔を変更できます

縦書きにする

1. ① 変更したい文字をクリック
2. ② 上部の「縦書きのテキスト」マークをクリックすると縦書きになります
   （もう一度クリックすると解除されます）

下線を入れる

1. ① 変更したい文字をクリック
2. ② 上部の「下線（U）」マークをクリックすると下線が付きます
   （もう一度クリックすると解除されます）

アルファベットの大文字小文字を入れ替える

1. ① 変更したい文字をクリック
2. ② 上部の「大文字（aA）」マークをクリックするとアルファベットの場合、大文字と小文字が入れ替わります

文字を装飾する（エフェクト機能）

1. ① 変更したい文字をクリック
2. ② 上部の「エフェクト」をクリックすると、エフェクトが選択できるパネルが開きます
3. ③ パネルからつけたい効果を選択します
   （効果によっては色や太さなども変更できます）

そら

このページではCanvaで写真を入れる方法を説明します。

Canvaにはいろいろな形のフレームが用意されていて、下のような写真をたくさん配置したデザインを簡単に作れるようになります。

写真の入れ方は「そのまま貼り付け」「フレーム」「グリッド」の3通りあります。
まずは写真のアップロード方法を説明して、次に３種類の写真の入れ方について説明していきます。

Canvaに写真をアップロードする方法

1. ① 左メニューから「アップロード」をクリック
2. ② 表示されたエリアに写真をドラッグ

アップロードした写真が表示されます。

写真をそのまま貼り付ける方法

1. ① 左メニューから「アップロード」をクリック
2. ② 入れたい写真をクリック
3. ③ ページに写真が入ります

挿入した写真は「位置の変更」「拡大縮小」「回転」ができます。

写真をそのまま貼り付ける方法についてはここまでです。

フレームに写真を入れる方法

シンプルなフレームの使い方

フレームを検索する

1. ① 左のメニューから「素材」をクリック
2. ② 検索窓に「フレーム」と入力してエンターキーを押します
3. ③ フレーム素材が表示されます

フレームを選ぶ

1. ① 素材の中から使いたいフレームをクリックします
2. ② 選んだフレームがページに表示されます

写真を入れる

1. ① 左のメニューから「アップロード」をクリック
2. ② 入れたい写真をフレームの上までドラッグすると写真が入ります

フレームをダブルクリックすると写真の「位置変更」や「拡大縮小」ができます。
フレームに表示させたい位置や大きさを調整しましょう。

フレームをクリックするとフレームの「回転」や「拡大縮小」ができます。

枠付きフレームの使い方

枠の色が変更できるフレームが便利なので紹介します。

枠付きフレームを検索する

1. ① 左のメニューから「素材」をクリック
2. ② 検索窓に「Frame with Border」と入れてエンターキーを押す（「フレーム」だけだと枠ありとなしのどちらもでてきます）
3. ③ 使いたいフレームを選んでクリック
4. ④ 選択したフレームがページに表示されます

枠の色を変更する

1. ① 上部の四角をクリック
2. ② 表示されたカラーパレットから枠の色にしたい色をクリック
   【補足】＋を選べばパレットにない色を設定できます
3. ③ 選択した色が枠に反映されます

枠の色を活用するテクニック

枠の色を変えることで重なった写真などを入れやすくなります。
以下は枠の色を変えた比較画像です。

フレームについてはここまでです。

グリッドに写真を入れる方法

グリッドを検索する

1. ① 左のメニューから「素材」をクリック
2. ② 検索窓に「グリッド」と入力してエンターキーを押します

グリッドを選択する

1. ① 使いたいグリッドをクリック
2. ② ページにグリッドが表示されます

グリッドは「サイズ変更」や「回転」ができます。

グリッドに写真を入れる

1. ① 左のメニューから「アップロード」をクリック
2. ② 入れたい写真をグリッドにドラッグ

写真をダブルクリックすると「サイズ変更」や「位置変更」ができます。
表示させたい位置や大きさを調整しましょう。

グリッドについてはここまでです。

まとめ

Canvaの「素材」から「フレーム」や「グリッド」を検索して利用する方法を紹介しました。

そら

いろいろな種類のフレームがあるので、活用して華やかなアルバムを作りましょう

＃サンプルに使っている写真は【写真AC】さんのフリー素材を利用しています。

そら

このページでは、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入稿】「塗り足しあり」で「トンボあり」で作成する手順

そら

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