バナー模写でPhotoshopの基本機能を覚えよう!

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ส.ค. 2024
  • 動画で使っている模写の素材写真はこちら⇒creators-factor...
    Photoshopの基本操作を作りながら覚えていくのは効率がいいです。
    わからない部分は、都度調べながら進めていきましょう。
    ▼▼▼▼▼
    【👇卒業がない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 #バナーデザイン #バナー模写

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

  • @user-ui5vs4mn1m
    @user-ui5vs4mn1m 3 ปีที่แล้ว +18

    この動画のおかげでバナーが作れるようになりました!フォトショップど素人の為、初めの1つ目作りに5時間近くかかってしまいましたが...(笑)2つ目からは50分程度で出来て、バナー作り楽しい!と感じたのでこれから沢山のバナーに取り組みたいと思います♪

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

      ご覧いただきありがとうございます!
      初めは色々と覚えることも多く時間がかかりますが、数をこなせばスムーズになりますよ(^^)
      少しづつ頑張ってみてください!

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

    初心者用動画ありがとうございます。矢印で微調整がとてもありがたかったです。楽しく今後も作成してみます!

  • @ki2aco702
    @ki2aco702 4 ปีที่แล้ว +7

    webデザインを独学で始めましたが、調べてもよくわからず…。こちらの動画のおかげで初めてのバナートレースをすることができました。
    ぜひ、ほかのトレース方法も知りたいです。

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

      ありがとうございます!
      トレースでツールの使い方を覚えてください(^^)
      デザイン系の動画はまた追加しますね。

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

    ありがとうございました。とても聞きやすく、わかりやすかったです。

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

      ご視聴ありがとうございます!

  • @user-eh3ik5hf2c
    @user-eh3ik5hf2c ปีที่แล้ว +1

    初めてバナーを作りましたがとても分かりやすかったです!別の動画も参考にさせていただきます!

  • @omamemami1
    @omamemami1 4 ปีที่แล้ว +2

    Photoshopが苦手過ぎて、でもバナートレースから手を動かしてみようと思い、こちらの動画に辿り着きました。
    下の方と同じく、初めてバナートレースできました!!本当にありがとうございます!!!!

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

      バナートレースが出来たようで良かったです!
      引き続き頑張ってください\(^o^)/

  • @tetsu-nb6lo
    @tetsu-nb6lo 3 ปีที่แล้ว +2

    素晴らしいです。基本的なフォトショップの使い方を学びつつバナー模写も覚えることができました。

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

      参考にしてくださり、ありがとうございます!

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

    とてもわかりやすい解説ですね(^^) 今後も模写解説アップして頂けると嬉しいです!

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

      ありがとうございます!

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

    拡大してくれるの見やすくてわかりやすいです!

  • @user-dn7tp8yy3o
    @user-dn7tp8yy3o 4 ปีที่แล้ว +2

    アードボード外に見本画像を移動させると表示されないのですが、設定などありますでしょうか?
    とてもわかりやすい動画をありがとうございます。今後も参考にさせていただきます!

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

      ありがとうございます!
      アートボード外に表示されない場合は、新規作成の際にアートボードにチェックが入って無いまま作成したときにおこります。
      一度確認してみてください。

    • @user-dn7tp8yy3o
      @user-dn7tp8yy3o 4 ปีที่แล้ว +3

      チェックを入れると見本画像を表示することができました!
      アートボードの有無も良くわかっていませんでした。
      基本的なことを教えていただきありがとうございました。

  • @user-td3yq8og5f
    @user-td3yq8og5f ปีที่แล้ว +1

    わかりやすかったです!一つ気になったのですが、ストライプのパターンを作る時に、アートボードの大きさが縦横50ピクセルなのはなぜですか?🤔 パターンを作る時は適当な数字を入力しても後々レイヤースタイルで比率が変更できるからですか?教えていただけますと嬉しいです!

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

      今回のは特に理由はありません!
      繰り返しパターンなので初期値はあまり大きめに作らないように注意しているくらいですね。

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

    とてもわかりやすい動画ありがとうございます!
    矢印キーで1ピクセルずつ、ずらせるのと同様に、長方形などの図形を1ピクセルずつ、大きくするようなやり方とか、ご存知でしたら、教えていただきたいです!

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

      ありがとうございます!
      図形の場合は、属性パネルの数値から同じ用に矢印キーで操作が可能ですよ。

  • @tj-uw7un
    @tj-uw7un 3 ปีที่แล้ว +1

    18:00 1つのテキストグループで、文字サイズをそれぞれ変えたいものがあるときは、管理しやすいように縦横比率を変えるのは目から鱗です...!勉強になります!オブジェクトの整列をする際、すべて動いて整列になってしまうのですが、イラレで言うキーオブジェクトのような設定をしてから整列されているのでしょうか?

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

      ご覧いただきありがとうございます!
      参考になれば幸いです。
      整列ですが、グループ化して整列しているところですかね?
      特別処理はしていないので、多分グループ化だと思うのですが。。

    • @tj-uw7un
      @tj-uw7un 3 ปีที่แล้ว +1

      ​@@torikumu 返信していただきありがとうございます!なるほど。グループ化してから、整列してみます~!

  • @user-bb6jj3hx1p
    @user-bb6jj3hx1p 3 ปีที่แล้ว +2

    【選択とマスク】をクリック ⇒ OKボタンをクリックしても画像が切り抜かれて背景が赤になりません…(8:40前後)。OKボタンをクリックしてもまた女性の画像を選択した状態に戻ってしまいます。何か設定が間違っているのでしょうか><

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

      切り抜くだけなら、バックスペースキーでも背景を消せますよ。
      もし女性が切り抜かれる場合は、
      右クリック⇒選択範囲を反転⇒バックスペースキー
      こちらで切り抜けるかと思います!

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

    この動画とってもわかりやすかったので、Photoshopの機能解説とかを同じテイストでしてくれると嬉しいですー。

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

      ありがとうございます!
      今後の動画配信の時は、参考にさせていただきますmm

  • @user-vh2in5wk7k
    @user-vh2in5wk7k 3 ปีที่แล้ว +1

    わかりやすい動画をありがとうございます!
    最初の画像をドラッグアンドドロップする際にアートボードにぴったり配置されていましたが、私の環境ではアートボードの中央に小さいサイズで配置されました。
    ぴったり同じサイズで配置されるには何か設定が必要でしょうか?

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

      ご視聴ありがとうございます😊
      小さくなる場合は、アートボードが画像より小さい場合になります。
      アートボードの高さをかなり大きめにとって配置して、調整するといい感じになるはずです。

    • @user-vh2in5wk7k
      @user-vh2in5wk7k 3 ปีที่แล้ว +1

      ありがとうございます。
      返信いただいたように
      アートボードの幅、高さがpixel以外の単位になっていたのが原因でした。

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

    よかったのですが、長方形ツールで途中でパネルに属性というものがなくて迷いました。私のphotoshopは2021年のヴァージョンだからでしょうか?オプションバーに似たようなものが出ていたような気がします。後でもう一度チャレンジしてみます。

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

      2021年から属性の名前はなくなったので、ご確認ください。

  • @user-ec2sw7vy7t
    @user-ec2sw7vy7t 3 ปีที่แล้ว

    photoshop2021で動画の26:00くらいにペンツールで山なり > を描いて commandキーでオープンパスを閉じた後の操作が分かりません。> このマークを移動ツールで動かしたいです。調べても分かりませんでした。教えて下さい。よろしくお願い致します。

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

      ペンツールを、『シェイプ』ではなく、『パス』で書いている可能性があります。
      ペンツールを選択して、右上に設定項目があるので、一度ご確認ください。

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

      すみませんmm
      左上でしたmm

    • @user-ec2sw7vy7t
      @user-ec2sw7vy7t 3 ปีที่แล้ว +1

      @@torikumu ありがとうございます。
      シェイプで描きました。
      できました。
      ググッてもphotoshopの本を買って読んでも分からなくて困っていました。
      ありがとうございました😄

  • @user-lc6wl7nj3b
    @user-lc6wl7nj3b 3 ปีที่แล้ว

    女性を切り抜く際に切り抜けないんですけどなにか設定が違うのか人が悪いのか分かりますか?

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

      切り抜き方法はいくつかあるのですが、状況が予見できないのでなんともですが。
      今回の場合は、
      ①選択範囲がきちんと出来ていない
      ②選択範囲の反転をしていない
      ③上記の後に、慶したい箇所の処理をしていない(デリートやマスク)
      大体はこれになるかなと思います。
      これでも出来ないとなると、もう一度動画を見てやり直すことをオススメします。

    • @user-lc6wl7nj3b
      @user-lc6wl7nj3b 3 ปีที่แล้ว

      ありがとうございます!
      解決しました!
      追加で申し訳ないんですけど、横書き文字ツールでクリックしても黒い点しか出てこなくて
      文字が出てこないんですけどどーしたらいいですか?

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

      @@user-lc6wl7nj3b もう一度、やり直ししてみるといいかと思います!
      たま〜にそうなりますが、上手く行かない時は一度リセットしてやり直しましょう〜

  • @user-pk8pd1xv1h
    @user-pk8pd1xv1h 3 ปีที่แล้ว

    動画ありがとうございます!
    始めの方で、保存をする際にコマンドsを押しても何も出てこないのですが、何か原因ございますでしょうか。
    よろしくお願いします。

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

      ご視聴ありがとうございますmm
      多分ですが、自然と保存されているかと思います。
      ⌘+shift+sだと別名保存なので、パネル出てくると思います。

  • @mr.kgames4977
    @mr.kgames4977 3 ปีที่แล้ว

    すいません、最後らへんのペンツールで作った矢印みたいなのがどうしても三角形になってしまいます原因わかりますでしょうか?

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

      念の為ですが、ペンツールのモードはシェイプの確認をお願いします。
      その横に、塗りと線のパネルがあるのですが、線だけに色を付けてください。
      塗りの方は斜線(なし)になるようにおねがいします。
      多分ですが塗りにしているので、三角になるのかと推測していますので、お試しください。

  • @user-ql7cl1xh9q
    @user-ql7cl1xh9q 3 ปีที่แล้ว

    はじめまして。
    とても参考になりました!
    お聞きしたいのですが、バナートレースの時のレイヤーのサイズ設定はトレースするバナーのサイズに設定すると思うのですが、それが小さくて見辛い場合、単純にズームして大きくして作業するのでしょうか。それとも、バナーの2倍サイズ位に設定して見やすくして、完成したら、元のサイズに戻すという方法とかがあるのでしょうか?

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

      ご視聴ありがとうございます!
      基本的には等倍で作成し、細かい作業の時はズームにして作業しております。
      バナーは広告などで使用する場合、規定サイズがありますのでなるべく等倍をおすすめいたします。

    • @user-ql7cl1xh9q
      @user-ql7cl1xh9q 3 ปีที่แล้ว +1

      @@torikumu
      基本的な質問にもご丁寧にお答えくださりありがとうございました。
      大変助かりました!!

  • @user-zw8qh6vj9u
    @user-zw8qh6vj9u 3 ปีที่แล้ว

    選択とマスクを押した後にokボタンが出ませんでした。

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

    300x250のサイズで作成すると文字も画像も画質が荒れてしまうのですが原因わかりますでしょうか、、、?

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

      300×250のサイズは、そこまで大きくないので、拡大で見ると荒れて見えてしまいますね。
      等倍で見るとどうですかね?