Recreating The Last Of Us Titles Was A Challenge...

I break down my process for recreating the title card from HBO's The Last Of Us. I used Adobe Photoshop and to create textures and After Effects to animate the veins, create speed ramps, reveal the text, and composite it all under a series of effects.
The plugins I used: (Affiliate links)
aescripts.com/autofill/?aff=69
aescripts.com/quick-chromatic...
The Original Title Sequence by Elastic:
• The Last of Us | Openi...
makemakeentertainment.com/ela...
❤ My Master Motion Design course:
www.benmarriott.com
►Follow my ongoing adventures on Instagram:
/ ben_marriott_

Пікірлер: 296

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

    The titles were created by Elastic using Houdini, Cinema 4D and Octane. I was working as a designer for part of the sequence doing lookdev as a freelancer for a little bit

  • @0912sooli

    @0912sooli

    Жыл бұрын

    Awesome! Where did you start to learn what you do as a career now?

  • @Jeeves

    @Jeeves

    Жыл бұрын

    @@0912sooli Went to college and got a BFA in Motion Design, had a couple internships during my time at school, and have worked with multiple studios freelance post grad

  • @TeHzoAr

    @TeHzoAr

    Жыл бұрын

    i was working as a designer for part of the sequence and we used MSpaint and Alias 3D on silicon graphics hardware

  • @rbmedia8798

    @rbmedia8798

    Жыл бұрын

    @@edenassos you act as if Houdini is some insanely complex program only pros can use. It isn't. I was able to make stuff in Houdini with no tutorials within a month. Also, PS and AE aren't easy programs either.

  • @divBy0

    @divBy0

    Жыл бұрын

    @@edenassos Yeah, why not?

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

    The game title sequence is actually photography + premiere pro. The veins are practical. So cool.

  • @HolyGayfish

    @HolyGayfish

    Жыл бұрын

    Is there a behind the scenes of the title card? Or how do you know

  • @BenMarriott

    @BenMarriott

    Жыл бұрын

    I had no idea. The first time playing that game everything was incredible. Really set the tone like it was a movie.

  • @qwertyboo

    @qwertyboo

    Жыл бұрын

    @@HolyGayfish I saw the studio portfolio on Behance

  • @pedrohenriquefurtado2497

    @pedrohenriquefurtado2497

    Жыл бұрын

    @@qwertyboo what's the studio name?

  • @NaironDavid

    @NaironDavid

    Жыл бұрын

    @@BenMarriott I would love to see you recreating the Peacemaker TV Show opening.

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

    Any chance to have a detailed tutorial on this? Or the assets to reproduce. I'm trying to recreate it my self with a different text also.

  • @theimpossiblegirl16

    @theimpossiblegirl16

    Жыл бұрын

    Yes I’d love to see a tutorial of this!

  • @visveswaranvishnu6945

    @visveswaranvishnu6945

    Жыл бұрын

    Yes I too 😍😍

  • @wydua2049

    @wydua2049

    Жыл бұрын

    what is that currency

  • @snovbird

    @snovbird

    Жыл бұрын

    @@wydua2049 South african rand, they basically donated 1.38 US$

  • @RaoniLima43

    @RaoniLima43

    Жыл бұрын

    @@wydua2049 Brazilian Real

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

    SO many emotions flowing just watching this!! Amazing work!

  • @BenMarriott

    @BenMarriott

    Жыл бұрын

    Thanks for riding the wave!

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

    Your talent and creativity to come up with the ways to recreate the effect is inspiring

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

    Never been interested in editing, but this video popped up in my recommended since I'd been binging some Last of Us content. Glad it did! This was direct, well-explained, and aspirational. Good shit!

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

    First time watcher, but CHEERS to you for giving love to the Original Creators of the Effect. I immensely dislike when KZread creators act as if they are better or like, "theres no reason you had to spend any money on this!". I'm a fan of you now, great job too!!

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

    Wow,I still can`t believe it! It`s truly wonderful to see you recreating those with ease and really interesting, to see how you achieved such. I`m here with my jaw on the floor about the fact, we all can achieve a few of those wonderful projects by ourselves with time and knowledge (and a bit of online help)😄

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

    Thank you for this Ben, your content is incredible.

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

    Awesome work dude! Love it

  • @KO-MODO
    @KO-MODO Жыл бұрын

    As a motion designer myself I'm very very impressed Congrats Ben!

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

    Amazing recreation Ben! Big Congrats! ❤

  • @BenMarriott

    @BenMarriott

    Жыл бұрын

    Thanks Catalin! :D

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

    Realy impressed by the tought process in recreating this, amazing work !

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

    That looks amazing! Great Work!

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

    The pain of experiencing the post-apocalypse < the pain of learning about the Physarum plugin way too late

  • @BenMarriott

    @BenMarriott

    Жыл бұрын

    I cry everytime.... :(

  • @KennyHonors

    @KennyHonors

    Жыл бұрын

    @@BenMarriott 🤣

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

    This is incredible to watch no matter which approach you used for any project. The process, breakdown and final results were identical to the real deal especially this one that looks really difficult! I must ask how do you know which approach, plugin or technique to use or to try help reach the results faster? You hit it right on the head each time and I'm forever impressed ALWAYS!

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

    Fantastic work Ben!!

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

    This somewhat inspired me to push through the week. Thanks, Ben!

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

    This was AMAZING Ben!!! 🙏

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

    As always amazing work !

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

    That's awesome Ben! I think a subtle CC plastic would look good on it

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

    I am impressed with your ingenuity good sir, your work here is some really quality stuff!

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

    The snickers at the end really got me 😹

  • @BenMarriott

    @BenMarriott

    Жыл бұрын

    Not everyporject deserves a Snickers metaphor, but this one certainly does :)

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

    Looks super nice ! I would have try to add some slight CC glass over the veins to add this bumpy/light/Plastic effect that we see on the original. Really cool result tho !

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

    Something that might also have helped is to use something like the oil filter in photoshop to give it that more sticky veiny feel

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

    The literally first thing I did when I saw this opening last Sunday, was to think: Ohhhhh, I'd like to try making that! Thanks sooooo much for this tutorial Ben!

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

    This was awesome! Great work!

  • @stillremain.artwork
    @stillremain.artwork Жыл бұрын

    This is amazing Ben! For the gradient grow I would have tried stacking only one delayed layer of the growing veins map, invert it (maybe use minimax and gaussian blur), set it to multiply (this would have only output the tip of the layer) and then use echo for the smooth fade out

  • @State7Studio

    @State7Studio

    Жыл бұрын

    That is exactly what I was going to suggest 🤓

  • @GermanFragEditing
    @GermanFragEditing7 ай бұрын

    More of these, concept is soo good

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

    I love the respect and recognition you give to the original, really makes the video more enjoyable

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

    Yours came out great! A lot of really good problem solving here

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

    Good job Ben! I love it

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

    Great content, loved every second if it

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

    Brilliant as always. And this one I can totally get my head around, which it rare LOL.

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

    Omg you're so talented!

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

    Hi Ben. Thanks so much for this tutorial. I found the easiest way to get a smooth darkening of the veins is to pre-comp the original vein growth, then in a new comp duplicate the vein growth, offset by a bit in the timeline, and apply the autofill effect to those dplicates. I upped the speed of each a little and in the compositing settings used a colour fill with a darker colour. (I did this with two duplicate layers, the top layer being almost black). I also used a speed map so the autofill followed the vein lines in a more controlled manner for my particular image. Having fun with this, thanks so much

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

    Woohoo! Congrats man you got it out before Friday re your LinkedIn post! Great content as always.

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

    This was sick - haven't watched the show yet. Thanks for reverse engineering effort to give ideas for future projects LUV IT.

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

    I would made a white to black mask in the vascular animation and control the fade with a echo effects. The result can be the same but you have a parametric way to control the time, expansion, etc. And use an emboss effect to add some dimension to the veins. Also i think Autofill have a way to control the speed of propagation trough alpha or luma layers. A turbulent noise for that maybe add some kind of dynamism.

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

    Shout out to the Japan World Cup cameo in this. And as always, AMAZING JOB

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

    Amazing work Ben, was thinking roughen edges on the text would look good too!

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

    I feel like that layering some emboss/edge detect can help getting that vascular effect you are tryin to achieve!

  • @bracken.design
    @bracken.design Жыл бұрын

    you truly are a wizard larry, so sick mate, well done!

  • @BenMarriott

    @BenMarriott

    Жыл бұрын

    You honor me. Thank you :)

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

    This is really incredible!

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

    The final result shocks me, you nailed it!

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

    awesome...awesome work!

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

    Really well done. Very creative

  • @_Dr.PepperPHD
    @_Dr.PepperPHD Жыл бұрын

    Yeah I tried engineering a similar spreading vascular effect in AE, my first thought was also funky masking (tho the lightning effect does surprising heavy lifting as a vascular form with some tweaking, and in retrospect maybe a matte choke and a time displacement would have been a good fix for evolution). Physarum ended up saving me the whole headache. Rly cool method u came up with, love seeing how different ppl crack challenges I've faced before.

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

    Amazing job Ben

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

    MAN! THIS IS AWESOMEEEEEE!!!!!

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

    great video! That was fun :)

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

    Awesome! 🔥🔥

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

    Bro that plot twist at the end had me laughing for a while 🤣

  • @t-bone4612
    @t-bone4612 Жыл бұрын

    This is awesome!

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

    your efforts is valuables

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

    This was Great!!!

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

    Makes me want to replay Last of Us. Great tutorial!

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

    This is fire please do a detailed tutorial !!!

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

    Love this. Subbed

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

    Awesome. I was guessing who made the main title sequence between Prologue and Elastic and I'm not wrong because they are the agencies that do the best motion graphics, the go-tos of films. Ash Thorp also came from Prologue, such great talent of these people.

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

    This was awesome. I Wana try it now

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

    OMG wow that was too close you are awesome Ben I'm not even 1% of you. ❤ loved it.

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

    You’re the best broo!

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

    if you can't use the autofill plugin, you could mask the veins and use the stroke effect, with the "sequentially stroke" disabled, is the same technique for signatures

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

    You lean something new everyday ❤️

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

    Maybe some innerglow or bevel to pop some thickness with cc glass or something? Love the work btw!

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

    Great work

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

    Wow, that's very helpful. I appreciate that:)

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

    Great video!

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

    I love it!

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

    I used to do a similar animation a while ago; I think I generated the fadeout of the tentacles with the echo effect. But I think Autofill also has a special gradient function for such effects (at least I think I`ve read that).

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

    that joke on the "double-clickers" .... Nice !)

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

    that gradient fade out looks like a job for cc time blend fx

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

    Cool effet! I was always under the impression this was done with a 3d rendering/modelling software, with a dissolve shader and a texture with mesh modifiers. But otherwise this is a pretty good workflow!

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

    Great work. The Zodiac film titles are cool and would take no time for someone of your talents to recreate. A quick win as they say.

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

    Great job!

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

    Very cool!

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

    the fast of us got me so good 😭

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

    Awesome vid, thank you very much :3

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

    sheeeshh more intro sequence tutorials!

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

    you can duplicate the autofill in the same layer, reduce the speed number and check the alpha inverted matte box on the composing drop down menu

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

    Awesome 👏🏼

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

    Using the lightning effect in ae can give some interesting growing roots effect with the right settings.

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

    As a suggestion, you could play with the displacement map just to have a little bit of distortion when the text appears.

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

    you're amazing! thanks for that

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

    Wish you embossed the text like it is in the actual intro!!!! Great job, by the way.

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

    I think you made the right call using autofill. The physarum plug-in is really neat but can be a fit fiddly trying to get the results you want.

  • @borktheorc

    @borktheorc

    Жыл бұрын

    Glad I’m not the only one who feels that way. I went ahead and bought Auto-fill because it seemed to handle what I want in Physarum, but also has a ton of other potential for projects that I work on.

  • @emilyl2419

    @emilyl2419

    Жыл бұрын

    @@borktheorccould I achieve the same effect without autofill? I don’t really want to spend 50$ on something I’m only going to use once lol.

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

    This work is more Beautiful then my whole life.

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

    I think adding a CC glass or plastic over the veins would have given it a bit more depth and "gooeyness", and they are basic effects as well! Great work as always! Keep it up :)

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

    I like doing stuff like this too lol, I recreated the Disney+ intro in Blender, and the DIC logo... I want to try making this now

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

    Very nice! I feel like the veins could have been enhanced even more with something like cc glass or cc plastic or whatever that’s called to give it a bit more of that wet look the original has. Nevertheless quite impressive Ben!

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

    Loved it :)

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

    I DIED AT THE BIG REVEAL! I didn't really read it (I was just admiring your work) and then heard Vinny D come on and re-read the text: G O L D E N

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

    The snickers got me 🤣🤣🤣

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

    "Always label our layers" hahaha brilliant! I hate unlabelled layers with all my life 😂

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

    You can do the fading efect duplicating the layer you added the efect to show the picture and use set mate inverted on the main veins comp with the alpha of the duplicated layer. It will cost a lot less resources and you can control the fade with the plugin setings of the second layer.

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

    Great stuff, Ben! I just feel like you could have used something like a bevel and emboss or that tecnique from Andrew kramer to simulate bump maps within after effects to create some of that glossiness and little volume that the original one has. Other than that, superb work! And thanks for sharing all your knowledge with us all the time! Cheers!

  • @greenscreener7655

    @greenscreener7655

    Жыл бұрын

    Yeah, the glass effect would do the job ;)

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

    impressive!!

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

    CC Plastic can add that shiny look in the veins

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

    you can put CC glass on top of everything to get that slimy finish look