ワードプレスのアイキャッチ画像の作り方!3つのツールと5つの素材サイトを紹介!

今回はワードプレスのアイキャッチ画像をどうやって作るのか?っていうことをやっていきたいと思う。このサイトもワードプレスでできているんだけど、アイキャッチ画像は思えばいくつも設定してきた気がする。

ただ始めた場合は何を使ってアイキャッチ画像を作ればいいのか?っていうのが分からないと思うから今回はその疑問を解消していきたい。何か良さそうなものが手を出してみるのがいいかもしれないですよ。

アイキャッチ画像を作ることのできるサービス

何か画像を作ることのできるサービスはいくつもあるけど、ここでは絞って使えるものを紹介したいと思います。(ちょっと多くなりすぎてしまうので・・・)他の記事でもいくつか画像編集したりすることのできるアプリは紹介しているから気になったら見てみてください。

canva

鉄板ですよねcanva。MacでもWindowsでも使うことができる。使う際には登録が必要だけどGoogleアカウントがあればログインできるから楽です。ログインしたらまずはアイキャッチ画像のサイズを決めよう。[デザインを作成]から[カスタムサイズ]を選択。

アイキャッチ画像のサイズは縦630ピクセル×横1,200ピクセルが良いらしいので、そう指定しておこう。

そしたら[新しいデザインを作成]をクリックしてデザインの作成にいこう。まずは好きなテンプレートを選択する。

そしたら自分がイメージするアイキャッチ画像に向けて背景を変更したり文字色やフォントを変えてやろう。

何か写真や図形が欲しかったら[素材]から好きなものを入れることができる。

素材には写真やグラフィック・動画などいろいろ種類があるから、何かアイキャッチ画像に映えるものがないか見てみるといいですよ。動画やオーディオはアイキャッチ画像には使わないだろうけど笑

テキストのテンプレートみたいなものも選んで適用することができるから、デザイン性の良い文字列が欲しかったら見てみてください。

ちなみに良い素材がcanvaになくて自分が持っている素材を使いたい!と思ったらその素材をアップロードして使うことができる。

作成が終わったらダウンロードしてやればOKです。

これでアイキャッチ画像を作ってダウンロードすることができた。canvaはcanva内から色々使えるものが備わっているからいいですよね。テンプレートデザインも適用するだけでイケてる感じになるし楽です。さっとお洒落なアイキャッチ画像を作りたい人におすすめです。

PIXLR E

PIXLRはオンラインで使えるフォトエディターで種類が2つあるんだけど、状況者向けのPIXLR EはPhotoshop感覚で使えて機能もかなりそろっている。画像編集におすすめなんだけど、アイキャッチを作るのにももちろん使える。PIXLRからPIXLR Eを選択して作成していこう。

[新規作成]から幅と高さを1200、630にすて始めよう。

画面はこんな感じでいろいろある、Photoshopとかなり似ているんだけどレイヤー構造だからいくつもレイヤーを重ねて作り上げていく感じだね。機能もたくさんあるからかなりいろんなことができると思う。

まずは画像をいれよう、やっぱりアイキャッチ画像と言ったら画像がないとね。ドラッグアンドドロップで入れることができる。

テキストも欲しいのでテキストレイヤーを追加しよう。

テキストレイヤーを追加したらそれっぽいテキストを入れてフォントやサイズを決めよう。ただ日本語のフォントがちょっと弱いかもなあ・・・っていうところだから英語でバチバチ決めたいっていう人にはいいね。

アイキャッチ画像を作成したら、ファイルからエクスポートすればダウンロードすることができます。

アイキャッチ作るぐらいなら使わないかもしれないけど、このエディタの良いところはブラシ使えたり画像の色合いを調整したりといった機能が豊富なところです。

どういうアイキャッチ画像を作りたいかによるけど、凝った画像編集をして作りたいっていう人にはおすすめです。以下の記事の部分でもPixlrについて書いたのでよかったらどんなことができるか参考にしてみてください。

関連記事【無料】ブラウザで使える画像編集/加工アプリおすすめ4選!【オンライン】- PIXLR E - パワフルフォトエディターはまるでPhotoshop

Photoshopがおすすめ

無料で使うことのできるアイキャッチ画像を作ることのできるツールはあるけど、自分Photoshopで結構作ってしまうんですよね。やっぱり使える機能多いし自由にいろんなことができるのでPhotoshopおすすめです。いじっていて楽しいしね。ちなみにPhotoshopの画面はこんな感じです。

ここに画像を突っ込んだりテキストを入れたりしてアイキャッチ画像を作ることができる。

機能がありすぎてどこをどういじったらいいのか戸惑うけど画像加工好きな人はPhotoshop好きだと思いますよ。いろんなことできて楽しいです。

画像に使う素材

アイキャッチ画像を作る上で何か画像素材が欲しい時ってありますよね。そんな時に無料で素材を使うことのできるサイトを紹介しておきます。ライセンスは使う前に確認しておきましょう。

Unsplash

Unsplash

Unsplashは高画質な画像が掲載されいているサイトでかなり綺麗な写真を見ることができる。licenseはこんな感じで無料に使えて最高です、使う前に確認しておきましょう。

Pixaboy

Pixaboy

Pixaboyも有名ですよね、高画質な画像を見ることができる。ライセンス情報はこんな感じ。

ICOOON MONO

ICOOON MONO

ICOOON MONOはいろんなアイコンが掲載されているサイト。アイコンはサイズと色、形式を指定してダウンロードすることができる。SVGにも対応しているのが魅力的ですね。

使う際にはライセンスを確認しておこう。

ManyPixels

ManyPixels

ManyPixelsはイラストが集まっているサイト。SVGとPNGでダウンロードして使うことができる。色を変更したりカテゴリから検索したりすることができる。

ライセンスはManyPixelsのLICENSEから見てみるといいですよ。

unDraw

unDraw

unDrawもイラストをダウンロードして使うことのできるサイト。illustrationとHandcraftsっていうものを切り替えることができてHandcraftsにすると手書きっぽいイラストが出てくる。

色も自由に決めることができるから好きな色に設定してみるといいと思います。

ライセンスはlicenseから見てみてください。

まとめ

ワードプレスのアイキャッチ画像を作る方法はいくつかあるだろうけど、今回は以下のサービスを紹介しました。

  • canva
  • PIXLR E
  • Photoshop

自分がどんなアイキャッチ画像を作りたいかによるけど、画像を合成したり写真の色合いに凝るならPIXLRのようなもの、簡単にお洒落に作るならcanvaが使いやすいと思います。なんでもやりたいならお金かかるけどPhotoshopですね。ただやっぱりPhotoshopなんてもできて楽しいです、画像の合成とか好きな人ならPhotoshop好きになるんじゃないかなと思います。

素材を配布してくれているサイトもいくつか紹介したけど、気になったのがあったら覗いてみるといいと思います。クオリティ高いです。