Create the Loki Title Sequence in After Effects | Tutorial

Поділитися
Вставка
  • Опубліковано 9 лип 2024
  • This is an in-depth animation tutorial on how to achieve the opening sequence from Marvel studio's recent show - Loki. The method is all procedural, watch till the very end to find out how to create this look all in After Effects.
    Chapters:
    00:00 Intro
    00:58 Type Setup
    06:23 Type Animation
    10:35 Texture and Effects
    ►Download this project file: gum.co/Tbdvv
    ►Download my FREE project files: gumroad.com/benmarriott
    ►Join the waitlist for my Master Motion Design course (very soon to be revealed):
    www.benmarriott.com/
    ►Join my motion design community on discord
    / discord
    ►Please tag me on Instagram @ben_marriott_ if you've used any of the techniques from this video so I can see what awesome things you create
    ►Follow my ongoing adventures on Instagram: / ben_marriott_
    ►Find me elsewhere!
    I'm available for hire: www.benmarriott.com/
    Vimeo: vimeo.com/benmarriott
    Facebook: / benmarriottillustration
    ► I use Yellow Images for stock assets, fonts, and mockups
    yellowimages.com/?yi=167143
    (Affiliate link)
    ►Music:
    Massive thanks to madmomentsgo for providing that amazing music for my intro!
    check out his other brilliant work here: bit.ly/2ER0bJF
    "Magic Scout - Farm" Kevin MacLeod (incompetech.com)
    Licensed under Creative Commons: By Attribution 3.0 License
    creativecommons.org/licenses/b...
    ~ God bless Kevin ~

