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の写真は色味を変えてたり、デザインが施されていたりする写真が多いです。

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

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

 

 

ブログ

スポンサーリンク

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

最新情報をお届けします

クリスマスって3月でしたっけ??

届きました!!ほしい物リストからすっごい物が届きました!!クリスマスでも何でもないのにプレゼントがっ!!!! プレゼントはしっかりとギフト包装され、メッセージまで!! 本当に嬉しくてたまりません!あり […]

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

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

【宮崎県日南市】鵜戸神宮に行って写真を撮ってきました【写真大量】

先日、宮崎県日南市にある鵜戸神宮に行ってきました。 海岸沿いにある有名なスポットで景色も楽しめるおすすめな場所です。  

ようやく記念すべき100記事目。すんごいミラクルが起きました!!

この記事でようやく100記事目を迎える事が出来ました。 投稿ペースが遅いので100記事まで時間はかかりましたが、1つの節目として目標にしていた100記事目を書く事が出来、嬉しい気分です。 そして、この […]

Facebookページを作りました

先日、「独自ドメインに変更しました」という記事内で、Facebookページで問題が有り上手く出来ないという事を書いてましたが、本日ようやく問題も解決し無事に公開出来たのでお知らせさせて頂きます。

【レンズ沼】カメラにまつわる「沼」の話【カメラバッグ沼】

カメラを始めると必ず出会う事になる「沼」。 一度ハマってしまうと無事生還する事が難しいと言われる沼は、大小含めると数百はあると言われています。(多分) 今回は、字面からマイナスなイメージ満載の「沼」に […]

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

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

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

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

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

© 2017 PHOTO for LIFE