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

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.ค. 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: th-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
    ---------------------------------------------------------------
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 236

  • @user-rn7ww3sx6m
    @user-rn7ww3sx6m ปีที่แล้ว +13

    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!

  • @fromlankon
    @fromlankon 2 ปีที่แล้ว +8

    Nice job man 🔥 Love it 💙

  • @kistudioo
    @kistudioo ปีที่แล้ว +4

    Love it Man! Thank you so much.

  • @GermanSolorzano-vn8dd
    @GermanSolorzano-vn8dd ปีที่แล้ว +5

    Gran tutorial, muchas gracias!

  • @prathamesh2504
    @prathamesh2504 4 หลายเดือนก่อน +2

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

  • @dianacobar5219
    @dianacobar5219 4 หลายเดือนก่อน +1

    GREAT tutorial, thanks!!

  • @mohamedaymanennachet8490
    @mohamedaymanennachet8490 ปีที่แล้ว +4

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

  • @loomonda18
    @loomonda18 5 หลายเดือนก่อน +1

    SO GOOD THANK YOU!

  • @nourabouhamdan490
    @nourabouhamdan490 ปีที่แล้ว +24

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

  • @mohammedfayzshafi342
    @mohammedfayzshafi342 ปีที่แล้ว +4

    Thank you for the very useful tutorial☺

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

  • @atharvadeshpande6647
    @atharvadeshpande6647 2 ปีที่แล้ว +3

    Cool 🔥

  • @emilianooliveira6117
    @emilianooliveira6117 หลายเดือนก่อน

    Thanks for the tutorial! very helpful

  • @naufalhananto4652
    @naufalhananto4652 8 หลายเดือนก่อน +2

    youre a savior

  • @ThePr0Br0
    @ThePr0Br0 ปีที่แล้ว +1

    awesome tutorial, beginner friendly

  • @bartslawinski8469
    @bartslawinski8469 ปีที่แล้ว +2

    Purrfect

  • @somelight18
    @somelight18 ปีที่แล้ว +5

    You are such a blessing to this world!

  • @faysalahamed5347
    @faysalahamed5347 2 หลายเดือนก่อน

    that's really amazing

  • @sadidislam394
    @sadidislam394 8 หลายเดือนก่อน +1

    thank you so much

  • @avislibrary9698
    @avislibrary9698 ปีที่แล้ว +1

    Thanks so much

  • @anlhur1304
    @anlhur1304 7 หลายเดือนก่อน +1

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

  • @anitab9779
    @anitab9779 ปีที่แล้ว +2

    This is so good 🎉

  • @TaherMontasser
    @TaherMontasser ปีที่แล้ว +1

    awesome♥

  • @nateabrown
    @nateabrown ปีที่แล้ว +5

    Learned a lot in one vid. Nicely done 👍

  • @hrldias
    @hrldias ปีที่แล้ว +3

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

  • @ro-xe4qu
    @ro-xe4qu 9 หลายเดือนก่อน +4

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

  • @lautarogonzalez6855
    @lautarogonzalez6855 10 หลายเดือนก่อน +2

    So cool, thanks sir!

  • @oluwolejuwonemmanuel3382
    @oluwolejuwonemmanuel3382 ปีที่แล้ว +2

    this is awsome, thank you.

  • @antoandreotti9348
    @antoandreotti9348 4 หลายเดือนก่อน

    love it !!! thank you!!!!

  • @FabioLuna-jj1yx
    @FabioLuna-jj1yx ปีที่แล้ว +3

    Amazing tutorial, thanks bro!

  • @maramsagheer3399
    @maramsagheer3399 4 หลายเดือนก่อน +1

    THANK youu

  • @lauracardenas2581
    @lauracardenas2581 ปีที่แล้ว +3

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

  • @Takshvfx
    @Takshvfx 11 หลายเดือนก่อน +1

    Life saver

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

  • @kaguravf
    @kaguravf ปีที่แล้ว +2

    Bro your tutorials are the best! Appreciate it

  • @epiphonekun5651
    @epiphonekun5651 ปีที่แล้ว +1

    thankyou so much! this helped me a lot

  • @sharkieislive
    @sharkieislive ปีที่แล้ว +45

    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 ปีที่แล้ว +2

      me too

    • @lbutler4965
      @lbutler4965 ปีที่แล้ว +5

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

    • @gurvindersinghbmw
      @gurvindersinghbmw 9 หลายเดือนก่อน +1

      Alpha Matt Strok Option Not show

    • @sharkieislive
      @sharkieislive 9 หลายเดือนก่อน +1

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

    • @niamhheggarty3824
      @niamhheggarty3824 7 หลายเดือนก่อน

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

  • @ghaazalasgari5632
    @ghaazalasgari5632 2 ปีที่แล้ว +1

    great tnx

  • @ahmedgoudag7989
    @ahmedgoudag7989 ปีที่แล้ว +3

    very helpful content thanks for everything

  • @Sherwin.Digital
    @Sherwin.Digital หลายเดือนก่อน +1

    It's simple and wonderful, Thank you so much

  • @salmosampaio
    @salmosampaio ปีที่แล้ว +3

    Muito bom!

  • @ZakiBekakra
    @ZakiBekakra ปีที่แล้ว +2

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

  • @waqasnadeem4725
    @waqasnadeem4725 ปีที่แล้ว +1

    nice work

  • @lethihongnga2361
    @lethihongnga2361 ปีที่แล้ว +1

    It is perfect to me. Thanks a lot

  • @electricentertainment1
    @electricentertainment1 8 หลายเดือนก่อน +1

    Extra Cool😎😎😎😎

  • @tizzayahya3470
    @tizzayahya3470 ปีที่แล้ว +1

    thank you for this tutorial brou😍

  • @TheGeekLegend
    @TheGeekLegend ปีที่แล้ว +1

    Thanks a lot. You helped me a lot! xD

  • @ashinzanaka6662
    @ashinzanaka6662 ปีที่แล้ว +1

    Very Good

  • @amirasabriart
    @amirasabriart ปีที่แล้ว +1

    Good job

  • @denzmadden3523
    @denzmadden3523 2 ปีที่แล้ว +1

    Great tutorials

  • @BrunaLopesInk
    @BrunaLopesInk ปีที่แล้ว +1

    Thank you for real!!!!

  • @joascavalcante332
    @joascavalcante332 ปีที่แล้ว +1

    thanksss

  • @BLACK_TIGER_OFFICIAL
    @BLACK_TIGER_OFFICIAL 9 หลายเดือนก่อน +1

    Thank You so much

  • @SHELLYT138
    @SHELLYT138 5 หลายเดือนก่อน +1

    Osum very helpful

  • @EiraLorvikk
    @EiraLorvikk 3 หลายเดือนก่อน

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

  • @Phunguyen-wq1ht
    @Phunguyen-wq1ht 2 ปีที่แล้ว +2

    Love your content so muchh

  • @aayushkarna6447
    @aayushkarna6447 ปีที่แล้ว +1

    Thanks so much for tNice tutorials ssage

  • @AbdalwahhaabMtery-zm1fw
    @AbdalwahhaabMtery-zm1fw 6 หลายเดือนก่อน +1

    شكراً

  • @bilhon
    @bilhon ปีที่แล้ว +1

    very very nice man

  • @the_wedding_wings
    @the_wedding_wings ปีที่แล้ว +1

    You Are Amazing 💐❤️❣️💐❤️

  • @peaceofsouls9164
    @peaceofsouls9164 2 ปีที่แล้ว +1

    THNKS BROO

  • @beatrice4073
    @beatrice4073 ปีที่แล้ว +15

    Why am i taking this major

  • @nareshbabuanga
    @nareshbabuanga 2 ปีที่แล้ว +1

    Thq

  • @afzzorro
    @afzzorro 2 ปีที่แล้ว +1

    Tq sir ..

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

  • @digote.art.
    @digote.art. ปีที่แล้ว

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

  • @mrperfectsa
    @mrperfectsa ปีที่แล้ว +1

    perfect
    \

  • @alighadimig1963
    @alighadimig1963 2 ปีที่แล้ว +1

    wow

  • @pedrocauan676
    @pedrocauan676 8 หลายเดือนก่อน +1

    tu é pika mano

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

  • @kingsgames70
    @kingsgames70 หลายเดือนก่อน +1

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

  • @user-xb4ol7ux9k
    @user-xb4ol7ux9k 3 หลายเดือนก่อน +1

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

  • @adrikasaha4877
    @adrikasaha4877 2 หลายเดือนก่อน

    Please mention the Shortcut Keys you used!

  • @kettlebellwafer
    @kettlebellwafer ปีที่แล้ว +2

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

  • @RickBomhof
    @RickBomhof ปีที่แล้ว +1

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

  • @danielaa572
    @danielaa572 ปีที่แล้ว +2

    How do you even pre-compose? im stuck there

  • @Orb1tal
    @Orb1tal ปีที่แล้ว +1

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

  • @sripalgoud4514
    @sripalgoud4514 ปีที่แล้ว +1

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

  • @xthetic.studios
    @xthetic.studios 2 ปีที่แล้ว +16

    is this avnish parker what

  • @snarecan6666
    @snarecan6666 ปีที่แล้ว +1

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

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

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

  • @ajkerkhabar
    @ajkerkhabar ปีที่แล้ว +1

    How to make separated layer my png logo?

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

  • @ogbulivictorifeanyi149
    @ogbulivictorifeanyi149 ปีที่แล้ว +1

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

  • @kristamontesa220
    @kristamontesa220 ปีที่แล้ว +1

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

  • @nuttycorns9705
    @nuttycorns9705 ปีที่แล้ว +1

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

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

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

  • @shadowgamernl
    @shadowgamernl 6 หลายเดือนก่อน

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

  • @hiteshsinghrajpurohit9284
    @hiteshsinghrajpurohit9284 ปีที่แล้ว +1

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

  • @frenzy4951
    @frenzy4951 ปีที่แล้ว +1

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

  • @LordJiga
    @LordJiga 2 ปีที่แล้ว +1

    please i beg you do not stop these contents no matter what 😭🙏🙏

    • @Logoanimationservice
      @Logoanimationservice  2 ปีที่แล้ว

      Thanks for your support 💞 sure I will continue

    • @SnakesNSquids
      @SnakesNSquids ปีที่แล้ว

      @@Logoanimationservice No, no we're saying please DON'T! 😂

  • @unohariyono658
    @unohariyono658 ปีที่แล้ว +1

    why the stroke layer stil showing
    😮‍💨

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

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

  • @user-pt6rf1dq2b
    @user-pt6rf1dq2b 7 หลายเดือนก่อน +1

    I don`t have this "Mode" option on the layers, what have I do?

    • @Logoanimationservice
      @Logoanimationservice  7 หลายเดือนก่อน

      Check our this video: th-cam.com/video/CE1-5UWjw9E/w-d-xo.htmlsi=kek9CWl1GwIGfELe

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