【Photoshop】オリジナルバナー設計からデザインまでの全手順

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ธ.ค. 2024
  • ▼今回のバナーの内容テキストになります▼
    docs.google.co...
    ▼▼▼▼▼
    【👇卒業がないWebスクールを運営中】
    ⇒オンラインでも受講できるよ!
    creators-facto...
    ▲▲▲▲▲
    ▼▼▼▼▼
    【🔥Webデザインの無料教材が使えます!】
    ★無料登録で利用してね
    torikumu.com/
    1. Photoshop基本操作
    2.デザイン基礎
    3.HTML/CSS基礎
    ▲▲▲▲▲
    ▼ LINE公式アカウント登録はこちら
    lin.ee/KIYOGk5
    【公式 X】
    学習に役立つこと発信しております。
    / mr54475519
    【公式Instagram】
    これからWebの学習を始めたい人は、ぜひフォローしてください。
    / creators_factory
    🔥🔥動画で学習できるコンテンツをアップしています🔥🔥
    ★めっちゃ分かるシリーズ HTML編★
    h • めっちゃわかるHTML/CSS講座
    ★WEBデザイナーになるためのデザイン基礎講座★
    • デザインの必要性と目的について【WEBデ...
    ★1DAYチャレンジ HTML/CSS編★
    • 【1日目】VSコードでHTML/CSSのコー...
    ★Web制作の流れについて学びたい方はコチラでシリーズ化しています★
    • 何のためにWebサイトはあるのか?
    タグ
    #Photoshop #バナー #Webデザイン

