About Masks -Creation, Editing, and Uses- [After Effects/Tutorial]

Поділитися
Вставка
  • Опубліковано 18 вер 2024
  • In this issue, we will introduce the mask function.
    A mask is a function that allows you to "cut off" or "hide" an area enclosed by a shape or pen tool.
    Masks are often used to remove unwanted parts of layers or video material.
    Masks are often used in live-action video, but let's take a look at how they are used in motion graphics, while checking each item of masks!
    What you can learn in this video↓↓
    ・Features and basic operation of masks
    ・Meaning of each item of mask
    ・What is mask mode?
    ・Wipe transitions using masks
    ・Combination of mask and text layer
    ・How to use a mask with a shape layer
    ・How to use Mask Paths
    ・Problems with masks and how to solve them
    ▶ Table of Contents
    00:34 What is a Mask? Creating a Mask
    01:41 How to edit a created mask
    03:16 How to delete a mask
    03:31 Creating wipe transitions with masks
    04:08 About mask modes (add, subtract, cross, difference, brighten, darken, none)
    05:55 About each item in a mask
    09:14 Text animation using masks
    11:39 How to create a mask on a shape layer
    12:19 Combining adjustment layers and masks
    12:58 How to align text with a mask path
    14:05 About path options
    15:17 How to turn a mask path into a motion path
    15:38 Problems with masks and how to solve them
    16:38 Ending
    --------------------------------
    🔧Twitter🔧
    / puttimw

