記事内に商品プロモーションが含まれる場合があります
超初心者さん向けに、Canvaに用意されているテンプレートを編集してデザインを作成する方法を解説します。
イチからデザインするのではなく、テンプレートの中身を差し替えていくので、より初心者さん向けです。
いっしょに一度作ってみることで、Canvaの操作に慣れることができますよ。今回はYoutubeのサムネイル画像（アイキャッチ画像）を作ってみます。
＼練習テンプレはこちら／
一緒にやってみる
＼お得にお試し／
CanvaProを無料で45日間試す1.はじめに
まずはCanvaに無料で登録する必要があります。簡単なので、未登録の場合はこちらから無料登録しましょう。
やり方に不安があれば、下のリンクで詳しい登録方法を解説したので見てみてくださいね。
今回は、「Canvaに用意されているテンプレートを編集して、Vlog用のYoutubeサムネイル（アイキャッチ）画像をつくる」をやってみます。
このテンプレートを……
編集してこのようにします！
なお、Canvaではデータは自動で保存されるので、「保存」のボタンを押す必要はない です。作業を中断する場合は、画面をそのままにしておくか、左上の「ホーム」を押してホーム画面へ戻りましょう。
2.Canvaで編集するテンプレートを探そう
今回は「VlogのYoutubeサムネイル画像」を作るので、ベースになるサムネイル用のテンプレートを検索します。
まずはCanvaを開いて、ホーム画面の状態にしましょう。
検索欄があります。上のタブを「テンプレート」にしてから、「Youtubeサムネイル」と入力して、検索します。
たくさん出てくるので、下にスクロールして探してみましょう。
とはいえ、あまりにもテンプレート数が多くて探すのが大変だと思うので、「スタイル」で絞り込みしましょう。
検索バーの下の「スタイル」をクリックして開き、「Vlog」をクリックします。
するとVlog系のテンプレートが表示されます。気に入ったテンプレートが見つかったら、クリックします。
「このテンプレートをカスタマイズ」をクリックします。
これで、Canvaの編集画面でテンプレートを開くことができました。
同じテンプレートが見つからなければ、こちらからテンプレートを開いてください。
※自分でデザインを作るとき、検索時に気に入ったものがなければ「ブログ」「アイキャッチ画像」など、英語も日本語も含めていろいろな語句で検索してみましょう。
3.Canvaのテンプレート編集で使う画像・素材を用意しよう
続いて、テンプレートを編集していく前に、使用する画像や素材を用意していきましょう。
Canvaでは、Canva内に用意された画像や素材を使うこともできますが、自分で用意したものをアップロードして使用することもできます。
まずは画像をアップロードする練習をしてみましょう。
画像をアップロードする方法
後ほど、見本で使っている画像を使う方法を解説しますが、とりあえずの基本として「画像をアップロードして使う方法」を解説します。
適当な画像をなにか用意して、アップロードの練習をしてみましょう。
画像をアップロードするにはまず、左メニューの「アップロード」→「ファイルをアップロード」をクリックします。
パソコンのフォルダが開くので、アップロードしたい画像を選択して、「開く」をクリックします。
これで、Canva内に画像がアップロードされました。
アップロードの方法は他にもあり、パソコンのフォルダを開いて、Canva上にドラッグ＆ドロップするだけでもOKです。
画像をデザイン上で使いたいときは、画像をクリックするだけで、デザイン上にのせることができます。
これで、Canvaに画像をアップロードする方法はOKです。
今回は素材をコピペして使用
今回の練習はぜひ一緒に操作してほしいので、見本のデザインを作るための素材をコピペして使ってください。やり方を説明しますね。
編集したいテンプレートをひとつめのタブに開いておき…
見本・素材のデザインを２つめのタブで開いた状態にしましょう。
見本・素材のデザインを下にスクロールすると、素材置場のページがあります。
この素材を①すべて選択してコピーして、②テンプレートに新しいページを追加し、③その新しいページに素材を貼り付けます。順にやってみましょう。
まず、全体をドラッグして覆い、全素材が選択された状態にしたいので、左上から右下にかけてドラッグします。
このように、全体を薄紫色の枠でカバーしましょう。
マウスを離すと、全素材が選択された状態になります。そのままキーボードで[Ctrl]+[C](Macなら[command]+[C])を押してコピーします。
ショートカットキーでコピーするのが難しければ、右クリック→開いたメニューで「コピー」をクリックしてコピーしてもOKです。
テンプレートのタブに戻って、デザイン下にある「ページを追加」をクリックします。
このように、２ページめが追加されます。背景の黄色が気になる場合は、クリックしてからバックスペースキーで削除できます。ここにコピーした素材を貼り付けます。
貼り付け方ですが、[Ctrl]+[V](Macなら[command]+[V])でOKです。素材置場をテンプレートのページにまるまる移動できます。
今回はこのような方法でやりましたが、「Canva内の他のデザインのパーツを今開いているデザインに取り込む方法」は他にも一応あります。（ややこしくなるので、ここでは解説を割愛します）
4.Canvaのテンプレート内の画像を差し替えよう
練習で使う素材は用意できたので、ここからは実際にCanvaを操作して、テンプレートを編集していきましょう。
画像を差し替える
最初に、ここの画像を差し替えたいと思います。
まずはこの画像を消したいので、クリックします。
Backspaceキーを押して、フレームに入っていた画像を消します。
ここの部分は画像が直接貼ってあるのではなく、写真をはめ込む「フレーム」という素材が置いてあり、その中に画像がはめ込んでありました。
なので、中の画像だけ消して、フレームが残った状態にしておきます。
他のフレーム内の写真も、同じように消しましょう。
続いて、用意しておいた画像をはめ込みます。
素材置き場から、カフェラテの画像をクリックしたまま移動させ、フレーム上に持っていきましょう。
フレームの上に重ねると、自動ではめ込まれるので、その状態でクリックを離します。
他の画像も同様に、移動させてはめ込みましょう。
画像の位置を調節する
続いて、画像の表示位置（切り抜き位置）を調節します。
画像をダブルクリックすると、このような画面になります。画像の角（右上の丸）をクリックしたまま動かすと…
このように、画像のサイズを大きくできます。（動かし方で大きくしたり、小さくしたりできます）
画像のどこでもいいので、クリックしたまま動かして離すと、切り抜く位置（表示する位置）を調節できます。
画像を水平に反転する
素材によっては、左右反転（あるいは上下反転）して使いたい時もあると思います。簡単なのでやってみしょう。
画像をクリックして上メニューの「反転」→「水平に反転」をクリックしましょう。これだけでOKです。
画像の明るさや色味を調節
画像そのままだと、明るさや色味が原因でテンプレートにしっくりこないことがあります。それを調節してみましょう。
画像をクリックして、上メニューの「編集」をクリックし、開いたメニューから「調整」をクリックしましょう。
表示されている項目ごとに、中央の丸を左右に動かせば調整できます。
自分でひとつずつ調節してもよいですが、フィルターを使うと、より簡単に色味を調節できます。
「編集」のメニューで下にスクロールして、「フィルター」の「すべて表示」をクリックします。
今回は「バリ」を使います。クリックするとフィルターが適用されます。
他の画像も同様に、「バリ」のフィルターを適用して色味を調節しましょう。
川の画像だけちょっと浮いている感じがするので、調整メニューで「ブラック」の項目を下げて、なじませてみました。
またテンプレートがほぼ完成した後でも、いくらでも調整できるので、とりあえずの状態でOKです。
5.テンプレート内のテキストを編集しよう
続いて、テンプレート内のテキストを編集してみましょう。
文字を変更・移動する
まず「ITALY」を１回クリックすると紫の枠が表示されます。テキストが「枠ごと選択される」イメージです。この状態であれば、クリックしたまま動かして場所の移動などができます。
テキストを編集するには、もう一度クリックします。そうすると文字を入力できるモードになるので、バックスペースキーで「ITALY」を消します。
代わりにキーボードで「KARUIZAWA」と入力しましょう。
テキストが長くて2行になってしまっているので、１行にします。右側のここをクリックしたまま、右側へ動かして枠を伸ばします。
テキストボックスが横に伸びて、テキストが1行に収まりました。
テキスト上のどこでもいいので、クリックしたまま動かして、中央に持ってきましょう。（ぴったり中央になると紫色の線が表示されます）
文字サイズを変更する
文字の大きさは、上メニューの左側にあるここで変更できます。70くらいにしてみましょう。
数値を直接入力することもできますし、マイナスやプラスをクリックしてサイズを変更することも可能です。
画像と同様に、テキストボックスの角の丸を動かすことでもサイズ調整できます。
ほかの部分のテキストも変更しておきましょう。
フォントを変更する
テキストの文章そのものだけでなく、フォント(文字の種類)を変更してみたいと思います。
「3泊4日の犬連れ旅行」をクリックし、上メニューの左端のフォント名をクリックして、メニューを開きます。
Canvaのフォント数はとても多いです。絞り込みを活用して、好みのフォントを探すこともできます。
検索横のこのマークから、フォントの言語で絞り込むことが可能です。「日本語」「英語」でそれぞれ探したいときに便利ですね。
今回は「ロダンマリア」というフォントを使ってみます。クリックすれば適用されます。 見つからない場合は、検索欄にキーワードを入力して探してみましょう。
行間などを調節する
フォントによっては、文字同士の間隔が変わってしまって間延びしてしまうので、それを調節しましょう。
上メニューの、Tに矢印マークがついているボタンをクリックします。文字間隔と行間隔をスライダーか数値で調節できるので、ちょうどいい具合に調節しましょう。
ちなみに、テキストボックス(枠)が無駄に広いときは、右端の縦棒をダブルクリックすると…
自動で余白がなくなります。覚えておくと便利です。
ちなみに、現時点では、Canvaではカーニング（一文字ずつ文字の間隔を調節すること）ができません。
テキストの色を変更する
今回のテンプレート編集ではしませんが、Canvaでは、テキストの色も簡単に変更できます。
上のメニューバーの「A」のボタンをクリックして、色変更のメニューを開きます。あとは好きな色をクリックするだけです。
＋マークをクリックすると、２つの丸を動かすことで、色を好きなように調節できます。
テキストのエフェクトを使う
画像を変更したことで色が暗くなり、ここの文字が少し見えづらくなっていますね。
Canvaでは、テキストを装飾する「エフェクト」という機能があります。これを使って、文字を見やすくしてみましょう。
上メニューから「エフェクト」をクリックし、「袋文字」を選択します。 囲む太さや色の調節も可能です。
囲む色の変更は、テキストそのものの色変更と同様に、クリックして選択したり自分で好きな色に調節したりできます。
囲む太さは、スライダーか数値で設定できます。
この袋文字（文字の縁取り）については、こちらの記事でくわしく解説しているので、よければまた見てみてくださいね。
さて、これで、テンプレート上のテキストの変更ができました。続いて、イラストなどの素材を編集していきましょう。
6.テンプレート内の素材を変更しよう
続いて、テンプレート内のイラスト素材を差し替えていきましょう。
まずはこの猫のイラストを消します。クリックして、キーボードのバックスペースキーを押せば消えます。
イラスト素材を検索する
猫の代わりに犬のイラストを使いたいので、検索します。（素材置場にもありますが、今回は「素材の検索」の練習をしてみましょう）
左メニューの「素材」をクリックして、検索欄に「犬」と入力し、決定(→)を押します。
イラストや写真など、いろいろ出てきてしまうので、絞り込むために「イラスト」をクリックしましょう。
たくさん素材が出てくるので、下にスクロールして好みの素材を探しましょう。クリックすれば、デザイン上にのせることができます。
なお、右下に王冠マークがついている素材は有料素材です。１つずつ買うこともできますが、月額約690円〜使える「Canva Pro」という有料プランがおすすめです。
イラストをいい感じに配置する
犬イラストを移動します。テキストと同様、クリックしたまま動かし、置きたい場所で離せばOKです。
検索で素材が見つからなかった場合は、素材置き場から持ってきても大丈夫です。
角の丸をクリックしたまま動かして、イラストのサイズを小さくしましょう。
いい感じに配置できました。
イラストを反転する
画像と同じように、イラスト素材も反転できます。
上メニューで「反転」をクリックし、「水平に反転」を選択すればOKです。
イラストの雰囲気をあわせる(スタイルのコピー)
犬のイラストの雰囲気を、右下の男性のイラストのようにしたいと思います。
まず、男性のイラストをクリック→右上の「スタイル」をクリックします。すると「スタイルをコピーしました」という表示が出ます。
続いて、犬のイラストにマウスを合わせるとカーソルがローラーに変わるので、その状態で犬イラストをクリックします。
男性のイラストの「塗りつぶしありの線画」のような雰囲気に、犬のイラストも変わりました。
もしこのようなエラーが出た場合は、一度Canvaを閉じてからもう一度操作すれば大丈夫です。
また、変更後のイラストが気に入らない場合は、同じように何回でもコピーできるので、気に入ったイラストになるまで繰り返しましょう。
イラスト素材を追加する
続いて、ここの犬の散歩イラストを追加したいと思います。
素材置き場にあるイラストを持ってきてもよいですが、よければ練習がてら素材検索もしてみましょう。
まずはこのパーツを一つずつクリックして消していきましょう。
左メニューの素材をクリックして、検索欄に「犬 散歩」と入力し、確定します。検索結果のイラストのところの「すべて見る」をクリックしましょう。
下にスクロールしていき、気に入ったイラスト素材をクリックし、デザインにのっけます。
フレームに飲み込まれないように素材を配置する
普通に写真の上にイラスト素材を配置しようとすると、フレーム内にイラストが飲み込まれてしまいますね。
もし飲み込まれてしまった場合は、フレーム上を右クリックして「画像を切り取る」を選択すれば、取り出せます。
解決方法はとても簡単で、キーボードの[Ctrl]キー(Macなら[command]キー)を押しながら移動させるだけです。
指を離すときは、先にクリックの指を離し、その後にキーボードの指を離すようにしましょう。
あとは先ほどやったように、男性のイラストのスタイルをコピーして、犬の散歩イラストに貼り付け、素材の雰囲気を統一しましょう。
ちなみに、スタイルのコピーはAIを使っているので出力結果が毎回変わります。ちょっとでも気に入ったものは、「新しくページを追加」してそこにコピペして保存しておくと安心です。
男性のイラストは不要なので消しましょう。クリックしてバックスペースキーでOKです。
これで中身はだいたいできましたね。最後に背景を変更していきましょう。
7.背景を変更しよう
最後に、テンプレートの背景を変更していきます。
まずデザインの背景をクリックして、上の色の丸をクリックすると、カラーパネルが開きます。
あとは好きな色を選ぶだけなのですが、カラーコードで色を指定することも可能です。（素材置場にある#から始まる数字列です）
プラスマークをクリックして、下のカラーコードのところにコードを貼り付けるだけです。
また、背景は単色だけでなく、グラデーションにすることも可能です。
まず「グラデーション」のタブをクリックします。
グラデーションの位置ごとに色を指定できます。（右のプラスマークでグラデーション数を増やすことも可能）
今回は左側が薄くなるようなグラデーションにしてみました。
なお、ここの「スタイル」から、グラデーションの方向を選ぶこともできます。
こんな感じで、Canvaのテンプレートを編集することができました。
8.Canvaで編集したテンプレートをダウンロード
デザインが完成したら、ダウンロードして自分のパソコンに画像として保存しましょう。
まず、右上の「共有」をクリックし、開いたメニューから「ダウンロード」をクリックします。
続いてファイルの種類を選びます。ふつうにサムネイル画像であれば、PNGのままでｓOKです。
「ページを選択」から、どのページをダウンロードするのか選べます。編集したテンプレートのみのダウンロードでよいので、「現在のページ」にチェックを入れて、「完了」をクリックします。
最後に、「ダウンロード」をクリックすればOKです。
Canvaならテンプレート編集して画像を作れる！
ここまで、お疲れ様でした！
この記事では「Canvaのテンプレートを編集してサムネイル画像を作る」という方法をやってみましたが、Canvaでは写真を直接編集したり、イチから自分でデザインを作成することも可能です。
ちなみに、Canvaは無料プランでも十分活用できますが、有料プランにするとデザインの幅がぐっと広がり、使える機能も一気に増えます。
下の記事に、サルワカの中の人が実際に有料プランを使っている感想が書いてあるので、よければみてみてください。
なお、下のボタンから有料プラン(Canva Pro)に登録すると、お試し無料期間が通常30日間のところ、45日間になるので、ぜひお試しください！
