職業訓練ユニット06|Canva基礎:Web素材制作の全体像(10時間)

CANVA Canva
CANVA

職業訓練のユニット6は Canva(Web素材制作演習)でした。
正直、私はこれまで「見よう見まね」でCanva(有料版)を使っていたのですが、今回あらためて基礎から順番に学べたことで、“Canvaで何ができるのか”が整理できてスッキリ
しました。

一方で、訓練で使っているCanvaの画面(バージョン)が現在の画面と少し違い、「どこ押すの!?」となる場面もありました。
そこでこの記事では、作業の全体像→最低限の手順→つまずきポイント→確認チェックの順にまとめます。
※授業動画が視聴できないので、動画タイトルを“チェックリスト”として使い、分からない箇所は公式ヘルプで学べる導線を用意します。


この記事でわかること(3つ)

  • Canvaでできること(画像/SNS/資料/動画)の 全体像

  • 初心者が最初に押さえるべき 基本設定と作業手順

  • 動画が見られなくても進めるための 「タイトル→公式ヘルプ」導線


学習内容の全体像(今回のゴール)

今回のゴールは、Canvaを「便利ツール」ではなく “再現できる道具”として使える状態にすることです。

具体的には、次の3点ができればOKです。

  • 目的に合うサイズで作る(SNS/ブログ/資料など)

  • 迷わず編集できる(整列・文字・画像・背景など)

  • 出力(書き出し)で失敗しない(PNG/JPG/PDF、透過など)


基本設定(最初にここだけ押さえる)

Canvaは機能が多いので、最初に“迷子防止”の基準を決めておくとラクになります。

1)用途(ゴール)を先に決める

  • ブログ用アイキャッチ/SNS投稿/YouTubeサムネ/資料 など

2)サイズを先に固定する

  • 後からサイズ変更もできますが、最初に決めると崩れにくいです
    (サイズ変更は「リサイズ」系機能で対応。CanvaではMagic Resize(リサイズ)として案内されています。 Canva+1

3)ブランド要素(色・フォント・ロゴ)をまとめる

  • ブランドキットは、ロゴ・色・フォント等を一括管理できる機能です。 Canva+1
    「毎回のデザイン迷子」を減らす効果が大きいので、最初に整える価値があります。


作業手順(私の手順メモ)

私が“迷わず作れる”ようにするための手順を固定しました。

手順1:テンプレートは「目的」で選ぶ

  • 例:YouTubeサムネ、Instagram投稿、プレゼン資料 など

手順2:配置の骨組みを先に作る

  • 写真(メイン)→見出し→補足→CTA(必要なら)
    順番を固定すると早いです。

手順3:写真・素材を入れて整える

  • サイズ調整、切り抜き、整列、反転、効果などを使い分け

手順4:文字を整える

  • フォント/太さ/行間/字間/影や縁取り(やりすぎ注意)

手順5:書き出しで失敗しない

  • 写真中心=JPG

  • 文字や図形が多い=PNG

  • ロゴ等で背景透過したい=PNG+透明背景(※一部プラン機能) Canva


つまずいた点と解決(原因→対処)

つまずき①:授業と画面が違って、場所が分からない

  • 原因:Canvaはアップデートが多く、UIが変わりやすい

  • 対処:機能名で探す(例:「背景削除」「透明背景」「ブランドキット」「リサイズ」)
    それでも分からない場合は、公式ヘルプで機能名検索が一番早いです。

つまずき②:背景透過(透明背景)ができない

  • 原因:書き出し設定/プラン条件で迷うことがある

  • 対処:公式手順どおりに確認

    • 透明背景でのダウンロード方法(PNG+Transparent background) Canva

つまずき③:背景リムーブ(背景削除)の場所が分からない

  • 対処:背景削除は公式の案内を参照して、同じ名前の機能を探す Canva


提出前チェックリスト(1分で確認)

  • 目的(どこで使う素材か)が先に決まっている

  • サイズが用途に合っている(投稿先の推奨サイズで作れている)

  • 文字の可読性(小さすぎない/背景に埋もれない)を確認した

  • 書き出し形式(PNG/JPG/PDF)を目的に合わせた

  • 背景透過が必要なら、PNGで透明背景ができている Canva

  • 次回再利用のために、テンプレ(複製)として残せている


学習のコツ(初心者向け)

