herohoroブログ

サムネを超簡単に作成して執筆に専念する技



🔄   2022-08-02

「ブログを書く」のがメイン。

執筆するまでに、

どんな内容にしようか.....

どんな元ネタを探すか.....

そんなことを考えながらなんとな〜く1つの記事にする。

読んでくれた方にとって

「読んで良かった」って感じてもらえるような内容にしたい....

いざ完成するともうスイッチOFF.....。

😵
サムネイルを用意する気力が残ってないんですよね......

サムネイルを作成する方向に力を入れすぎて

投稿頻度が下がってしまうのは本末転倒。

パパンッ!!と作って済ませたい!!!!!!!!

済ませてしまいましょ。

ってことで、

Googleスライドで雛形を用意して、

そこに都度記事の内容に合うイラストを貼り付けてサムネを完成させる手抜き工程を紹介します(´・ω・`)

Googleスライドについて

OfficeでいうPowerPoint。

AppleでいうKeynote。

そんな位置づけのGoogleスライドです。

Googleスプレッドシートの親戚のようなツールなので、

共有権限を設定してリンクを一緒に作業したい人とシェアすれば、

オンライン上で作成していくこともできます。

※ 今回は1人作業になるかと思うので共有権限の設定に関しては触れませんので、興味の有る方は調べてみてください。

https://www.google.com/intl/ja_jp/slides/about/

画像が読み込まれない場合はページを更新してみてください。

Googleドライブからも呼び出せます❣️

画像が読み込まれない場合はページを更新してみてください。

雛形を用意

細かな設定はその都度行うとして、

パターン化できる部分は準備しておくと時短できます。

テンプレートは使わず【空白のプレゼンテーション】を選びます。

画像が読み込まれない場合はページを更新してみてください。

サイズ設定

左上のファイルタグから【ページ設定】を開きます。

画像が読み込まれない場合はページを更新してみてください。

アルパカ先生からの情報では縦630横1200が推奨されているようです。

画像が読み込まれない場合はページを更新してみてください。

16:9であればトリミングされず表示されるので、

お好きなサイズがあれば設定してしまってもいいかもしれません。

👀
私の雛形は 21.17cm×11.06cm になっていました。(何かの記事から拝借した記憶があります.....)

トリミングされるか否かの確認はサルワカさんのサイトで確認できます⭐

背景を設定

不要なテキスト枠を削除していきます。

画像が読み込まれない場合はページを更新してみてください。

ツールアイコンの並びにある【背景】を開きます。

画像が読み込まれない場合はページを更新してみてください。

同じ色を背景にしたいか、同じ画像を背景にしたいかはお好きに選んで設定してください。

今回は色の設定に絞って説明しますm(_ _)m

画像が読み込まれない場合はページを更新してみてください。

既にパレットに好きな色があればそれを選択すればOK。

ない場合は、カスタムから設定できます。

画像が読み込まれない場合はページを更新してみてください。

16進数の値を入力することもできるので、

カラーコードサイトから選んだ値を転記すれば再現できて便利です。

画像が読み込まれない場合はページを更新してみてください。

https://www.colordic.org/p

画像が読み込まれない場合はページを更新してみてください。
👀
ffffc6にしてみよっかな~

画像が読み込まれない場合はページを更新してみてください。

薄めたい場合は【透明度】をいじればスーッとした雰囲気になります⭐

これで雛形完成\(^o^)/

画像が読み込まれない場合はページを更新してみてください。

サムネを作成

記事を作成して内容が定まったら......

🤔
イラストで概要を伝えるにはどんな素材がいいかな????

素材サイトからイメージに合うイラストをダウンロードします。

▼ よく使う素材サイト(無料)

一部有料があるので無料をあさります。

※イラストACはアカウント登録が必要です。

😋
最近 イラストAC がお気に入りサイトです🎶

PNG形式でダウンロードした素材をGoogleスライドに取り込みます。

画像が読み込まれない場合はページを更新してみてください。

画像が読み込まれない場合はページを更新してみてください。

青枠の四隅をドラックすると大きさを調整でき、

上部中央上の●は回転させることができます。

😨
取り込んだ素材を少し薄い色にしたい......

取り込んだ素材を微加工

書式設定オプションから微加工できます。

画像が読み込まれない場合はページを更新してみてください。

色を薄くする場合は【調整】から。

画像が読み込まれない場合はページを更新してみてください。

影を付けたい場合は【ドロップシャドウ】から。

画像が読み込まれない場合はページを更新してみてください。

スライドを1枚の画像として保存

画像が読み込まれない場合はページを更新してみてください。

Googleスライドは必要なページのみをダウンロード(JPEG画像)できます。

OgImageに登録

PCに完成したサムネをダウンロードできたら、

Notionのブログ作成用データベースを開いて、

OgImage列に登録すれば完成です。

画像が読み込まれない場合はページを更新してみてください。

次作成するときは....

スライドタグから【スライドのコピーを作成】

画像が読み込まれない場合はページを更新してみてください。

前回の素材が不要な場合は削除して新たに素材を取り込み直せばOKです。

  1. 素材選ぶ
  2. 素材をGoogleスライドに取り込む
  3. 作ったスライドのみを画像にしてダウンロード
  4. OgImageに登録
  5. 記事公開!!

こんな感じで私はいつもペトペト貼って作ってるだけです⭐️

以上のような作り方で

私はじゃんじゃんサムネを作って投稿してます\(^o^)/

画像が読み込まれない場合はページを更新してみてください。

サムネをeasy-notion-blogに表示させたり、デザインをカスタムしたりする方法は

【OgImage】タグに収納しているので興味がある方は覗いてみてくださいね\(^o^)/

https://herohoro.com/blog/tag/OgImage

さて。

この記事のサムネは何にしようかな〜

🐣

Twitterでは更新のお知らせを随時行っています

興味ある方はLet'sフォロー★

▼ この記事に興味があったら同じタグから関連記事をのぞいてみてね

新着記事を通知したい??


RSSリーダーにatomのリンクを登録すると通知が行くよ🐌

https://herohoro.com/atom

やってみてね(*´ω`*)(*´ω`*)

Twitter Timeline


フォロー大歓迎\(^o^)/