After Effects Tutorial | Pro Logo Animation with Gradient Stroke

Фильм және анимация

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 Жыл бұрын

    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 Жыл бұрын

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

  • @machinebeat130
    @machinebeat130 Жыл бұрын

    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

    Жыл бұрын

    You're very welcome!☺

  • @martishamerems
    @martishamerems11 ай бұрын

    Thank you!

  • @mdnaymulhaque4886
    @mdnaymulhaque4886 Жыл бұрын

    Thanks for the tutorial mate.

  • @JafarFazel

    @JafarFazel

    Жыл бұрын

    Thanks for the comment!

  • @Maninidu
    @Maninidu Жыл бұрын

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

  • @JafarFazel

    @JafarFazel

    Жыл бұрын

    Thanks a lot, glad to hear that.

  • @not.racist_
    @not.racist_ Жыл бұрын

    thank you for the tutorial. 🖤

  • @JafarFazel

    @JafarFazel

    Жыл бұрын

    you're welcome!

  • @silverstuff5621
    @silverstuff562110 ай бұрын

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

  • @JafarFazel

    @JafarFazel

    10 ай бұрын

    Glad to hear that.

  • @motionanimation5529
    @motionanimation5529 Жыл бұрын

    Boss❤️

  • @RuchiraPrashan
    @RuchiraPrashan Жыл бұрын

    Great Tutorial.!!

  • @JafarFazel

    @JafarFazel

    Жыл бұрын

    Thanks!

  • @mohammedzohan6629
    @mohammedzohan6629 Жыл бұрын

    Insane tutorial

  • @JafarFazel

    @JafarFazel

    Жыл бұрын

    Thanks man!

  • @FocusK
    @FocusK7 ай бұрын

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

  • @JafarFazel

    @JafarFazel

    7 ай бұрын

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

  • @Crumbs808

    @Crumbs808

    5 ай бұрын

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

  • @ehsanna4237
    @ehsanna4237 Жыл бұрын

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

  • @JafarFazel

    @JafarFazel

    Жыл бұрын

    Thanks!

  • @mohammadarif1401
    @mohammadarif14016 ай бұрын

    Thanks so much Jafar Fazel❤💯

  • @JafarFazel

    @JafarFazel

    6 ай бұрын

    You're very welcome!

  • @hussamkh337
    @hussamkh337 Жыл бұрын

    You are awesome

  • @JafarFazel

    @JafarFazel

    Жыл бұрын

    Thank you so much dude!

  • @ankursaha08
    @ankursaha08 Жыл бұрын

    GURUDEV 🙏

  • @deadkit0
    @deadkit0 Жыл бұрын

    Do u have the plugin for mac?

  • @usamaal-naimi2158
    @usamaal-naimi21584 ай бұрын

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

  • @Bezier_3
    @Bezier_34 ай бұрын

    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.

  • @jaysonfontela5761
    @jaysonfontela5761 Жыл бұрын

    💖

  • @JafarFazel

    @JafarFazel

    Жыл бұрын

  • @marco-vk7lw
    @marco-vk7lw5 ай бұрын

    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

    5 ай бұрын

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

  • @qnviet5727
    @qnviet5727 Жыл бұрын

    ❤❤🎉

  • @JafarFazel

    @JafarFazel

    Жыл бұрын

    ☺🙏

  • @user-fq9vw4ip8s
    @user-fq9vw4ip8s11 ай бұрын

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

  • @pixelkat1819
    @pixelkat1819 Жыл бұрын

    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

    Жыл бұрын

    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

    Жыл бұрын

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

  • @Askbroker
    @Askbroker10 ай бұрын

    Do it for me I want animation logo

  • @dinetdoang2521
    @dinetdoang2521 Жыл бұрын

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

  • @sobenlay600
    @sobenlay600 Жыл бұрын

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

  • @JafarFazel

    @JafarFazel

    Жыл бұрын

    hi, aescripts.com/thicc-stroke/

  • @lateefkamal4052
    @lateefkamal40525 ай бұрын

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

  • @JafarFazel

    @JafarFazel

    5 ай бұрын

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

  • @maynorramos6924
    @maynorramos69242 ай бұрын

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

  • @Gabriel-dt8mh
    @Gabriel-dt8mh5 ай бұрын

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

  • @JafarFazel

    @JafarFazel

    5 ай бұрын

    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
    @btroodenburg4 ай бұрын

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

  • @JafarFazel

    @JafarFazel

    4 ай бұрын

    By Reverse Path option

  • @dudecreations9144
    @dudecreations9144 Жыл бұрын

    Your pc specs bro?

  • @JafarFazel

    @JafarFazel

    Жыл бұрын

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

  • @dudecreations9144

    @dudecreations9144

    Жыл бұрын

    @@JafarFazel Graphics Card name?

  • @user-fs4om2qe7s
    @user-fs4om2qe7s4 ай бұрын

    انت عراقي ؟

  • @sandeepbeniwal5172
    @sandeepbeniwal51726 ай бұрын

    Help me sir please

  • @JafarFazel

    @JafarFazel

    6 ай бұрын

    Whats the issue?

  • @nooshinca6326
    @nooshinca63265 ай бұрын

    the plugin is not free

  • @cheeemzu

    @cheeemzu

    4 ай бұрын

    it is...

  • @cordel_ringani

    @cordel_ringani

    4 ай бұрын

    100% free, no strings attached

  • @Ousef_GH
    @Ousef_GH7 ай бұрын

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

  • @JafarFazel

    @JafarFazel

    7 ай бұрын

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

  • @parsafeerozmandi7452
    @parsafeerozmandi745211 ай бұрын

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

  • @JafarFazel

    @JafarFazel

    11 ай бұрын

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

  • @_rushilsharma_4362
    @_rushilsharma_4362 Жыл бұрын

    Hello sir do you use Instagram?

Келесі