【実践10step】Canvaテンプレでnoteサムネを作ってみた|淡色×余白デザイン
サムネを作ってみようと思った話

私は結構面倒くさがりな性格をしているので、これまではいったんAI生成でnote記事のサムネイルを作成していました。
でも、ほかの人の記事を読んでいるなかで、
AI生成のサムネイルは埋もれてしまう
といった内容をみかけました。
あぁ、たしかに、みんな今時AI生成でサムネを作る人が多いよなぁ
なんて思って、実際noteのサムネに関する記事とかも見に行ったり、
自分のコンテンツジャンルと近しい文言で検索をかけてAI生成じゃないサムネを使用している人がどれくらいいるか、見に行ってみました。
検索結果は、
AI生成されたと思われるサムネがずら~~~~~~り!
まぁ想定内です。だって私もAI生成でサムネ作ってますもん。
よくよくみてみると、単にAI生成されたサムネというよりは、
みなさんオリジナリティに合わせた作風で生成されていて、
AIなりにもその人の個性というか、どんなイメージが良いか考えられて作られているんだな、というのがわかって、見ていて楽しかったです。
とくに、最近のAI生成画像はしっかり見やすい感じに整えて画像が作成されているので、AI画像だからといって記事が見られていないというようにも見受けられませんでした。
とは言いつつ、なんだかんだ、
あぁ、これはAI生成されたサムネだな、というのはパッと見でやっぱりわかりはしますね
そして、AI生成されたサムネが並んでいる中に生成されてはいないというか、写真だったりシンプルなイラスト画像だったり、そういうサムネは確かに逆に目を引くなぁと感じました。
個人的にミニマルだったり、動物の写真だったりは大好物なので、
それで目につく可能性もまぁありますが、
せっかくWEBデザイナー(駆け出し)なんだから、
ちょっといろいろと落ち着いて時間ができたこの際に、
サムネをつくってみようと思った次第です。
なぜテンプレを使ったのか

まずは一からサムネをつくってみようと思ったときに、みんなどんなサムネを使っているのかなぁとやっぱり参考を探しに行くんですね。
で、検索結果はさっき言った通り、ほぼAI生成されたサムネがずらーりなワケです。
じゃあ参考、どこで見ようか?となりまして、
とりあえずCanvaのテンプレートを見に行きました。
そしたら、あー、みたことあるかも!なテンプレートがずらーり。
みんながAI生成サムネを使い始めるひと昔前によく見かけたようなテンプレートがたくさんでてきました。
なつかしい。
そんなテンプレートたちを眺めつつ、
じゃあ余白多めでシンプルなサムネを作ろうと取り掛かりました。
数分後、、
できあがったラフは、テンプレートでみかけた1つの構造とほぼ一緒になりました。
ううーん。
じゃあもう、テンプレート使っちゃうか。
まだしっかりデザイン学ぶ前だし。んね。
と、いうワケで、あっけなくテンプレートを使うことにした私でした。
だ、だって、すごくミニマルでシンプルでかわいいテンプレートあったんだもん!
使いたくなっちゃうもん!
今回作ったサムネの紹介
はい、そして今回作ったサムネは以下になります。


こんな感じ。
これらはこれまでの記事のサムネをテンプレで作成し直したものです。
テンプレートの大枠は崩さず、シリーズというか、私と言えばコレ。
みたいな感じで今後は統一していけたらなと思います。
制作の流れ
もしかしたら気になる人とか、私もCanvaのテンプレート使ってみたい、と思わる方がいるかもしれないので、ざっくり制作の流れを書いておきますね。
Canvaさえあれば、無料版でもテンプレートは探せばお気に入りがみつかりますので、みてみてください。
[追記]
自分がPCで作業しているからって完全にPCでキャプチャしちゃいましたが、スマホ版も似たような感じでできるはずです!
でももし不明点あれば訊いていただければお答えします!

①まずはCanvaを開いて、左の一覧から「テンプレート」を選択します。
②検索ボックスに「note サムネイル」と入力してエンターキーを押します。
③検索結果(テンプレートの一覧)が表示されます。
④自分がいいな、使いたいなと思うテンプレートをクリックします
(注意:テンプレートの右下に王冠マーク👑がついているのは有料プランで使用できるものです。無料版の人は👑がついていないテンプレートを根気で探してください)


今回はこのテンプレートを使ってみましょう。
⑤「このテンプレートをカスタマイズ」をクリックします。

⑥タイトルと補足文(サブタイトル)を自分の記事に合わせて文字を入れ替えます。

⑦文字を変えたら、画面右上のほうに「共有」ボタンがあるのでクリックします。
⑧「ダウンロード」をクリックします。

⑨ファイルの種類はPNG形式のまま、「ダウンロード」をクリックします。

⑩画像を保存したいフォルダを選んで「保存」をクリックすれば完了です!
なんと、10ステップでできちゃいますね!

じゃじゃーん。
こんな感じでできあがりました。
簡単なのでぜひやってみてください。
今後の予定

デザインスクールでデザインのスキルが上がったら、note用のサムネを自作したり、テンプレートも作ってみたいなと考えています。
気になる方はまた見に来ていただけると嬉しいです。
最後まで読んでくださりありがとうございます!
noteのサムネづくりを含め、これからデザインをもっと楽しみながら続けていきたいと思います。
それでは、また。
