記事を探す方は全カテゴリーへ

おしゃれなブログ用アイキャッチ画像をパワーポイントで簡単に作成する方法

 

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

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

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

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

 

マクリン

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

 

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

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

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

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

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

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

そんなわけで今回の記事は「おしゃれなブログ用アイキャッチ画像をパワーポイントで簡単に作成する方法」について書いていきます。

 

弱小ブログでもSEO対策の基本で検索順位を上げる方法:ものくろキャンプ

WordPressブログのおしゃれな無料ロゴ画像作成ならLogo Maker

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

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

ということで、定番のPhotoPin。英語検索でブログに使っても大丈夫な画像をずらーっと出してくれます。

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

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

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

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

MEMO
青い帯で「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で画像検索して、作れそうな有料画像をパワポで作るのが、よくやる手法です。

あるいは本記事のように、画像に英語のテキストを組み合わせるパターンもなかなか使えます。こちらはパワポで画像挿入して、角丸四角形にテキスト編集するだけのシンプル作成です。

一工夫するだけで、ブログの個性を出しやすくなります。ふだんからパワポに慣れ親しんでおくと、いざというとき他にも応用できますから。

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

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

 

弱小ブログでもSEO対策の基本で検索順位を上げる方法:ものくろキャンプ

WordPressブログのおしゃれな無料ロゴ画像作成ならLogo Maker