メインコンテンツへスキップ
見出し画像

Canvaで簡単サムネイル!登録~基本の使い方・デザインまで、全部まるっと教えちゃいます!【初心者講座】

    こんにちは、Re:人生(リライフ)です😊

    noteで記事を書いている方なら、
    Canvaで、サムネイルや
    記事内の画像をつくっている

    という方、多いと思います🤭


    私は、Canva初心者🔰さん向けの
    記事を書いてましたが、
    Canvaの説明や登録の部分書いてない!
    と気づきました💦


    なので、この記事では、

    画像
    遅くなってごめんね!

    基本を確認して、学びながら、
    こんなサムネイルを作ってみましょう!

    今回は、キャラクター大きめのデザインです。

    画像
    どんぐり、くれる?


    リライフのAI×Canva講座 の記事は、
    この無料マガジンに追加していきます!

    気になる方は、フォローしてね😊


    長いので、目次からお好きな所に
    びゅーんと、とんでください!

    迷ったら、サムネイル完成!
    にとんでみて😁


    Canvaってなに?

    画像

    素敵な素材やテンプレートが、
    たくさんあるので、

    「画像イチから作るの無理…🥹」
    っていう方にも、とってもおすすめです!

    • 白紙から、デザインを作る

    • デザイナーさんが作ったテンプレートをつかう

    • テンプレートをみて、デザインを学ぶ

    などいろいろ使えます。


    しかも、無料で!!
    結構いろんなことができる!


    これが、
    画像作るの初心者🔰さんにも、
    ちょっと試してみたいって方にも
    おすすめな所です😆


    画像

    noteのサムネイルや記事内画像を作るなら
    断然PC💻をおすすめします!

    理由は、
    画面が広くて、操作しやすいからです!


    特に、私は、記事を書きながら
    記事内の画像を作っているので、

    「ガシガシ画像作りたい!」って方は、
    PCからをおすすめ
    します😊


    まず触ってみたい!という方は
    スマホで気軽に試せるのはいいですよね!


    Canvaの登録方法

    Canva のWedサイトへ!

    「登録して今すぐ始める」をクリック

    画像

    Googleアカウントなどでも登録できます。
    今回は、メールアドレスで続行!

    画像

    メールアドレスを入れて、

    画像

    希望するアカウント名を入力!

    画像

    メールアドレスに、コードが送られてくるので、
    この6桁の数字をいれて、登録

    画像

    利用目的を聞かれるので、「個人」を選択
    あとで、設定で変更できます。

    画像

    Canvaプロのトライアルに誘われますが、
    使ってみてからトライアルすればいいので、
    スキップ!
    (あとで出てくるので大丈夫です!)

    画像

    「Canvaから、役立つ情報送りますよ~」
    っていうメッセージの設定をします。

    早く登録完了させたいので、
    「今はしない」をクリック

    画像

    これで、登録完了です!
    これが、ホーム画面です。
    (ログインしたときに出てくる画面)
    右上に、トライアルのお誘い出てます🤭

    画像
    おつかれさま!

    Canvaの使い方

    1️⃣ ホーム画面の説明

    ホーム画面左のアイコンは、こんな感じ。
    「設定」は、アカウントのところから
    できます。

    画像

    検索ボックスで、検索するか
    下に出ているアイコンをクリックで
    選んでもOKです!

    画像

    今回は、「note」と入れて
    検索してみます!

    テンプレートがいろいろ出てきますが、
    王冠マーク👑は、有料素材なので、
    無料の方は、マークなしのものを
    選んでくださいね!

    画像

    2️⃣ テンプレートを使う

    では、テンプレートをつかって、
    サムネイル
    を作ってみましょう!

    今回は、一番最初に出てきたのを
    選んでみます。
    「このテンプレートをカスタマイズ」

    気に入ったテンプレや素材は、
    スター⭐をつけておくと、
    「お気に入り」フォルダに入ります。

    画像

    これで、テンプレートを
    編集できるようになります。

    サイドバーにアイコンが
    いろいろ並んでいますが、
    よく使うものは、

    ・デザイン:テンプレを探す
    ・素材:素材を探す
    ・テキスト:テキストを追加
    ・アップロード:素材をアップする

    手書きできる「ツール」も使えますが、
    初めての方は、まずは、この4つを
    覚えておくといいと思います。

    画像

    💡画像数枚の時は必要ありませんが、
    たくさん作成したときには、
    表示の切替を使うと便利
    です。


    3️⃣ サムネイル表示切替

    【サムネイル表示なし】
    上の画像は、サムネ表示なしの状態。
    スクロールで、ページを移動

    【サムネイル表示あり】

    • ページの下にサムネイルが出る

    • スクロールでページを移動

    • サムネイルクリックで、移動もできる

    画像

    4️⃣ グリッドビュー(一覧表示)

    • 一覧表示になる

    • 枚数が多いときに、選択が簡単

    • ページの順番入れ替えが簡単

    画像

    では、テンプレートを編集しましょう!
    先に1枚ページを複製しておきます。

    画像

    「ページを追加」で、
    白紙ページも1枚追加
    しておきます。

    これは、やらなくてもいいんですが、
    素材をいくつかピックアップして
    おきたいときに、便利です。

    画像

    5️⃣ 画像を追加・アップロード

    ページに、画像を
    ドラッグ&ドロップして、アップロード!

    サイドバーから、追加でもOK!

    *ドラッグ:マウスで、クリックしたまま移動
    *ドロップ:マウスのクリックを離す

    画像

    「すでにアップしてある画像」を
    使いたいときは、クリックで選択

    画像

    🔶 画像のトリミング

    余白部分を切り落としたり、
    イラストの上半身だけにしたいなど、
    不要な部分をカットして整えたい場合は
    画像をトリミング
    します。

    トリミング:不要な部分を切り落として整える

    画像

    6️⃣ 素材を検索する

    サイドバーの「素材」をクリックして検索

    日本語だけじゃなくて、
    英語でも検索してみるのがおすすめ!

    画像

    好きな素材をクリックすると、
    おすすめの素材も出てきます!

    画像

    素材置き場に、いくつかピックアップしてみました!

    ここで、色や大きさを変えて、

    Ctrl+Cで、コピー
    サムネイルページを選んで、
    Ctrl+Vで、貼り付け

    するのが、おすすめです😊

    画像

    🔶 拡大・縮小・回転

    素材を拡大・縮小・回転させたいときは、
    クリックして四隅の丸や回転マークを
    動かして、大きさや傾きを調整します。

    画像

    🔶 色の変更

    色を変える方法は、いくつかあります。
    3つ紹介するので、
    好きな方法で、試してみてください😊

    上の「カラー」から、変えたい色を選んで、
    (この場合は、赤をクリック)

    「文書で使用中のカラー」から選ぶ

    画像

    「新しいカラーを追加」から、
    好きな色を選ぶ

    画像

    スポイトを押して、マウスを動かす。
    画像から、とりたい色を選ぶ

    画像

    7️⃣ テキストを追加

    テンプレートには、すでにテキストが
    入っていますね

    Noto Sans JP
    サイズ: 60.7

    好きな文字を入れて、
    テキストボックスを複製
    3つに増やします。

    画像

    Shiftを押しながら、複数選択して、
    上のフォントから、

    けいふぉんと
    サイズ:80

    画像

    すきをカタカナにして、

    サイズ:120
    カラー:レッド #d44030

    画像
    秋っぽく!

    これで文字の変更はOK!


    素材を好きに並べていたら、
    キャラの背景が白いので、

    文字に重なって、
    文字が見えなくなりました🥹

    🔶 背景の色を変更

    背景を選択して、
    背景色 → 新しいカラーを追加

    スポイトを選んで、画像の背景色を取ります。

    今回は、ホワイト #ffffff

    画像

    白になりました!
    文字が隠れているので、
    文字を上の位置に持ってきます。

    キャラ画像を選択して、配置から
    レイヤータブを選択

    画像

    最初は、左のように、
    キャラの位置が、文字の上にあります。

    キャラを一番下の
    背景の手前まで下げます!

    画像

    これで、文字が見えるようになりました😆


    8️⃣ 枠をつける

    次は、背景の上に「枠」をつけましょう!
    疲れた人は、枠なくても大丈夫😊

    素材 → 四角と検索して、
    図形の四角を選択!

    四角をページいっぱいに広げて、
    ストロークスタイル(線が3本)を選択

    画像

    ストローク:直線
    太さ:20
    ストロークの色:グリーン #3a8d39

    画像

    外枠は、緑になったので、
    内側の色を透明(カラーなし)にして、
    外枠の線だけ
    を作ります!

    内側の色:カラーなし

    画像

    上にある「配置」
    なければ、…で詳細表示

    レイヤータブから、枠の位置を
    キャラの上に移動
    します

    画像

    これで、背景白・キャラは枠の下に、
    紅葉は枠の外に飛び出しているような
    サムネイルになりました!

    画像
    おつかれさま!

    元のテンプレートの背景色で、
    キャラクターの背景は、
    透過
    している画像をつかうと

    こんな感じになります😊
    サムネなら、白の方が目立ちそう!

    画像

    最後に、ダウンロードしましょう!

    8️⃣ ダウンロード

    ダウンロードしたいページを選択
    右上の共有ボタンから、
    下のダウンロードを選択

    画像

    ファイルの種類:PNG(またはJPG)
    ページを選択:現在のページ

    ⚠️ 今回は、背景ありですが、
    背景透過の画像は、必ず、
    PNGでダウンロード
    してください!
    (JPGは、透過されません)

    画像

    おつかれさまでした👏✨
    サムネイルが完成しましたね😊


    サムネイル完成!

    背景の色やアイテム・文字をかえて
    いくつか作ってみました🤭

    みなさんは、どれが好きですか?

    画像
    白背景
    画像
    テンプレの背景色
    画像
    みんな何らーめんすき?
    画像
    おだんごは、みたらし!
    画像
    キライって、顔じゃない🤣

    こんな感じで、基本の配置は
    ほぼ変わっていませんが、

    背景・枠・アイテムをかえるだけで、
    結構印象もかわります
    よね😆


    「テンプレ、どこ行った?」
    って感じはしますが🤣

    テンプレには、文字やイラストが
    入ってるから、白紙から
    追加していくより楽
    なんです。


    みなさんも、
    お気に入りのテンプレを探したり、
    自分のアイコンイラストをいれて、

    いろいろ編集してみて、
    楽しくサムネイルを作ってみてくださいね!


    🔰 ChatGPTで、画像生成して
    Canvaでサムネつくりたい!という方は、
    こちらで、作り方やYAMLを作る
    プロンプトを配布しています😊


    画像

    りっすんばっかり登場して、最近ころんは不機嫌です🤭

    どんぐり🌰ラーメン🍜おだんご🍡辛いの🌶️
    どのサムネが、好きでしたか?

    ぜひぜひ!
    コメント💬で、教えてくださいね😆

    明日は、Toyさんとコラボ企画の
    楽しいお知らせ
    があるよ~🥳

    画像
    画像


     
     
    “ちょっと先に転んだ先輩🤦”たちが、「こうやって乗り越えたよ」そんな体験を、あなたにこっそり届けます。専門家の正論じゃなく、「等身大の悩み」と「明日につながるヒント」を。 人生、何回やり直してもいいじゃない! 転んでも大丈夫、ここからまた歩き出せる🏃💨 📖 2025.07.19

    あなたへのおすすめ