2014-10-11 2014-10-04 2014-10-04 高品質なバナー広告を作る Web画像 参考ギャラリー バナーデザインアーカイブ バナーデザイン専門ギャラリーサイト | レトロバナー バナーデザインギャラリー バナーデザインデータベース コツ&レイアウト集 有名企業の事例から学ぶ!高品質なバナー広告を作るための「コツ&レイアウト」集 100種以上の自社広告運用でわかった!バナー広告クリエイティブ4つの基本 ディレクターなら知っておきたい「バナー広告制作の基礎知識」 バナー制作フロー 要素のバランスを見て適切なレイアウトを選ぶ 手描きのラフでレイアウトを決定 PC上で組むレイアウトはまずモノクロで 要素が多い場合は3~4カ所にグルーピング 文字組みも忘れずに 飛び先や商品イメージの色を抽出して使う 最後にもう一度モノクロにして視認性チェック バナー広告は潜在層向けのものであり、その人達に当事者意識を持たせて注意喚起をすべき。 詳しい話はランディングページに任せて、バナーではそのサービスから得られる最も解りやすいメリットについて訴求することにフォーカスする。 レイアウトパターン例 分割してレイアウト イメージを全面で使う イメージを並べて使うレイアウト イメージを敷き詰めたレイアウト 新米のwebデザイナーが作るバナー制作時のあれ、これ 新米のwebデザイナーが作るバナー制作時のあれ、これ(背景編) バナー制作時に参考になるバナーギャラリーのまとめ 演習-画像の一部を背景に馴染ませたい レイヤーマスク 素材 背景レイヤーの上に画像を配置します レイヤーマスクを追加 マスク内にグラデーション 描画色と背景色は「デフォルト」に設定する(小さいアイコンをクリックする) 「白」から「黒」の方向にドラッグする