写真の可愛いコラージュを簡単に作りたいなら、無料デザインツール「Canva」がおすすめです。この記事では、Canvaを使ったコラージュの作り方(無料)を解説します。

掲載画像は旧記事で使用していた画面です。Canvaの更新により、メニュー名や配置が現在の画面と異なる場合があります。利用できる機能や回数、素材の条件はプランによって異なります。

1.Canvaとは?

Canvaとは、無料で使える便利なデザインツールです。

今回ご紹介するコラージュだけでなく、SNS投稿画像やプレゼンテーション資料、動画やWebサイトまで作成できます。

  1. デザインスキルがなくても、誰でも簡単におしゃれなデザインが作れる

  2. 世界中で利用されている

  3. 基本的に無料で使える

  4. おしゃれなテンプレートが豊富

  5. イラストや写真などの素材も豊富

  6. ぼかしや明るさの調整など、画像編集の機能が簡単に使える

  7. 難しい操作は一切なし!

とにかく初心者でも使いやすく、便利で多機能なデザインツールです。オンライン上で使えるので、パソコンならアプリをダウンロードする必要もありません。

下の記事で「Canvaとは」について詳しく説明しているので、気になった方はぜひご覧ください。

あわせて読みたいCanvaとは?無料で使える?できることを解説

登録は無料で、メールアドレスやGoogleアカウントなどで簡単にできます。(操作は簡単ですが、不安な方向けにこちらでやり方を解説しています)

2.おしゃれなフォトコラージュを作る方法

Canvaを使って、フォトコラージュを簡単に作りましょう。

  1. Canvaに無料登録する

  2. フォトコラージュのテンプレートを探す

  3. 写真を差し替える

  4. 必要に応じて編集する

フォトコラージュを作る流れはこんなかんじです。

Canvaに無料登録しよう

Canvaへの登録は、下の水色のボタンから簡単にできます。

Canvaの登録画面

掲載画像は旧登録画面です。現在表示される登録方法を選び、メール認証やGoogleアカウントなどの案内に従ってください。

コラージュのテンプレートを検索しよう

Canvaに登録できたら、早速トップページを開いて、コラージュのテンプレートを探しましょう。

Canvaの検索バーをクリック

テンプレート等を検索するときは、トップページの検索バーが使えます。

「テンプレート」でコラージュを検索

掲載画面では、「テンプレート」を選んで「コラージュ」を入力し、Enterを押しています。現在の画面でも、テンプレートを検索する項目から探してください。

掲載画面の「プロジェクト」は、自分が今まで作ったデザインの中を検索する項目です。公開テンプレートを探すときは、現在の画面でも検索対象を確認してください。

左のメニューでテンプレートの絞り込みができる

掲載画面では、多数のコラージュテンプレートを左のメニューで絞り込んでいます。以下のカテゴリー・カラー・スタイルの配置や名称は旧画面のものです。

インスタ投稿用にする

掲載画面では、カテゴリーの「Instagramの投稿(正方形)」にチェックを入れています。他のカテゴリーは「さらに表示」から選べました。

色味でテンプレートの絞り込みができる

掲載画面では、カラーをクリックしてデザインの色味を絞り込んでいます。

色を自分で選択することも可能

掲載画面では、このプラスマークから細かく色を指定できました。

ポインタを動かして使いたい色に調節する

掲載画面では、2箇所の丸をドラッグして色味を調整し、「適用」をクリックしています。

コラージュではないテンプレートも混ざる

パステルの水色で絞り込みました。ちょっとコラージュ以外のテンプレートが混ざりますね。これを排除したほうが、コラージュのテンプレートを探しやすいですよね。

さらに「コラージュ」で絞ってインスタ投稿画像サイズのコラージュテンプレートにする

掲載画面では、「スタイル」の中の「コラージュ」でさらに絞り込んでいます。

あとはスクロールして、気に入ったコラージュテンプレートを探すだけです。

王冠マークは有料プランでのみ使用可能

掲載画面の王冠マークはProコンテンツを示します。無料プランでは追加料金や有料プランが必要になる場合があるため、利用画面の条件を確認してください。

有料プラン「Canva Pro」では、プレミアムのテンプレートや素材ライブラリを利用できます。素材ごとの利用条件は確認してください。もし興味があれば、こちらの記事で機能について詳しく解説しているので見てみてくださいね。

下のボタンから、Canva Proの無料お試しの利用条件を確認できます。興味があればチェックしてみてください。

「お気に入り」保存を活用しよう

Canvaはテンプレートの数が膨大すぎて、一度見かけたテンプレートを再度発見するのが難しいことがあります。

