旨いメシと雑記Log

〜グルメメインの雑記ブログ〜

【作業時間約3分】ブログのアイキャッチ簡単作成講座〜Keynote版〜

f:id:kazuki-iroiro:20200423180946j:plain



どうもかずーきです!!(@kazuuuuuuuukin)

みなさんブログのアイキャッチ画像ってどのように作成していますか?

つい最近まではとりあえず画像を載せとけばいいか、と思っておりましたが・・今は真面目に作成しています。笑

当初思っていたよりも簡単に作れることに気がついたので参考にしていただければと思います!

今回はMacBookでの作成の仕方になりますが、Windowsでの作り方も後日記事にいたしますね。(基本の流れは一緒です!)

Macに入っているソフトを使用

実は最近MacBookProを買いました。ドヤ

ずっとWindowsユーザーだったので操作が異なり最初は戸惑いましたが、やっと慣れてきました!

かなりいい買い物をしたと思っております。

↓一応貼っときます。

f:id:kazuki-iroiro:20200423201023j:plain
MacBookにはKeynoteというソフトがプリインストールされています。

MicrosoftOfficeのパワーポイントと用途は一緒で、プレゼンテーション資料などの作成に使います。

Keynoteを使えば簡単にオリジナルのアイキャッチ画像を簡単に作成することができますよ!

画像がなくてもOK

アイキャッチ画像作成にあたり画像はなくてもOKです。

フリー素材をダウンロードする必要なないです。

もし使いたい画像があれば使いましょう!

完成イメージはこんな感じ

最近作成したアイキャッチ画像です。

クオリティに関してはツッコミなしでお願いいたします。笑

今回は簡単に、初心者でも3分くらいでできることを目標としておりますので・・!

どれも1〜2分くらいで作ったものです。

【画像ありVer】
f:id:kazuki-iroiro:20200415204828j:plain
f:id:kazuki-iroiro:20200418085523j:plain

【画像なしVer】
f:id:kazuki-iroiro:20200419134819j:plain
f:id:kazuki-iroiro:20200423172259j:plain


作成の手順

さっそく作成していきます!

Keynoteを起動

新規書類を選び、基本のベーシックホワイト(16:9)で作成していきます。

プレゼンテーションのタイトルやサブタイトルなどのテキストボックスを全て削除してまっさらな状態にしましょう。
f:id:kazuki-iroiro:20200423204527p:plain
f:id:kazuki-iroiro:20200423204554p:plain

正方形を挿入し背景にする。

図形で正方形を挿入します。

これはベースの背景になります。

右側にある『スタイル』で正方形(背景)の色を決めます。

正方形を引き延ばし、全体を覆います!
f:id:kazuki-iroiro:20200423204916p:plain
f:id:kazuki-iroiro:20200423205307p:plain
ベースができました。

画像があれば挿入

もし使いたい画像があれば『ダウンロード』からKeynoteのスライドへドラック&ドロップして挿入します。

画像も目一杯引き延ばしましょう。
f:id:kazuki-iroiro:20200423210318p:plain

タイトル文字を入れるベース作り

続いてタイトル文字を入れるベースを作成します。再び図形の正方形を挿入します。

下のように伸ばして、横長の長方形にします。

色はとりあえず黒にしておきましょうか。
f:id:kazuki-iroiro:20200423210756p:plain
次がポイントです。

作成した黒の長方形を選択し、右下の『不透明度』を50%にしましょう。

このようにすることで背景や図形が生きてきますよ!
f:id:kazuki-iroiro:20200423210814p:plain

テキストボックスに記事タイトルを挿入

いよいよ大詰めです。

テキストボックスを挿入しましょう。

まずはタイトルを打ちます。文字の大きさは行数によって変えましょう。

アイキャッチ画像なので長くて3行くらいかなと思います。今回は2行で作ります。

背景が黒なので白文字が読みやすいですね。

もし背景が黄色など明るい色の場合は赤や黒などがいいでしょうか。

ここら辺は色のセンスになってきますが、パッと見の読みやすさは意識しましょう。
f:id:kazuki-iroiro:20200423211431p:plain
テキストを中央揃えにして文字の大きさを調整します。

今回は110ptで作成しました!

f:id:kazuki-iroiro:20200423211905p:plain
完成です!

最後に書き出しをして画像化

最後に『書き出し』をして画像として保存します。

下記の通り、上のバーのファイルから書き出す→イメージと進んでいきます。

今後このファイルにいくつもアイキャッチ画像を作成する場合、書き出したいページを選択しましょう。
f:id:kazuki-iroiro:20200423212221p:plain
f:id:kazuki-iroiro:20200423212234p:plain

完成!次から色や文字を変えるだけでOK

はいっ!完成です。ドドン

f:id:kazuki-iroiro:20200423212602j:plain
このKeynoteで次も作成すれば、前回のものをコピーして色や文字、画像を変えれば簡単に作れます。

どうですか?慣れたらめっっちゃ楽ですよ!

こんな感じでめっちゃアイキャッチがたまっています。笑

f:id:kazuki-iroiro:20200423212902p:plain

終わりに

いかがでしたか。

アイキャッチがバチッと決まっていると、なんだかよりブログ感が出る気がします。笑

記事が読まれるか読めれないか、アイキャッチの印象で決まることもあるらしいです。

今回は超基本というこんな時で簡単さ、お手軽さを目指して型を作りました。

今後はパッと目に留まる、オリジナリティ溢れるアイキャッチを作っていいければいいな〜なんて思います。

最後までお読みいただきありがとうございました!

参考になりましたらはてブやスターなどで応援いただけるとハッピーです!