03 バナー作成講座 背景に写真・さくら吹雪のブラシ

目次

在宅・フリーランスになるためのバナー作成講座

Webサイト制作で必要な要素のひとつ「バナー」今回は、Photoshop バナーで、背景に写真やイラストを設置してみます。

バナー作成講座の2回目で、キャッチコピーを入力して配置やデザインもきめたのですが、今から背景ですか?イメージくずれませんか?

そうですね。最初に背景から決めて文字を配置してもいいのですが、背景や色にとらわれると、コピー文そのものの効果とか強調性が決めにくくなるので、今回はあと回しにしてみました。

なるほど〜 いろいろな手段があるんですね。背景に惑わされそう〜

バナーの背景向きな写真

バナーの背景写真は、センターにテキストを入れる場合が多いので、フレームのように左右に写真要素があるものがよいですね。今回の動画もフレームのようなさくらの写真を使っています。画像は下記のサイトで無料の素材サイトを紹介しています。

あわせて読みたい
現役Webデザイナーがここは使える!写真素材サイトを紹介 Webデザインのお仕事をする中で、魅力的な写真素材は欠かせません。しかし、どの写真素材サイトを選べば良いのか迷うことも多いはずです。そこで、今回は現役Webデザイ...

さくら吹雪は、ブラシを使って

バナー作成は、時間勝負なところもあります。時間をかけて凝ったデザインをつくりたいのは山々ですが、そうはいっても量も作らないといけません。質と量は時間と反比例です。

今回は、Photoshop のブラシを使ってさくら吹雪を散らしてみます。

動画で使わせていただいたのは 小樽総合デザイン事務局さんのさくらブラシです。

在宅・フリーランスになるためのバナー作成講座3回目

今回は、背景に写真を入れ、色彩計画も写真に合わせた色に変更しています。

続きは動画でチェック!

この記事を読んで、もう少しサポートが必要な方へ

Web制作やデザインについて、学習のサポートから実際の制作まで承っています。
現在のお悩みに近い方をお選びください。

自分で作れるようになりたい方

HTML・CSS、JavaScript、PHP、WordPress、Figmaなどの学習や、制作中の課題についてサポートしています。

  • 「コードがうまく動かない」
  • 「デザインや制作物を確認してほしい」
  • 「次に何を学べばよいか相談したい」

といった段階でも大丈夫です。現在の状況を伺いながら、一緒に解決方法を考えます。

MENTAで学習サポートを見る

制作を依頼したい方

Webサイトの新規制作・リニューアル、WordPressの修正や運用、デザイン・コーディングなどを承っています。

  • 「何から相談すればよいか分からない」
  • 「まだ内容が具体的に決まっていない」

という場合でも問題ありません。ご希望やお困りごとを伺い、必要な内容を整理してご案内します。

サービス内容・料金を見る

この記事が気に入ったら
フォローしてね!

  • URLをコピーしました!
目次