【LESSON8】バナーってどうやって作られているの?
ハロウィンバナーで解説!

今回は、

実際にバナーって
どうやって作られているのか?

についてお話しますね。

 

おそらくバナーを作ったことがない人は
バナーやPhotoshopって難しい
と思っていると思います。

もしかするとPhotoshopをやってみたけど、
挫折した人もいるかもしれません。

この解説を見ていただければ、
「こんなに簡単なんだ」と
思ってもらえると思います。

では、まず完成形からお見せします。

分かりやすくハロウィンのバナーです。

このバナー実は、
5枚の画像を重ねて作られています。

①背景:全面紫色一色の一枚の画像

②文字:「10月27日 ハロウィンパーティを開催♪」

③飾り付き文字:Happy Haloween

④写真素材:かぼちゃ写真

⑤丸の図形:紫の丸図形 二つ(角はカットしていません)

この5枚の画像を組み合わせると
ハロウィンバナーの出来上がりです!

どうでしょうか?

組み合わせると難しいように感じますが、
一枚ずつで見ると、大したことはしてません。

バナーによっては、
もう少し写真や絵の素材を入れたりするので、
画像はもう少し増えますが、
やることはこれだけです。

ちなみに1枚ずつの画像のことを
レイヤーといいます。

レイヤーは、「段」という意味で、
段を重ねて画像ができています。

これはPhotoshop独特の考え方なので、
レイヤーという言葉を聞くと、
わからないと思う方も
こうやって説明すればわかってくれます。

良いバナーを作るには、

  • 良いレイアウト
  • 良い配色
  • 良い素材選び

が必要になるので、この辺りは
ルールを学ぶ必要がありますが、
Photoshopの機能は、ほぼ基礎機能だけで
完成できます。

 

今回は、わかりやすく簡単なものしたんですが、
実際のお仕事になると
もっとデザインが必要にはなります。

ただ、
よくPhotoshopを覚えられない!
という方がいますが、

そういった方の共通点は、
分厚い参考書を1ページ目から
全部覚えようとします。

使わない機能を覚えても、
それは覚えられません。

全部覚える必要はないんです!

ソフトの使い方は最低限で、
デザインの仕方が重要ということを
わかっていただけたんじゃないでしょうか?

 

ということで、バナーの作り方はいかがでしたでしょうか?

 

もし自分でもやってみたい!と思った方は、
バナーレッスンの動画があるので
チャレンジしてみてくださいね。

【photoshop講座:まずは超基礎!
photoshopに慣れよう!】

【photoshop講座|photoshopでバナー作成・
バナーの作り方】

Photoshopのお申し込みはこちら
http://urx3.nu/swnuhttp://urx3.nu/swnu

※Photoshopは、月額980円(税込)で使用できます。
最初の7日間は無料で使えるので、
不要であれば無料期間内に
やめることもできます。

 

本格的にWEBデザインを始めたい
という方に向けて、

WEBデザイナーという働き方セミナーを
無料で開催しています!

無料セミナーでは、

  • WEBデザイナーが作るもの
  • WEBデザイナーのリアルな収入
  • 最短でWEBデザインを身につける秘訣
  • 仕事を取れるデザイナーとそうでない人の違い
  • WEBデザインで在宅、副業、フリーランスを叶えた事例

など、あなたの知りたいことに合わせて
進めていきます。

少しでも気になることがあれば
まずはボタンをタップして
詳細をご覧ください^^

\無料で開催してます!/