Dripping Liquid Text Effect - After Effects Tutorial

Sdílet
Vložit
  • čas přidán 20. 07. 2024
  • Be one of the first 500 people to sign up to Skillshare with this link and get a free 2-month subscription!
    ✖ skl.sh/moboxgraphics2
    To download this project file, consider becoming a sponsor on Patreon!
    / 34362060
    Music: www.epidemicsound.com/referra...
    In this After Effects motion graphic tutorial we are going to be taking a look at how to use the roughen edges tool to give letter a gooy liquid text effect that simulates a liquid effect. This liquid effect tutorial can be used to produce liquid shapes as well. Liquid text effect is accomplished through a 2d animation style where dripping liquid appears to be dripping from the logo animation.
    www.moboxgraphics.com
    ● Project Files - / mobox
    × Twitter - / moboxgraphics
    × Instagram - / moboxgraphics
    × Facebook - / moboxgraphics
    × Discord - / discord
    --------------------------------
    Our Gear:
    www.amazon.com/shop/moboxgrap...
    × Keyboard - Logitech G513 - amzn.to/2lNgyjq
    × Mouse - Logitech G402 - amzn.to/2lLYshJ
    × Microphone - Rode NT-USB - amzn.to/2lgudyZ
    × CPU - Intel i7 8700k @ 4.88GHz - amzn.to/2jQbfza
    × CPU Cooler - Corsair H100i v2 - amzn.to/2jOB2Yv
    × Motherboard - ASUS TUF Z370-PRO - amzn.to/2lNlfd3
    × GPU - Gigabyte GTX 1080 - Discontinued
    × RAM - 64GB G.Skill 3200 DDR4
    × Storage - 3 x 1TB Samsung SSD
    × Sound Card - ASUS Xonar DGX HD
    ---------------------------------
    Contributors:
    Mike Ridolfi × @MikeInHD
    Eli Prenten × @Twistereli
    Music: / moboxmusic
    Motion v2 Tool: www.mtmograph.com/motion/
    Adobe After Effects 2017 (AE 2017) is a digital visual effects, motion graphics, and compositing application developed by Adobe Systems and used in the post-production process of film making and television production. Among other things, After Effects can be used for keying, tracking, compositing and animation. It also functions as a very basic non-linear editor, audio editor and media transcoder.
    Editor's Note:
    Liquid letters in after effects uses the same techniques as any other liquid effects in after effects. The liquid effect does not require any plugins, therefore you can easily follow this liquid effect tutorial without any issues. Liquid after effects techniques all revolve around the same effect, roughen edges. Roughen edges gives after effects liquid properties, but is not a true liquid solution. However, it works beautifully for liquid letters tutorials, but really any liquid tutorial involving after effects. I hope you enjoyed this after effects liquid text video!
    #AfterEffects #tutorial #liquid #animation #mobox

