Basic Patterns in After Effects

Поділитися
Вставка
  • Опубліковано 15 жов 2024
  • This tutorial sponsored by Skillshare, the online learning platform. Visit skl.sh/Abrams to sign up for Skillshare. The first 500 to sign up get 2 months FREE!
    Learn to create tiled patterns in Adobe After Effects. 4 Simple methods will have you making infinite patterns with your designs.
    If you have any questions just let me know in the comments.
    Download this project file:
    evanabrams.com/...
    Connect on the Internets
    www.EvanAbrams.com
    ecabrams
    www.Facebook.com/EvanCAbrams/
    EvanCAbrams
    Suggest a tutorial topic: docs.google.co...
    Google+
    plus.google.co...

КОМЕНТАРІ • 162

  • @BrownCookies
    @BrownCookies 4 роки тому +16

    Examples of pattern unit 1:18
    Repeating pattern unit forever 4:02
    Pattern Methods:
    MotionTile 5:30
    CC RepeTile 7:00
    CC HexTile 8:15
    Form (Trapcode Form by Red Giant) 10:26

  • @jadesimonson8253
    @jadesimonson8253 5 років тому +7

    One of the only people who makes bearable tutorials. I can't explain to you how much all of these videos have improved my skill set in such a short time.
    I am forever grateful!

  • @AlanCrytex
    @AlanCrytex 6 років тому +45

    Damn, you've been putting so many tutorials recently and I appreciate it a lot

    • @ECAbrams
      @ECAbrams  6 років тому +4

      Trying to get back to 1 per week on the regular around here. It's a tough schedule to keep up so far so good.

  • @Jasperi
    @Jasperi 6 років тому +21

    I advise that rather than just making the last frame the same as the first, you also crop the timeline by 1 frame so theres no frame doubling

  • @goofusmeef
    @goofusmeef 6 років тому +6

    Another option for looping instead of extending the pre-comp (like at 4:37) is when you turn on time remapping, go to the final keyframe, go back one frame, add another keyframe and then delete the final one. Then loopOut() works just fine as well

    • @moonfruit1993
      @moonfruit1993 6 років тому +1

      When you talk about final keyframe, is this the final keyframe of the MAIN comp, or the final keyframe of the pre-comp comp IN the MAIN comp. This is getting me really confused and I can't get the loop right due to this.

    • @drfunk1986
      @drfunk1986 5 років тому +1

      I absolutely agree, im so fucking lost @@moonfruit1993

    • @ZeykaFX
      @ZeykaFX 5 років тому

      worked for me, thanks

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

    This is a brilliant tutorial. God bless people like you who makes these videos. I hope you're doing okay during this pandemic. Love from India ♥️

  • @FruitCake0x
    @FruitCake0x 5 років тому +2

    Good tutorial! I also enjoy hearing Canadians say 'out'.

    • @ECAbrams
      @ECAbrams  5 років тому +1

      noo doot aboot it

  • @dundeedolphin
    @dundeedolphin 5 років тому +1

    I always enjoy your tutorials. Always informative and easy to follow. Thank you.

  • @jpegweber
    @jpegweber 6 років тому +1

    Thank you so much for this! Your pacing is perfect, and the inclusion of multiple routes to the desired end product is appreciated. Keep kicking ass, Evan.

    • @ECAbrams
      @ECAbrams  6 років тому

      Like the Snoop song says: "Six million ways to pattern, choose one" :)

  • @JustinKingdp
    @JustinKingdp 5 років тому +2

    @ecaabrams I was fumbling around and i figured out if you put motion tile above repetile with transform above all and you can get the spacing benefits of transform on repetile's tiling effects!

  • @MrMuffinLord
    @MrMuffinLord 6 років тому

    I thought this was going to be completely about motion tile but it's awesome that you're looking at all kinds of different options. Had no clue about Repetile or Hextile but will definitely try to use them from now on instead of motion tile to see what they can do.

  • @stemfourvisual
    @stemfourvisual 6 років тому

    Your tutorials are also tutorials on making a great tutorial. Many thanks.

  • @noahcarpenter4021
    @noahcarpenter4021 6 років тому

    This was an awesome tutorial and just what I was looking for. Definitely helped me out with saving time on some recent edits!

  • @carriiiexu8212
    @carriiiexu8212 5 років тому

    This is so helpful with my recent work! thanks a lot . Plz keep posting more interesting tutorial.

  • @TheFreshster
    @TheFreshster 6 років тому

    Thank you so much for this tutorial!!! This will improve my work a lot!!!

  • @mollieshutt9935
    @mollieshutt9935 6 років тому +1

    Thank you so much for making this video! I can't wait to try these tricks.
    One question, Could you explain how you made the square files that you used to create the patterns?

    • @ECAbrams
      @ECAbrams  6 років тому +1

      For sure. I've got one tutorial up about one of those now :) It's a short one I promise.

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

    Thanks, I made a great animated pattern thanks to you :D

  • @palmerstonpictures
    @palmerstonpictures 6 років тому

    Wow so good! Thank you for sharing your knowledge, it’s equally inspiring as it is informative

  • @ColdSurf
    @ColdSurf 6 років тому +2

    Thank you for existing.

  • @sharpywilliam4513
    @sharpywilliam4513 6 років тому

    You should make a short tut on a few tips when making the kind of shapes and animations in the patterns too!

    • @ECAbrams
      @ECAbrams  6 років тому

      But what to call these short tutorials? lil' tuts? Short Shape Sesh?

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

    this was very helpful!

  • @arsen_wasted
    @arsen_wasted 6 років тому +68

    7:52 "Let's never do that" ahaha

  • @dandabrowski6535
    @dandabrowski6535 6 років тому +82

    You're the Binging with Babish of After Effects

    • @KAMIKAZEE3421
      @KAMIKAZEE3421 6 років тому +7

      ✓ Bald
      ✓ Soothing Voice
      ✓ Knows what they're doing
      Yep.

    • @ECAbrams
      @ECAbrams  6 років тому +4

      This channel also doubles as an ASMR experience?

    • @ECAbrams
      @ECAbrams  6 років тому +8

      Also: beard, artisanal apron, very clean kitchen. :)

    • @jordankennedy7780
      @jordankennedy7780 6 років тому +1

      This is so accurate haha

    • @mabelkuan2311
      @mabelkuan2311 6 років тому

      exactly ! hahahha

  • @moboxgraphics
    @moboxgraphics 6 років тому +5

    I know this idea isn't super unique, but we just make a similar video on this today and now I see you did one last week :/
    HOWEVER, the CC RepeTile is awesome! Learned something new today. Thanks Evan!

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

    thank you so much

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

    Hola, es un gran tutorial, lo aprecio muchisimo :p.
    Bastante ilustrador y con mucho valor.

  • @dnisfilms
    @dnisfilms 6 років тому +3

    Hey Evan ! How did you animate that little squiggle at 2:00 ? Thanks ! Love your tutorials

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

      ua-cam.com/video/yG9jsBYaXfY/v-deo.html

  • @GastHeer_
    @GastHeer_ 5 років тому

    Thank you very much! :D This helped me very much!

  • @tithiwakhariya8636
    @tithiwakhariya8636 6 років тому

    This was Amazing tutorial. Thanks a lot!!

  • @Andrew-pp2ru
    @Andrew-pp2ru Рік тому

    Thanks

  • @AlexeySeverin
    @AlexeySeverin 5 років тому

    Great tutorial! There's at least one more way: Repeat. You add it to layer's contents. However these methods all seem faster and simpler, for example in order to copy objects both horizontally and vertically you would actually need to Repeats.

    • @ECAbrams
      @ECAbrams  5 років тому

      and whatever you repeat would have to be shape-layer contents ;)

    • @AlexeySeverin
      @AlexeySeverin 5 років тому

      @@ECAbrams Yes exactly. So yeah you can still use it, in case your Effects panel is broken or something. :D Btw it's actually "Repeater", not "Repeat"

  • @myforever13
    @myforever13 6 років тому +6

    I already think this is awesome and I've just seen the intro

    • @ECAbrams
      @ECAbrams  6 років тому

      haha. Then the intro is working perfectly :)

  • @SlimeyNoCommentary
    @SlimeyNoCommentary 6 років тому

    nice,this video is very helpful
    keep upload videos like this which we can need it (:

  • @alexd.3127
    @alexd.3127 6 років тому

    Thank you, this is very useful!

  • @KIMBEAUX
    @KIMBEAUX 6 років тому +1

    Thanks for posting again! Can you do a tutorial for the animated texture in your intro at 1:12?

  • @VxV466
    @VxV466 6 років тому

    Thank you, Thank you. Very helpful.

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

    Love the tutorial! But I.m having the blinking empty frame issue , and can't solve it like you did at the video. Could you please give me any suggestion? Im getting crazy!

  • @sonjob577
    @sonjob577 6 років тому

    谢谢您,很好,就是不清楚那个旋转的球怎么做的!给您大大的赞👍爱你

  • @chalvlad
    @chalvlad 6 років тому

    Thank you . Nice tutorial.💪💪💪

  • @md.solaymanhossain4482
    @md.solaymanhossain4482 6 років тому

    i was awesome and very helpful. I need this too much

  • @RUNawaYLEE
    @RUNawaYLEE 5 років тому +1

    I love you Thank you sooo much!

  • @radekleber
    @radekleber 6 років тому

    I feel spoiled by your tutorials 💃🏼💃🏼

  • @karinkaras4380
    @karinkaras4380 4 роки тому

    Great video!

  • @md.abdulmomintutul4546
    @md.abdulmomintutul4546 4 роки тому

    Thank you

  • @진정동평양면옥
    @진정동평양면옥 6 років тому

    thx for the great tutorial

  • @CyclonX
    @CyclonX 4 роки тому

    Great tutorial; what's the song playing in the intro? :)

  • @aleksandreroshkin719
    @aleksandreroshkin719 6 років тому

    Awesome!! Thank you so much!!!

  • @nirajfilms1040
    @nirajfilms1040 6 років тому

    amazing patterns

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

    Awesome vid! Is there a way for the patterns to have multiple colours at once?

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

      Is the idea to have some of the pattern units be one colour, and some be another colour?

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

      @@ECAbrams Yup that's the idea!

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

      @@alisonloke That brings us to a bit of a conundrum. In many array systems, like we see in cinema 4d for example, each element of the array is addressable. We could say "number 12, be red" or "every other instance, be red" or even "every n instances vertically AND every n instances horizontally be something". So, in a particle system that would be more possible. But when working visually like we do often in Ae, we would be better off to almost create two overlapping patterns that mesh into each other which variance. Or using a checkerboard and adjustment layer to modify some elements that way. Does that make sense or help get you started?

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

      @@ECAbrams Yea it does! I'll try to mess around with it, thank you!

  • @danidimitrov3826
    @danidimitrov3826 6 років тому

    Awesome tut!

  • @TeganBurns
    @TeganBurns 6 років тому

    Thank you!

  • @lukemayer8608
    @lukemayer8608 6 років тому

    Love these Tut's!

  • @adlychester1897
    @adlychester1897 6 років тому

    thanks dude awesome!

  • @evgeniicherniak3332
    @evgeniicherniak3332 5 років тому

    Awecome. Thanks a lot, buddy!

  • @ZJArt
    @ZJArt 5 років тому

    Thank you so much!

  • @thearabicdp
    @thearabicdp 6 років тому

    A thousand likes for you sir 🤩

  • @justinereyes7608
    @justinereyes7608 6 років тому +3

    "We got this motion. We are amazing" that got me

  • @LalitaM14
    @LalitaM14 5 років тому +6

    5:22 "We are amazing" loved it jajaja

  • @EricWhite1990
    @EricWhite1990 6 років тому

    you da man EC!

  • @daniela-gs
    @daniela-gs 3 роки тому

    is there a video where you teach how to make the compositions that you're using? u-u the shapes?

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

      I think I have a few tutorials on here about those. I might have only done 2 or 3 of them though.

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

    10:09 "very trippy, very strange things"
    me: thats the corona virus bro

  • @DanielWoolfolk
    @DanielWoolfolk 5 років тому +1

    This is awesome, thanks. Anyone know why my time-remapping is greyed out on my shape layer?

    • @ECAbrams
      @ECAbrams  5 років тому +1

      I'm glad you enjoy it. Time remapping is greyed out for your shape layer because shape layers don't have time. Comps and footage have time. But shape layers, text layers, adjustment layers, they do not have a time property to remap.

    • @DanielWoolfolk
      @DanielWoolfolk 5 років тому

      ECAbrams ohhhh ok thanks!

  • @RexArtTv
    @RexArtTv 6 років тому +6

    (0:09) How did you animate those swarlly lines like that?

    • @alexnowell
      @alexnowell 4 роки тому

      ua-cam.com/video/yG9jsBYaXfY/v-deo.html

  • @woktossed
    @woktossed 6 років тому

    Hey, great tutorial as always :) I was wondering how you get the orbiting circles to auto orient to the camera so they remain flat. I downloaded the project file and still can't figure it out...thanks!

    • @ECAbrams
      @ECAbrams  6 років тому

      It's funny you use the words "auto orient". I just took the little circles that are orbiting and went transform> Auto orient> and chose "toward camera" so they always try to face the camera in their scene. It's a quick way to cheat some "spheres" into a scene.

    • @woktossed
      @woktossed 6 років тому

      ah perfect, thanks. So simple.

  • @drLazyEvil
    @drLazyEvil 5 років тому +1

    8:20 CC HexTile (just adding as future reference)

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

    Thank you very much. What about the repeater for shape layers? is that no good?

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

      Repeater is good. Just get the hierarchy right. And the relative complexity of what you can do inside that single shape layer may feel limited or cluttered. But it's an option for sure.

  • @elgato_cc
    @elgato_cc 5 років тому

    Thank you sr =)

  • @somilsingh7198
    @somilsingh7198 6 років тому

    One Question : If i tell u something i want to learn will u make a vid on that or something similar? if so
    then how to invert color of a circle when it passes over another circle.

    • @ECAbrams
      @ECAbrams  6 років тому +2

      I'll put that topic on the list.

    • @somilsingh7198
      @somilsingh7198 6 років тому

      Suggestion try making a dynamic animation with "that thing" so we all can learn something new too.

  • @majdhassan1623
    @majdhassan1623 6 років тому

    Thanks ❤

  • @geeleeggan
    @geeleeggan 4 роки тому

    When I try using CC RepeTile like you do, it does NOT repeat the way it does in your video. Did it break in CC 2020?

  • @sherjf
    @sherjf 6 років тому +2

    can we have tutorial of how to rotate a circle around another circle like in 1:30, thanks in advance

    • @ECAbrams
      @ECAbrams  6 років тому +4

      I'll drop that on the list of future things. It'll be a short one. Maybe I should do a "short ones" series of little baubles.

    • @PYROMANIZAC
      @PYROMANIZAC 6 років тому

      I'd also like to know how to do this!

    • @МихаилСеменов-к2э
      @МихаилСеменов-к2э 6 років тому

      I'm looking forward to it!

  • @mariososterneto1191
    @mariososterneto1191 5 років тому

    MEU DEUS EMPIRICUS CALA A BOCA!!! QUANDO NÃO É VCS É O iFOOD O TEMPO TODO. PELO AMOR, EIM UA-cam

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

    The time remap kept putting the endpoint of the animation to the very end of the timeline, even if my element's animation didn't go that far. I had to manually delete the endpoint, place it where the animation needed to end and loop again, and then type in the time code for where my element's animation ended. Manually moving it closer just made the animation finish super fast and not repeat. It makes sense with the way the timeline works with effects, but as a newbie it had me befuddled, so this comment is for any who were having trouble with that. If anyone knows why it does that or a better way to fix it, let me know!

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

      When you turn on time remapping we're revealing the time property and the keyframes that are presets so that a layer will play back at normal speed. If a footage layer or a composition has 1000 frames there will be a key at frame zero and frame 1000 spaces 1000 frames apart so it will plack back normally when the time remapping property is revealed. If you want to avoid this, you will need to change the duration of your pre comps before you time remap to only have the number of frames you want to use.

  • @tenniset
    @tenniset 6 років тому

    I assume we can also use trapcode particular instead of trapcode form to achieve the same purpose?

    • @ECAbrams
      @ECAbrams  6 років тому

      You can achieve a similar look and function. Form is for particles that persist over time. If you want particles that expire or change over time particular is the way to go.

    • @tenniset
      @tenniset 6 років тому

      Thank you. Know you from adobe tutorials. Yours look helpful and advanced. Will keep checking others.

  • @FordeHaveMercy
    @FordeHaveMercy 4 роки тому

    How do you do these but using logos/images?

  • @NDCanton
    @NDCanton 6 років тому +1

    Do you have a tutorial for that flowing wave line seen at :08?

    • @ECAbrams
      @ECAbrams  6 років тому +1

      Not yet ;)

    • @NDCanton
      @NDCanton 6 років тому

      Thanks for the reply! I figured out a workaround, because there are a dozen roads to the same solution in After Effects, but I'm looking forward to learning if there's a simpler way. Keep up the great work!

    • @sagarn2494
      @sagarn2494 6 років тому

      Even i was trying to create it tried it using wave warp even i am wondering if @ECAbrams have any other way around?

    • @ECAbrams
      @ECAbrams  6 років тому

      oh yes, many ways. #spoilers there will be a tutorial about how to do it with shape layers coming up soon. The core of the idea is revealing a zig zagged shape as it moves to seem like it stays in place.

    • @sagarn2494
      @sagarn2494 6 років тому

      ECAbrams Thank You So Much! Just saw your tutorial for it and learned something new.

  • @chiarouchka1507
    @chiarouchka1507 4 роки тому

    why does the motion tile effect not work at all on mine? it takes into account all the composition's space around the object, like i can't see the repetitions directly into my composition cuz its "too big" i dont know how to say it :(

    • @ECAbrams
      @ECAbrams  4 роки тому

      It may be that the layer you're looking to tile is too big. Try cutting down the size of that tile unit composition or layer and see if that helps?

  • @Berserker_BG
    @Berserker_BG 6 років тому

    Wow, I never knew there were so many methods of tiling.

    • @ECAbrams
      @ECAbrams  6 років тому

      Oh, and there are more than we cover here. This is only the basic stuff. Up next, how to make tiles when animation goes among and between the tiles.

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

    4:37 - I am having this loopOut blinking issue and extending the shape layer past the end of the comp doesn't fix the blinking. Any idea what could be causing this? I found a work-around but would like to know the actual solution for future reference.

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

      Interesting. What work around did you end up using?

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

      @@ECAbrams Thanks for the reply! In the main comp, I moved the second Time Remap keyframe ahead one frame.

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

      ​@@variable_nd Hello... Im having the same issue with the blink but can't find a way to fix it :-( Please any help guide? Is it something about the fps or what? Can't find the solution or more info about this problem anywhere. THANK YOU!

  • @MarkSRiddle
    @MarkSRiddle 6 років тому

    Lovely !

  • @FokinRony
    @FokinRony 6 років тому

    I have a question. Is it possible repeat the sprite with different color?

    • @ECAbrams
      @ECAbrams  6 років тому

      Depends which method you're using, and how you want the colour to be different. Can you elaborate?

  • @FreakStyler
    @FreakStyler 4 роки тому

    For some reason for me RepeTile is not working correctly. It only repeats on the edge. A bit like HexTile. But it also doesn't work when precompose either. I couldn't get it to work in any way. It seems like a bug.

    • @ECAbrams
      @ECAbrams  4 роки тому

      Could it be the size of the comp you're repeating?

    • @FreakStyler
      @FreakStyler 4 роки тому

      @@ECAbrams is there a minimum maximum to the size? 🤔 It's like 1000px 😅 but scaled down

  • @drfunk1986
    @drfunk1986 5 років тому

    I cannot seem to enable time remapping. Every time I click on a shape layer, it's faded out and cannot select it

    • @ECAbrams
      @ECAbrams  5 років тому +1

      You'll need to use time remapping on a comp layer or footage layer. Shape layers don't have a time property in the same way as other layers. Text layers and adjustment layers also don't have a time property. Does that make sense?

  • @supppl8
    @supppl8 6 років тому

    I'm still getting the blinking after extending my layer. Anyone have an idea why this would be? Thanks in advance.

    • @ECAbrams
      @ECAbrams  6 років тому

      You may have the blinking frame cached. Perhaps try a purge of the cache.

    • @supppl8
      @supppl8 6 років тому

      Will do, thanks!

  •  6 років тому

    is loopOut() the same as loopOut("cycle")?

    • @ECAbrams
      @ECAbrams  6 років тому +1

      Essentially yes. The argument "cycle" is the default for loopOut(). So the expression assumes the "cycle" unless you drop in something else. Like how random() will get you a number between 0 and 1, but if you drop in some arguments you can change that range.

  • @RappersDlight
    @RappersDlight 4 роки тому

    Is there another way to randomly sample time without the $200 plug-in

    • @ECAbrams
      @ECAbrams  4 роки тому

      depends what you mean by sample time I suppose. We can use a combination of effects like the time displace that uses a map to offset in time. Then you just need to generate the right layer to shift areas in time. Does that help?

    • @RappersDlight
      @RappersDlight 4 роки тому

      @@ECAbrams I'll give this a try! Thanks for the quick feedback

  • @jonfreeze
    @jonfreeze 5 років тому

    loopOut() didn't work for me. It still stops at the original timing of the tile. :(

    • @ECAbrams
      @ECAbrams  5 років тому

      what are you applying the loopOut() to?

    • @jonfreeze
      @jonfreeze 5 років тому

      @@ECAbrams Actually I got it to work. I didn't realize that when I went to edit the original tile that I had to drop that new tile in each time. Also I had to quit and restart After Effects in order for it to loop correctly with the updates.

  • @TutTutOpenSesame
    @TutTutOpenSesame 5 років тому

    Mine still blinks after I extended the timeline

  • @Some.guy2-r2j
    @Some.guy2-r2j 4 роки тому

    oh I never had a problem, EXCEPT THAT YOU NEVER SHOWED US HOW TO MAKE THE PLANET GLOW!!!!!

    • @sanism
      @sanism 4 роки тому +1

      ua-cam.com/video/Ct3HkdQHDqI/v-deo.html

  • @EmrldDesigns
    @EmrldDesigns 6 років тому +2

    The 80s!

    • @ECAbrams
      @ECAbrams  6 років тому

      up next... hypercolor?

  • @souju8755
    @souju8755 4 роки тому

    that sound track sounds like the one from samurai champloo

    • @ECAbrams
      @ECAbrams  4 роки тому

      I did really enjoy that show when it was on.

  • @kresnamurti7189
    @kresnamurti7189 5 років тому

    how to make the pattern?

  • @leviambs
    @leviambs 6 років тому +4

    7:49 lmaooo

  • @MsRockstella
    @MsRockstella 6 років тому

    yassss

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

    It's a bit harder to follow for a complete beginner. Great work though..

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

      Sorry about that. Let me know if any concepts don't stick for you and maybe I can help you out.

  • @ralpholiver2889
    @ralpholiver2889 4 роки тому

    Dislike for the plugin use, not mentioned in description (y)

  • @sheldondrake8935
    @sheldondrake8935 4 роки тому

    ok, guess I better start sending you money.

  • @heather8901
    @heather8901 4 роки тому

    instagram.com/p/B5OHky2neo8/
    can I use adobe after effects to make something liek this?

  • @dukunvisual7255
    @dukunvisual7255 4 роки тому

    alah