КОМЕНТАРІ • 61

  • @user-xv7zd5pc7k
    @user-xv7zd5pc7k 2 роки тому +1

    勉強になるのと同時に話し方と声が可愛くて癒されます。

    • @PuttiMW
      @PuttiMW  2 роки тому

      ありがとうございます!
      マイペース更新ではありますが、今後もどうぞよろしくお願いします!

  • @AltLine.
    @AltLine. 2 місяці тому

    コメントは初ですがいつも拝見し勉強させていただいています。
    マスクでここまでできるということをわかりやすく説明いただいて感謝です。
    もっとマスク機能を使いこなせればやりたい表現ができそうだとわかり感動しています。
    これからもPuttiさんの活動を影ながら応援させていただき、背中を追いかけたいと思っています。

    • @PuttiMW
      @PuttiMW  2 місяці тому

      動画を見てくださり、コメントまでいただきありがとうございます!
      マスクは色々な場所で活躍する頼れる機能ですので、覚えておいて損はないですね!是非有効活用して見てください~
      今後もどうぞよろしくお願いいたします!

  • @Aquilonel
    @Aquilonel 6 місяців тому

    楽しいです。 どのトピックをどのように説明しようと企画するところから、クレバーで素晴らしいかたなのだと感じます🌟

    • @PuttiMW
      @PuttiMW  6 місяців тому +1

      ありがとうございます!!
      台本を用意したり、構成に気をつけて動画を作成していますので、お褒めいただき嬉しいです!

  • @tomei3
    @tomei3 2 роки тому

    レイヤーの種類別にマスクのかけ方が一発でわかりました。一番わかりやすい動画です!

    • @PuttiMW
      @PuttiMW  2 роки тому

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

  • @くろまる-l2m
    @くろまる-l2m 2 роки тому +1

    凄く有益な解説ありがとうございます!
    youtubeで色んな動画を参考にしていますが
    puttiさんの動画が一番わかりやすいです!

    • @PuttiMW
      @PuttiMW  2 роки тому

      動画を見ていただき、ありがとうございます!
      今後もどうぞよろしくお願いします!

  • @lab3422
    @lab3422 Рік тому

    マスク!できることたくさんあってとても良いですね!!
    マスク好きかもしれないです!!
    盛りだくさんの良い動画をありがとうございます!

    • @PuttiMW
      @PuttiMW  Рік тому +1

      いつもありがとうございます!
      マスクは便利ですね!
      エフェクトなどでもマスクを使用するものがいくつかあるので、今のうちに慣れてしまいましょう~!

  • @MASA-xk6gz
    @MASA-xk6gz 2 роки тому

    とても分かりやすかったです‼いつもありがとうございます☺

    • @PuttiMW
      @PuttiMW  2 роки тому +1

      いつもありがとうございます!!
      お役に立てて嬉しいです!!

  • @ムーヴィーヘンシュウ
    @ムーヴィーヘンシュウ 3 роки тому +1

    わかりやすいし、好きな声なんでスッと入ってくる。
    ちなみにレンチは鹿のツノを意識してますか?

    • @PuttiMW
      @PuttiMW  3 роки тому

      ありがとうございます!!
      鹿は意識していなかったですが、よく見るとシルエットが似てますねw

  • @hololive_maituki
    @hololive_maituki 3 роки тому

    今回も勉強させていただきました!
    シンプルでやりやすいのにオシャレで、なにより作ってて楽しかったです!

    • @PuttiMW
      @PuttiMW  3 роки тому

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

  • @ichiryu-kazuaki
    @ichiryu-kazuaki 2 роки тому

    昔地図上を矢印が動く動画を練習したのを思い出しました。
    色々繋がってるなぁ。

    • @PuttiMW
      @PuttiMW  2 роки тому

      矢印系のアニメーションは他にも色々と作り方あるみたいですね!今回のものはどちらかというと、基本的な作りからは外れているような気がします…

  • @pacho731
    @pacho731 11 місяців тому

    素晴らしいですね!これで関数や物理演算なんかも作れそうです!
    いやはや、マスクとペンツールってこんなに便利だったんですね。
    後質問失礼します。aftereffectを用いて三次関数や三角関数といった、関数のグラフを作りたいのですが
    それって、エクスプレッションなどを用いれば可能なのでしょうか?

    • @PuttiMW
      @PuttiMW  11 місяців тому +1

      いつもありがとうございます!
      学習スピードが早く驚いています笑
      マスクは割と困った際のお助けツール的な役割もあるので、覚えておいて損はない機能ですね!
      エクスプレッションは深く理解できていないので答えるのが難しいですね……すみません。
      エクスプレッションや、さらにAeを深く学習したい場合は、「After Effects Overdrive」さんのチャンネルを覗いてみることをオススメします。
      → www.youtube.com/@AfterEffectsOverdrive
      ピンポイントで三角関数についても動画を出されていましたよ!

    • @pacho731
      @pacho731 11 місяців тому

      @@PuttiMW 助かります!
      いやはや、コメント返信というのは非常に大変だといつも感じているのですが、毎回丁寧にコメント返しをしていただき、本当にありがたい限りです。

    • @PuttiMW
      @PuttiMW  11 місяців тому +1

      @@pacho731
      いえいえ!コメントを頂けることは嬉しいので気にせずコメントください~!!
      勉強する姿勢がとても素敵です!!

  • @とも太郎-b4s
    @とも太郎-b4s Рік тому

    最近あさAe始めなのですがとてもわかりやすくて素晴らしいです🌟

    • @PuttiMW
      @PuttiMW  Рік тому +1

      動画を見てくださり、ありがとうございます。
      朝Ae良いですね~!習慣にするのは大変かと思いますが継続できるとスキルアップ間違いなしですね!
      応援しています。なにか不明点などありましたら、お気軽にコメントください。

    • @とも太郎-b4s
      @とも太郎-b4s Рік тому

      @@PuttiMW チャンネル登録したので沢山コメントしていきたいと思います!
      まだ始めたばかりで分からないことだらけで挫折の連続ですが毎日少しずつ積み重ねていきます!
      励みになる言葉ありがとうございます!

  • @heat2719
    @heat2719 3 роки тому

    いつも素敵な動画ありがとうございます!:D
    Puttiファンです!

    • @PuttiMW
      @PuttiMW  3 роки тому +1

      ありがとうございます!
      期待を裏切らないように頑張ります!!!

  • @CNKgamemusic
    @CNKgamemusic 3 роки тому +1

    いつも有益なお話ありがとうございます!
    先生の解説テロップのデザインは自作ですか?
    番外編でテロップの作成のお話もしていただけたら嬉しいです!

    • @PuttiMW
      @PuttiMW  3 роки тому +4

      ご視聴いただきありがとうございます!
      解説テロップも自作ですね。こちらは、トラックマットやマット設定を活用することで作成できます。
      動画のテロップ作成のチュートリアルもアップしますのでお待ちいただけると嬉しいです!

  • @ポッポッポ-h7s
    @ポッポッポ-h7s 3 роки тому +1

    チャンネル登録させて頂きました!とても勉強になります!
    もし可能であれば教えて頂きたいのですが、正円のシェイプレイヤーをマスクに沿って動かしたいのですが、正円のシェイプレイヤーを選択した上で、ペンツールで軌道を書くと、マスクではなく、2個目のシェイプレイヤー?として追加されてしまいます🥲
    動画内では文字、矢印でしたが、シェイプレイヤーに適応させる方法はありますでしょうか?🙇‍♂️

    • @PuttiMW
      @PuttiMW  3 роки тому

      動画を見ていただき、さらにチャンネル登録までありがとうございます!
      説明欄の目次にも記載していますが、
      11:39​​ シェイプレイヤーにマスクを作成する方法
      こちらでは駄目でしょうか??一度試していただけると助かります。

  • @ズバズバブレード
    @ズバズバブレード 2 роки тому +1

    いつも勉強になります。
    質問なのですが、楕円形のマスクを徐々に拡大していきたいのですが、マスクのサイズを円形のまま拡大縮小できません。
    なにか方法があればおしえていただきたいです。

    • @PuttiMW
      @PuttiMW  2 роки тому +2

      円形を保ったままマスクのサイズを変更する方法は、選択ツールを選んでいる状態で、コンポジションパネル内にてマスクをダブルクリックします。
      するとマスクを編集できる状態にできます。
      そのあと、Shift+Ctrlを押しながらドラッグすれば円を保ったままサイズの変更が可能です。
      もしくは、レイヤーを展開し、マスクの中にある「マスクの拡張」の値を変更することでも、見た目上のサイズ変更が可能です。

  • @chimuu893
    @chimuu893 2 роки тому +1

    今回の動画も見させていただきました。
    今回のチュートリアルも作ってて楽しかったです。
    以前、ボールが落ちるアニメーションを作ったときは、位置を操作してペンで角度作ってという操作だったので、マスクパスコピペでモーションを作れるのがいいですね。 スゴイ時短になりますし、操作しやすそうです。
    それでは、次の動画に行ってきます( *´艸`)

    • @PuttiMW
      @PuttiMW  2 роки тому +1

      いつもありがとうございます!!
      順調に進んでいますね!
      何を作るかにもよりますが、マスクアニメーションも時短に繋がるケースがありますね。
      見極めつつ使っていきたい機能です!

  • @user-pv9jx7nd9v
    @user-pv9jx7nd9v 3 роки тому

    分かっているようで分かっていないことが沢山ありました(;_;)
    いつも勉強できて楽しい動画をありがとうございます!!時間が経つのがめっちゃ早いです😆

    • @PuttiMW
      @PuttiMW  3 роки тому +1

      ありがとうございます!!!
      基礎ということもあり眠くなりそうな内容ですが、そう言っていただけると嬉しいです!
      これからも頑張ります!!!

  • @Aquilonel
    @Aquilonel 5 місяців тому

    前回は コンサートの追い込み時期で座学のように拝見しましたが、今回は、実践してみてとても奥深い世界なのと「ナーンか楽しく転用できそう〜」と楽しい感じになりました。 今、新しいタスクの負荷をかけているので、夜中に眠くなりながらやっていたら、何度もやり直すハメになったので、眠い時はやらない方が良いみたいです😄 実践動画 ua-cam.com/video/-pjOac0_q_0/v-deo.html

    • @PuttiMW
      @PuttiMW  4 місяці тому +1

      いつもありがとうございます!!
      すみません…通知見逃していました……
      動画を試していただいてありがとうございます!イラストのスタイルと相まってとても良い仕上がりに見えました!!

    • @Aquilonel
      @Aquilonel 4 місяці тому

      僕も忘れてました 地味に使いがって次第ではカッコよく使えますね 返信無用です👼

  • @gydeax
    @gydeax 3 роки тому +1

    13:20あたりの矢印をパスに沿わせる動きは、テキストの矢印のお尻に合わせた四角をコピペ等をして繋いで作ったものを動かしています?そしてレイヤー名を変更した感じですか?

    • @PuttiMW
      @PuttiMW  3 роки тому +1

      動画を見ていただきありがとうございます!
      まさにその手順です!!

    • @gydeax
      @gydeax 3 роки тому

      @@PuttiMW
      Putti Monkey Wrenchさん、まあなんとなくと分かっていればいいやと思う基本的な事も含めてAEをよく理解されていて素晴らしいと思いますが、何をされている方なのかムッチャ気になります
      自分は今はadobe系を生業としていますが、番外編みたいな感じで、自分紹介動画を出して欲しいなあと思っています
      声質、日本語、レンチのリボン?、ムッチャ良いです!

    • @PuttiMW
      @PuttiMW  3 роки тому +1

      @@gydeax ありがとうございます!!
      私が学ぶうえで疑問に思ったことや躓いた箇所をもとに動画を作成しています!
      基礎的な内容がまだ残っているのですが、そちらが終わり次第、自己紹介やチャンネルのコンセプトなどもアップできればなと思ってます!!
      時間はかかりますが、気長に待ってもらえると嬉しいです。これからもよろしくお願い致します!

    • @reika3023
      @reika3023 Рік тому

      わからなかったところを解説していただき大変参考になりました。
      ありがとうございます。
      プッティさんもいつも素敵な声で分かりやすい動画、ありがとうございます。

  • @user-cv5py7fh2p
    @user-cv5py7fh2p Рік тому

    今回も勉強になりました!ありがとうございます!
    質問なのですが、motion toolsが突然使えなくなったり、長方形のマークの状態から楕円形のパスを作ろうとしても項目が一瞬出てすぐに消えてしまうといったことが頻繁に起こり、その度に再起動をしてとても時間がかかります。同じような現象が起きている方を見かけたことはありますか?もし解決方法をご存知であれば教えていただきたいです!

    • @PuttiMW
      @PuttiMW  Рік тому +1

      動画を見てくださり、ありがとうございます。
      不具合がでているようですね…
      motion toolsは私も急に動作しない場合があります。
      その際は一度パネルを閉じて、ウィンドウから再度Motion Toolsを立ち上げています。
      一度立ち上げただけではエラー文が表示されるときがありますが、またパネルを閉じて開くと復活したりします。
      「長方形のマークの状態から楕円形のパスを作ろうとしても項目が一瞬出てすぐに消えてしまうといったことが頻繁に起こる」
      こちらは遭遇したことがないですね…
      根本の解決にはなりませんが、長方形ツールから楕円形ツールへは「Q」を押すことで切り替え可能ですので、活用して見てください。

    • @user-cv5py7fh2p
      @user-cv5py7fh2p Рік тому

      @@PuttiMW 返信ありがとうございます!了解です😆活用させていただきます!

  • @Aquilonel
    @Aquilonel 5 місяців тому

    質問いいでしょうか?👼】マスクパスをテキストの文字列に適用すると、僕の場合、パスの下にテキストが配置されてしまうのですが、どうしたら上を滑るようにできますでしょうか? Illustratorみたいにできるのかな?と試しましたがうまくいかないのです。

    • @PuttiMW
      @PuttiMW  5 місяців тому +1

      テキストレイヤーの作成方法で変化しますね。作成後に選べるのかもしれませんが、わからないです。
      文字ツールを選択してコンポ内でドラッグして作成方法した場合と、クリックで作成した場合で変化します。
      お試しください〜!

    • @Aquilonel
      @Aquilonel 5 місяців тому

      ありがとうございます。 👼 あ 僕はコンポでクリックしてこさえましたね。 ドラッグでもやってみます。Ae って何がどう影響するのか 作り手によっても変わることが多くて「こうみたいよ」の集合知で乗り切るしかない感じは案外好きなんですけどね。 実験して「こうなのか」というのがわかったらご報告します🌟

  • @snissy2154
    @snissy2154 Рік тому

    3:11 この部分の操作のように、マスクを移動させて、マスクされている部分だけを表示させるアニメーションは、マスクでは不可能ですよね?トラックマットを使うしかないでしょうか?Photoshopを使い慣れていると、マスク=レイヤーマスクを思い浮かべますが、AEのマスクは実態としては切り取りみたいですね・・

    • @PuttiMW
      @PuttiMW  Рік тому

      質問内容ですが、マスクを動かしてアニメーションさせることはできるか?ということで合っていますでしょうか…?
      マスクパスにキーフレームを打つと、マスクのアニメーション自体は可能です。
      マスクはレイヤーに紐づいているので、マスクした個所を固定して、レイヤーそのものを移動させることは基本的には不可能です。
      こういう場合はトラックマットなどを使用します。
      個人的には、マスクは切り取りというより「隠す」という表現が近いと思っています。

    • @snissy2154
      @snissy2154 Рік тому

      @@PuttiMW ご回答ありがとうございます!質問わかりにくくてすみません。マスクを動かすと、最初にマスクを置いた位置の画像も一緒に動いちゃうので、マスク配下のレイヤーの画像もしくは動画は固定で、マスクを動かせないか?と思っていました。真っ暗闇に、スポットライトが色々な場所に動いて、犯人がちらっと映るみたいな?表現をしようとすると、マスクだとできないのかなと・・この次の動画でトラックマットも解説されている様子なので昨日見ました!もう一度見て勉強します。ありがとうございます!

    • @PuttiMW
      @PuttiMW  Рік тому

      @@snissy2154
      なにを表現したいかがわかりました!
      マスクのみを動かすことは可能です。マスクをダブルクリックすればマスク全体を移動させることが出来ます。
      マスクパスにキーフレームを打てばアニメーションも可能になります。
      ですが位置のように値での管理が難しいため、トラックマットの方がやりやすいかもですね!

    • @snissy2154
      @snissy2154 Рік тому

      @@PuttiMW 伝わってよかったです!できるにはできるんですね! 11:20 で解説されているように、テキストに対してはマスクでも位置の調整ができそうですが、シェイプに対してなど、中々直感的な操作で上手くいかない感じがありました。トラックマットの方が、初心者でも直感的に理解しやすかったです。場面に応じて使い分けてみます!ありがとうございます!

  • @gon282
    @gon282 Місяць тому

    12:08のマスクを作成がないのですが仕様が変更されたのでしょうか?

    • @PuttiMW
      @PuttiMW  Місяць тому +1

      動画を見てくださり、ありがとうございます。
      仕様変更はありませんので「マスクの作成」も問題なく表示されます。
      表示されないという理由で考えられることは、マスクを作成するためのツールが選択されていないからだと思います。
      動画のツールパネルに注目してください。「楕円形ツール」が選択されています。
      「楕円形ツール」はマスクを作成できるツールのひとつなので、「マスクの作成」のアイコンが表示されるようになります。
      お試しください。

    • @gon282
      @gon282 Місяць тому

      @@PuttiMW出来ました!ありがとうございました!