After Effects Tutorial | Pro Logo Animation with Gradient Stroke

Поделиться
HTML-код
  • Опубликовано: 13 июн 2024
  • In this exciting After Effects tutorial, join us as we dive into the world of motion graphics and learn how to create a stunning logo animation using the powerful toolset of After Effects. If you're a motion designer looking to enhance your skills, this tutorial is perfect for you!
    We'll guide you step-by-step through the process of creating a professional logo animation that incorporates the eye-catching effect of a gradient stroke. You'll learn how to apply this dynamic effect to your logo, giving it a visually striking and polished look.
    Throughout the tutorial, we'll cover essential techniques and tips that will elevate your motion graphics projects. By the end, you'll have a solid understanding of how to bring your logos to life with After Effects and create captivating animations that will leave a lasting impression.
    Don't miss out on this opportunity to level up your motion design skills! Watch the tutorial now and start creating stunning logo animations with gradient strokes in After Effects.
    📌 Free "Thicc Stroke" Plugin: aescripts.com/thicc-stroke/
    ✅ Watch My Course in Motion Graphics in AE:
    motionguru.net/motion-design-...
    🎓Tutorials related to this video:
    Bouncy Logo Animation: • Motion Graphics Tutori...
    Lettering Animation in AE: • Lettering Animation & ...
    Twist Animation In AE: • Motion Graphics Tutori...
    Showing Items in AE: • Motion Graphics Tutori...
    🚶 Follow me online: Linkedin: / jafarfazel
    FacebookGroup: / motionguru
    Instagram: / motionguru_net
    Behance: www.behance.net/jafarfazel
    📁 Project Files: motionguru.net/logo-reveal-gr...
    00:00 - Intro
    00:48 - Creating the Path
    01:25 - Making Gradient Stroke
    01:44 - Download & Install Free 'Thicc Stroke' Plugin
    02:29 - Setting the Plugin
    03:07 - Arranging the Colors
    04:36 - Animating the Stroke
    11:10 - Thinning the tail
    11:58 - Adding Layer Style
    12:31 - shining the tip
    14:28 - Final animation of the logo
    14:50 - Adding Text
    15:38 - Animating the Text
    #motiongraphicstutorial #aftereffectstutorials #logoanimation
  • КиноКино

