Topographic Textures in Adobe After Effects

Create topographic textures in adobe after effects. Using basic built-in effects, we'll create some contemporary looks. These striations mimic elevation maps and are totally procedural. In this video we'll look at creating the basic pattern before making variations, animating, and looking at some use cases. It's relatively short and quick, and pretty easy once you get into it.
0:00 What are we doing?
0:33 Basic Pattern
2:35 Variations
4:11 Basic Animation
4:52 Specific Topology
5:55 Examples
If you have any questions just let me know in the comments.
Download this project file:
gum.co/ECA_topo
Connect on the Internets
www.EvanAbrams.com
www.Twitter.com/ecabrams
www.Facebook.com/EvanCAbrams/
www. ECAbrams
Suggest a tutorial topic: docs.google.com/forms/d/13A2e...

Пікірлер: 154

  • @BakeLikeAPro
    @BakeLikeAPro3 жыл бұрын

    Coffee ✅ Cinnamon bun ✅ I'm ready to watch 😁

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Best way to enjoy a tutorial I think.

  • @jaydenforest4116

    @jaydenforest4116

    2 жыл бұрын

    Instablaster

  • @samiee_yt
    @samiee_yt5 ай бұрын

    Even 3 years later this is still great for futuristic looking motion graphics, thanks for the great tutorial!

  • @dundeedolphin
    @dundeedolphin3 жыл бұрын

    Thanks for saying “fewer” and not “less”. It means a lot to me. 👌☺️

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    You must have caught me on an especially sharp day. Usually words just kind of fall out of my face irrespective of correctness.

  • @ErikUden
    @ErikUden3 жыл бұрын

    The editing is way too good for this small view count. These videos are future proof!

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Thank you so much! I've been trying out a new approach to producing these things so I'm glad it's still appealing to watch.

  • @ErikUden

    @ErikUden

    3 жыл бұрын

    @@ECAbrams Definitely! I at least VERY much like it. Can't understand the view count though. I guess no one can. I am no professional in the Adobe Suite, but with your videos I can at least pretend! ;)

  • @incoodla
    @incoodla3 жыл бұрын

    One of the best channels on KZread with ae tuts actually. Wish you more views man

  • @HybridCult
    @HybridCult3 жыл бұрын

    I saw a script recently that made this effect and thought this doesn't look that complicated to make and just seemed uninspiring. Now I see this tutorial and boom nothing but ideas. Seeing each stage as you built it up really got the gears moving. As always great video, thanks! Much more useful than an automated plugin

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

    By far the most in detail tutorial on this that I have found, great examples, too! Impressive man

  • @axs.studio
    @axs.studio3 жыл бұрын

    Awesome tutorial as always, thanks for sharing the knowledge!

  • @RidgeBarber
    @RidgeBarber3 жыл бұрын

    I have watched a ton of tutorials in my day. So far, yours takes the cake for the best. I wish you nothing but success and channel growth going forward!

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Thanks so much 😊

  • @DiegoPerez-us8el
    @DiegoPerez-us8el3 жыл бұрын

    Hey!! i really like these procedural tutorials! keep going! u are like a legend for us.

  • @giosanfilippo
    @giosanfilippo3 жыл бұрын

    Dude I learn so much from your tutorials. I mean I may never really make a topographic map, but the amount of skills I learnt from you stacking effects and getting different results is out of this world! I couldn't thank you enough from all your tuts!

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    That is fantastic. Mission accomplished around here them :)

  • @pauliusd6505
    @pauliusd65053 жыл бұрын

    Incredibly helpful & in depth, yet super quick! Gained a sub

  • @duyenng.5741
    @duyenng.57413 жыл бұрын

    Thank you for bringing this amazing tutorial to community for free. You expand my vision much more with your examples. I learned a ton of knowledge during this video. Definitely, you will get more and more viewers soon. Thanks a lot!

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Glad it was helpful! I appreciate the vote of confidence. Share it around if you can because I do not advertise the channel very well.

  • @kaietaro
    @kaietaro2 жыл бұрын

    This is fantastic! Thank you for sharing this.

  • @zohaibmalik819
    @zohaibmalik8193 жыл бұрын

    Really great and amazing tutorial. Keep it up!

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

    wow, you really are an after effects guru, great video and creative techniques

  • @michelecarbone5085
    @michelecarbone50853 жыл бұрын

    Genius! Perfect problem solving!

  • @RahulDF
    @RahulDF3 жыл бұрын

    The last week's yellow intro just made me wonder how was this texture made!! But i forgot to ask you about it. and today I thank you for sharing this! You're a great teacher. 🔥🔥🔥

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    lol. A few people reached out about the texture so I figured it would be a quick one to make happen. If you're ever curious about anything, always ask. It's easier for me to know what to make next that way :)

  • @shuutori
    @shuutori3 жыл бұрын

    ive been waiting for something like this for so long

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    The wait is over!!! If there are other techniques you're curious about, get at me. I'm always curious about what people want to learn around here.

  • @ImClaux
    @ImClaux3 жыл бұрын

    It's been a while since I needed to do something new in after effects. I mostly work with the same stuff and don't need new effects. But I was a bit bored and curious so I chcked the video. My mind is blown on how easy you made this seem. Damn this was pretty amazing to see.

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Glad this was able to spark some joy :)

  • @eurasia2941
    @eurasia29413 жыл бұрын

    Very creative ! Thank you.

  • @user-rh8eg5zy5j
    @user-rh8eg5zy5j3 жыл бұрын

    Amazing effect!! Excellent tutorial!👍👍👍

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Thanks a lot!

  • @shawn-walls
    @shawn-walls3 жыл бұрын

    So many effects but so easy! Great work!

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Glad you think so!

  • @marans22
    @marans223 жыл бұрын

    Amazing tutorial bro

  • @xDaShaanx
    @xDaShaanx3 жыл бұрын

    Wow. Damn good. Thanks for this.

  • @excellenceadigun9093
    @excellenceadigun90933 жыл бұрын

    Thank you. This method is far faster and more lightweight than the previous method I used to use. Thank you

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    You're very welcome! What methods were you using before?

  • @excellenceadigun9093

    @excellenceadigun9093

    3 жыл бұрын

    @@ECAbrams I was following this tutorial: kzread.info/dash/bejne/g2eGsrKQlNCreLA.html I may still need to use their slider setup though

  • @jimmyev1
    @jimmyev13 жыл бұрын

    so good. thanks!

  • @nashvi11e
    @nashvi11e3 жыл бұрын

    Thank you, very nice tutorial :)

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Glad you liked it!

  • @user-kp6xb4jf4f
    @user-kp6xb4jf4f3 жыл бұрын

    luv this tut

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

    great tutorial!

  • @The_Daliban
    @The_Daliban2 жыл бұрын

    your skills are crazy:)Thanks for all the great Tutorials. Been binge watching lately

  • @ECAbrams

    @ECAbrams

    2 жыл бұрын

    You're very welcome. Happy to hear the content is binge worthy.

  • @The_Daliban

    @The_Daliban

    2 жыл бұрын

    @@ECAbrams it absolutely is🎉

  • @kyrojohn
    @kyrojohn3 жыл бұрын

    this nxt lvl !! luv it

  • @walkman23
    @walkman232 жыл бұрын

    super helpful tutorial! would you be willing to release a quick walkthrough on that lo-fi map you made with venetian blinds at the end?

  • @jc-px8ox
    @jc-px8ox3 жыл бұрын

    I wish I really damn wish you get to a million soon 💪🏼

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    I appreciate that. We're a long way off but slowly getting there... maybe.

  • @bush9686
    @bush96863 жыл бұрын

    Love it!

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Thanks!!

  • @pitsutaa.1776
    @pitsutaa.17763 жыл бұрын

    thank you very much!!!!

  • @SaraCeccatoDesign
    @SaraCeccatoDesign3 жыл бұрын

    Thank you very much. We will be forever grateful for this video. Silvia, Sara, Ornella, Elena

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    You're all very welcome. Glad it helps.

  • @dvoob
    @dvoob3 жыл бұрын

    YES thank you

  • @Mathing
    @Mathing3 жыл бұрын

    Thaaaaank youu for this❤♥

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    You're welcome 😊

  • @khaliler-rayani2867
    @khaliler-rayani28673 жыл бұрын

    You are the best (y) Keep Up

  • @matthewboutros2813
    @matthewboutros28133 жыл бұрын

    Great tutorial! An easier way to turn white to alpha I found is to use the Extract effect. I want to play around with making a wood texture with this by making the noise tall and thin. Update: Extract works super easiliy (White Point = 220) and wood grain looks excellent (W 250, H 5000)

  • @rizzoworks
    @rizzoworks3 жыл бұрын

    Love itttttt

  • @LucasNoce
    @LucasNoce3 жыл бұрын

    You gotta be kidding me ! Got to a same setup like yours by myself while working hahaha Another trick is to use a minimax and you can get camo textures, the desert storm one ( is for work ) by using the horizontal and vertical separately. They even animate the " boxes " from the fractal blocks ! Cheers from Argentina !

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

    ty

  • @caioreplace
    @caioreplace3 жыл бұрын

    thanks! AGAIN!

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    No worries!

  • @jkell42
    @jkell423 жыл бұрын

    You are so good explaining these AE trends. What type of client work do you do?

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    I think we would call it "corporate video" I suppose? It pays the bills and is very... regular.

  • @deslmomd2348
    @deslmomd23483 жыл бұрын

    YOU ARE INSANE !! OMG

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    All day every day :)

  • @deslmomd2348

    @deslmomd2348

    3 жыл бұрын

    @@ECAbrams Whenever I want to feel that I still haven't learned yet, I'm going to your channel and watch crazy videos 😭 You make me feel disappointed 😑💔

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

    Awesome techniques! love de topographic texture and effect, I've been wanting you to show how to do the last part of the tutorial, starting at minute 6, do you think you'll be able to upload a video explaining the process in the future? Thank you very much for this kind of videos and keep it up!

  • @ECAbrams

    @ECAbrams

    Жыл бұрын

    Which aspects of what happens after minute 6 are you uncertain about?

  • @juliocsfarias
    @juliocsfarias2 жыл бұрын

    Wow!!!

  • @hnd6295
    @hnd62953 жыл бұрын

    for some reason background color started leaking from the edges I ended up scaling the layer. thanks great tut as alwayd

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Very interesting, Is that like some pixel tearing perhaps?

  • @EliazRod

    @EliazRod

    3 жыл бұрын

    Same. For me it was Fast Box Blur needed “Repeat Edge Pixels” to be checked and it fixed it!

  • @NeoSetzer

    @NeoSetzer

    Жыл бұрын

    @@EliazRod You save me! thanks

  • @dragosbotcau
    @dragosbotcau3 жыл бұрын

    I love you.

  • @MoeSilver22
    @MoeSilver223 жыл бұрын

    Bro, you should create a tutorial or course where you drop all your expressions knowledge in one place to be a reference for anyone who wants to get into that world. I ignored exp. for a long time but I think it enables creating stuff that would be nearly impossible to create without them.

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    I've thought about it. I'm not sure the best way to deliver long form course content yet. But it's definitely in the to do pile.

  • @Mavellyrical
    @Mavellyrical3 жыл бұрын

    This is what I need ❤️

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Glad to help :)

  • @jsands27
    @jsands273 жыл бұрын

    Awesome tutorial! Im currently working on my first animation project and have been using many of your tutorials and others to teach myself how After Effects works! Quick question, when I apply the fast box blur, it creates almost a vingette around the edges of the base pattern comp. Does this matter, and if so, how do I remove it? P.S. I'll be posting my finished project soon so I'll give you a tag when I do!

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    There should be a little check box on the effect about the edge pixels. That's the one that should solve it for you.

  • @jsands27

    @jsands27

    3 жыл бұрын

    The vignette is affecting the Layer Style - Stroke, coloring the border as well as the lines

  • @jsands27

    @jsands27

    3 жыл бұрын

    @@ECAbrams Sweet, my workspace was getting chunky and slow so it wasnt updating, thanks!

  • @mcbulldozer2669
    @mcbulldozer26693 жыл бұрын

    amazing tutorial! I'm trying to recreate what you did with having the text coming through, but it seems like the posturize is creating a lot extra shapes and lines within the text itself, any recommendations to clean that up?

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    I'm not totally sure I understand what is happening. You're saying the posterize effect is altering the shape of the text, is that right? if the text is just an opaque layer there should be no interaction with the layers below and no change in shapes inside it if you apply posterize on an adjustment layer above. Is that not what's going on for you?

  • @mcbulldozer2669

    @mcbulldozer2669

    3 жыл бұрын

    @@ECAbrams Hmm let me rephrase. The edges of my text are creating multiple lines in the final result, as if somebody had drawn the letter and then drawn several smaller copies inside of it (think concentric circles). The more the text is blurred the more this happens, which is why I suspect the posturize is interacting with the blurry edges of the text and creating multiple levels as it goes from opaque to transparent. I can reduce the blur on the text, but it quickly becomes too sharp, and plus I need to blur at least a little bit on the adjustment layer so that it emerges out of the noise. Hope that makes sense lol, either way thanks for the response and advice.

  • @alenlenia
    @alenlenia10 ай бұрын

    WooooooooW

  • @DastageerHC
    @DastageerHC3 жыл бұрын

    My computer will probably take a thousand yeara to process thw effects, but great video thanks

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    I'm glad you liked it. One thing that can help is pre-rendering out elements like these if you'll be reusing them in a project. Definitely the way I kept the workflow smooth back when i was working from more restrained system specs.

  • @raniadg5384
    @raniadg53843 жыл бұрын

    I love this tutorial, is there a way to choose another map I created ?

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    For sure. Actually this would work for any image you place under an adjustment layer with this effects stack on it.

  • @raniadg5384

    @raniadg5384

    3 жыл бұрын

    @@ECAbrams Okay thank you so much ^^! Another question , should I transform my image into a noise map with photoshop first :) ? Because my image has other colors in it , thanks again !

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    @@raniadg5384 Well, we can do just about anything in Ae you might do in Ps, but non-destructively. Personally, I would use effect in Ae to treat the still image to taste.

  • @raniadg5384

    @raniadg5384

    3 жыл бұрын

    @@ECAbrams Sorry for asking too many questions but I actually created a personnalized world map on illustrator and instead of the TOPO text showing up, I wanted my map to show up ? Can I do that ? I've followed your videos many times but the specific topology was a bit hard to follow

  • @raniadg5384

    @raniadg5384

    3 жыл бұрын

    And from where the white solid 3 came ? Is it a new composition from the Basic animation part on the video ? :)

  • @TheRar1ty
    @TheRar1ty3 жыл бұрын

    I'm kind of new to AE and I have a comp where the topographic texture slowly evolves and also moves as if it were scrolling down, is there any way to make that seamlessly loop, any help would be appreciated

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    We can loop the evolution of the fractal if you like. But to make the scrolling loop, you only need to have a seamless texture as your base. That can be done many ways depending on your use case. But I would look into seamless texture and offset.

  • @MINDSETISEVERYTHING2024
    @MINDSETISEVERYTHING20243 жыл бұрын

    how do you know the name of the effect so you can apply it on my videos so i can pick the one i like i hope that my question is clear i need your answer plz thanks

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    A lot of know what effects to combine in what ways comes from experience. I've been using this app for a while so I have a lot of memory around what effects perform what functions. It comes in time as you build up more vocabulary and become conversational with the program. And it helps that the concepts and terms are fairly universal. Like posterize means posterize everywhere for example.

  • @parthkansara639
    @parthkansara6393 жыл бұрын

    trying to achieve that dark beveled effect that you have when you show how to do the cut out text effect.... i cant seem to get it....

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    I might have used layer styles perhaps. Or maybe the bevel alpha. Do either of those help?

  • @whizzkkid6638
    @whizzkkid66383 жыл бұрын

    whenever i export it form media encoder in mp4 format it shows black screen

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Interesting. I'm not totally sure what would cause that. Have you found a solution to that yet?

  • @whizzkkid6638

    @whizzkkid6638

    3 жыл бұрын

    @@ECAbrams yea i decrease the simple choker to .5

  • @tehKrickuu

    @tehKrickuu

    3 жыл бұрын

    man mega props to you if i hadn't seen your comment about this, we have the same issue. dang

  • @dodactros7501
    @dodactros75012 жыл бұрын

    Is it possible to create this effect on image ? Thank you.

  • @ECAbrams

    @ECAbrams

    2 жыл бұрын

    Certainly. What would you like the final result to look like? Like the image is becoming topography?

  • @VoLtiamo
    @VoLtiamo3 жыл бұрын

    Can you please post your samples for people to use for free without any text or watermark on them?

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Samples of what?

  • @VoLtiamo

    @VoLtiamo

    3 жыл бұрын

    @@ECAbrams Samples of this Animated Topographic theme of all varieties you have. As it is not easy for everyone to make one for them! 🙂 Hope you understand.

  • @VictreebelTV
    @VictreebelTV2 жыл бұрын

    I need help, I am trying to export it or put the project into premiere pro using the dynamic link but it only outputs a black screen and I can't seem to fix it

  • @ECAbrams

    @ECAbrams

    2 жыл бұрын

    What happens when you Ram preview? What happens when you use media encoder? What happens when you use the render queue?

  • @shujaabro1611
    @shujaabro16113 жыл бұрын

    Can you make the text gold TOPO example a file 6:46

  • @kayleesue7592
    @kayleesue759211 ай бұрын

    I'm not sure what I've done wrong, but I'm having quite a bit of trouble with exporting. Each time I try, the animation doesn't show up and I'm not sure what to do :(

  • @WoahMezzy
    @WoahMezzy2 жыл бұрын

    Is there a way to make the lines smaller?

  • @ECAbrams

    @ECAbrams

    2 жыл бұрын

    You might use a matte choker effect to each into the results of the find edges?

  • @WoahMezzy

    @WoahMezzy

    2 жыл бұрын

    @@ECAbrams it worked, Thank you! I didn't expect you to reply so fast

  • @ZuzQQQ
    @ZuzQQQ3 жыл бұрын

    I dont know why I cant render it in h.264, it doesnt show whole work but only word with animation...

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Sounds like there is something amiss with your render settings. Are you using media encorder? Render queue? What method are you using to send out the h.264?

  • @Sushanttechworld
    @Sushanttechworld2 жыл бұрын

    how to infinitely loop this??

  • @ECAbrams

    @ECAbrams

    2 жыл бұрын

    If you're using the fractal noise as the base you can set it to cycle the evolution and keyframe the cycles.

  • @Sushanttechworld

    @Sushanttechworld

    2 жыл бұрын

    @@ECAbrams thanks a lot sir.

  • @MALICEonPC

    @MALICEonPC

    2 жыл бұрын

    @@ECAbrams I'm EXTREMELY new to AE, no matter what I do I can't get a rendered video to loop seamlessly.

  • @davishardy6833
    @davishardy68333 жыл бұрын

    make damascus next

  • @TheYouAlbert

    @TheYouAlbert

    3 жыл бұрын

    Hahahahah

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    That's like the wavy, undulating, zebra like steel right? Like expensive chef knives and that kind of thing? I can definitely look into it.

  • @TheYouAlbert

    @TheYouAlbert

    3 жыл бұрын

    @@ECAbrams Yep! It's also a Call of Duty skin, that's why I laughed. I posted a COD related comment in your previous video :)

  • @MagneticDonut
    @MagneticDonut3 жыл бұрын

    What I'd do without you

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Is that a Michael Bolton tune?

  • @MagneticDonut

    @MagneticDonut

    3 жыл бұрын

    @@ECAbrams I now have a new anthem

  • @Ryphaa
    @Ryphaa3 жыл бұрын

    the lines wont render i only get the back ground 😭😭

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Does it show up in the comp window when viewing at 100% and full resolution?

  • @matteforza
    @matteforza3 жыл бұрын

    there are actually a way, faster way to do this, difference is that you have less control

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Interesting. What's the faster method?

  • @ellemeno
    @ellemeno3 жыл бұрын

    Would anyone be willing to help me out with this? I dont have a copy of Ae but willing to pay for your time

  • @pixelsabz1868
    @pixelsabz18683 жыл бұрын

    u sound like markiplier

  • @iamdrewinla3557
    @iamdrewinla35573 жыл бұрын

    I’m just here for the puns

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    I hope the channel is always on point and never disappoints on that point.

  • @nevaidshaswatekka4172
    @nevaidshaswatekka41723 жыл бұрын

    Wish that you spoke little slow :(

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    play it at half speed. It's sunny.

  • @ErikUden
    @ErikUden3 жыл бұрын

    0 Dislikes. No wonder.

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Give it time. They'll arrive soon enough ;)

  • @andisaputra371
    @andisaputra3712 жыл бұрын

    am i the only one who think this tutorial is too fast to follow:(

  • @ECAbrams

    @ECAbrams

    2 жыл бұрын

    What parts threw your for a loop? Maybe I can help.

  • @imiy
    @imiy3 жыл бұрын

    Wow!!!