ノル猫🐈日和♫

猫にまつわる情報を中心にお届けします。

【ブログ運営術】はてなブログで簡単にアイチキャッチ画像を作るための手順から作り方について

スポンサーリンク

f:id:noru-rate:20200602112858j:plain

ブログのアイキャッチ画像で困っていませんか?

 

f:id:noru-rate:20200529095929j:plain

困ったくん

ブログにアイキャッチ画像を入れたいけどやり方がわからないなぁ。

 

 

f:id:noru-rate:20200529095949j:plain

困ったさん

アイキャッチ画像って必要なのかな?

 

どうやらお困りの様ですね。

 

本日のお悩みリスト
  • アイキャッチ画像の作り方が分からない
  • アイキャッチ画像って必要なの?
  • アイキャッチ画像の手順が知りたい

 

f:id:noru-rate:20200428152348j:plain

ラテパパ

それではラテパパ流のアイキャッチ画像の作り方をご紹介していきます。良かったらご参考にまで読んでみて下さい。

 

 

 

アイキャッチ画像って必要なの?

f:id:noru-rate:20200602114146j:plain

 

ブログにおけるアイキャッチ画像の役割は本で例えるなら表紙となります。

 

記事一つ一つの顔になるのがアイキャッチ画像や記事タイトルなので読みたいって思うような画像や記事タイトルを考えましょう。

 

f:id:noru-rate:20200428152348j:plain

ラテパパ

せっかく一生懸命書いた記事を読んでほしいと思う方は是非アイキャッチ画像を取り入れて読者の方のためになる記事を更新していきましょう。

 

 

アイキャッチ画像の作り方の手順について

f:id:noru-rate:20200602113745j:plain

 

それではアイキャッチ画像の手順の紹介をしていきたいと思います。

 

アイキャッチ画像を作る手順には下記の様な手順となります。

 

アイキャッチ画像の手順
  • 手順①パソコンのエクセルを開く
  • 手順②挿入の画像をクリック
  • 手順③好きな画像をクリック
  • 手順④挿入の図形を開く
  • 手順⑤文字の装飾やぼかしを入れる
  • 手順⑥ペイント又は3Dペイントを開く
  • 手順⑦エクセルで作った画像や文字を張り付けをする
  • 手順⑧貼り付けた後トリミングをして比率を16:9に調整する
  • 手順⑨出来上がったアイキャッチ画像をブログに挿入する
  • 手順⑩アイキャッチ画像の完成!

 

f:id:noru-rate:20200428152348j:plain

ラテパパ

➀から⑩の手順を詳しく説明していきます。

 

 

手順➀パソコンのエクセルを開く

 f:id:noru-rate:20200602092020j:image

 

このみどり色のExcelと書いたやつをクリックしてください。

 

f:id:noru-rate:20200602092036j:image

 

するとこのようなエクセルの画面が開きます。

 

手順②メニューにある挿入から画像を開く

f:id:noru-rate:20200602092052j:image

 

上にあるホームの横の挿入から画像を開きます。

 

手順③アイキャッチ画像にしたい画像を開く

f:id:noru-rate:20200602092106j:image

 

 私はラテちゃんの画像を開いてクリックしてエクセル上に画像を出しました。

 

画像がない場合の方法

アイキャッチ画像にしたい画像がない場合はフリー画像を使うといいですよ!但し著作権のある画像は違反になるので必ず素材フリーの画像を使いましょう!

 

 

ちなみに私が愛用する中でオススメなフリー画像はコチラです。

 

f:id:noru-rate:20200428152348j:plain

ラテパパ

上記のフリー画像サイトはとても有名で人気のあるサイトとなります。ほぼ無料でしかも商用可で使用できます。但し有料の画像もあるので確認してから使用してみましょう。

 スポンサーリンク

 

こだわりたい方へ(有料)

 

 

 

手順④挿入の図形を開く

f:id:noru-rate:20200602093923j:image

 

