Webデザイン

【バナーの作り方】初心者向けにPhotoshopでの制作手順を1から解説

こちらは『画像編集ソフトPhotoshopを使ったバナー作り』の解説記事です。

バナー作り初心者向けに、その手順と作り方のコツを詳しく解説します。

 

この記事でバナー作りを学ぶメリット
  • 初心者でも真似できるバナーの作り方の手順が分かる
  • 素人臭くならないバナーが作れるようになる

 

Photoshopの使い方を学びたい方は下記をご覧ください。

【初心者向け徹底解説】画像編集ソフトPhotoshop(フォトショップ)の使い方

こちらは『画像編集ソフトPhotoshop(フォトショップ)の使い方』のまとめページです。 Photoshop初心者が1から体系的にPhotoshopを習得していく方法を解説しています。 この記事でP ...

続きを見る

 

オリジナルバナーを1から作る手順

以下の動画にてバナー作成の手順を解説しています。

かつてデザイナー養成用に制作した動画のため、「バナー制作の模擬依頼内容」を元にした解説になっています。

模擬依頼内容は「自分で作りたい画像の内容」に置き換えて考えることができると思うので、ぜひ参考にしてください。

 

動画内のスライド資料はこちらからダウンロードできます。

【動画の構成】

  • 0:45〜:バナー作成の5ステップ
  • 01:12〜:模擬依頼内容の説明
  • 03:30〜:ステップ1「構想を練る」
  • 09:35〜:ステップ2「参考を探す」
  • 22:00〜:ステップ3「設計図を書く」
  • 23:00〜:ステップ4「Photoshopで制作」
  • 24:00〜:ステップ5「最終チェック」
  • 26:15〜:模擬依頼内容の解説(※ここは見なくても大丈夫です)

 

【補足解説】

制作したバナーのデータはこちらからダウンロードできます。

 

関連記事

【優良サイト厳選】商用利用可かつ無料で使える素材サイト一覧

この記事では『商用利用可かつ無料で使える優良素材サイト』をまとめています。 一部クレジット表記が必要なものや有料のものも含まれるため、各サイトの利用規約を確認の上でご利用ください。   イラ ...

続きを見る

© 2022 デザインノウハウ倉庫 Powered by AFFINGER5