アイキャッチ画像のおつまみ。

おつまみでざいん。

制作チーム「アトリエ∞(インフィニティー)」所属、グラフィックデザイナーのwachico.(わちこ)です。

前回・前々回は記事本文が長尺過ぎてもうどうしようこの…この…! ってなった訳ですが(笑)、今回の「おつD」は何かサクッと軽めの話題を…と絞り出した、プチ「おつまみ」ネタ回です。

さて、当方ブログ記事のタイトル看板代わりにしているこの画像なんですが、正式には「アイキャッチ画像」と呼びます。

このHP内には、さまざまな筆者・さまざまな内容のブログ記事が載っています。記事毎にきちんとジャンル分けしていますが、タイトル一覧をぱっと見ただけでは、何の記事なのか伝わりにくい場合もあるかも知れません。そんな時、活躍するのがこの「アイキャッチ画像」です!

「アイキャッチ画像」に任意の画像を設定しておくと、それが記事タイトルの横に並んで表示されるようになります。つまり記事に合った画像を設定しておけば、その内容が一目で分かるし、気になる記事に辿り着きやすくなる。読んで字の如く「アイ(目を)キャッチ(掴む)」役割をしている訳ですね。

この考えを前提とした上で、自分の場合「更なる役割」を持たせることにしました。「ブログそのもののタイトル(看板)という役割」です。

多くの記事が並んでいる状況で、いかに「これは自分の記事(ブログ)だよ!」と見ている側に伝えるのか? 注目してもらうのか? その方法を考えた時、自分の今ある知識で出来て、余計な手間もなく、最も分かりやすいこと…それが「すべての記事に共通のアイキャッチ画像を使う」やり方だったのです。「同じ画像=同じ人の記事」ならば直感的に伝わりやすいのでは? と。初回投稿以降の記事タイトルを「〇〇のおつまみ。」に統一しているのも、同じような効果を狙っています。

それでは本題。今回はこの画像で大雑把メイキングを書いていきます!


1.レイアウト等のイメージラフを描きます。


2.キャラクターのラフを描きます。


3.Illustratorイラストレーターでラフをトレースします。


4.キャラに色を付けます。


5.背景とタイトルを作ったら…


6.完成!


……って大雑把過ぎるわ!!(笑)

という事で今回、Illustratorでの絵起こし〜完成までの画面をばっちり録画しておきました! ただ倍速でも尺が長いし読み込みも時間がかかるので…代わりに個人ブログ(tunblr)の方で後ほど公開させて頂きます! 公開後改めてこの記事にてお知らせしますので、今しばらくお待ちください。

※追記:公開できました! ↓コチラ↓

以上、閑話休題的な「アイキャッチ画像」のお話でした。背景のパターンが実はロゴと同じ配色だったりするの、気が付きました?

さて、ひとまず今回をもって「現時点で書きたいネタ」は喋り尽くしたかな? と思います。ので、次回投稿はけっこう先かも知れません。…とか何とか言いながら来週かもしれませんけどね(笑)。話のネタご提供もゆる〜くお待ちしております。

ここまでお読み頂きありがとうございました。
それでは、次回をお楽しみに!

2022.08.01

Follow me!

コメント

PAGE TOP