ความคิดเห็น • 27

  • @torikumu
    @torikumu  3 ปีที่แล้ว +5

    1:30 要件の確認
    2:05 素材の選定
    5:40 参考デザインの選定
    7:30 情報のまとめ(レイアウト)←ここからPhotoshopの操作

    • @sakamotusalt402
      @sakamotusalt402 3 ปีที่แล้ว

      非常にわかりやすいです!!ありがとうございます
      案件受注の初心者むけの動画や、納品方法について動画あげてもらえたら有難いです
      画面拡大や、マウスポイント、工程資料など工夫があり見やすかったです

    • @torikumu
      @torikumu  3 ปีที่แล้ว

      @@sakamotusalt402 ご視聴いただきありがとうございます!
      ご希望の動画も今後検討させていただきますmm

  • @Bananacountry
    @Bananacountry 8 หลายเดือนก่อน +2

    てっきりバナーとかの作成はIllustratorしかできないと思ってました。Photoshopでできるなら幅が自分の中では広がりました😊

  • @RK-vi5yz
    @RK-vi5yz 3 ปีที่แล้ว +6

    独学でのバナー制作で息詰まっていましたが、プロの制作の流れやテクニックがとても参考になりました。ありがとうございます。

    • @torikumu
      @torikumu  3 ปีที่แล้ว +1

      ご覧いただきありがとうございます!
      イチ参考としていただけると嬉しいです😊
      学習頑張ってください。

  • @neoroll
    @neoroll 2 ปีที่แล้ว +1

    バナーの作成で行き詰っていたのでとても参考になりました!
    落ち着いた声のナレーションも聞き取りやすくて良かったです。
    とても丁寧なご説明ありがとうございます。
    他の動画も拝見したいと思います。

    • @torikumu
      @torikumu  2 ปีที่แล้ว

      参考にしていただきありがとうございます!

  • @Chicchikicyee
    @Chicchikicyee ปีที่แล้ว +1

    手順がとてもわかりやすいです!
    ありがとうございます!

  • @みにさいず-k1z
    @みにさいず-k1z 2 ปีที่แล้ว +3

    ひとつひとつ解説があってとても分かりやすかったです!現在、初めてバナー制作してるので作り方など真似しながらやってみます☺️あと、他の動画でもありましたが中央寄せの時、焼き鳥みたいなやつって言うのが好きです!笑

    • @torikumu
      @torikumu  2 ปีที่แล้ว +1

      参考にしていただきありがとうございます!
      焼き鳥しか思いつきませんでした..

  • @tomit284
    @tomit284 3 ปีที่แล้ว +1

    プロに教えてもらったという実感がありました。ありがとうございます。感謝しています。

    • @torikumu
      @torikumu  3 ปีที่แล้ว

      嬉しいお言葉ありがとうございますmm

  • @pokepokeko2735
    @pokepokeko2735 2 ปีที่แล้ว +5

    イラレを長らく使ってきたものです。これまでずっと、フォトショはワークスペースが狭いしアートボードの複製ができなくて不便だなあと思っていたのですが、アートボードのところにチェックを入れていなかっただけだとこの動画を見て気づきましたw

  • @ちこ-m3c
    @ちこ-m3c 2 ปีที่แล้ว

    とても参考になりました!「こちらの」の説明の際カーソルの動きで追っていくので代名詞でないと更にわかりやすいと思いました。

  • @laniakea7019
    @laniakea7019 2 ปีที่แล้ว +1

    こういう動画を探してたんです!
    とても参考になりました!
    ありがとうございました!

    • @torikumu
      @torikumu  2 ปีที่แล้ว +1

      ご覧いただき、ありがとうございました!

  • @nigirimesii
    @nigirimesii 8 หลายเดือนก่อน

    すげぇ

  • @mocomaro1223
    @mocomaro1223 2 ปีที่แล้ว

    はじめまして。
    バナー制作参考になりました。
    一点質問なのですが、スマートオブジェクト内で切り抜きをする際マスクをかける事もできますか?動画内であったようなレイヤーを複製して切り抜くのと違い、どちらの方が良いとかありましたら教えて頂きたいです。

    • @torikumu
      @torikumu  2 ปีที่แล้ว

      参考にしていただきありがとうございます!
      マスクは可能ですよ。
      通常と同じ用に可能です。
      どちらがいいか?ですが、切り抜きの用途だけならどちらでも変わりません。
      マスクする場合だと、あとで見せる範囲の微調整ができるので、切り抜いたあとに細かい編集をするならマスクのほうがいいと思います!

  • @ttyue9253
    @ttyue9253 2 ปีที่แล้ว

    こんにちは。初心者ですがバナーデザインを勉強しようと思い動画を拝見しました。
    動画13分あたりの元の写真のサムネイルを色調補正したらオブジェクトに反映するとなっていますが、同じことをしているのですがどうしても反映されません😭どうしたら反映されるようになるか教えてもらえませんか?

    • @torikumu
      @torikumu  2 ปีที่แล้ว

      こんにちは!
      この情報だけだと、いくつか可能性が考えられるのですが。
      動画内ではスマートオブジェクトに変更して、スマートオブジェクト内で編集しております。
      その際に「保存」しないと反映されません。
      他の可能性でしたら、調整レイヤーにしていないかですかね。。
      直接みないと細かいところまでわからないので、すみません。。

  • @tomo08125
    @tomo08125 3 ปีที่แล้ว

    はじめまして。
    WEBデザインの勉強を行っていて、転職系でオリジナルバナーを制作しようと考えていました。制作の流れや魅せ方について非常に勉強になりました。ありがとうございました。
    1点質問です。オリジナルの場合、キャッチコピーも自分で考える必要がありますが、なかなか良いワードが出てきません。最初は、コンペや他バナーの文言を真似して制作しても良いのでしょうか?
    真似た場合、ポートフォリオに掲載するのはNGでしょうか?

    • @torikumu
      @torikumu  3 ปีที่แล้ว +1

      参考にしていただきありがとうございます!
      キャッチコピーは、ケースにもよりますがクライアントとこちらで決める場合もありますし提案することもありますよ。
      大事なのは、貰っている情報が全てではないと認識して提案の意識を持つことかなと思っています。
      コンペの場合は、会社名や特定できるような文言がある場合はNGですが。
      わからないように変更すればOKかと思います。

    • @tomo08125
      @tomo08125 3 ปีที่แล้ว +2

      @@torikumu
      承知致しました。
      ご丁寧にありがとうございます!まずは作ってみます。

  • @teamilk7704
    @teamilk7704 3 ปีที่แล้ว

    アートポート外に画像を貼り付けたら画面が点滅し、正常に表示されず困っております。

    • @torikumu
      @torikumu  3 ปีที่แล้ว +2

      状況が正確に把握できませんが、
      ①もう一度アートボードを正しく作成し直す
      ②画像を完全にアートボードの外に出す
      ③PCの再起動 / ツールの再起動
      一度お試しください。