そら

卒園アルバムの定番、クラスページを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で背景を入れる方法を説明します。

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

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. ③ 透明度のスライダーを動かすと透明度を上げることができます
   透過して画像の下の色が見えるので、下地は白にしておくことをお勧めします

イラスト素材

イラストAC

【イラストAC】
→利用規約はこちら

「季節のイラスト」、ページの上下に入れる「ライン状になった飾り（飾り罫）」、「かわいい動物」など卒園アルバムに利用できる素材がたくさんあります。

無料会員と有料会員があり、無料会員は、ダウンロードする際に広告が表示されたり、検索数やダウンロード数の制限があります。

そら

ダウンロードは背景が透過なPNGがおすすめです。

以下の記事で、イラストACのおすすめのイラストレータさんも紹介しています。

イラストACのおすすめイラストレータさん

無料イラストサイト【イラストAC】で、「卒園アルバムに使いやすい」イラストを描かれているおすすめのイラストレーターさんをご紹介します。

sotuaru.com

2022.11.01

吹き出し素材

フキダシデザイン

フキダシデザイン
→利用規約はこちら

上記のような、いろんな形の吹き出しをダウンロードできます。

そら

Canvaで利用するならSVG形式でのダウンロードがおすすめです。SVGなら、Canva上で吹き出しの色が変更できます。

背景素材

印刷したときに画像が粗くならないためには、A4（塗り足しあり）の背景は、2551×3579ピクセル以上のサイズが必要です。
以下のサイトはこのサイズを満たすファイルをダウンロードすることができます。

A4size 210×297back ground

A4 size 210×297 back ground　【A4背景素材ダウンロードサイト】
→利用規約はこちら

卒園アルバムの背景につかうなら、上記のような「ドット」「ストライプ」が使いやすいです。

Paper-co

紙素材ダウンロードできるサイト【Paper-co】
→利用規約はこちら

真っ白な背景じゃ物足りないなぁ・・・というときにおすすめです。ちょっとした質感があるだけで、手作り感がでたり、おしゃれな感じになったりします。

そら

背景素材をCanvaで背景に設定した時、ちょっと色が濃いなと思った場合は、透明度をあげると色を薄くすることができます。