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

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

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

 

 

ブログ

スポンサーリンク

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

最新情報をお届けします

運営してる無料素材サイトIN MY LiFEに新たな提供者が!!!

現在までに3人の方に写真素材を提供いただいてきた、無料素材のIN MY LiFEですが、また新たに写真を提供いただきました。今回で4人目となります。 そして今回の投稿者は北海道の方でした。最近、個人的 […]

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

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

Facebookページを作りました

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

宮崎県の高千穂峡、天岩戸神社、天安河原宮に行ってきました【写真多め】

お盆の連休中に、宮崎県高千穂町にある高千穂峡、天岩戸神社、天安河原宮に行ってきました。宮崎の観光スポットとして有名な高千穂峡が9/6までライトアップされているという事で、ぜひ写真を撮ってみたく家族で出かけてきました。

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

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

はてなブログからWordPressに引っ越しました

本日2/27より約11ヶ月お世話になったはてなブログからWordPressに引っ越しました。 移行作業自体は27日の0:00に行ったのですが、多分移行は無事終わっているようでアクセスも新サーバーに来て […]

運営している素材サイトに新たな動きが...

今日、私が運営している無料素材サイトIN MY LiFEに新たに写真を追加しました。 バナーを張って頂いたり、ブログで使って頂いたり、ブログ上で紹介して頂いたり、皆様から力強いご協力を頂いているサイト […]

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

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

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

© 2017 PHOTO for LIFE