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

Поделиться
HTML-код
  • Опубликовано: 9 июн 2024
  • 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_

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

  • @Jeeves
    @Jeeves Год назад +1231

    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 Год назад +19

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

    • @Jeeves
      @Jeeves Год назад +82

      @@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 Год назад +5

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

    • @rbmedia8798
      @rbmedia8798 Год назад +21

      @@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 Год назад +1

      @@edenassos Yeah, why not?

  • @qwertyboo
    @qwertyboo Год назад +497

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

    • @HolyGayfish
      @HolyGayfish Год назад +27

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

    • @BenMarriott
      @BenMarriott  Год назад +46

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

    • @qwertyboo
      @qwertyboo Год назад +12

      @@HolyGayfish I saw the studio portfolio on Behance

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

      @@qwertyboo what's the studio name?

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

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

  • @BrOrlandi
    @BrOrlandi Год назад +227

    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.

  • @ayushijain9045
    @ayushijain9045 Год назад +127

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

  • @jeehoonoh
    @jeehoonoh Год назад +14

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

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

    First time watcher, but CHEERS to you for giving love to the Original Creators of the Effect. I immensely dislike when RUclips 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!!

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

    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!

  • @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 Год назад +3

    Thank you for this Ben, your content is incredible.

  • @faerystories2819
    @faerystories2819 Год назад +11

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

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

    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!

  • @KO-MODO
    @KO-MODO Год назад +4

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

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

    Awesome work dude! Love it

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

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

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

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

  • @stillremain.artwork
    @stillremain.artwork Год назад +3

    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 Год назад +1

      That is exactly what I was going to suggest 🤓

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

    That looks amazing! Great Work!

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

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

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

    More of these, concept is soo good

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

    Fantastic work Ben!!

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

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

  • @CatalinGulan
    @CatalinGulan Год назад +10

    Amazing recreation Ben! Big Congrats! ❤

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

    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!

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

    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 !

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

    This was awesome! Great work!

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

    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.

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

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

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

    As always amazing work !

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

    This was AMAZING Ben!!! 🙏

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

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

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

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

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

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

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

    Great content, loved every second if it

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

    Omg you're so talented!

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

    The snickers at the end really got me 😹

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

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

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

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

    Good job Ben! I love it

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

    The final result shocks me, you nailed it!

  • @generalfishcake
    @generalfishcake Год назад +6

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

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

    Really well done. Very creative

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

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

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

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

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

    This is fire please do a detailed tutorial !!!

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

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

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

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

    Amazing job Ben

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

    MAN! THIS IS AWESOMEEEEEE!!!!!

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

    This is really incredible!

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

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

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

    awesome...awesome work!

  • @bracken.design
    @bracken.design Год назад +2

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

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

    Awesome! 🔥🔥

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

    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

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

    great video! That was fun :)

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

    your efforts is valuables

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

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

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

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

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

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

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

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

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

    Great video!

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

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

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

    You’re the best broo!

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

    This was awesome. I Wana try it now

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

    This was Great!!!

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

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

  • @t-bone4612
    @t-bone4612 Год назад

    This is awesome!

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

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

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

    You lean something new everyday ❤️

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

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

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

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

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

    sheeeshh more intro sequence tutorials!

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

    Love this. Subbed

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

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

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

    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 Год назад +1

      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.

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

    Great work

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

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

    This work is more Beautiful then my whole life.

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

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

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

    CC Plastic can add that shiny look in the veins

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

    AutoFill also has a Speed Matte function, where you can input the speed through certain areas. A bit tricky to time, but can save some time remapping.

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

      I used it a lot for a music video, the speed remapping is great

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

    the fast of us got me so good 😭

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

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

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

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

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

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

    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!

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

    That turned out great!

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

      Thanks mate! Next time MORE VEINS!

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

      @@BenMarriott

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

    you're amazing! thanks for that

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

    Awesome vid, thank you very much :3

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

    Great job!

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

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

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

    Just a day's work for Ben! The Fast of Us had me loling.

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

    Wow well done with AE

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

    It would be so cool to have a tutorial or access to a template !

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

    The snickers got me 🤣🤣🤣

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

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

    Physarium is cool but I find it tricky to use efficiently in a comp as it takes forever to render or even to process the growth. Great recreation though!

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

    Very cool!