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

今回は、

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

についてお話しますね。

 

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

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

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

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

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

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

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

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

③飾り付き文字:Happy Haloween

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

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

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

どうでしょうか?

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

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

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

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

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

良いバナーを作るには、

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

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

 

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

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

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

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

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

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

実は、WEBデザインをお仕事にするには
今日お伝えしたこと以外にも
重要なことがあるんです。

それを3時間で知れちゃう
セミナーを無料開催しています!

このセミナーでは、

  • お仕事を取れるデザイナーとそうでない人の違い
  • WEBデザイナーのリアルな収入事情
  • 現役デザイナーも知らない、本当に学ぶべきこと

これを知らないまま勉強を始めると、
「せっかく時間をかけたのに
お仕事が取れない、、、」
なんてことも。。

あなたにはそのようになってほしくないので
ぜひ参加してほしいなと思います。

ボタンをタップして、
まずは詳細をチェックしてみてくださいね^^

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

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

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

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

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

※Photoshopは、月額1078円(税込)で使用できます。
7日間の無料体験もあるので、
まずはインストールしてみるのもおすすめです!