そのため、少しでも「いいな」と思ったものはとりあえずお気に入り保存するのがおすすめです。

気に入ったコラージュのテンプレートがあればお気に入り保存する

掲載画面では、テンプレートにマウスポインターをのせて「☆」をクリックし、保存しています。現在の画面でスターを付ける項目を確認してください。

お気に入り保存したコラージュテンプレートはトップページからアクセス可能

掲載画面では、「ホーム」→「プロジェクト」→「スター付き」から保存したものを開いています。現在の公式案内では「Your starred」に保存したアイテムが表示されます。日本語の表示名や配置は利用画面を確認してください。

お気に入り保存したコラージュテンプレート

掲載画面では、このように「スター付き」のフォルダ内に保存されていました。

コラージュのテンプレートが見つかったら…

使いたいコラージュテンプレートをクリック

使いたいコラージュのテンプレートが決まったら、テンプレートをクリックします。

Canvaの編集画面でフォトコラージュを編集できる

すると、Canvaの編集画面でコラージュのテンプレートが開きます。ここから簡単に編集するだけで、簡単におしゃれなフォトコラージュを作れます。

3.インスタグラム用の正方形フォトコラージュの作り方

ここからは、旧画面でフォトコラージュを作った操作例を解説します。現在のボタン名や配置は利用画面を確認してください。

今回は例として、インスタ投稿用のフォトコラージュを作ってみたいと思います。ざっくりした手順は以下のとおりです。

  1. 使いたい写真をアップロードする

  2. 写真をテンプレート内で差し替える

  3. 写真の雰囲気を調節する

  4. 他の素材を好みにあわせて編集する

  5. 完成したコラージュをダウンロードする

では、実際にCanvaでフォトコラージュのテンプレートを開いて、一緒に編集してみましょう。

Canvaのフォトコラージュ作成例

こんな感じのフォトコラージュを作ります。もしあれば、写真を4枚用意しましょう(なくても素材を使用できるので大丈夫です)。

Canvaでコラージュのテンプレートを開く

Canvaのフォトコラージュのテンプレート

まずはこちらをクリックして開き、「テンプレートを使用」をクリックしましょう。

Canvaの編集画面でフォトコラージュを編集できる

Canvaの編集画面で、コラージュのテンプレートが開きました。

フォトコラージュ用の写真をアップロード

まずは、手持ちの写真をCanvaにアップロードします。

アップロードをクリックしてフォトコラージュ用の写真をアップ

編集画面左の「アップロード」をクリックします。

ドラッグアンドドロップでコラージュ用の写真をCanvaへアップロード

アップロードしたい写真を入れてあるパソコンのフォルダを開き、写真を選択したらドラッグしてCanvaの画面上にドロップします。(複数枚一気に可能)

写真をCanvaにアップロード中

バーが表示されればアップロード中、写真が表示されればアップロード完了です。

写真がない場合

コラージュを作る練習なので、手持ちの写真が特にない場合は、Canvaの素材を使いましょう。

Canva素材の写真を利用してもOK

掲載画面では、左の「写真」から写真素材を選んでいます。現在は[素材]などの検索から写真を探し、利用条件を確認してください。

写真を差し替える

写真をアップできたら、テンプレート内の写真と、コラージュにしたい写真を差し替えていきましょう。

フォトコラージュは写真フレームに写真をはめ込む形で作る

コラージュ部分は、写真フレームの素材に、写真が挿入してある状態です。なので、既存の写真を削除して、新しい写真を挿入します。

既存の写真を削除

コラージュのフォトフレームにマウスをのせる

まず、フォトフレームの素材にマウスポインタをのせます。(フォトフレーム素材全体が青い線で囲まれた状態になる)

中の写真をクリック

そのうえで、中の写真をクリックしましょう。すると写真が青枠で囲まれ、選択された状態になります。

バックスペースで削除

その状態でバックスペースキー(deleteキー)を押し、写真を削除します。

コラージュテンプレートにあった写真を削除

他の3枚も同様にして、写真を削除します。

コラージュ用写真を挿入

掲載画面では、手持ちの写真は「アップロード」、Canvaの写真素材は「写真」から選んでいます。現在の素材の入口は表示に合わせて確認してください。

ドラッグアンドドロップで写真を挿入

使いたい写真をドラッグすると半透明になるので、写真フレームの上にのせ、スポッとハマって表示されるところまで移動したら、そのまま離すだけです。(ドラッグ&ドロップ)

普通にクリックするとデザイン上に写真が配置される

