BLOG ブログ このブログのアイキャッチ画像の作り方

このブログのアイキャッチ画像の作り方

ブログ

スポンサーリンク

id:varevoさんからブコメを通して質問いただいたアイキャッチ画像の作り方をご紹介したいと思います。

かっこいいとお褒めのお言葉を頂いたのですが、実はあまりたいした事をしていません。

フリー素材のかっこいい写真をダウンロードしてきて、その上にちょろっと文字を載せただけなので参考になるのか分かりませんが、ご説明させていただきます。

id:varevoさん。ブログネタのご提供ありがとうございます。

ブログのアイキャッチ画像の作り方

私の作り方は、それらしい画像にちょっと文字を入れる程度の事しかしていません。

記事を書くだけでも結構時間が掛かるので、画像制作には素材探しの時間も含め10~20分程度で出来る範囲で作ってます。

 

画像を用意する

Link無料の写真 – Pixabay

有名なサイトで色んな方が紹介されてるサイト「Pixabay」です。
ほとんどがこのサイトからダウンロードして利用しています。

たまには自分の写真を使ったりもしていますが、Pixabayの使用率は高いです。
ストックフォトのブログをやってるなら、自分で写真を撮って作れよと思うかもしれませんが、気軽にカッコいい写真が使えるのでついつい使ってしまいます。

 Pixabayは日本語で画像の検索も出来るので簡単に欲しい画像を探す事が出来ます。

 

フォントを用意する

カッコいい画像を見つけたら、こんどはテキストを乗せて行きます。

パソコンにいい感じのフォントが無ければこれも探します。

私がよく見ている所は「dafont.com」です。

LinkDaFont – Download fonts

ここは沢山のフォントがあるのは良いんですが、様々なライセンスのフォントがあるので気をつけなければいけません。

dafontでのライセンス等について詳しく書いてるので下記記事をよく読んでから使用しましょう。

Link【フォントの些事】第1回 インストールする前に確認したいフリーフォントの基礎知識 | 株式会社LIG

上記記事を読んでもよく分からなかったり、難しそうだと感じたら無理に新しいフォントを使わなくても、プリインストースされてるフォントでも十分だと思います。

 

ソフトを使って画像を作る

私はillustratorかphotoshopを使ってますが、あまり対した事はしてません。

文字に色や効果をつけたりもせず、ほとんど白か黒です。

あとは枠線を入れたりするくらいです。

このくらいならillustratorやphotoshopが無くてもフリーソフトで作れると思います。

 

これは本当に文字を乗せただけです。

文字もただの白文字で何の加工もしてません。文字の配置も白文字とこの画像だと左下しかはっきり読める場所が無かったのでこうなりました。

 

これはちょっと頑張っていろんなフォントを使ってみました。
これも白文字です。写真にもちょっとノイズをかけたり色味を変えたりしています。

 

これもよく見かけるパターンですが、黒の帯をひき、背景が透けるように半透明にしました。その上に文字を乗せています。

 

この方法も簡単で好きです。同じフォントなのですが、文字サイズを変えて左右の幅を揃えています。そして枠と横線を入れてみました。何か物足りないなと思ったときとりあえず線を入れてみたりしてます。

こんな感じでまとまると配置がしやすいように思います。

 

珍しく色を使ったパターンです。見えにくいですが青緑っぽい帯は抜き文字になっています。それにちょっと3本ラインを付けてみました。特に意味はないです。

 

私が作ってる画像はこんな感じです。

本当にシンプルにしています。時間がかかったり、技術が無かったりでたいした事は出来ません。

出来ないからというのもあるんですが、私はあえてフォントに色を入れたりフィルターかけたりという事はしないようにしています。

せっかく作るならちょっと凝ってみて色んな事をしたくなるんですが、色んな手法を取り入れると、パーツはいいけど全体的のバランスがズレてきたりします。そうなるとデザインの才能が必要になってくるので、シンプルにする事でごまかしてます。

細かいとこまで拘らなくても、ダウンロードしてきた写真がそのままでもカッコいいので、文字を入れただけでそれっぽく見えます。

 

私はこのアイキャッチ画像を作る事もあるし、ただ画像だけの時もあります。
ブログを書くとき、自分の部屋にあるメインのiMacを使う時は作ってるんですが、リビング等で古いmacbook proを使ってかいてる時には写真だけにしています。

古いのでphotoshopとか動かすときついんですよね。iMacだとソフトの立ち上げに3秒くらいでいいんですが、macbook proだと20秒くらいかかるし、動作も微妙です。記事を書くくらいなら全然問題ないんですけどね。

