2023.09.29アイキャッチを作るのに、おススメの「Canva(キャンバ)」。Canvaを使っても、簡単には作れない...〇分で!とか言われても、時間かかちゃう...とか、思ったことないですか?実は、わたしがそうでした...2時間くらいかかっちゃう!完成するまで、いろいろと迷うんだよね...そんなことを思いつつ、20個以上を作ってみたところ1つの「道」のようなものが見えてきました!その道をたどると30分くらいでそれなりのができる!!!あれ、これでやればみんなもできるんじゃない?と思ったので、わたしの「Canvaでアイキャッチを作るときの手順」を、この記事のアイキャッチを作りながら紹介したいと思います。/【画像つき】Canvaにアカウントを登録する方法|パソコン版編デザインツール「Canva」の登録方法です。Eyedropperデザインの参考にはピンタレストまとめ:アイキャッチは大切な3つさえ覚えておけば簡単に作れるCanvaでアイキャッチを作る手順Canvaでアイキャッチを作るとき、わたしは次の手順で作成しています。画像サイズを決めるタイトル(文字)を入力するイメージの確認をするゴールを設定するタイトルをデザインするイメージに合うイラストなどを追加する完成それでは、順番に説明していきますね。1.画像サイズを決めるまずは、アイキャッチの画像サイズを決めます。基本的には「Twitterの投稿」でOK!(「Twitterの投稿」の選び方がわからない人は最後の「「Twitterの投稿」はデザインの作成から選ぶ」へ)しかし、WordPressのテーマ「SANGO」は、「幅680px×高さ390px」の画像サイズを推奨しています。その場合は「カスタムサイズ」に数字を入力して作成します。1Canvaサイト画面の右にある「カスタムサイズ」をクリック。2さらに「幅」と「高さ」の数字を入力し、単位を選択。単位は「px(ピクセル)」以外にも、「in(インチ)」や「cm(センチメートル)」、「mm(ミリメートル)」も選べます。これで、SANGOの画像サイズができたので、ここにタイトルを入れます。2.タイトル(文字)を入力するデザイン画面ができたら、タイトルを入れます。タイトルを「コピー」して「貼付け」で簡単に入ります。「テキスト」の「見出しを追加」をクリックし、手打ちしても大丈夫。次にタイトルを重要なワードが入った部分その補足をするような部分で、2~3個に分けます。SEOキーワード(そのワードでGoogle検索の上位に表示されたい語句のこと)があれば、それが重要なワードです。この記事の「Canvaでアイキャッチを作る手順【初めて作成する人のための超!基本】」では、以下の2つに分けてみました。重要部分=「Canvaでアイキャッチを作る手順」その補足部分=「【初めて作成する人のための超!基本】」このときも「カット&ペースト」で、簡単にできます。ほかの方法でも大丈夫です!3.イメージの確認をするタイトルを入れたら、デザインをしていく前に完成のイメージを固めます。先の「タイトルを入力する」部分で分けた「1.重要部分」に注目!そこに「企業」や「サイト名」があれば、その公式サイトで「色」などの「サイトのイメージ」を確認。「SEOキーワード」があれば、検索してみてそのキーワードのイメージも確認。イメージをつかんで、それをデザインに活かしていきます。出来上がったアイキャッチと、タイトルのイメージに違和感があると見てもらえなくなってしまったり、気づいてもらえなかったりします。イメージを合致させることはとても大切!です。この記事のタイトルでの重要部分は「Canvaでアイキャッチを作る手順」だったので、サイト名の「Canva」を検索してみます。公式サイトでは、ロゴも確認。ロゴに使われている色がそのまま企業やサイトのカラーであることが多く、みんなが持つサイトのイメージカラーになりやすいです。Canvaの公式サイトは、「ブルー」と「ホワイト」が主に使われていますね。検索スペースの下にある「画像」も見ます。ブルーとホワイトのイメージが強い。あと、おしゃれな感じがします。これが企業サイトだと、その企業のバナー広告も出てきます。それは、その企業がお金を使って、プロに作ってもらっているので、とても参考になります。これでつかんだイメージから離れないように作成すると、「あ、これは○○について書いてある記事なんだな」とアイキャッチを見るだけで分かってもらいやすくなります。4.ゴールを設定するさて、イメージがつかめたら、頭の中を整理して完成図をおおまかに設定します。この記事では、「Canva」から受けるイメージの色や雰囲気から色はブルーとホワイト文字は明朝体系のフォント(おしゃれ系になる)で、アイキャッチを作成します。図形は丸を使うとして、デザインに活かせそうです。他にも、タイトルにVOD(ビデオ・オン・デマンド)企業名があれば、テレビやパソコン、スマートフォンの図形。電子書籍サイトであれば、本やスマートフォン、タブレットのアイコンなんかもいいかもしれませんね。できれば、なんとなく紙に描けるくらい、具体的に完成イメージを明確にしておくと、ゴールがぐっと近づいてきます!例えば、Canvaのテンプレート。そのままでは使いにくいけど、文字と図形の並べ方を参考にしてみるとか。「Pinterest(ピンタレスト)」も参考になる!(Pinterestについては「デザインの参考にはピンタレスト」を参照してみてください)ここで、タイトルからイメージできるものを固めておき、次から実際にデザインをしていきます。5.タイトルをデザインするではCanvaにもどり、まずはタイトルをデザイン。具体的には、フォントのサイズフォントの種類を調整して、強弱をつけていく。こんな風に作ってみました。アイキャッチはじっくり読むものではないので、重要ワードは大きく、そうでないものは小さくします。順番を入れ替えたり、無くても意味が分かるような接続助詞や記号などは、消しちゃっても大丈夫。きれいに仕上がるコツは「英字は英字フォントを使う」「フォントの種類を使い過ぎない」こと。ここで完成としてしまってももちろんOK!でもちょっと寂しいので、もう少し図形やイラストなどを足していこうと思います。6.イメージに合うイラストなどを追加する図形やイラストを足して装飾していきます。色はブルーとホワイト図形は丸と決めたので、そのイメージで作成。背景はCanvaのブルー、文字はホワイトにしてみました。これだけでも、いいかも。Eyedropper」でカラーコードを調べて入力。Eyedropper」を参照してね)でも、図形やイラストなどを足し、おしゃれ度を上げてみます。「丸」と「おしゃれ」を強く意識し、図形の「丸」を入れ、草花も「丸」。草花の色も、ブルートとホワイトに合うように「グレーの濃淡」と、アクセントカラーに「イエロー」を入れて調整。あと、背景に「ホワイト」を入れたので、文字の色も調整。色については、プラス1色。「黒」「白」「グレー」を足して調整すると、比較的バランスよくいきやすいですよ。ここでも気をつけて欲しいのは、タイトルの重要部分は目立たせる!「ズーム」で表示サイズを小さくしてみると、見た目が変わり「見やすいかな?」「バランスは悪くないかな?」などがわかりやすくなるよ。作成している途中でも、何度かサイズを変更して確認していました。そこで「アイキャッチ」の文字が見づらいなと気づいたので、フォントサイズを少し大きく変更。7.完成お疲れ様です。これにて完成!!「Twitterの投稿」はデザインの作成から選ぶおまけとして、Twitterの投稿がどこにあるかを書いておきます。「Twitterの投稿」は、Canva内「ホーム」の「デザインの作成」の中にあるよ。左の「デザインを作成」をクリックして「Twitterの投稿」を選択。EyedropperPinterestの2つは、アイキャッチを作るとき本当に役に立つ!あると便利なので、もう少し詳しく説明します。Eyedropperアイキャッチを作るときには、公式や企業サイトのカラーを、デザインに活かすことが大切。その色をCanvaのデフォルトカラーから探すのはちょっとめんどくさい。Eyedropper」はChromeウェブストアのこちらから入手できます。EyedropperでWeb上のカラーコードを5秒で調べる方法」の記事がわかりやすいので参考にしてください。調べた色のカラーコードは、そのまま「コピー&ペースト」で検索スペースに入れると、色が表示されます。デザインの参考にはピンタレスト作ってて1番楽しくもあり難しいのは、図形やイラストを足していくとこじゃないですか?こだわりだすととても時間がかかり、迷子になってしまう...そんなときは「Pinterest(ピンタレスト)」で先に完成のイメージを固めておくのがおススメ。アカウントの作成が必要ですが、利用は無料。それでいて、ステキなデザインがいっぱい!ちなみにアイキャッチの参考には、検索に「バナー」と入れると、プロによるかっこいいデザインに出会えます。/ピンタレストの公式サイトはこちらからまとめ:アイキャッチは大切な3つさえ覚えておけば簡単に作れるここまでCanvaでアイキャッチを作るときの手順を紹介してきました。大切なのはイメージの取得タイトルのフォントに強弱をつけるイメージに合う色や図形で装飾するの3点。この3点をおぼえていれば、30分以内で作成できると思います。/Canvaの公式サイトはこちらからBlogシェアするXエダユカをフォローしてね!エダユカ関連記事BlogCanvaのテンプレートでかわいい素材やおしゃれなフォントを見つけよう!Canvaのテンプレートはイラストやフォントを探すのに利用すると便利です。英語のコメントはスパムということがわかりました。WordPressにおいて「スパムコメント」の削除の方法と、コメント欄を閉じる方法を紹介。defined.")}))})()。