Fake 3D Cylinder - Adobe After Effects tutorial

Поділитися
Вставка
  • Опубліковано 28 вер 2024
  • Make a fake 3d cylinder in after effects using shape layers. It's almost 3d, but is more suited for abstract depth than actual 3d geometry. This is how you can make a more illustrative or abstract 3d look.
    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...

КОМЕНТАРІ • 72

  • @EnriqShockwave
    @EnriqShockwave 5 років тому +18

    Damn dude, you always make me realize how much I dont know. Thanks as always for the in depth tutorial ya rockstar

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

      You're very welcome. We try to get a little deeper here on this channel. Hopefully it's worth the time for folks to watch just a little longer :)

  • @saketini99
    @saketini99 5 років тому +18

    you seriously just blew my mind. amazing process!

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

    6:00 = mind blown. Great tutorial

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

    completely n00b to ae here, and your work is godsend. the capability of ae is blowing my mind, and thanks for the amazing videos with very watchable commentary

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

    thank you for the amazing tutorials, how about showing us how you did those cylindrical pattern lines

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

    I'm (really) new to Ae, and this just demystified so many things. Thank you for this great tutorial!

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

    this is by far the most intelligent process. Will the expressions render the animation if i export this to a lottie ?

  •  5 років тому +23

    the stroke not getting consistant due to a scale transformation (around 6:00) was KEY to me. Thank you so much man!

  • @docvek
    @docvek 4 роки тому +2

    This is amazing, I've only just found your channel. Subscribed! - I have a question, can you add details to the 'side' of the cylinder and make it look like it is rolling? (like the coin edge in the intro) thanks!

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

    Based on the video's still frame, I was expecting to learn how you made that coin (I'm mostly interested in the ridged side)

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

    Fantastic!!!!! thank you.

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

    Is there a way to set this up as a rig? Maybe one controller for each axis of rotation and one controller for the length of the cylinder?

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

    I can not find parenting of ellipse sizes, there is no icon.....how can I fix it??? I can see parenting icon only if I press alt +size, as an expression...

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

    Hi, can you do like a small Kurtzgesagt style animation tutorial? Thanks.

    • @rr.studios
      @rr.studios 3 роки тому

      Thought cafe has a playlist of video tutorials showing you something similar.

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

    how do you make a cylinder proportionally more narrow? like the shape in your finished work

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

      It's all down to the connective rectangle shape, and moving the circle closer. That's about it.

  • @Kaleubs
    @Kaleubs 5 років тому +3

    I'm pretty sure you are motion design's equivalent of Bob Ross.

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

      That would make me so happy. Bob Ross is one of my inspirations for his super chill attitude.

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

      @@ECAbrams I think you're one level better than the Boss - you add a little more personality and wit to your talks.

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

    expression disabled error at line one

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

    Saludos desde Venezuela :D (y)

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

    Hi, and what is about 360 degree rotation of the cylinder?

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

      on which axis are you looking to fake the 360 degree rotation?

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

      @@ECAbrams I had the same question... what if I wanted to complete the rotation around the vertical axis? Thanks

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

      So what I did was create another version but with the objects going in the opposite direction, keyframed the second rotation after the first with continuous keyframes

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

    What var stands for? can anyone tell me pls?

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

    what is this magic

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

      The power of shape layers :)

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

    I've watched this twice and still not get it :(

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

      Oh no! Where are you getting stuck?

  • @LucasSchaffer
    @LucasSchaffer 5 років тому +3

    07:20 "ohh look at this!" :D great tutorials, evan. best regards.

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

    It never ceases to amaze me that your videos are exactly what I need.

  • @ahmetbaykara.mp3
    @ahmetbaykara.mp3 4 роки тому

    I think one of the reasons to make fake 3d animations is more CPU/GPU friendly and better preview speed (fps) because of the z-direction 🎞😎🎥

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

    This is simply the best fake 3d tutorial out here. "2022"

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

    You are crazzy! hihihi

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

    Very good tutorial

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

      Thanks Kam! Glad you enjoy it.

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

    Thanks for techniques, Evan! Especially... I haven't ever thought about moving fills & strokes outside of the shape's group to pass it. You live and you learn!
    On the other hand, one thought! Even though the 'coin spinning' in the intro is faked - do you think it would be feasible to find the correct ratio of size, to rotate/link as it moves? Now it feels as slipping a bit - but the questions is based on the 'dark math' side, rather than a lash. Well done anyways! :)

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

      Oh there is definitely a ratio. Any geometry can be expressed as math. That'll be for a whole other tutorial ;)

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

    And what if I wanted to add a texture to the shape layers, how would I do that? Say I wanted to make the cylinder look like a tree trunk, for example?

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

      there are a few ways. You might try to generate some bark like textures using effects, or simply import an image of texture, and use the "side" of the cylinder as a matte for it?

  • @Yuki-jg4wl
    @Yuki-jg4wl 5 років тому

    Wow... You never fail to blow my mind...

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

    Thanks for the great tutorial! I have an advanced question: How do I paste the text on the side of the cylinder?

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

      Like the round part of the cylinder, or the flat part?

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

    How can I replicate this for a square box???

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

      Done, I'd be happy to help anyone with this same problem. I managed to get a full 3d rotation out of this

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

    i didnt get a notification about this video and i have the bell clicked >:(

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

      youtube is... not great about this stuff

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

    This is great!

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

    Awesome! Thanks Evan!

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

    i've enjoyed

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

    At 3:00 your circle stick position to the side of your rectangle automatically, how do you set this option? thanks!

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

      you're asking about the snapping I assume? If you're on a modern version of Ae you can cause that by holding command while dragging a layer.

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

      @@ECAbrams thanks!

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

    what about a rectangle? or other shapes? do they share the same expression / technique to create ?

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

      Yup, generally. But faking their rotation on certain axis is a little harder. But yes, the general technique is exactly the same.

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

      @@ECAbrams I've sent an email to you regarding an animation video, and I really wish to learn the animation regarding the video that I've sent. Been struggling for months , stuck in the process of this :(
      Anyway thanks for the reply! :)

  • @7akawatyahmad
    @7akawatyahmad 3 роки тому

    amazing work, you skipped the bevel lines :D I think this part is the tough one

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

      Which part?

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

      @@ECAbrams the depth horizontal lines of the coin, you've shown in the intro :D

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

      @@ECAbrams up

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

    WOW, that was amazing, you opened a whole new can of worms for me in After Effects, I honestly had no idea that it worked in a layered system within the shapes, I always wandered why you could create multiple shapes inside shapes but now I see why. And the code aspect is amazing, i will love to learn more

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

      That’s great to hear! Stay tuned for more. Shape layers and expressions make up a lot of what we get into around here :)