噂の『週刊誌』中吊り風バナーの『メイキング』大公開!

週刊誌風 バナー 作り方 完成図

 

 

きよち

きよち(@kiyoworks723)だよ、今日は朝から眠すぎヤバすぎ!きよちだよ。

 

昨日からそうなんですが…ここ2.3日睡眠不足ってわけじゃないのに、一日中超絶眠いきよちですこんにちは!!!

ちなみにあまりに眠すぎた今朝のわたしの図がコチラです↓↓↓ (2018/5/5 AM11時過ぎ)

眠い

 

面白いから(())ついついツイッターにあげちゃったところ↓↓↓

ガチで『愛の注意』を頂く35歳/(^o^)\←ダメすぎ

 

しゅみません…マジで今後は気をつけることを誓います!!!汗汗汗

 

気絶だったのかあー!そんなら仕方ヌ…って、いやダメだし/(^o^)\←35歳(())

 

というわけ(?)で↓↓↓

 

お待たせしました!『週刊誌風バナーのメイキング』公開だヨ、全員集合!!

 

 

メイキング記事を公開するきっかけは、約一週間前のツイッターでのやりとりでした↓↓↓

こんな具合に夜ポロっとつぶやいたところ、まさかの反響をいただく事に!

↓↓↓

↓↓↓

 

どひーーー!まさかの“読みたい”コール!!

 

本当に、需要やニーズってどこに転がっているのか、自分だけでは分からないものだなと痛感。

第三者の方からのお声って、色んな気づきを授けてくださるきっかけとなるので、本当に、ほんとうにありがたく思ってます(;;)

そういうわけで、今日はそんないつも絡んでくださる皆様への御礼のきもちもこめつつ、いったいどうやって“週刊誌風”バナーが誕生したのか、その背景を含めたメイキングを一挙公開しちゃいますーーー!

↓↓↓

 

 

メイキング1:『デザインの基礎』まずは“おおよその設計図”を起こそう!

色鉛筆

 

コチラの記事でも書いてますが、まずバナーでも何にしても、画像を作る前に、まずはだいたいでいいので“設計図”をおこしましょう!(^^)

 

 

ここではまず、設計図の元となる、“ホンモノの週刊誌の中刷り画像”を検索します。

Googleセンセイで『週刊誌 中吊り』画像検索すると・・・↓↓↓

 

週刊誌 中刷り 画像 検索結果

 

・・・どっばーーーーーーーーー!

出る出る、出てくる!めいっぱいの週刊誌中刷りの画像がたんまし・・・!

 

 

 

ここからイロイロ見た結果、某中刷り広告画像を参考とすることに。

こうして、構成の元となる画像のアタリをつけたら、次は画像のベース部分を作っていきます。

 

 

メイキング2:ベースとなる『背景色』を配置していこう!

 

週刊誌風 バナー 作り方 1

 

こんな具合に、キーとなる各ポイントの背景色を入れていきます。

 

色塗りポイント一覧
  • 記事の各見出し部分
  • 画像中央の表紙写真部分(ピンク)
  • 左はじ黒部分
  • 画像下部黄色ボーダー

 

きよち

いきなり文字から入れていくと、途中でつっこけ易いから、まずは背景の色を入れていきながら、段階を踏んで全体像をまとめていくとベターだよ! 

 

これで、画像作成の『下準備』が出来ました!ここからは、さらに細部を作りこんでいきます↓↓↓

 

 

メイキング3:ベース『背景色』部分に、更に文字を足すよ!

 

週刊誌風 バナー 作り方 2

 

背景色を入れた部分に、バランスを見つつ、更に文字を入れていきます。

ここ、実はデザインの中で重要なポイントです。

 

デザインというと、つい色や形にばかり、意識を向けてしまいがちですが、上手に模倣(真似る)には、ただそれっぽく表面をなぞるのではなく、その媒体の本質もつかめるよう、徹底的に『観察』することが大切。

 

だのでここでは、先ほどご紹介した『週刊誌中刷り広告』画像検索結果で、ほかの週刊誌のタイトルを複数見ながら、ゲスくキャッチーなタイトル(笑)になるよう意識して、今後のテキストを入れていきます。

 

きよち
ゲスさ、だいじ…ッ!!((←圧倒的“そこかよ”感))

 

 

更に、細かな部分のテキストを足していき↓↓↓

週刊誌風 バナー 作り方 3

 

 

表紙にアイコンを挿入するなど、装飾をしたら…↓↓↓

週刊誌風 バナー 作り方 4

 

雑誌のベースとなる“核の部分”が出来ました・・・!ヽ(´◇`*)ノ

さあ、まもなく完成間近!イッキに仕上げますよ~!↓↓↓

 

 

メイキング4:いよいよ最終段階!記事見出しを『ゲスく』入れよう!((笑))

 

週刊誌風 バナー 作り方 5

 

ベース部分に、いよいよ記事の大見出しを入れていきます。先ほど同様、しっかり『観察』していかにもな印象のタイトルを入れましょう。

理想は、ここの大見出しだけで、見た人が、『ん??何だって?』と思わず気にしてしまう、メッセージ性の強さを込めること。

 

きよち

小見出しナシでも、大見出しだけの時点で、雑誌内容の概要がザッと分かる状態が『いいね!』

 

さあ、いよいよ仕上げですー!↓↓↓

 

メイキング5:ゲス~い『小見出し』をスキマにみっちり詰め込もう!

 

 

とうとう仕上げ!大見出しに沿った内容で、ゲスい小見出しを作っては、せっせと隙間に詰め込んでいきましょう。

週刊誌感を少しでも出すために、テキスト部分は極力スキマをあけず、ぎっちぎちに詰め込むほうが、それらしく見えます。笑

 

というわけで、完成図を改めてご紹介!↓↓↓

 

 

週刊誌風 バナー 作り方 6

 

 

…じゃーーーーーーん!

 

きよち

…や、やっとできた~~~~~!!!ゼエゼエ((←メイキング疲れw))

 

ちなみに、雑誌『KIYOCHI』実際の中身はコチラ!↓↓↓

 

 

まとめ:デザインは『細かな行程』+『観察眼』の集合体!

 

 

そんなこんなで、今回の『週刊誌風バナー』メイキング公開、いかがでしたでしょうか?

 

デザインの完成図を見て、ドコがどんな風に出来あがるのか、一目で把握することはなかなか困難です。

ですが、どんなデザインでも、設計→観察→背景色→テキスト挿入と、地味で細かな『行程』を踏んで、徐々にデザインが出来上がっています。

メイキングを通じて、そのことを少しでも知っていただければ、嬉しい限り(^^)。

 

 

 

…ちなみにですが、

もし、『オレも、私も、週刊誌風バナー作ってみようかな…?』という方がいらっしゃったら、私の画像をガンガン『パクって』もらって構いませんので(※)、ぜひ挑戦してみてください!(※画像そのものの無断転用を除く)

※ 2018年7月26日追記

当バナーの模倣について一切禁止とさせて頂きます。

詳しくはコチラから

 

 

今回は(((も))) 長~~~~くなりましたが、ここまで読んでくださったアナタに愛を込めて…!!!ありがとうございます~~~~!(;▽;)((嬉))

 

きよち!

 

 

 

 

 

コメントを残す