職業訓練のユニット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つでした。
2)授業動画が見られないので「タイトル」をチェックリスト化する
タイトルを見て「どの作業か想像できる/できない」を判定し、できないものだけ公式で補います。
まとめ|次に読むおすすめ(前/次/関連)
ユニット6は、Canvaを「なんとなく使う」から 意図して使い分けるに切り替えられた回でした。
特にブランドキットは、世界観の統一だけでなく 迷う時間を減らす効果が大きいと実感しました。 Canva+1
・関連: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習得度確認テスト |


コメント