Комментарии • 66

  • @JafarFazel
    @JafarFazel  11 месяцев назад +9

    Bounce Expression for the Text: 👇
    freq =2;
    amplitude = 200;
    decay = 6.0;
    delay = .08;
    myDelay = delay*textIndex;
    t = (time - inPoint) - myDelay;
    if (t >= 0){
    s = amplitude*Math.cos(freq*t*2*Math.PI)/Math.exp(decay*t);
    [s,s]
    }else{
    value
    }

  • @RahulYadav-yg6zh
    @RahulYadav-yg6zh 11 месяцев назад +3

    This is so far the best tutorial on this channel. Hands down. please upload more videos on logo animation in depth.

  • @machinebeat130
    @machinebeat130 11 месяцев назад +6

    I love the tempo you explain things in.. Very slow and easy to understand. You got some skills! Thanks for the great tutorial!

    • @JafarFazel
      @JafarFazel  11 месяцев назад +1

      You're very welcome!☺

  • @martishamerems
    @martishamerems 10 месяцев назад +1

    Thank you!

  • @Maninidu
    @Maninidu 11 месяцев назад +1

    I Think this is the 1st video in RUclips like this type of tutorial, intresting please keep doing

    • @JafarFazel
      @JafarFazel  11 месяцев назад +1

      Thanks a lot, glad to hear that.

  • @mdnaymulhaque4886
    @mdnaymulhaque4886 11 месяцев назад +2

    Thanks for the tutorial mate.

    • @JafarFazel
      @JafarFazel  11 месяцев назад +1

      Thanks for the comment!

  • @silverstuff5621
    @silverstuff5621 9 месяцев назад

    Thank you so much. I have learnt lot of new things.

    • @JafarFazel
      @JafarFazel  9 месяцев назад

      Glad to hear that.

  • @not.racist_
    @not.racist_ 11 месяцев назад

    thank you for the tutorial. 🖤

  • @ehsanna4237
    @ehsanna4237 11 месяцев назад

    زیبا و حرفه ای❤good job

  • @mohammedzohan6629
    @mohammedzohan6629 11 месяцев назад

    Insane tutorial

  • @RuchiraPrashan
    @RuchiraPrashan 11 месяцев назад

    Great Tutorial.!!

  • @mohammadarif1401
    @mohammadarif1401 5 месяцев назад

    Thanks so much Jafar Fazel❤💯

    • @JafarFazel
      @JafarFazel  5 месяцев назад

      You're very welcome!

  • @FocusK
    @FocusK 6 месяцев назад

    Every step is explained very clearly, really like your tutorials😊👍👍

    • @JafarFazel
      @JafarFazel  6 месяцев назад

      I'm glad that my tutorials were useful for you.☺

    • @Crumbs808
      @Crumbs808 4 месяца назад

      No it isn't. At around 1min he completely misses out how he makes the mask.

  • @motionanimation5529
    @motionanimation5529 11 месяцев назад

    Boss❤️

  • @hussamkh337
    @hussamkh337 11 месяцев назад

    You are awesome

    • @JafarFazel
      @JafarFazel  11 месяцев назад

      Thank you so much dude!

  • @Bezier_3
    @Bezier_3 3 месяца назад +1

    Can you tell me how to convert any stroke to mask path? Like I draw a bezier path just random how to convert it to mask path.

  • @ankursaha08
    @ankursaha08 11 месяцев назад

    GURUDEV 🙏

  • @usamaal-naimi2158
    @usamaal-naimi2158 3 месяца назад

    Is it possible to convert illustrator shape layers into the mask paths, so that you can apply the same Thicc Stroke Plugin?

  • @deadkit0
    @deadkit0 11 месяцев назад

    Do u have the plugin for mac?

  • @marco-vk7lw
    @marco-vk7lw 4 месяца назад

    Hi, great video tutorial! Can I please ask how you designed the logo in Illustrator? Which approach did you use? Did you use the shape builder tool or did you design it entirely with the pen tool ? Thank you!

    • @JafarFazel
      @JafarFazel  4 месяца назад

      Hi, thanks.
      I made it in After Effects and by the Pen tool.

  • @user-fq9vw4ip8s
    @user-fq9vw4ip8s 10 месяцев назад

    Why doesn't my ae have "extract" software?

  • @jaysonfontela5761
    @jaysonfontela5761 11 месяцев назад

    💖

  • @pixelkat1819
    @pixelkat1819 11 месяцев назад

    I was wondering if there is a way of highlighting an object in the window, like a shape layer, and then clicking something like a magnifying glass (like u can in Illustrator) which then highlights that object in the timeline and makes it viewable from a project with tons of layers.
    I’m sure I’ve not explaining it right…I have tons of layers in my timeline. I can highlight an object and then have the timeline roll up or down, making that highlighted object much easier to access without having to scroll and scroll the timeline up and down until I finally see the highlighted layer.
    I just learned Illustrator does this. I could highlight an object on the artboard, click the search/magnifier icon at the bottom of the layers palette and immediately that object was moved and made visible in the layers palette. I didnt have to scroll through tons and tons of layers until I finally saw the one highlighted.
    I was wondering if After Effects had anything like that. Would sure save time. Thanks.

    • @JafarFazel
      @JafarFazel  11 месяцев назад

      I often use the "labels color" and the "search box" above the layers to find the intended layers; Of course, using the "shy" option can help you find the layers quickly.

    • @pixelkat1819
      @pixelkat1819 11 месяцев назад

      @@JafarFazel so nothing available like what Illustrator has? To bad. I find it super helpful when there are tons of layers. Thanx

  • @qnviet5727
    @qnviet5727 11 месяцев назад

    ❤❤🎉

  • @maynorramos6924
    @maynorramos6924 Месяц назад

    deberias explicar más detallado por los que no sabemos mucho,

  • @sobenlay600
    @sobenlay600 11 месяцев назад

    hello brother , can you tell me how to download "Thicc Stroke" Plugin ?

    • @JafarFazel
      @JafarFazel  11 месяцев назад

      hi,
      aescripts.com/thicc-stroke/

  • @lateefkamal4052
    @lateefkamal4052 4 месяца назад

    hey why does my mask have jagged edges when i zoom in on it, not smooth like yours. Thanks any help appreciated

    • @JafarFazel
      @JafarFazel  4 месяца назад

      Hi, This is normal if you zoom in more than 100%.

  • @dinetdoang2521
    @dinetdoang2521 11 месяцев назад

    why doesn't work on my after effects, the mask is always none

  • @Askbroker
    @Askbroker 9 месяцев назад

    Do it for me I want animation logo

  • @Gabriel-dt8mh
    @Gabriel-dt8mh 4 месяца назад

    How can I export this animation in PNG? When I try export I see the color of solid...

    • @JafarFazel
      @JafarFazel  4 месяца назад

      I tried it too, but it was not a problem for me.
      Check a few things
      Hide background layers
      In Render Settings, Leave the photo format as PNG
      Set the channel to Rgb+Alpha

  • @btroodenburg
    @btroodenburg 3 месяца назад

    The animation goes from end to beginning. How do I change this?

    • @JafarFazel
      @JafarFazel  3 месяца назад

      By Reverse Path option

  • @dudecreations9144
    @dudecreations9144 11 месяцев назад

    Your pc specs bro?

    • @JafarFazel
      @JafarFazel  11 месяцев назад

      CPU: amd ryzen9 3900x
      Ram: 32Gb
      GPU: 6Gb

    • @dudecreations9144
      @dudecreations9144 11 месяцев назад

      @@JafarFazel Graphics Card name?

  • @user-fs4om2qe7s
    @user-fs4om2qe7s 3 месяца назад

    انت عراقي ؟

  • @sandeepbeniwal5172
    @sandeepbeniwal5172 5 месяцев назад

    Help me sir please

  • @nooshinca6326
    @nooshinca6326 4 месяца назад

    the plugin is not free

  • @Ousef_GH
    @Ousef_GH 6 месяцев назад

    حالا ما که ایرانیم اسکریپتو چه کنیم🥲

    • @JafarFazel
      @JafarFazel  6 месяцев назад

      ایرانی هام میتونن تو سایت ثبت نام کنند و دانلود کنند، خیلی راحت

  • @parsafeerozmandi7452
    @parsafeerozmandi7452 10 месяцев назад

    سلام فارسی حرف بزن داداش

    • @JafarFazel
      @JafarFazel  10 месяцев назад

      چشم، کانال فارسی رم دارم راه میندازم

  • @_rushilsharma_4362
    @_rushilsharma_4362 11 месяцев назад +1

    Hello sir do you use Instagram?