Це відео не доступне.
Перепрошуємо.

How to use Masks - Adobe Animate CC Tutorial

Поділитися
Вставка
  • Опубліковано 16 сер 2024
  • Masks are an important part of every animators toolkit. This video covers how masking works in Adobe Animate and how you can use masks in your animation.
    -------------------------------
    Videos I mentioned
    -------------------------------
    Animating in Adobe Animate
    🎬 • Adobe Animate Basics I...
    Introduction to Symbols
    🎬 • Adobe Animate Basics I...
    Motion Tweens
    🎬 • How to use Motion Twee...
    Classic Tweens
    🎬 • How to use Classic Twe...
    --------------------
    Timestamps
    --------------------
    00:00 Introduction
    00:41 Creating and editing masks
    02:28 Masking multiple layers
    03:05 Animating a mask frame by frame
    04:09 Masking with Text
    05:31 Masking with Symbols
    07:04 Animating a mask with Tweens
    08:42 Animating the masked layers
    ----------------------------------------------------------------------
    Get a 30-day free trial of Adobe Animate CC
    ----------------------------------------------------------------------
    🖥 devonkong.com/a...
    -----------------------------------------
    Looking for more videos?
    -----------------------------------------
    Adobe Animate CC Tutorials
    🎬 • Adobe Animate CC
    ---------------------
    Social media
    ---------------------
    Instagram
    📷 / devonkong
    My Website
    🧑🏻‍💻 devonkong.com/
    Etsy
    🛒 www.etsy.com/s...
    Discord
    💬 / discord
    -------------------
    Disclaimers
    -------------------
    Links included in this description might be affiliate links. As an Amazon Associate, I may receive a small commission when you purchase a product with the links I've provided. There is no additional charge to you! Thank you for supporting my channel.
    #adobeanimate #masking #masks