ちなみに使いたい写真をドラッグ&ドロップではなく「クリック」すると、デザインの真ん中にどーんと表示されます。そのときは、表示された写真を同じようにドラッグ&ドロップして、写真フレーム内に収めればOKです。

写真の切り抜き部分の調節

ダブルクリックして写真の切り抜き位置を調節

さて、写真フレームに挿入した写真は、ダブルクリックするとこのような画面になり、サイズ調節などができます。

四隅をドラッグしてサイズを調節

四隅の点をドラッグすれば、写真のサイズを変えることができます。

写真が大きくなると、写真フレームにうまく収まらなくなります。これを動かして調節します。

ドラッグして切り抜き位置を調節

写真フレームの枠が赤、写真そのものの枠が青です。青枠の写真の中で、赤枠のフレーム部分が切り取られて表示されます。なので、写真をドラッグしてうまく動かし、表示したい部分を赤枠におさめます。

おさまったら、Enterキーを押せばOKです。写真フレーム内に写真をうまく表示させましょう。

コラージュテンプレートに写真をすべて挿入した

すべての写真フレームに写真をおさめました。ただ、これだと元の写真の色味が強く、写真の雰囲気がテンプレートにあっていない気がします…

そこで、画像編集の機能を使って、写真の雰囲気をテンプレートに合わせる作業をしてみましょう。

写真の雰囲気を調節する

Canvaには画像編集の機能も備わっています。それを使って写真の雰囲気を変えましょう。

写真を画像編集する

現在は写真を選択して[編集]から画像編集を開きます。掲載画面では上部に「画像を編集」と表示されています。

明るさなどの調節

さらに表示で調節機能をすべて表示

明るさや彩度などは、画像の[編集]→[ツール]→[調整]で変更します。掲載画面では「すべて表示」から開いていますが、現在の配置は利用画面で確認してください。

丸を動かして調節

あとは、調節したいところの丸を左右に動かすだけです。

フィルターも便利

自分で彩度などを調節してもいいですが、ワンクリックで雰囲気を変えられる「フィルター」も便利です。

フィルターが便利

現在は画像編集の[フィルター]を開きます。掲載画面では「調整」の下にあり、「すべて表示」から一覧を開いています。

クリックしてコラージュ内の写真にフィルターをかける

あとはフィルターをクリックするだけで、写真にフィルターが適用されます。何度でも変更できるので、いろんなフィルターをクリックしてみましょう。

写真へのフィルターのかかり具合を調節

掲載画面では、同じフィルターを再度クリックするかEnterを押して、かかり具合を調整しています。現在はフィルターの強さの調整項目を確認してください。

コラージュ内の写真全部にフィルターをかけた

掲載画面では、他の3枚も同じフィルターで雰囲気を揃えました。現在は写真を選択して[編集]→[フィルター]から適用します。

もうこれで完成でもいいのですが、せっかくなのでもう少しだけコラージュのデザインを編集してみましょう。

背景を好みに合わせて編集する

Canvaでは、フォントを編集したり、イラストや図形などの素材の色を変更したりすることもできます。(イラストによっては不可)

コラージュの背景に使われている素材をいじってみましょう。

イラストや素材の色を変更

背景の四角の色を変更

まずは背景の四角の色を変更してみましょう。四角をクリックすると上にメニューが開くので、一番左のカラーをクリックします。

好きな色をクリックしてコラージュ背景の色を変える

すると左側に、カラーのメニューが開きます。ここの中から色をクリックするだけで、カラー変更できます。

イラスト素材の色も変更できる

ハートマークのイラストの色も変更できます。同じように、「イラストをクリック→上のカラーの四角をクリック→カラー一覧からクリックして選択」でOKです。

文字の種類や色を変更

Canvaはフォントの種類も豊富で、もちろん色も変更できます。

コラージュ上の文字も編集可能

変更したい文字をクリックすると、上にメニューが表示されます。ここからフォントの種類や色の変更、そのほかの編集ができます。

なお、文章の内容を変更するときは、文字の部分をダブルクリックすれば編集できます。

フォントの種類を選ぶ

文字の種類を変えたければ、上のメニューのフォントをクリックし、表示された中から選択します(検索も可能)。

クリックする都度、フォントが反映されるので、実際の表示がどうなるのか確認しながら選んでみましょう。

フォントの色も選べる

文字色の変更も簡単。上のメニューから、色付きのアンダーバーがついているアイコンをクリックし、開いたカラーメニューから好みの色をクリックするだけです。

以上、コラージュ画像の編集方法の解説でした。Canvaに慣れてくるといろんな操作が一瞬ででき、あっというまにオリジナルのコラージュ画像を作成できるようになりますよ。