画像だけでは意味がないので挿入の場所から図形をクリックしてみましょう。

 

いろんな形の図形が現れます。

 

私はとりあえず四角形の図形を出してみます。

f:id:noru-rate:20200602094003j:plain

 

出てみましたか?

 

ラテちゃんの上に四角形の図形が現れました。

 

 

手順⑤文字の装飾やぼかしを入れる

f:id:noru-rate:20200602093955j:image

 

では今度は図形に文字の装飾やぼかしを入れていきたいと思います。


f:id:noru-rate:20200602094000j:image

 

こんな感じで大きさや文字の場所をカスタマイズしてみました。

 

これだと文字はわかりましたが背景に微妙なのでぼかしを入れていきたいと思います。


f:id:noru-rate:20200602094349j:image

 

図形のスタイルのとこでクリックしたら色々なスタイルが表示されます。

 

半透明のスタイルにするとこのようになります。

 

f:id:noru-rate:20200602094138j:image

 

ラテちゃんの顔が出てきましたね。

 

半透明するとこのようなデザインになります。

 

手順⑥ペイント又は3Dペイントを開く

f:id:noru-rate:20200602094236j:image


最後にパソコンで元々入っているペイント又は3Dペイントを開いてみましょう。

 

手順⑦エクセルで作った画像や装飾した文字などをペイントに張り付ける

f:id:noru-rate:20200602094240j:image

 

エクセルで作った画像や装飾をコピペしてペイントに張り付けてみましょう。


f:id:noru-rate:20200602094249j:image

 

 コピペしたらこのようになります。

 

 

手順⑧張り付けた後はトリミングして比率を16:9にする

f:id:noru-rate:20200602094244j:image

 

アイキャッチ画像用の大きさで16:9にするためにトリミングしてみましょう!

 

画像の横に比率の表示がが出てきます。

 

手順⑨出来上がった画像をブログに張り付ける

f:id:noru-rate:20200602094611j:image

 

ブログの編集で画像を張り付けてプレビューで確認してみましょう!

 f:id:noru-rate:20200602094606j:image

 

ちゃんと表示されているか確認ができたら記事の更新をしてみよう!

 

ちゃんと表示されているのか心配な人はテストブログを作ってテストしてみて下さい!

 

 

手順⑩アイキャッチ画像の完成!!

f:id:noru-rate:20200602094633j:image

 

最後にもう一度自分のブログで表示されているのか確認出来たら完成です(^^)/

 

 

それでは実践してみよう!

f:id:noru-rate:20200602114907j:plain

 

アイキャッチ画像のやり方が分かったら今度は実際にやってみよう!

 

もう一度おさらいです。

 

アイキャッチ画像の手順
  • パソコンを開く
  • 手順①パソコンのエクセルを開く
  • 手順②挿入の画像をクリック
  • 手順③好きな画像をクリック
  • 手順④挿入の図形を開く
  • 手順⑤文字の装飾やぼかしを入れる
  • 手順⑥ペイント又は3Dペイントを開く
  • 手順⑦エクセルで作った画像や文字を張り付けをする
  • 手順⑧貼り付けた後トリミングをして比率を16:9に調整する
  • 手順⑨出来上がったアイキャッチ画像をブログに挿入する
  • 手順⑩完成!

 

 これでアイキャッチ画像の画像をブログに取り入れることができますね(^^)/

 

以上で【ラテパパ流】はてなブログで簡単にアイキャッチ画像の作り方から手順についての紹介を終わります!

 

アイキャッチ画像で悩んでいる方の参考になれば幸いです。

 

※記事タイトルでは、はてなブログと書きましたがワードプレスや違うブログでも応用可能なので是非試してみたください♬

 

※他にもこんな方法があるよっていう方は是非コメントやブックマークで教えていただけると嬉しいです(^^)/

 

 最後まで読んでいただきありがとうございました。

 

 スポンサーリンク