КОМЕНТАРІ • 429

  • @MorkMemes
    @MorkMemes 3 роки тому +598

    Liki

  • @antshar7388
    @antshar7388 3 роки тому +355

    Imagine Loki's effect artist who keyframed everything manually instead of using this clever trick with Time Displacement.

    • @JamesMurphyStudios
      @JamesMurphyStudios 2 роки тому +6

      That’s what I was thinking

    • @jamnnjelly3102
      @jamnnjelly3102 2 роки тому +51

      I'm pretty sure they wouldn't have the job if they didn't know about tricks like this

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

      They definitely knew, they just chose not to use it

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

      I know the one

  • @dementedpenguinz
    @dementedpenguinz 3 роки тому +374

    Marvel: what font should we use for intro sequence?
    Also Marvel: ¿Por qué no los dos?

    • @BenMarriott
      @BenMarriott  3 роки тому +120

      Loki budget...
      $50 mil cast
      $49 mil fonts

    • @quianimations
      @quianimations 3 роки тому +7

      So that’s where all their budget went

    • @nicolasherrera0
      @nicolasherrera0 3 роки тому +10

      $300 mil on the last episode, damn

    • @FosterAizakku
      @FosterAizakku 3 роки тому

      XDD

    • @shahinfarhady401
      @shahinfarhady401 2 роки тому

      @@BenMarriott man I need your help! How can I make a texture base like you did??

  • @JacobCarlson
    @JacobCarlson 3 роки тому +84

    As soon as I saw the Loki intro for the first time, with the low animation-style frame rate and the dust/grain textures, I thought to myself: "Did Ben Marriott make this??"

  • @dopemotions
    @dopemotions 3 роки тому +532

    Wow that is genius, awesome tutorial!

    • @BenMarriott
      @BenMarriott  3 роки тому +16

      Thanks, my friend! That means a lot coming from you :)

    • @BenMarriott
      @BenMarriott  3 роки тому +13

      Thanks so much!

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

      hi dope motions

    • @NoishiXzenTM
      @NoishiXzenTM 3 роки тому

      @@BenMarriott hey man do provide font face also

    • @deniszhao6976
      @deniszhao6976 3 роки тому

      Awesome channel mate

  • @jei-el2139
    @jei-el2139 3 роки тому +89

    For a few weeks now I've been watching Loki thinking, "I need to try and recreate this." and here you've done it! I'm so happy

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

    The stylization from this tutorial is exactly what I was looking for. you’re the best!❤️‍🔥

  • @lorcanpreston4643
    @lorcanpreston4643 3 роки тому +6

    Hey Ben, just wanna say that i've been following these tutorials for a long time now and you've essentially taught me how to use After Effects and I really appreciate all you do. I wish you all sorts of success

  • @itsSKR
    @itsSKR 3 роки тому +1

    THANK YOU SO MUCH!!! I had been searching for a tutorial on this since Loki started airing.

  • @Dammitimmad
    @Dammitimmad 3 роки тому +8

    I don't work in After Effects alot but I watched this whole video from start to end without skipping because it was so interesting seeing just a black background slowly turning into the Loki Intro

  • @Rakunx
    @Rakunx 3 роки тому +1

    I'm so glad I found your channel!! I'm slowly getting into animation and you've inspired me to get better! And it's so nice to meet a fellow Sydney creator 🔥

  • @vipadventure
    @vipadventure 3 роки тому

    So good! Love the intro sequence and you nailed it, especially the textures.

  • @joaoroncalio
    @joaoroncalio 2 роки тому

    Oh my god man, your tutorials are simply the best, absolute quality content available for everyone

  • @droidzoid
    @droidzoid 3 роки тому +1

    Only half way through but who knew this was the tutorial I needed! So awesome! Thanks for this!

  • @thinkpixelsblog
    @thinkpixelsblog 3 роки тому +1

    Every time I watch the sequence I’ve often wondered how they made this. I was assuming they just key framed it all but the way you have set it up makes a lot of sense and seems like how they actually did it since it reflects the accuracy of the original with the precise frame swapping. Excellent tutorial!

  • @HeroesReforged
    @HeroesReforged 3 роки тому

    Amazing tutorial!

  • @fiorellacorreia351
    @fiorellacorreia351 3 роки тому +1

    I love your work 😭😭😭 keep making great videos!!!

  • @DallySkyeAnims
    @DallySkyeAnims 2 роки тому

    Man, it's amazing what expressions can do to make your work easier. Great stuff!

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

    I was about to press like button for 3 times, man, thanks for this tutorial!)

  • @Bruuze
    @Bruuze 3 роки тому +1

    Man you read my mind, I love that title sequence so much.
    Another thing to note for those who want to recreate it that wasn't touched on in the video: The glow effect applied to the text changes to be more or less intense when the characters swap. This will help add even more variety to the text. (But don't be afraid to play around with it, the more creative you get with it, the better)

  • @meganwiebe2387
    @meganwiebe2387 3 роки тому

    AH, so excited to try this out! Such a cool opening sequence - thanks once again for the superb content!

  • @diegogiovannimusic
    @diegogiovannimusic 3 роки тому +24

    I love this opening sequence! Thanks for this!

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

      I love it too, so subtle compared to the Marvel Studios title

  • @PratikParija
    @PratikParija 3 роки тому

    You are really amazing! Thank you so much for this! I honestly thought this was simpler than it actually turned out to be with all the textures & effects.

  • @lierstl
    @lierstl 3 роки тому

    What I like about this tutorial is he also explains the reason behind the action, which really helps when you're a beginner!!

  • @lesliegarcia4936
    @lesliegarcia4936 3 роки тому

    Amazing as always Ben!! Thank you!

  • @FandubUniverse
    @FandubUniverse 3 роки тому

    Wow! I didn't knew I could use Posterize Time as an expression! Thank you so much Ben!

  • @emersondority
    @emersondority 3 роки тому

    Watching your videos have really awakened my design sharingan. I have a much better understanding of After Effects thanks to your tutorials.

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

    this guy makes the best videos.

  • @gabrielmaracaipe758
    @gabrielmaracaipe758 3 роки тому +1

    thats amazing, i was thinking how to do that and u came with this wonderful tutorial, thanks a lot

  • @mohamadgamal
    @mohamadgamal 3 роки тому +1

    Epic work dude as usual , i really love a little small detail, how you type when you Compare (OUR VERSION) means a lot, and more things you do means you're a beautiful person,thanks and good luck

  • @trianadiseno3559
    @trianadiseno3559 2 роки тому

    All new Displacement Map concept for me! Thanks for sharing.

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

    I can't believe that I was exactly looking for thisss

  • @fallondavis747
    @fallondavis747 3 роки тому

    You're a hero among us, Ben! Thank you!

  • @marker849
    @marker849 3 роки тому

    keep up the awsome work!! ty so much

  • @dayandattebayo
    @dayandattebayo 3 роки тому +1

    as incredible as always

  • @JamesDaly
    @JamesDaly 3 роки тому +5

    Yesss love this! 🤩

  • @alejandronavarro9110
    @alejandronavarro9110 3 роки тому +1

    Thanx for all the free knowledge you give us!! You are the best!

  • @Jonathanest90s
    @Jonathanest90s 2 роки тому

    I’ll definitely try this out.

  • @Haki145
    @Haki145 2 роки тому

    Thank you very much for this tutorial!

  • @marcus_bowling
    @marcus_bowling 3 роки тому +1

    Amazing my man!!

  • @nathaliesther
    @nathaliesther 2 роки тому

    GOAT. Thanks for this!

  • @worstever5151
    @worstever5151 3 роки тому +41

    simply amazing

  • @zmbrsys
    @zmbrsys 3 роки тому

    Wow Ben. This was an awesome one. Such a great and simple intro sequence and you matched it perfectly. Not sure if I would use it, but I really want to create a version.

  • @damodarpatel2272
    @damodarpatel2272 3 роки тому +1

    bro you are truly awesome!!!!

  • @thepoetis
    @thepoetis 3 роки тому

    Phenomenal, and you explained everything so well 🙏🏽

  • @ItsRVV
    @ItsRVV 3 роки тому +1

    Awesome tutorial Ben. I feel like that everything in AE is controllable with black and white values, so many effects depend on that. It is awesome if you get the hang of it, it opens an even bigger After Effects libary

  • @nostatoh
    @nostatoh 3 роки тому

    awesome work as always! Thank you!

  • @arpitraj3089
    @arpitraj3089 3 роки тому

    Awesome work!! 🔥

  • @idiotDB
    @idiotDB 3 роки тому +1

    still the king of after effects tutorials... or god of tutorials if we're talking Loki

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

    This tutorial is great! Thank you.

  • @bryanimation
    @bryanimation 3 роки тому

    Nice approach, Ben! I'll add that to my motion toolkit. Thanks!

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

    OMG I LOVE IT

  • @joshrinard6386
    @joshrinard6386 3 роки тому

    Absolutely fantastic!!

  • @dissonance90
    @dissonance90 2 роки тому

    Tutorial of the year!

  • @ramalsrougi
    @ramalsrougi 3 роки тому +1

    Very useful stuff.. as always 😍👏❤

  • @rohithande9750
    @rohithande9750 3 роки тому +1

    great job ben!

  • @yumamusic_
    @yumamusic_ 2 роки тому

    Great Video!!

  • @klw.i
    @klw.i 3 роки тому +2

    Simply you're the best

  • @CassCream
    @CassCream 3 роки тому +1

    Right on time!

  • @anshdahiya6947
    @anshdahiya6947 3 роки тому +9

    Absolutely stunning. I wish I can get that understanding one day but till then I'll keep learning from you

  • @BriskkFX
    @BriskkFX 3 роки тому

    This is actually sick

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

    Very Useful Video, Thank you

  • @Dirchew
    @Dirchew 3 роки тому +1

    THANK YOU!

  • @andrewsthings
    @andrewsthings 3 роки тому

    I've learned something new again. Thank you!

  • @core4419
    @core4419 3 роки тому +127

    I feel like UA-cam is reading my mind because I was just thinking of making an intro like the one from Loki

    • @BenMarriott
      @BenMarriott  3 роки тому +16

      UA-cam oversteping the line with the mindreading tbh

    • @geyck
      @geyck 3 роки тому +1

      @@BenMarriott Or read my YT comment about using a previous Marriott technique to make this Loki effect.

    • @noicerone
      @noicerone 3 роки тому

      It's all UA-cam Algorithm

    • @itsSKR
      @itsSKR 3 роки тому

      fr

    • @alphaapple9673
      @alphaapple9673 3 роки тому

      69th like

  •  10 місяців тому

    Very cool, thanks !

  • @EternalMo
    @EternalMo 3 роки тому

    This is fire!

  • @MrSheponKazah
    @MrSheponKazah 3 роки тому

    Absolutely stunning tutorial, want to see more tutorials like these intro outro from movies and TV

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

    Wow! Waited so much

    • @BenMarriott
      @BenMarriott  3 роки тому

      Just in time for the finale haha

  • @jodsgn
    @jodsgn 3 роки тому

    Great tutorial. Some nice tips in here!

  • @endaww
    @endaww 3 роки тому

    Thank you sooo much for making this. You are awesome !

  • @lushann5018
    @lushann5018 3 роки тому +1

    Your intro got me. Subscribed!

  • @valeriamartinezvergara
    @valeriamartinezvergara 3 роки тому

    Thank you so much!

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

    the true hero!

  • @GEOgraphicdesigner
    @GEOgraphicdesigner 2 роки тому

    The PosterizeTime effect blew my mind!

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

    the best you tube video i have ever seen thank u you r the
    best

  • @benwilsonham
    @benwilsonham 3 роки тому

    Amazing tutorial! Thank you

  • @AshkanShahrokh
    @AshkanShahrokh 3 роки тому +1

    I wonder how we can thank you the way you deserve it!

  • @aaronduke82
    @aaronduke82 3 роки тому

    Bonkers. Best one yet.

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

    Excellent!

  • @iliyastoyanoff3132
    @iliyastoyanoff3132 3 роки тому +1

    amazing tutorial... again!

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

    yet another great tutorial, thanks Ben!

  • @EKO_AI
    @EKO_AI 3 роки тому

    This is awesome tutorial

  • @s-techtips3653
    @s-techtips3653 3 роки тому

    such nice tutorials brother.

  • @originalmoviesuggest
    @originalmoviesuggest 3 роки тому

    this was amazing thank you

  • @ARBB1
    @ARBB1 2 роки тому

    Great tutorial

  • @BuriedHatchetProductions
    @BuriedHatchetProductions 3 роки тому +1

    Incredible stuff!

  • @BlendedDays
    @BlendedDays 3 роки тому +1

    Welp I found out how to make my intro for my videos, Thanks Man. Im definitely linking this vid to my friends as well

  • @VincentMf
    @VincentMf 3 роки тому

    Satisfaction : 100%
    You're the best

  • @elo_9123
    @elo_9123 2 роки тому

    It was incredibly well explained, my after effects is in french but I managed to do it, thanks!!!

  • @7cm.rayyan11
    @7cm.rayyan11 3 роки тому

    GLORIOUS PURPOSE

  • @nagazuru7195
    @nagazuru7195 3 роки тому

    Thank you so much! Saved my life!

  • @ryota9218
    @ryota9218 3 роки тому

    Nice tutorial men, you are the best.

  • @fadly_aidil
    @fadly_aidil 3 роки тому

    GENIUS

  • @GERZM
    @GERZM 3 роки тому +1

    so dope!

  • @xDest_
    @xDest_ 2 роки тому

    super cool!

  • @puncakewiz
    @puncakewiz 3 роки тому

    Very great video keep it up! you inspire me to learn illustration and digital art :)

  • @ChadBarnier
    @ChadBarnier 3 роки тому +1

    Ben! This is incredible! I tried to come up with a solution for a similar effect where letters shift between thin, normal, bold, heavy, etc but it was nowhere near as elegant.

  • @davidlaskovyi8151
    @davidlaskovyi8151 3 роки тому

    Very Cool!

  • @seezoos
    @seezoos 3 роки тому

    Beautiful