完成したコラージュをダウンロード

コラージュが完成したら右上の「共有」からダウンロード

まず、右上の「共有」をクリックします。

ダウンロードをクリックしてコラージュをダウンロード

開いたメニューの「ダウンロード」をクリックします。(表示されていなければ、メニュー内で下にスクロールしましょう、画面が狭いと隠れてしまうことがあります)

形式を選択して「ダウンロード」をクリックしてコラージュを保存

あとは、ダウンロード形式などを選択して「ダウンロード」を押すだけです。インスタに普通に投稿するだけなら、形式やサイズはいじらずにそのままダウンロードでOKです。

これで、パソコン内のフォルダにコラージュ画像が保存されたはずです。

インスタに直接投稿も可能

InstagramのビジネスアカウントをCanvaと連携して投稿する方法もあります。アカウントの接続や投稿形式などの条件があるため、[共有]で現在利用できる選択肢を確認してください。

インスタのビジネスアカウントであればCanvaから直接投稿できる

掲載画面では、右上の「共有」から「Instagramビジネス」を開いています。現在の表示は利用画面を確認してください。

投稿先のアカウントは選択可能、予約投稿もできる

掲載画面では、キャプション(本文)や投稿先を指定しています。予約投稿はPro・Business・Education・Nonprofitなどの対象プランで利用できます。連携できるアカウントや投稿形式は現在の案内を確認してください。

現在はCanva公式でも、複数枚を使うカルーセル投稿の作成・共有が案内されています。ただし、Canvaから直接投稿・予約できる形式とは区別し、[共有]に表示される選択肢を確認してください。対応していなければ、画像をダウンロードしてInstagram側で投稿します。

おすすめテンプレート集

インスタ投稿用のコラージュのテンプレートの中から、おすすめを厳選しました。下のリンクから見られるので、ぜひ活用してみてくださいね。

あわせて読みたいインスタ用の可愛いコラージュ!Canvaのテンプレート集

コラージュ作成に役立ちそうな便利機能

Canvaには便利な画像編集機能がたくさんあります。その中でも、コラージュ作成のときに役立ちそうな機能を紹介します。

背景をぼかす「オートフォーカス」

コラージュに使う写真自体もおしゃれにしたい…そんなときは、「オートフォーカス」を使えばワンクリックで背景がボケていい感じに見えるようになります。

canvaの背景をぼかす加工

↑オートフォーカスを使えばこんなかんじに背景をぼかせます。

詳しい使い方などは下の記事で解説しています。

あわせて読みたい【Canva】「写真の背景をぼかす加工」におすすめなオートフォーカス機能とは?

一部をぼかす「ぼかし機能」

先程のオートフォーカスは背景すべてをぼかす機能ですが、「ぼかし機能」は任意の一部をぼかすことができます。

写り込んでしまった不要なものや、顔を隠したいときに便利です。

ぼかし加工の前後

↑少しわかりづらいですが、ネコの下の本の文章をぼかしてあります。

詳しい使い方などは下の記事をご覧ください。

あわせて読みたい【無料】写真の一部をぼかす加工ならCanvaがおすすめ

ガラッとデザインの配色を変更

掲載当時の作例では、「カラーパレット」で対応する背景素材や文字の色をまとめて変更しています。テンプレートの配色を変えたいときに便利な方法です。現在の操作は利用画面で確認してください。

Canvaのカラーパレットで配色を変更

↑掲載当時、左上のテンプレートをベースにカラーパレットをクリックして、配色の異なる作例を作りました。

詳しい使い方などは下の記事で解説しています。

あわせて読みたいCanvaの「カラーパレット」機能が超便利!デザイン配色を自動で決めるツール

写真に合わせた配色に変更

掲載当時は、写真のカラーをデザインの配色に適用する機能も使えました。コラージュの写真と背景の色味を揃えたいときの作例を紹介します。

まったく違うカラーの組み合わせになった

↑掲載当時の作例では、ピンクが主な写真の色を使い、グレーベースのテンプレートをクリックしてピンクベースへ変更しました。現在の操作や適用結果は利用画面で確認してください。

掲載当時は、デザイン上の複数枚の写真から1枚を選んで配色を適用していました。

詳しい使い方やちょっとしたコツは、下の記事で解説しています。

あわせて読みたい写真にあわせてデザインの配色を自動で選択!Canvaの便利機能

まとめ

Canvaを使えば、おしゃれで可愛いコラージュがさくっと作れます!

コラージュ画像の作成だけでなく、他にもたくさんの便利な機能があるので、ぜひ使ってみてくださいね。