突然ですがわたくしは仮面ライダーカブトのことだけを書くブログをやっており、そこで無駄な凝り性を発動させていちいちアイキャッチの画像とか作っているわけです
↑一万文字くらい書いたはいいけど自分で読んでて恥ずかしくなったから下げたジオウ感想記事より
↑カブトの感想を全話分書いてやるぞと意気込んで作ったものの書いてないから使い道のないパロディ
↑ちゃんと使った画像
ほぼ誰も読んでないブログなのにです
つまり趣味です
というわけなので今回はそのアイキャッチの作り方でも書こうかなと思います
作ろう
先ほどの画像は基本的に総てアイビスペイントで作っています。無料で使えるお絵描きアプリとして絶大な支持を誇るこのアイビスペイントですが画像編集ツールとしても優れており、フォント・素材・加工だけで*1上記のような感じの画像が作れます。
アイビスペイントの優れている点として、わざわざ探さなくてもフリーフォントがある程度DLされているという点がまずあります。
作りたい雰囲気に合ったフォントを選びましょう。なお今回は無難にヒラギノ角ゴを選びました。
文字を入れていきます。この時文字の大きさや揃え、縦横の間隔を設定しましょう。字が詰まっているのが好きなのと次の工程でバランスが良くなるように結構ギチギチにしてみました。
文字レイヤーはそのままでは編集できないので何も描いていない普通のレイヤーを作り結合します。パース変形というモードを使って縦や横に字を引き延ばしたり縮めたりします。例によって字が詰まっているのが好きなんで大胆に伸ばしてみました。
背景画像を読み込みます。今回作りたい画像だと実写画像を背景にしたほうが簡単なので実写の画像にします。京都で撮った画像にしてみました。
近所すぎる写真だと場所がバレる可能性もあるのでフリー素材とかでいいと思います
レンズぼかしという機能を使うと写真でよく見る玉ボケを簡単に作れるので今回はそれを使いますが、別に無加工でもほかの加工してもいいんじゃないかな
レイヤーの操作欄から合成モードというものを選びます。イラストとかにも使われるモードらしいですが自分の場合絵を描くときにはほぼ使わないのでどれにどういう効果があるのかは全くわかりません(自分語り)。いい感じになるのを探します。
今回はビビッドライトというモードで合成します(ついでにコントラストを強めてノイズも乗せた)。黒のままだと見栄えがしないのでいい感じになるように文字の色を変更します。
この文字色だと真っ黒のところが見えなくなるようなのでいい感じに調整します。クリッピングという下のレイヤーからはみ出さずに描けるようになるモードを使います。
完成！
そしてこのアイビスペイントというアプリの凄いところとして、
アイビスペイントが用意した画像素材が万単位で収録されているというところにあります。冒頭で乗せた画像はその素材を使いまくっています。
さっきの画像に白黒のビル群の画像を載せて合成してみよう！
完成！
ビルを除算で合成してから文字を反転に変えてみました
かっこいい！
もっと極端な感じにしてみた
いかがでしたか？
という感じでとても簡単なので、
みんなもブログにアイキャッチ画像をつけてみてねー
ばいばーい(ポロンちゃん)
books.mdn.co.jp
もっと真剣にやりたい！という人にはこの本がおすすめです
実際のアニメやライトノベルのロゴを取り上げ、ガールズ＆パンツァーなどのロゴのデザイナーへのインタビューや架空のロゴの作例なども収録されています
タイトルに萌えロゴと付いており実際内容もほぼ全てかわいい系のものですが題字デザインの基本を学べるのでかなり汎用性があります
わたくしも多大にお世話になりました
買おう！
*1:携帯の画像はフリー素材サイトから持ってきました
