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

Поділитися
Вставка
  • Опубліковано 9 чер 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: ua-cam.com/users/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
    ---------------------------------------------------------------
  • Навчання та стиль

КОМЕНТАРІ • 232

  • @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!

  • @sharkieislive
    @sharkieislive Рік тому +43

    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!

  • @nourabouhamdan490
    @nourabouhamdan490 Рік тому +24

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

  • @fromlankon
    @fromlankon 2 роки тому +8

    Nice job man 🔥 Love it 💙

  • @prathamesh2504
    @prathamesh2504 3 місяці тому +2

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

  • @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 👍

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

    Love it Man! Thank you so much.

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

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

  • @GermanSolorzano-vn8dd
    @GermanSolorzano-vn8dd 11 місяців тому +5

    Gran tutorial, muchas gracias!

  • @somelight18
    @somelight18 Рік тому +5

    You are such a blessing to this world!

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

    Thank you for the very useful tutorial☺

  • @dianacobar5219
    @dianacobar5219 3 місяці тому +1

    GREAT tutorial, thanks!!

  • @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

  • @nateabrown
    @nateabrown Рік тому +5

    Learned a lot in one vid. Nicely done 👍

  • @hrldias
    @hrldias 11 місяців тому +3

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

  • @loomonda18
    @loomonda18 4 місяці тому +1

    SO GOOD THANK YOU!

  • @emilianooliveira6117
    @emilianooliveira6117 25 днів тому

    Thanks for the tutorial! very helpful

  • @anlhur1304
    @anlhur1304 6 місяців тому +1

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

  • @beatrice4073
    @beatrice4073 Рік тому +13

    Why am i taking this major

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

    very helpful content thanks for everything

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

    Cool 🔥

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

    Purrfect

  • @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 ☺️

  • @FabioLuna-jj1yx
    @FabioLuna-jj1yx Рік тому +3

    Amazing tutorial, thanks bro!

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

    This is so good 🎉

  • @naufalhananto4652
    @naufalhananto4652 7 місяців тому +2

    youre a savior

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

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

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

    Muito bom!

  • @faysalahamed5347
    @faysalahamed5347 Місяць тому

    that's really amazing

  • @sadidislam394
    @sadidislam394 7 місяців тому +1

    thank you so much

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

    Thanks so much

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

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

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

    this is awsome, thank you.

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

    Thanks a lot. You helped me a lot! xD

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

    awesome♥

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

    thankyou so much! this helped me a lot

  • @lautarogonzalez6855
    @lautarogonzalez6855 9 місяців тому +2

    So cool, thanks sir!

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

    It is perfect to me. Thanks a lot

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

    Great tutorials

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

    great tnx

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

    love it !!! thank you!!!!

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

    thank you for this tutorial brou😍

  • @Takshvfx
    @Takshvfx 10 місяців тому +1

    Life saver

  • @Phunguyen-wq1ht
    @Phunguyen-wq1ht 2 роки тому +2

    Love your content so muchh

  • @maramsagheer3399
    @maramsagheer3399 3 місяці тому +1

    THANK youu

  • @Sherwin.Digital
    @Sherwin.Digital Місяць тому +1

    It's simple and wonderful, Thank you so much

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

    THNKS BROO

  • @AbdalwahhaabMtery-zm1fw
    @AbdalwahhaabMtery-zm1fw 5 місяців тому +1

    شكراً

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

    nice work

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

    You Are Amazing 💐❤️❣️💐❤️

  • @SHELLYT138
    @SHELLYT138 5 місяців тому +1

    Osum very helpful

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

    Thank You so much

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

    Thank you for real!!!!

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

    thanksss

  • @electricentertainment1
    @electricentertainment1 7 місяців тому +1

    Extra Cool😎😎😎😎

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

    Good job

  • @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😅

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

    Thq

  • @EiraLorvikk
    @EiraLorvikk 2 місяці тому

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

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

    Thanks so much for tNice tutorials ssage

  • @ashinzanaka6662
    @ashinzanaka6662 11 місяців тому +1

    Very Good

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

    very very nice man

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

    Tq sir ..

  • @digote.art.
    @digote.art. Рік тому

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

  • @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.

  • @kingsgames70
    @kingsgames70 8 днів тому

    you are amazing my friend but if i cann't afford the project file fee is is there anyway to have it ?

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

    perfect
    \

  • @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.

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

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

  • @luqman.t3134
    @luqman.t3134 Рік тому +2

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

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

    wow

  • @pedrocauan676
    @pedrocauan676 7 місяців тому +1

    tu é pika mano

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

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

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

    How do you even pre-compose? im stuck there

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

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

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

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

  • @snarecan6666
    @snarecan6666 11 місяців тому +1

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

  • @adrikasaha4877
    @adrikasaha4877 Місяць тому

    Please mention the Shortcut Keys you used!

  • @user-xb4ol7ux9k
    @user-xb4ol7ux9k 3 місяці тому +1

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

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

    How to make separated layer my png logo?

  • @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!

  • @ogbulivictorifeanyi149
    @ogbulivictorifeanyi149 11 місяців тому +1

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

  • @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 😊

  • @kettlebellwafer
    @kettlebellwafer 11 місяців тому +2

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

  • @hiteshsinghrajpurohit9284
    @hiteshsinghrajpurohit9284 11 місяців тому +1

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

  • @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 UA-cam. You can check them out.

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

      @@Logoanimationservice thanks alot. Blessings!!!

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

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

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

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

  • @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

  • @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

  • @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

  • @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

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

    Thank you! This might have saved me hundreds of dollars hiring someone to do this for me. Can I use the same instructions with a vector graphic from photoshop? It's a PSD file.

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

      You're welcome dude.
      Yes you can use PSD or any other files too, keep in mind you need to separate each layers✌️❤️

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

      @@Logoanimationservice - I did it! Thanks again!

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

      ​@@scienceofsound That's great😍😍You're welcome

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

    Everything works fine until I do the offset part with the letters. Every time I frame each letter, the letters only disappear and don't move a bit later than the first letter... I hope you could understand what I mean, since my first language isn't English haha

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

      Hey, thanks for watching the video. Actually, I can't understand what's your problem here. Do you duplicate the layer and masked each letter? and after this you want to offset the layer by a frame.
      if you can't fix the problem, you can directly message me and share the after effects file (:

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

      I am having the very same problem did you find a solution to it?

  • @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.

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

    What's the song on your intro here? And great tutorial, +1 sub :)

  • @taskobasevski4486
    @taskobasevski4486 4 місяці тому +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  4 місяці тому

      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.