記事を探す方はサイトマップへ

とても簡単にオシャレなブログ用アイキャッチ画像を作成する方法

どうも、マクリン(@Maku_ring)です。

ブログに目を引くアイキャッチ画像は欠かせません。

とはいえ、どの画像にするか考えるのはなかなか大変なものです。

最初の頃はぱくたそからもらうことが多かったのですが

 

マクリン

他のブログとカブってるやん……!

 

ということが増えてきました。

画像が違ったとしても、モデルさんがとにかくカブります。

僕の場合はとくにこのお方。

 

 

大川竜弥さんというモデルさんです。

僕のサラリーマン関係画像はほぼこの人でした。

「そろそろ大川さんから卒業せなあかんなぁ」と思って、最近は自作をちょこちょこ入れています。

そんなわけで今回の記事は、「とても簡単にオシャレなブログ用アイキャッチ画像を作成する方法」について書いていきます。

 

 

 

WordPressブログのオシャレな無料ロゴ画像作成ならLogo Maker
弱小ブログでもSEO対策の基本で検索順位を上げる方法:ものくろキャンプ

デザインのヒントはPhotoPinから得る

オシャレに作るならやはり海外サイトです。

ということで、定番のPhotoPin

英語検索でブログに使っても大丈夫な画像をズラーッと出してくれます。

たとえば「仕事でストレスをためない営業マンになる5つのコツ・方法・考え方」という記事があったとします。

そんなときは「no stress」で検索します。

 

 

こんな感じでダーッと出てきます。

ところが「コレ欲しいなー!」という画像ほど有料だったりするのです。

※青い帯で「SPONSORED」と書かれているのが有料。

たとえばこちらの画像。

 

 

普通に入手しようとすると「SPONSORED」、すなわち有料です。

ところがどちらもいたってシンプルなデザインなのです。

 

マクリン

あれ!? もしや作れるんちゃう?

 

実はものすごく簡単に作れます。

ということで、画像作成にはPowerPointを使いましょう。

 

 

 

パワーポイントで画像を作成しよう

仕事でパワーポイント(通称:パワポ)を使う人は多いはずです。

営業マンもプレゼン資料の作成などでお世話になるものです。

僕の場合、学生のころからパワポを使う機会が多く、自然と習熟していきました。

あんまりパワポになじみのない方でも、最低限の操作は覚えておくことをおすすめします。

パワポの知識があると、画像編集関係はかなり幅が広がるので利点しかありません。

 

 

「NO STRESS」作成編

まずはこちらから作ってみましょう。

「NO STRESS」という文字が赤い円で囲われたデザインで。

パワポを立ち上げたら、まず円の図形を挿入します。

 

 

円にかぎらず、図形をスライド中に入れるときは、挿入タブの「図形」から入れたい形の図形をえらびます。

図形を選んだ後にスライド上でワンクリックすると、小さい図形(この場合は円)がスライドに表示されます。

それから、円を囲うボックスの角にカーソルを当て、ググッとマウスを動かすと、サイズが自由に変えられるんです。

 

 

このとき重要なのは、マウスを動かすときに「Shiftキーを押しながら進めること」です!

Shiftキーを押すことで、図形のタテヨコの縮尺比が固定されます。

Shiftキーを押さないと、綺麗な真円にしたいのに楕円になったりします。

ええ感じの円のサイズになったら、今度は色を変更していきます。

「NO STRESS」の円の外周色は赤、その内側は白です。

その内側はNO STRESSと書かれた赤い円ですが、それはこの次に作成します。

 

 

操作手順はシンプルです。

右クリック → 円の背景色えらぶ → 外周色えらぶ → 外周の太さを調整

するとこのようになります。

 

 

そこに内周の赤い円を入れると

 

 

ここまで来たら、ほぼ完成したようなものです!

内周の赤い円に「NO STRESS」の文字を入れたいので、赤い円を右クリックして「テキストの編集」をえらびます。

 

 

そして、「NO(Enterキー押して改行)STRESS」と入力して、「NO」の文字サイズだけちょっと大きめにします。

フォントまで完全に似せるとちょっとアレなんで、それくらいは少し変えましょうか。

するとこんな感じのが出来上がります。

 

 

わりと似かよった感じのができました。

パワポファイルは「名前を付けて保存」する際、ファイルの種類をかなり自由に選べます。

アイキャッチ画像として使うときは、サイズの小さい「JPEGファイル交換形式」で保存しましょう!

 

 

 

「STRESS UNINSTALLING…」作成編

 

次はこちらのアイキャッチ画像を作成してみます。

せっかくなので色を反転してみましょう。すなわち背景:黒、文字:白のバージョンを作ります。

まずは背景色が黒いスライドを用意します。

デザインタブ → 「背景の書式設定」えらぶ → 「色」で黒えらぶ

これだけです。

 

 

これでスライド自体が黒くなりました。

この黒いスライドの中に「ストレスがアンインストール中であることを示すバー」を入れていきましょう。

今回は「カドが丸い四角形」の図形を入れます。

円を挿入したときと同じく「挿入タブ → 図形」で入っていき、今度は「角丸四角形」をえらびます。

 

 

角丸四角形を横長にできたら、カドの丸みを調整します。

それから角丸四角形の色を合わせにかかります。

「塗りつぶし」が黒、「枠線」が白です。

 

 

これでバーの大元ができました。

アンインストール中を示すため、バーの中が途中まで黒、それ以降は白みたいなデザインにしないといけません。

そこで、こちらのバーをもう一個つくります。

バーの複製方法は二つあります。

  • バーを一回クリックして、「ctrlキー+c → ctrlキー+v」でコピー&ペーストする
  • バーを一回クリックして、ctrlキーを押しながらクリックボタンを押してマウスを動かす(これでも複製可)

上記いずれかの方法でバーを二つ作ってから、二個目のバーの横幅をギュッと縮めて「塗りつぶし」を白に変えます。

そして、一個目のバーと重ねるとこのような感じになります。

 

 

だいぶアンインストール中っぽくなってきました。

あとは黒と白の境目をまっすぐにするため、白い四角形を黒と白の境界に挿入すればバー部分は完成です。

 

 

ここまでくればあと一工程で終わりですよ。

バーの上に「STRESS」、バーの下に「UNINSTALLING…」と書き入れるだけでそれらしくなります。

実際の完成画像は、下記記事をご覧くださいませ。

 

仕事でストレスをためない営業マンになる5つのコツ・方法・考え方

 

マクリン

どうですか? なかなかええ感じでしょ。

 

 

 

まとめ

今回の記事は「とても簡単にオシャレなブログ用アイキャッチ画像を作成する方法」について書きました。

PhotoPinで画像検索して作れそうな有料画像をパワポで作るのが、僕のよくやる手法です。

あるいは本記事みたいに、ありもの画像に英語のテキストを組み合わせるパターンもなかなか使えます。

こちらはパワポで画像挿入して、角丸四角形にテキスト編集するだけのシンプル作成です。

一工夫するだけで、ブログの個性を出しやすくなります。

ふだんからパワポに慣れ親しんでおくと、いざというとき他にも応用できますから。

どんどん活用していきましょう!

どうも、マクリンでした。

 

 

 

WordPressブログのオシャレな無料ロゴ画像作成ならLogo Maker
弱小ブログでもSEO対策の基本で検索順位を上げる方法:ものくろキャンプ