hsaHSALEARNING CAMPUS← 画像編集の教材一覧03 / 10
画像編集 / LESSON 03

Canvaの画面の見方と基本操作

読む目安 6分 · 実践目安 20分 · 文章+ワークシート

TODAY’S GOAL

選択・移動・サイズ変更・重なりを使い、見出しと写真の基本配置を作ります。

01 理解する02 試してみる03 振り返る

基本を理解する

登録できたら、いよいよCanvaを触っていきます。最初は画面にボタンがたくさんあって戸惑うかもしれませんが、よく使う場所は限られています。ここで基本の地図を頭に入れておきましょう。

この教材を読み終えると、次のことができるようになります。

  • デザインの新規作成を、自分で始められる
  • 編集画面の「どこに何があるか」が分かる
  • 間違えても元に戻せるので、こわがらず触れる

まず「デザインを作成」から始める

ログインすると、トップページに「デザインを作成」というボタンがあります。ここから、作りたいサイズ(Instagram投稿、バナー、A4など)を選んで編集画面に入ります。サイズは後から変えられるので、近いものを選べばOKです。何を作るか決まっていなければ、まず「Instagram投稿」を選んでみましょう。

編集画面の主要な場所

編集画面には、大きく分けて次の場所があります。まずはこの3つを覚えましょう。

  • 左メニュー:テンプレート・素材・テキスト・写真を追加する場所
  • 中央:実際にデザインを作る作業スペース
  • 上部:ダウンロードや共有のボタン

要素は「クリックして選ぶ」が基本

Canvaの操作は、パソコンの基本と同じ「選んでから動かす」です。文字や写真をクリックすると、それが選ばれて、周りに枠が出ます。その状態で、ドラッグして動かす・四隅を引っぱって大きさを変える・上部のメニューで色を変える、といった操作ができます。「まず選ぶ→次に操作」の順番を意識しましょう。

触って戻せば怖くない

操作を間違えても、基礎コースで習った「Ctrl + Z(ひとつ前に戻す)」で元に戻せます。だから、こわがらずどんどん触ってみましょう。要素をクリックして動かす、大きさを変える——この感覚を、まずは体で覚えるのが一番です。

よくあるつまずきと対処法

  • ボタンが多すぎて混乱する → 全部覚える必要はありません。左メニューの「テンプレート」「素材」「テキスト」の3つだけまず押さえればOKです
  • 間違えて消してしまった → Ctrl + Z(Macは⌘+Z)で戻せます。何度でも戻せるので安心して触りましょう
  • 選んだつもりが動かせない → まず対象を1回クリックして枠を出してから操作します。枠が出ていれば選択できています
やってみよう新しいデザインを開いて、左メニューの「テキスト」から文字を1つ追加してみましょう。追加した文字を動かす・大きくする・色を変える——この3つを試すだけで、基本操作が体に入ります。
POINT最初は「何を押せばいいか分からない」で当然です。左メニューのボタンを片っ端から押して、何が出るか試してみましょう。それが一番の近道です。

編集対象を見分ける

画面には、ページ全体、テキストボックス、写真、図形などの単位があります。クリックしたときの枠がどこを囲むかを見れば、今何を編集しているか分かります。文字を打ち替えたいのに箱全体を選んでいる場合は、文字の編集状態へ入り直します。

位置を変える操作と大きさを変える操作は別です。まず真ん中をドラッグして移動し、次に角のハンドルで大きさを調整します。いくつも一緒に動く場合はグループになっていないか、動かせない場合はロックされていないかを確認しましょう。

重なり順と整列を使う

文字が見えなくなったときは、削除されたのではなく写真の後ろへ隠れた可能性があります。位置やレイヤーに相当する機能で重なり順を確認します。背景、写真、文字の順で置くと、どの要素が前にあるべきか整理しやすくなります。

要素の位置を目分量だけで合わせず、ガイドや整列機能を使います。複数の文字の左端を揃えるだけでも、読者は上から順に読みやすくなります。最初から細かい機能を覚えるより、選ぶ・動かす・揃える・戻すの4つを繰り返してください。

手を動かす:実践の手順

  1. 01
    空白ページに長方形、短い見出し、写真または図形を1つずつ置く。
  2. 02
    各要素を選び、移動と角からのサイズ変更を試す。
  3. 03
    写真を文字の前後へ動かし、重なり順で見え方が変わることを確認する。
  4. 04
    見出しと補足文の左端を揃え、変更を一度戻してからやり直す。
WORKED EXAMPLE

具体例で確かめる

【修正例】見出しの下の説明が少し右へずれている場合は、説明だけを何度も微調整するより、見出しと説明を両方選んで左揃えにします。ページ全体が動くなら、対象の選択を解除し、動かしたい文字の枠を選び直します。

コピーして使えるワークシート

自分の条件に置き換えて使ってください。入力内容は、下の学習メモにも残せます。

記入用テンプレート
選択している要素:
変えたいもの:位置/大きさ/文字/重なり
使った機能:
変更前後の違い:
戻す方法:
YOUR PRACTICE

この章の実践課題

図形を背景に、見出しと補足文を配置した1ページを作ります。文字が後ろへ隠れた状態から、自分で前面に戻してください。操作を間違えても、練習ページで試せば大丈夫です。

できたことを確認する

チェックはこのブラウザに保存されます。すべてにチェックしなくても、教材は自由に読み進められます。

理解度チェック

文字が突然見えなくなりました。削除以外に考えられる原因は?

答えと解説を確認する

他の要素の後ろに隠れた、背景と同じ色になった、ページ外へ移動した可能性があります。選択と重なり順を確認します。

学習メモ

このブラウザに自動保存します

端末間では同期されません。共有端末ではご注意ください。パスワード、認証コード、お客様の個人情報は記入しないでください。

公式情報・確認先

操作画面・料金・利用条件は変わることがあります。利用時点の公式案内を確認してください。

教材改訂:2026年9月14日。具体例の数値や案件は、特記のない限り練習用です。

読み終えたら記録しましょう。あとで解除できます。

コースの教材一覧へ戻る