ブログ運営

【超簡単】初心者でもできるおしゃれなブログのアイキャッチ画像の作り方

[temp id=2]

先日、ありがたいことにブログのアイキャッチ画像の作り方について質問をいただきました

これはぜひ記事にするしかない!と思い、急いで書いた次第です

今のアイキャッチ画像に満足していますか?

もっとおしゃれな画像を作りたい!などと思っているみなさんは必読です

わたし流のアイキャッチ画像ですが、よろしければ最後までお付き合いください!

使用しているツール

まずは画像作成にあたって使用しているツールをご紹介します

わたしが主に使っているのは、

  • 写真AC
  • Canva
  • Tiny Ping

の3つです

それぞれ詳しく説明していきます!

写真AC

写真ACはアイキャッチ画像の背景となる写真をダウンロードするために使っているフリーの素材サイトです

きちんと「写真」と明記されているだけあって、イラストではなく人物や実在している物の写真がたくさん用意されています

人物では外国人が多めな印象は受けますが、日本人もちゃんといます

無料で使用していますが、無料版だと1日に5回の検索制限があるようです

また、サイズによっては料金が発生するものもありますが、ブログのアイキャッチで使う分にはお金のかからないサイズ(Sサイズ)で十分なので、わたしは無料で使用することに何の不都合もありません

これの他にもぱくたそいらすとやといったサイトもブックマークしていますが、ほとんど使用していません

ですが写真ACでいい素材が無かったときの保険になるので、この2つのサイトも1度チェックしてみてはいかがでしょうか

Canva

Canvaとはブラウザ上で使える簡単なデザイン作成ツールです

こちらも有料版はありますが、ブログのアイキャッチ画像程度なら無料で十分使用できます

ですが無料版だとPNG形式でしか保存できないというデメリットはもちろんあります

ブログのアイキャッチ画像であればPNG形式でも十分でしょう

わたしはCanvaを使う前はかの有名なデザインツールのPhotoshopで作っていましたが、これだとハイスペックすぎなんです

立ち上がる時間も遅いし、そんなにいっぱい機能使わないのに、、、と思っていました

ですがCanvaだとブラウザなので起動がすごく早く、機能も少ないのでブログのアイキャッチ画像程度の作業だと逆に使いやすかったです

Canvaを使ってのアイキャッチ制作の流れは後ほど紹介するのでよければ見てください!

TinyPNG

TinyPNGは画像を作るというより、作ったあとブログにのせたとき画像の重さを軽くするために使っています

加工した画像ってそのままブログに貼り付けてしまうと重たいままなので、ブログページの表示速度が遅くなる原因になるんです

ページの読み込みが遅いとそれだけで去っていく人も多くなるので重たいままは厳禁です

TinyPNGはブラウザ上で起動し、軽くしたい写真をドラッグ&ドロップするだけなのでとても簡単です

今までしてきてないよ!という方は画像作成の流れの1つに組み込んであげてください!

Canvaを使ったアイキャッチ画像の作り方

では実際にCanvaを使って画像を作っていきたいと思います

今回はこのページのアイキャッチ画像を作る過程を紹介するので完成形を見たい方はこのページのタイトル下に戻ってみてください!

それでは作っていきます

新規登録をしてログイン後、左上にある「カスタムサイズ」を選択します

自分の作りたいサイズ(わたしのアイキャッチ画像はだいたい640×430pxくらいです)を選択し、「新しいデザインを作成」をクリックします
左の行から「アップロード」をクリックし、出てきた欄に素材画像をドラック&ドロップします

すると画像がCanva内にアップロードされます
アップロードした画像をクリックすると右画面に表示されます

白い長方形は先ほど作ったカスタムサイズ(今回なら640×430px)になっているので、そこに沿うように画像を拡大します

また左に戻り、「素材」をクリックし、「図形」を選択します

少しわかりにくいですが、黒い無地の長方形を選んでください

長方形を画像の真ん中あたりで横伸ばしにしたら、右上のチェック柄?みたいなところから透明度を下げます

透明度の数値は画像によっても変わりますが、60~80の間にはおさまるようにしています

左から「テキスト」をクリックし、「テキストボックスの追加」を選択します

右画面の左上からフォントを選択し(わたしはチェックポイントというフォントです)、タイトルを入れます

これでアイキャッチ画像の編集は完了です

左上の共有ボタンの隣の「ダウンロードマーク」から「ダウンロード」を選択します

ダウンロードが完了すればアイキャッチ画像の制作は終わりです!

この後に先ほど紹介したTinyPNGなどで画像を軽くし、ブログに追加します

長々と書いてしまいましたが、慣れてくるとびっくりするくらい早く完成しますよ!

まとめ

わたし流のブログのアイキャッチ画像の作り方を紹介しました

主に使用しているツールについては

  • 写真AC
  • Canva
  • Tiny Ping

があります

写真ACで画像を探し、Canvaで編集、TinyPNGで軽くしてブログに追加、、、

という流れでアイキャッチ画像は作っています

とりあえずCanvaはすごく便利なので1度は使ってみてほしい、、、!

簡単な作業ですし、感覚でも大丈夫であろうくらいには親切なサイトになっているので初心者さんにも安心です

もし質問などございましたらツイッターのもりもり(@moriblog_)でいつでも受け付けているので気軽に聞いてください!

この記事が画像制作に悩んでいる人のお役に立てれば嬉しいです!!!

 

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です