Komentáře • 78

  • @moboxgraphics
    @moboxgraphics  Před 7 lety +3

    🔥🔥 For project downloads go support us on Patreon!
    www.Patreon.com/MOBOX

  • @llmotion-aftereffectstempl2721

    Nice tut :) If you want the word "H" clear without effect, don't apply roughen edges on the precomp and don't create precomp. Simply add adjustment layer over all shapes layers and apply roughen edges on it. Text layer move over the adjustment and you are done

  • @thegreatmanzini8775
    @thegreatmanzini8775 Před 6 lety +14

    Hey Mike,
    I don't know if anyone has commented this yet, but to get the letter to look sharp after the drips I just ramped the border in "roughen edges" down to zero starting a few frames after the drips ended.

  • @digitaldadlife4043
    @digitaldadlife4043 Před 7 lety

    Thanks! Exactly what I needed! Clear, concise, and easy to follow. I'll tag this video when I upload my finished product.

  • @sindhumerugu
    @sindhumerugu Před 5 lety +2

    Loved the tutorial! It helped me a lot for my college project!

  • @mariavaleria7975
    @mariavaleria7975 Před 7 lety

    straight to the point, love you tutorials, thanks for share!!!

  • @Faceoverafaceofaface
    @Faceoverafaceofaface Před 8 lety +1

    Hey, amazing tutorial thanks. I just finished it, and I noticed that you can simply animate Roughen Edges border from, whatever number you got, to 0, and the letter will look sharp and clear :3. Thanks again.

  • @kaisuangkhaw460
    @kaisuangkhaw460 Před 7 lety

    i actually really love how it looks!

  • @daniaabu2250
    @daniaabu2250 Před 5 lety +1

    THANK YOU!! that was so helpful!

  • @animagix
    @animagix Před rokem

    beautiful, just what I needed. Thank you!

  • @Toucheverything
    @Toucheverything Před 8 lety +2

    Nice dude! i just learnt how to do 2d intros so that will be helpful :)!!

  • @TheQgamingChannel
    @TheQgamingChannel Před 7 lety

    Love your tutorials, I subbed also :) and left a like

  • @festivaldayfilms
    @festivaldayfilms Před 5 lety

    Great tutorial, thanks!

  • @pjladd9563
    @pjladd9563 Před 7 lety +1

    Perfect tutorial

  • @maxshi7887
    @maxshi7887 Před 8 lety

    Great, Man!!!!!! on such invisible place so light idea.....!!!!!))))))) just great

  • @grazdgfx
    @grazdgfx Před 8 lety

    that's what i've been waiting for

  • @dekentj95
    @dekentj95 Před 8 lety +1

    Nice tutorial, a 'tip' maybe for the H: you could just cut the H out of your pre comp and paste it above the pre comp in your Tutorial 20 comp. Maybe add the roughen edges but put it a little lower. I think that might result in a bit of a smoother result?

  • @spacob
    @spacob Před 6 lety +1

    8:12 if you turn "fractal influence" on the roughen edges effect down to 0, that might help the H stay sharp.

  • @drinner
    @drinner Před 7 lety

    yeah, your BG is legit!

  • @1anchit
    @1anchit Před 8 lety

    Perfect! Liked - Subscribed - In awe! :P

  • @techtut1527
    @techtut1527 Před 7 lety

    Great tutorial.

  • @synthsoul5660
    @synthsoul5660 Před rokem

    I appreciate this so much

  • @felipe6522
    @felipe6522 Před rokem

    Thank you so much! You're so cool!

  • @mdaamir251
    @mdaamir251 Před 8 lety

    hey nice tuto...this will be very helpful for my assignment ..again nice and keep upload this kind of trick ...now i m ur permanent subscriber.....

  • @dopespillcomics
    @dopespillcomics Před 8 lety

    Could you do a tutorial for animated camo background like complex news

  • @ZenithPictures
    @ZenithPictures Před 2 lety

    You're great, mate!

  • @aZnLy96
    @aZnLy96 Před 7 lety

    nice, thanks!

  • @CurdledShark8
    @CurdledShark8 Před 8 lety

    Amazing

  • @elfornix
    @elfornix Před 6 lety

    It's really good and amazing this tutorial, just one question, why you don't remove the H from the precompose and then put the H and the surface in the timeline or no???

  • @liquidbrick5916
    @liquidbrick5916 Před 6 lety

    Great help for me. Plus I learned more about AfterEffects! :-)

  • @ShaneeyLX
    @ShaneeyLX Před 4 lety

    Cool video the problem you are getting with the "fuzzy font" thats a syntax issue with how the font is when its used in AE I'm sure if you played around with different fonts or even vector png of a image of the "letter H" you will have more control over the "fuzzyness"

  • @TheKOBIO
    @TheKOBIO Před 8 lety

    you're the best :D

  • @Techwithsj
    @Techwithsj Před 8 lety

    Awesome ! But i wonder will it work if i convert an Image into an Object and try this ?

  • @arthurperry728
    @arthurperry728 Před 6 lety

    hey @MOBOX could you do a tutorial on melting text?

  • @ashrafabd2011
    @ashrafabd2011 Před 7 lety

    excelent

  • @FelippeCavalcanti
    @FelippeCavalcanti Před 7 lety

    nice effect

  • @sjoerddeboer6050
    @sjoerddeboer6050 Před 8 lety

    Your Videos are Presents

  • @nicksarts8925
    @nicksarts8925 Před 7 lety

    nice background where did you find it I want ittt

  • @chengryan2811
    @chengryan2811 Před 6 lety

    the shape layer will attach to the solid layer and it will be weird if i change its shape, can you tell me how to get rid of this?

  • @ayakusumoto5155
    @ayakusumoto5155 Před 5 lety

    please help!!!! When ever I try to change the scale of the rectangles there position gets moved? I don't know if I missed a step?

  • @thaaer_shaabo3130
    @thaaer_shaabo3130 Před 3 lety

    duplicate the comp and turn off roughness edge effect use square mask on it as alpha matte and gradually increase it opasite to reveal the orginal h character

  • @ziemniaczekdobrysmaczny4635

    WOW

  • @kaushambifilmproduction

    Nice

  • @NareshKumar-ht6bo
    @NareshKumar-ht6bo Před 8 lety +1

    Great..
    Can i just use a Logo instead of H?

  • @rustamhakimi8197
    @rustamhakimi8197 Před 8 lety

    Mike, can you write the name of the music, PLEASEEE

  • @drinner
    @drinner Před 7 lety

    also, what's the name of the song? I clicked on the link but it just takes me to soundcloud, not the song.

  • @sreedharbalajee3463
    @sreedharbalajee3463 Před 3 lety

    How you getting new layers each time when a shape was drawn???

  • @ahmadsy4421
    @ahmadsy4421 Před 5 lety

    nice

  • @mauriciovagnersouza763

    what is name music ?

  • @Osamaalzeidi
    @Osamaalzeidi Před 8 lety +1

    روووعة

  • @Abzarmartchannel
    @Abzarmartchannel Před 5 lety +2

    it was very good tutorial but maby
    If it was a little slower than this, it would be better.
    thanks a lot MOBOX.

  • @MichaelBlanco
    @MichaelBlanco Před 8 lety

    60fps FTW!

  • @knowbodie9401
    @knowbodie9401 Před 7 lety

    vape naysh yall

  • @zezhang4881
    @zezhang4881 Před 5 lety

    where is align tool?

  • @ByFilippov
    @ByFilippov Před 4 lety

    Логотип Navalny Live?

  • @SweetLitzLM
    @SweetLitzLM Před 6 lety

    just fade out the roughen edges effect after

  • @barnaimre8107
    @barnaimre8107 Před 5 lety

    its not clear in the vid, when you scale the shapes u are using rectangle transform or the main transform scale, because the main doesnt seems to work, and its really frustrating after creating 70 shape layer

    • @barnaimre8107
      @barnaimre8107 Před 5 lety

      it works with the main transform, but shapelayers doesnt appears in the animation when I precompose

  • @fedor3000
    @fedor3000 Před 5 lety +1

    just dont include the H in the precomp

  • @shamirareddy754
    @shamirareddy754 Před 3 lety

    N i thought it was hard! Easy pesy

  • @Ace-ol3rp
    @Ace-ol3rp Před 8 lety

    wer did u get da wallpaper?

    • @moboxgraphics
      @moboxgraphics  Před 8 lety +7

      +Ace Adolfo I made it. Would you like a download link? goo.gl/photos/t4ZWCoXyFxt9iT38A

    • @Ace-ol3rp
      @Ace-ol3rp Před 8 lety +2

      +Mobox Motion Graphic Tutorials thank you so much! love ur videos!

  • @KokoRicky
    @KokoRicky Před 6 lety +24

    I find it extremely unhelpful how you will sometimes select something or perform a keystroke without saying what it is, and it becomes impossible, even with pausing the video, to determine what you did, forcing me to Google it, which kinda defeats the purpose of watching a tutorial. Otherwise, great content.

    • @moboxgraphics
      @moboxgraphics  Před 6 lety +1

      Sorry about that. If you give me a time stamp I may be able to walk you through better.

    • @KokoRicky
      @KokoRicky Před 6 lety

      It's okay, I figured it out. This was actually a very helpful tutorial, I was just stressed (as I tend to be when trying to figure out AE, lol), so I probably overreacted. I was confused about what Motion 2 is, since it doesn't appear to be a native plugin, and around 4:46 you automate keyframes but it's not clear what your keystroke was to do so.

    • @moboxgraphics
      @moboxgraphics  Před 6 lety

      No problem, I know the feeling

    • @scangirl100
      @scangirl100 Před 6 lety +3

      how did you figure it out, I'm stuck here too!

  • @aurisrecords3798
    @aurisrecords3798 Před 4 lety

    nice intro , i thought i entered the wrong site lmfao

  • @FanJapanStudios
    @FanJapanStudios Před 5 lety +1

    h

  • @ProDynamixTV
    @ProDynamixTV Před 7 lety +6

    That was very fast. Not very good for instruction.

    • @damiensiemer9780
      @damiensiemer9780 Před 5 lety +1

      I wonder if there's some way to pause the video and go back, so you can watch it at your own speed.

    • @arlflors6273
      @arlflors6273 Před 2 lety

      @@damiensiemer9780 LOL

  • @filipvabrousek6900
    @filipvabrousek6900 Před 4 lety

    Thank you! Great tutorial!