Stroke Logo Animation in After Effects - After Effects Tutorial (Simple Logo animation)

Поделиться
HTML-код
  • Опубликовано: 28 май 2024
  • In this video, I'm going to showing you how to create Simple and easy logo animation using stroke technique. This After Effects tutorial is for both beginners and intermediate in Adobe after effects. #logoanimationservice #logo_animation_service
    I will be going through easy method and Not using any third party plugin for this video. After watching this video, You can create your own custom stroke logo animations.
    ▶Download the Logo (AI/vector file) and follow along with me.
    ▶Logo: drive.google.com/file/d/1dubH...
    ▶After effects Project file: logoanimation.gumroad.com/l/u...
    ______
    ▶Get a custom Logo animation from me
    WhatsApp: wa.me/917736820044
    Dribbble: dribbble.com/logo_animation
    Behance: www.behance.net/logo_animation
    Instagram: / logo_animat. .
    ----------
    ▶SUSCRIBE for more tutorials: ruclips.net/user/logoanimati...
    ▶Logo Animation tutorial playlist: • logo animation: After ...
    _______________________________________
    Contents/Steps in this video:
    00:00 - Introduction to Tutorial
    00:17 - Let's get started
    00:48 - Import Logo
    01:21 - Animating Icon
    06:36 - Animating Text/type
    09:21 - Adding effect
    10:14 - Final preview
    10:23 - Outro - Thanks
    ---------------------------------------------------------------
  • ХоббиХобби

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

  • @sharkieislive
    @sharkieislive Год назад +42

    5:00 if any beginner like me is also struggling from last hour to find this mode in their adobe then let me tell you this method of track mat is changed in new version of adobe you need to select stroke layer in the new mode option

    • @user-fh3eh9ly2y
      @user-fh3eh9ly2y 11 месяцев назад +2

      me too

    • @lbutler4965
      @lbutler4965 11 месяцев назад +5

      right click the area above your layers, select columns, and make sure "modes" is selected! There ya go :)

    • @gurvindersinghbmw
      @gurvindersinghbmw 8 месяцев назад +1

      Alpha Matt Strok Option Not show

    • @sharkieislive
      @sharkieislive 8 месяцев назад +1

      @@gurvindersinghbmw there is a alphamatt column you need to select the alphamatt layer from there

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

      @@lbutler4965 thank you so much for this 😅would have taken me an hour just to find that!

  • @user-rn7ww3sx6m
    @user-rn7ww3sx6m 11 месяцев назад +12

    I followed yout Step-byStep guide and achieved it! it was my first AfterEffects work ever! and thanks to you I am no longer scared of "messing around" with this software. Tnak you SO MUCH!

  • @nourabouhamdan490
    @nourabouhamdan490 Год назад +24

    This is more than an awesome, simple, and straight to the point tutorial, thank youu so much ❤️

  • @beatrice4073
    @beatrice4073 Год назад +13

    Why am i taking this major

  • @prathamesh2504
    @prathamesh2504 3 месяца назад +2

    Love your tutorial man keep helping us to make happy our clients !!!

  • @fromlankon
    @fromlankon 2 года назад +8

    Nice job man 🔥 Love it 💙

  • @mohamedaymanennachet8490
    @mohamedaymanennachet8490 Год назад +4

    Thank you so much for sharing this wonderful work, a huge fan

  • @kistudioo
    @kistudioo Год назад +4

    Love it Man! Thank you so much.

  • @GermanSolorzano-vn8dd
    @GermanSolorzano-vn8dd 11 месяцев назад +5

    Gran tutorial, muchas gracias!

  • @citlallinavarro4870
    @citlallinavarro4870 2 года назад +16

    I loved your tutorial , it helped me a lot!

    • @Logoanimationservice
      @Logoanimationservice  2 года назад

      Glad you liked and helpful for you, sure, I'll upload more contents soon as possible 👍

  • @mohammedfayzshafi342
    @mohammedfayzshafi342 Год назад +4

    Thank you for the very useful tutorial☺

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

    GREAT tutorial, thanks!!

  • @emilianooliveira6117
    @emilianooliveira6117 13 дней назад

    Thanks for the tutorial! very helpful

  • @lauracardenas2581
    @lauracardenas2581 Год назад +3

    What amazing tutorial, and the best part is that you’re using Microsoft and it doesn’t get freezing 😅

  • @somelight18
    @somelight18 Год назад +5

    You are such a blessing to this world!

  • @ThePr0Br0
    @ThePr0Br0 Год назад +1

    awesome tutorial, beginner friendly

  • @ro-xe4qu
    @ro-xe4qu 8 месяцев назад +4

    amazing tutorial, i love this so much. you're making my job easier. thankss

  • @kaguravf
    @kaguravf Год назад +2

    Bro your tutorials are the best! Appreciate it

  • @hrldias
    @hrldias 10 месяцев назад +3

    Thank you so much for creating great tutorials like this. Awasome.

  • @Sherwin.Digital
    @Sherwin.Digital 18 дней назад +1

    It's simple and wonderful, Thank you so much

  • @loomonda18
    @loomonda18 4 месяца назад +1

    SO GOOD THANK YOU!

  • @nateabrown
    @nateabrown Год назад +5

    Learned a lot in one vid. Nicely done 👍

  • @tvriya
    @tvriya Год назад +2

    awesomeeee, this was very helpful, thank you for sharing

    • @Logoanimationservice
      @Logoanimationservice  Год назад +1

      You're welcome. Subscribe for more and it's helpful for me too ☺️

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

    that's really amazing

  • @FabioLuna-jj1yx
    @FabioLuna-jj1yx Год назад +3

    Amazing tutorial, thanks bro!

  • @sadidislam394
    @sadidislam394 7 месяцев назад +1

    thank you so much

  • @epiphonekun5651
    @epiphonekun5651 Год назад +1

    thankyou so much! this helped me a lot

  • @ahmedgoudag7989
    @ahmedgoudag7989 Год назад +3

    very helpful content thanks for everything

  • @anitab9779
    @anitab9779 Год назад +2

    This is so good 🎉

  • @ZakiBekakra
    @ZakiBekakra Год назад +2

    I loved your tutorial ... thank's a lot

  • @avislibrary9698
    @avislibrary9698 Год назад +1

    Thanks so much

  • @oluwolejuwonemmanuel3382
    @oluwolejuwonemmanuel3382 Год назад +2

    this is awsome, thank you.

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

    love it !!! thank you!!!!

  • @lautarogonzalez6855
    @lautarogonzalez6855 9 месяцев назад +2

    So cool, thanks sir!

  • @naufalhananto4652
    @naufalhananto4652 7 месяцев назад +2

    youre a savior

  • @anlhur1304
    @anlhur1304 6 месяцев назад +1

    perfect. eline koluna taşağına sağlık abim

  • @lethihongnga2361
    @lethihongnga2361 Год назад +1

    It is perfect to me. Thanks a lot

  • @tizzayahya3470
    @tizzayahya3470 Год назад +1

    thank you for this tutorial brou😍

  • @EiraLorvikk
    @EiraLorvikk 2 месяца назад

    tysm! u saved my exam due to this EASY tutorial!!!!

  • @TheGeekLegend
    @TheGeekLegend Год назад +1

    Thanks a lot. You helped me a lot! xD

  • @atharvadeshpande6647
    @atharvadeshpande6647 2 года назад +3

    Cool 🔥

  • @Phunguyen-wq1ht
    @Phunguyen-wq1ht 2 года назад +2

    Love your content so muchh

  • @maramsagheer3399
    @maramsagheer3399 2 месяца назад +1

    THANK youu

  • @salmosampaio
    @salmosampaio Год назад +3

    Muito bom!

  • @TaherMontasser
    @TaherMontasser Год назад +1

    awesome♥

  • @BLACK_TIGER_OFFICIAL
    @BLACK_TIGER_OFFICIAL 7 месяцев назад +1

    Thank You so much

  • @waqasnadeem4725
    @waqasnadeem4725 Год назад +1

    nice work

  • @denzmadden3523
    @denzmadden3523 Год назад +1

    Great tutorials

  • @RickBomhof
    @RickBomhof Год назад +1

    do you have a tutorial for that LA intro logo this channel uses?

  • @bartslawinski8469
    @bartslawinski8469 Год назад +2

    Purrfect

  • @muhammadyameen4998
    @muhammadyameen4998 Год назад +2

    you are really helpful I am really glad that you helped me.
    I would like to make a follow up video
    Will mention you in there so that you retain your credit
    thanks

    • @Logoanimationservice
      @Logoanimationservice  Год назад

      You're very welcome 😉
      Subscribe for more logo animation techniques😅

  • @ghaazalasgari5632
    @ghaazalasgari5632 2 года назад +1

    great tnx

  • @the_wedding_wings
    @the_wedding_wings Год назад +1

    You Are Amazing 💐❤️❣️💐❤️

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

    Life saver

  • @Orb1tal
    @Orb1tal Год назад +1

    How did u have that smooth "Hi Everyone" animation at the beginning?

  • @chauhangugan
    @chauhangugan Год назад +1

    Please help, whenever I make a shape and put keyframes it dosent move according to what I have drawn it makes a circle with the starting point, plz help.

  • @kristamontesa220
    @kristamontesa220 Год назад +1

    what's the specs of your computer? My PC will lag when I use AE

  • @SHELLYT138
    @SHELLYT138 4 месяца назад +1

    Osum very helpful

  • @amirasabriart
    @amirasabriart Год назад +1

    Good job

  • @danielaa572
    @danielaa572 Год назад +2

    How do you even pre-compose? im stuck there

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

    Which app on Android can I use in place of adobe after effect

  • @faiqangra876
    @faiqangra876 2 года назад +6

    Your Content is amazing as I am a beginner in after effects please can share the squid game logo animation project file that would be very helpful to me.

  • @BrunaLopesInk
    @BrunaLopesInk Год назад +1

    Thank you for real!!!!

  • @joascavalcante332
    @joascavalcante332 Год назад +1

    thanksss

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

    Very Good

  • @aayushkarna6447
    @aayushkarna6447 Год назад +1

    Thanks so much for tNice tutorials ssage

  • @user-xb4ol7ux9k
    @user-xb4ol7ux9k 2 месяца назад +1

    Can you make a video how you worked on Adobe Illustrator.

  • @luqman.t3134
    @luqman.t3134 Год назад +2

    cannot find the fill option after selecting the pen tool . someone help please .

  • @xthetic.studios
    @xthetic.studios 2 года назад +16

    is this avnish parker what

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

    The Graf editor is way different to me can you help me? Thanks!

  • @sripalgoud4514
    @sripalgoud4514 Год назад +1

    How to divide my logo into
    Different layers for text,logo, background

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

    Please mention the Shortcut Keys you used!

  • @electricentertainment1
    @electricentertainment1 7 месяцев назад +1

    Extra Cool😎😎😎😎

  • @nareshbabuanga
    @nareshbabuanga Год назад +1

    Thq

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

    I can´t see the "alpha mate" option in the logo Icon. :(

  • @bilhon
    @bilhon Год назад +1

    very very nice man

  • @ajkerkhabar
    @ajkerkhabar Год назад +1

    How to make separated layer my png logo?

  • @digote.art.
    @digote.art. Год назад

    Thank you, Thank you, Thank you, Thank you, Thank you, Thank you !!!!!!!!!!!!!!!!!!!!!!!!

  • @AbdalwahhaabMtery-zm1fw
    @AbdalwahhaabMtery-zm1fw 5 месяцев назад +1

    شكراً

  • @peaceofsouls9164
    @peaceofsouls9164 2 года назад +1

    THNKS BROO

  • @LifeofClay
    @LifeofClay 2 года назад +2

    I love your video tutorial bro, but in drawing shapes, are you using the drawing pad gadget thing, i don't know what excactly they are called them. Used by autocad. Im struggling yo begin my logo drawing using mouse.

    • @Logoanimationservice
      @Logoanimationservice  2 года назад +1

      Thank you 💖, Actually I only used mouse to draw, it's hard when beginning in this software. But you can practice more with pen tool and slowly it will seems easy🙂

    • @LifeofClay
      @LifeofClay 2 года назад +1

      @@Logoanimationservice thanks a lot for replying my friend. Your tutorial truly motivated me. Keep it up. Have a great day 😊

  • @nuttycorns9705
    @nuttycorns9705 Год назад +1

    Hi, please how do I have separate layers for logo, background and text? Anyone can help. Thank you

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

    I have PNG logo file, unble to composition logo while importing the logo

  • @afzzorro
    @afzzorro 2 года назад +1

    Tq sir ..

  • @kettlebellwafer
    @kettlebellwafer 10 месяцев назад +2

    I wish tutorials would show the final effect at the beginning of the video

  • @nataliam.395
    @nataliam.395 11 месяцев назад +1

    Muito bom, thank u!! Helped a lot.

  • @user-no4dc1pl6u
    @user-no4dc1pl6u Год назад +1

    it was all good until i tried to animate a hard edge it became a shit please help with that

  • @adityachawla2357
    @adityachawla2357 Год назад +3

    the alpha matte stroke option is not showing in the track matte option on the logo what should i do ?? Please tell

    • @RayzinMedia
      @RayzinMedia Год назад +2

      Had the same problem. Right click above the layers and go to columns and activate mode. This should help.

    • @N_books
      @N_books Год назад

      ​@@RayzinMedia thanks

  • @kenzocromheecke152
    @kenzocromheecke152 Год назад +3

    Wonderful video. A huge help! Only one thing I'm still figuring out is to now export it... If I export it's two seperate videos. The logo video and the text video. Does anyone know to export it as one video? Thanks in advance!

    • @Logoanimationservice
      @Logoanimationservice  Год назад +2

      Hey , you just need to export the main comp😊

    • @nuttycorns9705
      @nuttycorns9705 Год назад

      Also please how can I have separate layers for one logo. Thanks all

    • @Logoanimationservice
      @Logoanimationservice  Год назад +1

      @@nuttycorns9705 I use Adobe illustrator to seperate the layers and save and import into after effects.
      There are tons of tutorial about that in RUclips. You can check them out.

    • @nuttycorns9705
      @nuttycorns9705 Год назад

      @@Logoanimationservice thanks alot. Blessings!!!

    • @nuttycorns9705
      @nuttycorns9705 Год назад

      @logoanimationservice please can you recommend any of these tutorials. Thank you

  • @erkathesign
    @erkathesign Год назад +1

    How do you prepare the AI file for AE?There's 3 layers logo,text,bg when opened in AE.but in AI only 1 layer.

    • @creativepointme
      @creativepointme Год назад

      you go to illustrator and put the text on a layer , then the icon on a separate layer. save as Ai

  • @niamhbrady7582
    @niamhbrady7582 Год назад +2

    6:27 When I try to get my logo to move back, it does but it disappears. It’s like there’s a cut-out of my logo and it like disappears behind it and idk what I did wrong

    • @Logoanimationservice
      @Logoanimationservice  Год назад +2

      I got it! That's because you doesn't followed the tutorial correctly :) 3:12 here I've duplicated the logo and 5:08 - I've animated the opacity here. I think you might missed this step.
      There is also an alternative way to fix this. you can parent the stroke layer to the logo layer.
      If you don't know how to parent layer check this out: helpx.adobe.com/in/after-effects/how-to/animating-with-parenting.html

  • @seikiei
    @seikiei Год назад +1

    Hello, I bought the AEP file on gumroad but either I don't know how to download it or the file isn't there, lol. Thank you!

    • @Logoanimationservice
      @Logoanimationservice  Год назад

      Oh sorry, my bad. the file was missing.
      I've updated and thanks for letting us know.

  • @mrperfectsa
    @mrperfectsa Год назад +1

    perfect
    \

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

    2:05 Hello man, please did you remove the position keyframe?

  • @kieranb7646
    @kieranb7646 6 месяцев назад +1

    How do you have 3 layers for the logo? Wondering how to do it in illustrator?

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

    what if the logo overlaps and it is not the same width, but somewhere is more wide, and than it split on three paths?

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

      If the logo overlaps, we have to split that layer and animate each, it's more complicated to show up in the tutorial, may be I will upload another video about it.

  • @pedrocauan676
    @pedrocauan676 7 месяцев назад +1

    tu é pika mano

  • @alighadimig1963
    @alighadimig1963 2 года назад +1

    wow

  • @fango1688
    @fango1688 Год назад

    I don't know why, but i haven't the panel "track matte" available and so i cant put the setting "alpha matte stroke", any solution?