本テンプレートサービスではCanvaを使ってテンプレートを用意しているので、まだCanvaを使ったことない方はこちらに記事を一度熟知してからテンプレートを使うことをおすすめします。
それではCanvaはどんなツールなのかについて簡単に説明します。
Canvaは、オンラインで使える無料のグラフィックデザインツールです。
ドラッグ＆ドロップの簡単操作で誰でも簡単にあらゆるデザインを作成できます。パソコンはもちろん、スマートフォンやタブレットでも使えます。
また、基本的に自動保存なので、インターネットができる環境であれば特に保存する必要もありません。
1.TOP画面の見方
まずcanvaにアクセスして、編集画面を開いてみましょう。
https://www.canva.com/
編集画面を開くためには、デザインページを作成する必要があるので 1「デザインを作成」をクリックします。
ここではリッチメッセージ正方形サイズで作成します。
2「カスタムサイズ」をクリック→ 3「幅1040×高さ1040」と入力→「新しいデザインを作成」をクリックします。
※ご利用にはcanvaにログインする必要があります。まだアカウントを開設してない方はこちらを参考にして、アカウント開設を済ましてください。
https://youtu.be/d-KiZ0cbFZ8?si=eFg-wD_wH7DPMnwD
2.編集画面の見方
1 テンプレートタイトル
テンプレートの名前を設定します。
あとあと探しやすいようにわかりやすい名前にしましょう！
2 素材
Canvaで提供している図形、イラスト、写真、動画が表示されます。
例えば、猫のイラストを探す場合 検索バーで「猫」と検索→「グラフィックのすべて表示」をクリック
3 テキスト
「テキスト」をクリック→「見出しを追加」「小見出しを追加」「本文を追加」のいずれかをクリック
4 アップロード
自分のパソコンにある写真や動画などをアップロードできます。
ドラッグ&ドロップで簡単にアップロードできます。
5 プロジェクト
作成したデザインやフォルダーの確認ができます。
6 アプリ
Canvaと連携している便利なアプリが使えます。
写真、QRコード作成、画像の解像度向上、AI画像生成などさまざまな便利なアプリが揃っています。
7 ァイル
| 新しいデザインを作成 |
|
|---|---|
| コピーを作成 |
|
| 表示の設定 |
|
| フォルダーに移動 |
|
8 やり直し
直前にした操作を戻すことができます。
ショートカット：Ctrl(mac:command)+Z
9 ページ
実際にデザインをする作業領域です。
リッチメッセージ、カードタイプ、リッチメニューなどはサイズによってページのサイズが違うので、メッセージタイプに合うページで作業するようにしましょう。
10 ページのズーム
ページでデザインの作業をする際に、ページを拡大・縮小することができます。
11 共有
「共有」→「ダウンロード」でデザインのダウンロードができます。
3.文字を編集してみよう
canvaの基本的な操作方法の一つ！文字を編集する方法についてご紹介します。 🤘
3-1
文字をページ挿入
サイドバーの1「テキスト」をクリック→2「見出しを追加」「小見出しを追加」「本文を追加」のいずれかをクリック
-
半角になってる状態で英字「T」を押すと、自動でテキストが挿入できます。
わざわざクリックしなくてもいいのでショートカットをおすすめします！
3-2
文字を編集
文字をクリックして、ダブルクリックすると文字を編集できます。
3-3
文字のサイズ変更
マウスを1「端の白い丸」に近づけると、2紫に変わるので、その状態で3ドラックして拡大・縮小します。
または上部の「-」「＋」をクリックして細かくサイズ調整することもできます。
3-4
文字の色変更
文字をクリックして、上部1「テキスト色」をクリックします。
2サイドバーに現在選択している文字の色が選択されているので、これをクリックします。
3カラーパレットから直感的に選択することができます。
カラーパレットの4「スポイトアイコン」をクリックすると、デザインから色を抽出できます。
-
「写真の色」はテンプレートに配置している 写真の色が自動的に抽出」されて表示されます。
ここから色を選択すると写真の色味に合わせた色が設定できるのでおすすめです！
3-5
フォントの変更
上部1「現在のフォント名」をクリックすると、2フォント一覧が表示されます。
この中からお好みのフォントを選んでください。
-
王冠マークがついてるフォントは有料版(Canva Pro)で利用できるので、無料バージョンを使ってる場合は王冠マークのついてないフォントを選んでください。
4.写真を変更＆加工してみよう
写真のトリミング、拡大・縮小・写真の加工が簡単にできます！ 🤘
4-1
写真の配置(canvaの素材)
サイドバーから1「素材」をクリックします。
検索バーで2「ファッション」と検索→3「写真のすべて表示」をクリック
→4検索結果で「ファッションの写真をクリック」するとページに写真が配置されます。
-
Canvaには有料(Canva Pro)の素材もあるので、無料の素材だけ使いたい場合は
「フィルタアイコン」をクリックして「無料」にチェックを入れておきましょう！
4-2
写真の配置(自分の写真)
自分のパソコンにある写真をアップロードする場合は、写真を直接ページにドラッグ&ドロップして配置できます。
4-3
写真のトリミング
写真の上下をトリミングしたい場合は、写真を選択すると
1上下左右に「横長の白いハンドル」が表示されます。
2マウスを近づけると紫に変わるので、その状態で上下または左右に動かして、写真をトリミングします。
4-4
写真のサイズ変更
写真のトリミングと同様に写真を選択すると
写真の「端に白丸のハンドル」が表示されます。
マウスを近づけると紫に変わるので、マウスを動かしてサイズを調整します。
4-5
写真の回転
写真を選択すると写真の下に「回転の矢印アイコン」が表示されます。
それをマウスで動かすと写真を回転できます。
4-6
写真の明るさ・色味の加工
1写真を選択して、上部の2「写真を編集」をクリックします。
3「調整」パネルで4色温度・色合い・明るさ・コントラストなどを変更できます。
元の画像に戻したい場合は、下部の5「調整をリセット」で戻すことができます。
4-7
写真にフレームをつける
写真を選択して、1上部「羅線スタイル」をクリックします。
2「線」→「羅線の太さ」の数値を上げると写真にフレームをつけることができます。
線の色は3で変更できます。
Canvaにはさまざまな種類の形のフレームがあって、フレームを使うことで簡単に画像を切り抜くことが可能です。
サイドバーの1「素材」で下に少しスクロールして2「フレームのすべて表示」をクリックすると、 いろんな形のフレームが揃っています。
3デバイスの「スマホ」を選択して、ページに挿入します。
任意の写真を検索して、4ドラッグ&ドロップでスマホ画面の中に入れます。
そうするとスマホの画面の中に写真が入りました！
位置を調整する場合は、5ダブルクリックすると編集モードになるので
写真を調整したい位置に移動します。調整ができたら、画面のどこでもいいのでクリックします。
-
フレームから写真を取り出したい場合は、「右クリック」→「画像を切り取る」をクリックすると簡単に切り取ることができます。
他の写真に差し替えたい場合は、わざわざ画像を切り取ることなく、元の写真が入っている状態で、別の写真をドラッグ＆ドロップすると上書きとして差し変わります。
5. 図形の編集方法
canvaでは、丸、四角、星、線などいろんな図形が揃っています。 🤘
5-1
図形を配置
1「素材」→2「図形のすべて表示」をクリックします。
3図形(ここでは正方形)をクリックするとページに配置されます。
図形をクリックすると文字を入力できます。
5-2
図形の色変更
図形をクリックして、上部1「カラー」をクリックします。
サイドバーに表示される色をクリックすると図形の色が変更できます。
2「グラデーション」をクリックするとグラデーションの図形にすることもできます。
グラデーション色の変更は3「新しいカラーを追加」クリックすると現在選択しているグラデーション色に変わります。
4このグラデーション色をクリックして5グラデーションカラーを好みの色に変更します。
5-3
線のスタイル変更
1「素材」→2「図形のすべて表示」→3「ライン」を選択します。
上部「線のスタイル」から4線の種類、線の丸み、線の太さが設定できます。
6. 素材の編集方法
canvaでは、グラフィック(イラスト)や写真、動画などの素材もたくさん揃っています。🤘
6-1
グラフィック(イラスト)素材を配置
サイドバーから1「素材」をクリックします。
2検索バーで「花」と検索→3「グラフィックのすべて表示」をクリック
4検索結果で「花のイラストをクリック」するとページにイラストが配置されます。
-
Canvaには有料(Canva Pro)の素材もあるので、無料の素材だけ使いたい場合は
「フィルタアイコン」をクリックして「無料」にチェックを入れておきましょう！
6-2
グラフィック(イラスト)の色の変更
花のイラストを選択して、上部「カラー」をクリックします。
ここでは花に２色が使われているので、２色とも変更します。
1１つ目のカラーを選択して、サイドバーからお好みの色に変更します。
2２つ目も同様に２つ目のカラーを選択して、サイドバーからお好みの色に変更します。