КОМЕНТАРІ • 94

  • @greedonever
    @greedonever Рік тому +4

    I come back to this video every time I need to do a mask in Adobe Animate. Every time! I am glad it's here. Thank you.

  • @eightbitbert
    @eightbitbert 5 місяців тому +2

    Was trying to figure out how to make a scrolling background for only a certain section while trying to maintain a transparent background, and this just solved my problem. Thank you!

  • @stormytea351
    @stormytea351 3 роки тому +14

    Thank you so much Devon! This tutorial is exactly what I need to continue with a project where I was stuck. I greatly appreciate it and am excited to learn more of Animate with your videos!

    • @devonkong
      @devonkong  3 роки тому +6

      Glad I could help! Let me know if there's anything else you're stuck on in Animate, I'd love to solve every problem that exists

  • @JeezyToons
    @JeezyToons Рік тому +3

    Please continue making videos like this…
    It’s really helpful.
    Why did you stop??

  • @mousamighosh4113
    @mousamighosh4113 3 роки тому +8

    U are so underrated😩

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

    Best tutorial style on the internet. Clear, organized terrific instruction. You're a natural. Many many thanks

  • @IC4nia
    @IC4nia Рік тому +3

    Love your segments! Thanks for simplifying use cases

  • @RadioactiveVikings
    @RadioactiveVikings 2 роки тому +6

    Great tutorial! I always have to remind myself how to do this each time and your tutorial was super easy to follow along!

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

      Glad you found it helpful!

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

    hi Devan ! I hope you continue doin this video, it's help me alot with my assignment, thank you !

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

      That's great to hear! Let me know if you want me to make a video about something specific 💪🏼

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

    Thank you so much for the valuable information! I learned a lot. You deserve more subs and views Devon. Best wishes for you! 😊

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

    Great videos! watched them now for one hour and actually know how animate work! Great explain videos!!!

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

    Doing good job bro.. fully understand the concept 🤩

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

    i tought myself how to mask but was confused why I couldn't animate the masked object thank you for showing me how to

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

      Awesome! Glad to hear you're now a mask master 🧠

  • @dylka
    @dylka 3 роки тому +2

    Great explanation, thank you for sharing!

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

      Glad it was helpful!

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

    Subbed + liked. This is damn underrated.

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

      Appreciate the support 💜

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

    Fantastic tutorial, thats was exactly what i needed!

  • @budimanaji90
    @budimanaji90 3 роки тому +2

    Thank you so much for this tutorial..can't wait to see more..please make a tutorial about camera in animate

    • @devonkong
      @devonkong  3 роки тому +3

      Good idea!

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

      @@devonkong hello again..
      Can you make video about scaling when export to png secuence (from 720px to 1920px) :D..thank you

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

    very helpful brother
    nice work

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

    nice

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

    Thank you so much brother

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

      You're welcome BigDreamer 😴

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

    thank you!!

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

    wow masking is easier than i thought!

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

    thank you sir

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

      Thanks for watching!

  • @eazy.fax.official
    @eazy.fax.official Місяць тому

    Thankyou Kong

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

    The masks always shows the drawn object. Is it also possible to invert the mask, so it hides everything it covers?

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

    Thank you so much bro

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

    Thanks!

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

    How would I mask a motion guide? So that only the contents of the guide are shown

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

    Great video, thank you!

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

    Thank you so much

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

    i am used to After Effects and i hate Adobe Animate timeline. it looks so unconvinient. Thanks to you i am geting used to it

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

    very nice explained

  • @Roha-sStopMotion
    @Roha-sStopMotion 2 місяці тому

    you means tye second number motion tween is use in masking and unnasking

  • @WhyITravel.
    @WhyITravel. Рік тому

    Thank you. It helps !!

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

    Osm tutorial

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

    Thank you!!!

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

    I like your video animate but what app did you animate?
    Cuz im just making anime laugh
    So i tell you what is app do you use from animate because everyone has a android or Apple cuz mine is Android

  • @ravahkingss449
    @ravahkingss449 Рік тому +2

    Hello sir.
    I have a little question.
    When I do my roughs in Adobe animate on one layer, and later on do the clean up on another layer, HOW DO I HIDE THE ROUGH LAYER??????????.
    Because wen I press the hide button ( the eye on the timeline ), it hides the roughs, yes. But wen I use the test function to test out my animation, the roughs still appears.
    Even wen I create the final MP4 video, the roughs still appears.
    So how do I hide the layer completely. Do I use the masks function???

    • @Ostaaaa
      @Ostaaaa 8 місяців тому +1

      Hey ! I have the same problem... Did you find a solution ???? I searched everywhere, nothing

    • @ravahkingss449
      @ravahkingss449 8 місяців тому

      @@Ostaaaa I finally got it a while back after a lot of research.
      Set the rough layer as a guide layer. Then it can turn off when you do your clean ups.

    • @Ostaaaa
      @Ostaaaa 8 місяців тому +1

      So, in fact, we have to convert the mask and the masked layer in graphic, it's not clear 'cause, the preview doesnt let us see that the masked layer is raw (sorry for bad english)

    • @ravahkingss449
      @ravahkingss449 8 місяців тому

      @@Ostaaaa no masking.
      The layer you drew your roughs on , just turn it to guide layer. That's it

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

    you are awesome! thank you a lot!!!

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

    U are so good in animate CC

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

    thank you

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

    THANKS

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

    Thanksssssss!

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

    Can you tell me how to invert the mask?

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

      Unfortunately there isn't an 'invert mask' setting (there should be!)
      You'll just have to draw the mask inverted

  • @Nightowl-2k.
    @Nightowl-2k. 2 роки тому

    Thank you!

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

    any way to do gradient opacity mask, like a soft edge mask?

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

      Hmm, might need to use Movie Clip Symbols for that

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

    Hei man can u show how to sync those cool animation with a song or a music?

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

    yo cool sanks u , useful!

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

    Keep it up 👍

  • @user-wk6uy8fn6d
    @user-wk6uy8fn6d 5 місяців тому

    Is it possible to invert a mask?

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

    Which version of animate are you using??

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

    Thanx man ❤️

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

    You must magnify the cursor area.

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

    A tutorial about Color grading/shadows/ or animation background 😄😄

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

    Are you gonna do any videos about python ? BTW your videos are so informative and to the point. 👍🏻

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

      Thanks! If i did teach Python, I'd probably make a new channel for it - no plans to do that right now though

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

    Everytime i tried to do the mask my whole text and background vanished. I cant tell what im doing wrong.

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

      It's a bit hard for me to help without screenshots etc, but I've set up a Discord server for this purpose if you're still stuck: discord.gg/KvpVqKtx

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

    Hello dear friend, thank you very much for your good training. I wanted to ask that you also teach hand and foot animation. Thanks again.❤️

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

      Hi! What do you mean by hand and foot animation?

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

      @@devonkong Hi, I mean using bone tools

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

    yessss

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

    how to move mask with code? js

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

      I don't know, sorry 😅

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

    /helpful

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

    could you show how to make shading with masks?

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

      Great idea, I'll add this to my list!

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

    Hlw sir

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

    There is no way to reverse/flip/invert the mask! Lazy devs hope they read this and add the most basic of features that i cant beleive they dont have in this expensive piece of software!

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

    So far, Adobe Animate is one of the worst softwares in the world… I know After Effects, I know Premiere, but this is is just garbage… Hopefully it makes sense soon, or they drop an atomic bomb on it and start over, because so far… It seems that there is no sense to how anything works in the software! How do you invert the mask? Why would anyone want to trace everything but the thing they to delete? That’s so backwards!!! Can you tell I’m frustrated? LOL

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

      That's annoying! Maybe your After Effects project and Animate video have different frame rates?

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

      @@devonkong No no no… That’s not it. LOL I’m actually getting the hang of it, but it seems a little more quirky than AE. I made a T65 X-wing Starfighter!

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

      @@Kinetic_Animations hey that's super cool! Totally agree btw that Adobe Animate has lots of room for improvement, especially wiht little things like inverting masks
      I'm glad you're getting the hang of it though!
      PS. I think my reply was meant to post on a different comment, it doesn't make any sense haha

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

      @@devonkong XD LOL

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

    Thank you!!!

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

      Thanks for watching, have a nice day ✨