そんな理由で作ったり作らなかったりしてるんですが、作らない時でも写真は乗せるようにしています。なんかアイキャッチの画像がかっこいいとそれだけで記事が良さそうに見える気がして。

 

こんな事しか書けなくてすみません

こういう内容の記事はソフトをバリバリ使いこなして、詳しいチュートリアルを乗せる感じだと思うんですが、書けませんでした。

一応photoshopやillustratorを使ってはいるんですが、基本テキストを打ち込んで並べるくらいの事しかしてないんです。

ソフトは持っているけど最近はあまり使ってませんでした。でもせっかく持ってるし、ブログで使おうという事で作っています。

デザインは10数年くらい前に、地元でhip hopイベントをしたり、出たりしていて、フライヤーやチケットも作ったりしてました。Tシャツなんかも作ったりしてショップに置いてもらって販売したりとかもしてたので多少の経験はあります。
その経験があり、デザインというよりDTPオペレーターと言った方が良いかもしれませんが、デザインに近い仕事に就いた事もあります。

それがあるからhip hop好きのid:varevoさんの目に留まったのかは分かりませんが、少しでもブログに個性を持たせようとひっそり実践していたので、それを「かっこいい」と言っていただいたのは凄く嬉しかったです。ありがとうございます。

作成講座をご希望でしたが、私に書けるのはこんなものです。

あえて言えるのは

・Pixabayの写真はカッコいい!
・写真に白文字のせるとカッコいい!!
・フォントを変えるともっとカッコいい!!!

です。これが私のアイキャッチ画像の全てです。笑

無料写真素材のサイトは沢山ありますが、Pixabayの写真は色味を変えてたり、デザインが施されていたりする写真が多いです。

インスタ風に仕上がってるものもあり、写真だけで充分な素材が多いかなと思います。

なので加工はしなくてもおしゃれな感じの写真が欲しいという方にはおすすめです。

 

 

ブログ

スポンサーリンク

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

夜とカメラと職務質問

どうも、こんにちは。カメラも写真も大好きなストック(@stockphoto_info)です。 写真を撮りに出かけているとたまに警察の方から職務質問を受けます。 ネットを見ていると私以外にも職務質問を受 […]

2度目 amazonほしい物リストより商品が届きました!!

前回の100記事目でもほしい物リストから頂いたのですが、また匿名でほしい物リストより商品を頂きました。 商品自体は、多分金曜日くらいに届いていたのですが、仕事や連休の外出が重なり、自宅を空けていた為、 […]

しぶんぎ座流星群の撮影に挑戦してみた結果。。。

先日のブログにも書いた通り、1/3は三大流星群のひとつ、しぶんぎ座流星群のピークを迎えました。 私も撮影に出かけタイムラプスを撮ってきました。 その結果がどうだったのか。。。を今回の記事にしたいと思い […]

はてなブログのカスタマイズについて

今日は私がこのブログにしたカスタマイズの一部を紹介したいと思います。 過去にちょっとだけWEB制作に携わっていましたが、そんなに大きな案件をする様な仕事ではなかったため、出来る事は少ないんですが、色ん […]

写真は本当楽しい!でもマナーはちゃんと守りましょうね

この事は書く書かないか凄い迷ったんですけど、このブログで撮影方法なども書く事もあるので書く事にしました。 このブログで蛍の撮影や昨日書いた打ち上げ花火の撮影でもちょっと書いているんですが、良い写真を撮 […]

レンズが欲しい。サブカメラが欲しい。色々欲しい。

今日はいつもとはちょっと違う独り言的な記事です。そのため文章もいつもと違う感じですが気にせず流してください。 タイトルのまんまなんですけど、カメラを買って、ストックフォトを始めて、ブログを始めて、色々 […]

無料素材サイトIN MY LiFEを作ってみて

先日、私が公開した無料素材サイトIN MY LiFEの記事を書いた所、沢山のブックマークやシェアをしていただき、公開初日から沢山のアクセスを頂く事が出来ました。 皆さん、本当にありがとうございました。

【お知らせ】IN MY LiFEのバナー画像を作ってみました

先日作った無料素材サイトIN MY LiFEのバナー画像を作ってみました。 オープン初日から皆様のご支援を頂いているサイトですが、更に複数の方から「バナー画像があればブログに貼りますよ」とありがたいご […]

お問い合わせプライバシーポリシー

© 2017 PHOTO for LIFE