1)“全部できる”を目指さず、よく使う3機能だけ固定する
  私の場合はこの3つでした。

  • サイズ変更(リサイズ/Magic Resize) Canva+1

  • 背景削除(Background Remover) Canva

  • ブランド要素の統一(Brand Kit) Canva+1

2)授業動画が見られないので「タイトル」をチェックリスト化する
タイトルを見て「どの作業か想像できる/できない」を判定し、できないものだけ公式で補います。


まとめ|次に読むおすすめ(前/次/関連)

ユニット6は、Canvaを「なんとなく使う」から 意図して使い分けるに切り替えられた回でした。
特にブランドキットは、世界観の統一だけでなく 迷う時間を減らす効果が大きいと実感しました。 Canva+1

・前:デザイン概論(ユニット5)

・次:Photoshop基礎(ユニット7)

・関連:SNS運用(ユニット4)

参考(外部リンクと授業動画タイトル)

公式ヘルプ(分からない時はここ)

  • 透明背景でダウンロード(PNG+透明背景) Canva

  • 背景削除(Background Remover) Canva

  • ブランドキット(Brand Kit) Canva+1

  • リサイズ(Magic Resize) Canva+1

<授業動画タイトル>
授業動画が視聴できないため、下の「授業動画タイトル一覧」は“チェックリスト”として活用しています。
タイトルから作業内容が想像できない場合は、同じキーワードで公式ヘルプを検索して補います。
Web素材制作演習
Canvaの基本概要
Canvaのアップデート情報について
01_canvaとは
02_canvaでできること
03_canvaの始め方
04_各プランの違い
有料と無料プランの違い
01_プレミアムテンプレート
02_プレミアムフォント
03_グラフィック素材
04_音声トラック
05_アニメーション
06_動画作成・編集
07_マジックリサイズ
08_背景リムーブ
09_ブランドキット
10_予約投稿
11_復元
12_無制限フォルダ
13_大容量保存
14_カスタムファイル
15_チームで共有
Canvaの基本機能
01_素材のグループ化
02_お気に入り機能
03_定規機能
04_画像挿入
05_Canvaプリント
画像・写真
01_サイズの変更・切り抜き
02_切り抜き
03_写真の整列
04_写真の反転
05_エフェクトの使い方
06_デッサン風のデザイン
07_過去素材の再利用
08_モザイク処理
09_アイキャッチ画像
10_リンク用ボタンの作成
【画像・写真】練習問題
テキスト
01_文字の編集
02_文字に影をつける
03_浮き出し
04_文字のくり抜き
05_文字カーブ
06_スプライス加工
07_影を二重につける
08_TikTok風文字加工
09_ネオン文字加工
10_文字背景
11_立体文字加工
【テキスト】練習問題
動画
01_サイズの変更・切り抜き
02_切り替え
03_分割
04_字幕
【動画】練習問題
SNS
01_ツイッター のヘッダー画像
02_動く投稿
03_YouTubeのサムネイル
04_YouTubeのオープニング動画
05_HPの作成
06_HPの設定
07_LPの作成
08_オリジナルロゴの作成
【SNS】練習問題
ビジネス・教育
01_テンプレート を選ぶ
02_スライドの編集
03_プレゼンタービュー
04_プレゼンを録画する
05_スライド の変換
06_ファイルのインポート
07_アニメーションをつける
08_PDFをめくる機能
09_インフォグラフィック
【ビジネス・教育】練習問題
Canvaの応用機能①
01_配色変更
02_素材に影をつける
03_フレーム の部分使用
04_白黒変更
05_カラー変更
06_背景グラデーション
07_透明感グラデーション
08_文字グラデーション
09_GIFアニメーション
10_QRコードの生成
11_Google マップの埋め込み
12_モックアップ(自動)
13_モックアップ(手動)
【Canvaの応用機能①】練習問題
Canvaの応用機能②
01_描画機能
02_ショートカットキー
03_表作成
04_カラー適用
05_カラーピッカー
06_画像補正
07_オリジナルキャラ作成
08_フリー素材サイトまとめ
【Canvaの応用機能②】練習問題
01_デザイン実践①
02_デザイン実践②
03_デザイン実践③
Canva練習問題①
Canva練習問題②
習得度確認テスト
Canva習得度確認テスト

コメント