How to animate eyes for Steam Artwork (After Effects)

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ม.ค. 2025

ความคิดเห็น • 163

  • @-Seppuku-
    @-Seppuku- 4 ปีที่แล้ว +44

    One of the best, easiest to follow and perfectly done tutorial I’ve seen on TH-cam. And everything in 8 minutes. Too good. Liked and subscribed

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว +1

      Thanks for the sub and glad it helped!

    • @berkehanaydin7370
      @berkehanaydin7370 3 ปีที่แล้ว

      Same :) thank you for videos

    • @ldeng
      @ldeng 3 ปีที่แล้ว

      Agree!

    • @benzo1337
      @benzo1337 3 ปีที่แล้ว

      cap

    • @Oldladywithastick
      @Oldladywithastick 2 ปีที่แล้ว

      @@benzo1337 ?

  • @sanchuz6747
    @sanchuz6747 4 ปีที่แล้ว +2

    You are insane congrats you just made my jaws drop

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      Haha thanks!

    • @syhnmain
      @syhnmain 3 ปีที่แล้ว

      W- why is jaws in plural

    • @grapphy9573
      @grapphy9573 3 ปีที่แล้ว

      @@syhnmain mans got more than one jaw

  • @hoji-6919
    @hoji-6919 4 ปีที่แล้ว +2

    Thanks! Easy to follow too

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      Np!

    • @hoji-6919
      @hoji-6919 4 ปีที่แล้ว

      @@Zelocity quick question, after the eye is animated how do other animations with it too? like hair movement, breating etc

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      @@hoji-6919 I'll make more videos on that but it pretty much has to do with a bunch of cut outs and puppet tool.

    • @hoji-6919
      @hoji-6919 4 ปีที่แล้ว

      @@Zelocity alright, thanks!

  • @legondaryrejo4265
    @legondaryrejo4265 3 ปีที่แล้ว

    Omg this is amazing ;at first i think it will look better but this is very amazing your put the final vedio in first "want this"

  • @disquietedd6407
    @disquietedd6407 2 ปีที่แล้ว

    Fantastic tutorial!! Tysm!!

  • @nuklearain7743
    @nuklearain7743 4 ปีที่แล้ว +1

    Thank you ! I hope you can reach 1M subs !

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว +1

      Hahaha, doubt it but thanks bro!

    • @nuklearain7743
      @nuklearain7743 4 ปีที่แล้ว

      @@Zelocity no no no, i never doubt it, you do great bro, one day we'll talk about it 😉

  • @MOURYAS
    @MOURYAS 3 ปีที่แล้ว +2

    love u man

  • @knestor
    @knestor 4 ปีที่แล้ว +1

    Thank you!

  • @r4bbee
    @r4bbee 3 ปีที่แล้ว

    Perfect, and easy to follow. Thank you so much!

  • @MONNITx
    @MONNITx 4 ปีที่แล้ว +2

    great work!!! super easy to follow

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      Glad this helped out!

  • @typical_ae
    @typical_ae 3 ปีที่แล้ว

    Thank u for the tutorial, it is really good 👍

  • @hubskyy6560
    @hubskyy6560 3 ปีที่แล้ว +3

    hey, i have a little problem, when im double clicking the layer it dosent open me that window like in video (0:52) you know what might be a problem?

    • @Zelocity
      @Zelocity  3 ปีที่แล้ว

      Pretty sure you have it open. Just drag the layer panel around the top to the left

  • @Hawen1
    @Hawen1 3 ปีที่แล้ว +2

    I did everything you done about the lashes but I could not able to move pin anchors like you do. I would appreciate if you help me with it.

  • @Zelocity
    @Zelocity  4 ปีที่แล้ว +7

    We are close to 100 subs! Thanks so much for sticking around! I'll try to upload more frequently.
    Add me on Steam if you want to order custom artwork: steamcommunity.com/id/MrZelocity/
    And, join my group and share your artwork! Would love to see what you guys come up with: steamcommunity.com/groups/ZelocityArts

  • @PhiitoHuue
    @PhiitoHuue 4 ปีที่แล้ว +1

    I can finally start making my own animated profile

  • @maitake8696
    @maitake8696 4 ปีที่แล้ว +5

    grow big

  • @MrSayka
    @MrSayka 4 ปีที่แล้ว +2

    when i click double times on the photo it doesn't show the brush like it did with u

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว +1

      Double click the layer. Then click the brush tool. Hope this solved your problem

    • @MrSayka
      @MrSayka 4 ปีที่แล้ว

      @@Zelocity ok it actually was working but in a different way than in the vid but thx bro ❤️

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว +1

      @@MrSayka Glad you got it working!

  • @smugnarancia1270
    @smugnarancia1270 3 ปีที่แล้ว +1

    i have a problem with painting, the color only shows at the start then conpletly disappears and this couses the linear warp to not work, do you know what to do?

    • @Zelocity
      @Zelocity  3 ปีที่แล้ว

      before you paint, make sure you are at the beginning of the timeline

  • @Ra1N_Zzz
    @Ra1N_Zzz ปีที่แล้ว

    i follow the step but the result is that the eye layer doesnt follow the movement of the first anime pic. so it cause the eye part stand still blink but doesnt move. i want to know how to slove it

  • @frosky1
    @frosky1 9 หลายเดือนก่อน

    How can I make the window that appears at minute 0:50 appear?the window on the left side of the original image.Sorry if the question is very stupid, I'm new to this program.

  • @DailyCU
    @DailyCU 4 ปีที่แล้ว +5

    How do you add this to the animated image from your last video? I tried adding both together but the eye lashes don't move. If that makes sense.

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      Make sure you have the eye layer at the top. Also its important you pre-compose the eye layer and full image together before you use the puppet tool to animate. This will keep the eyes moving simultaneously with the image. Hope that makes sense.

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      Ill include this in the QnA video

  • @port4910
    @port4910 3 ปีที่แล้ว +4

    Every time I move my puppet markers it moves them for the previous frame even tho my timeline is on the next frame, and when I go to move them back it moves them for the next frame.

    • @Zelocity
      @Zelocity  3 ปีที่แล้ว

      Check the puppet tool frames by pressing U with the selected layer to see if you have unwanted frames.

  • @prod_muco
    @prod_muco 3 ปีที่แล้ว +6

    hey zelocity i am having trouble keeping the eyes on an animated body; the body that i am using is moving around with the puppet tool and i want the animated eyes to stay in the right place, but they stay where they are and the body moves away. Is there any way i can fix this easily without making keyframes for every frame?

    • @Zelocity
      @Zelocity  3 ปีที่แล้ว +2

      Select your eye and character image layer and precompose them. Then use puppet tool on it. Hope that made sense!

    • @prod_muco
      @prod_muco 3 ปีที่แล้ว

      @@Zelocity i am kind of confused on what you mean. just for some background info, i have my character and 'leftlash' 'leftlid' 'rightlash' 'rightlid' layers all inside of a composition already, it doesnt even let me copy the layers to precompose, are there any more specific instructions you can give me? sorry for the trouble

    • @Zelocity
      @Zelocity  3 ปีที่แล้ว +2

      @@prod_muco Basically what we're trying to do is combine all files together. So if you haven't already, select all the eye layers from this video and precompose it by right clicking the layers and hitting precompose. Name it whatever you want. When you have that, you should be able to move the eyes freely as one in the main composition (the comp you made when starting a new project). In the main, you should have two things. The eyes and the full character image. Select both of those and precompose. Sorry if i'm not using the correct terminologies for this.

    • @prod_muco
      @prod_muco 3 ปีที่แล้ว +1

      @@Zelocity ok, ill try it out. thank you very much!

    • @Zelocity
      @Zelocity  3 ปีที่แล้ว

      @@prod_muco np!

  • @Hitoris30
    @Hitoris30 4 ปีที่แล้ว +1

    Takodachis :3, great vid btw

  • @fear7931
    @fear7931 2 ปีที่แล้ว

    how you do that? 2:55 - you double click on "RightLash" and it brings up another page/layer to you but when I do the same thing then nothing happens

  • @sharafbadarnih2291
    @sharafbadarnih2291 3 ปีที่แล้ว +1

    bro I appreciate this tutorial , I wish if u can answer me and help me cause i have so many troubles in this (eye blink)

  • @sohu5126
    @sohu5126 4 ปีที่แล้ว +2

    is good

  • @leskin3n
    @leskin3n 2 ปีที่แล้ว

    1:25 how do you set the brush thing again?

  • @kohitori3763
    @kohitori3763 2 ปีที่แล้ว

    how to make the eye smoothly close and open? cause its visible that i changed something in the middle of eye open, and then it just jumps back and looks bad

  • @HP-pr3xs
    @HP-pr3xs 4 ปีที่แล้ว +2

    Can you do a guide on how to add particle effects? I'm creating a doom slayer themed animation and wanted to add cinder and flames at his feet as well as animating his breathing. Thanks

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว +1

      Yeah sure! I'll try to make one. Cinder and flames sounds great with Doom theme.

  • @OhWellGarage
    @OhWellGarage 4 ปีที่แล้ว +2

    Good video, i made a steam profile animated from your last vid i would add blinking eyes to it but im too lazy lol, watched the whole vid easy steps 👍

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว +1

      Haha, glad my videos help. Thanks for watching!

  • @jeremiahng6814
    @jeremiahng6814 2 ปีที่แล้ว

    I've imported a PNG picture to AE 2022, I did all the steps in front. But I unable to view my imported image. I click the brush tool, but there's no image for me to edit. Could you assist me?

  • @stevenwolfe8858
    @stevenwolfe8858 3 ปีที่แล้ว +1

    it would be so much easier if my after effects functioned like yours. do u have to turn on auto keyframing for it to even show up i cant set keyframes... everything else was ez

    • @Zelocity
      @Zelocity  3 ปีที่แล้ว

      Hmmm that's really interesting. It should automatically set a new keyframe for every change in position to the anchor automatically. Make sure you didn't accidently turn off the puppet tool stopwatch and have new keyframes at different intervals.

  • @alesandro1962
    @alesandro1962 3 ปีที่แล้ว +3

    next tutorial for hair please ?

    • @Zelocity
      @Zelocity  3 ปีที่แล้ว +1

      Maybe :P

    • @aegill6550
      @aegill6550 3 ปีที่แล้ว

      @@Zelocity really, bro, make hair tutor, pls.

  • @McCrackles
    @McCrackles 3 ปีที่แล้ว +2

    Amazing tutorial, love every vid on this channel ^^, too bad I messed up and precomposed the original image by accident and now this eye animation doesn't work anymore..

  • @haix9301
    @haix9301 4 ปีที่แล้ว +1

    i'm stuck on the eyelids, dunno if it has to do with me using mac but i can't get the color to stay after i use the pen tool, and i've been checking if i'm on the right layer and such. is there something that i'm missing?

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      That's odd. Make sure you are at the beginning of the timeline when you use brush tool. Also I believe mac and PC are the same. Only key bind difference.

    • @haix9301
      @haix9301 4 ปีที่แล้ว +1

      @@Zelocity does it have to do anything with the mask tool? sorry i'm a complete newbie with this

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      @@haix9301 Thing is, even with the mask from the pen tool, the paint should still remain since we only cut the image layer underneath it.
      Trackback and see if you did the steps completely the same. Make sure you use the paint brush at the very beginning of the timeline. Painting at the 3 second mark will not stay for the 2 seconds behind it. Worst case scenario, start from the beginning. You may have misclicked something during the process. (I've done this so many times).
      And no worries, you're watching a tutorial for a reason. Feel free to ask for help!

    • @haix9301
      @haix9301 3 ปีที่แล้ว +1

      @@Zelocity haha, i restarted my project again after a bit and followed the tutorial again, it worked! must've missed something, this tutorial helped a lot though!

    • @Zelocity
      @Zelocity  3 ปีที่แล้ว

      @@haix9301 Nice!

  • @LukaPolovina
    @LukaPolovina 4 ปีที่แล้ว +2

    Sorry to bother you, but I need little help. When you made guide how to make animated steam artwork, you didn't do eyes, just animation , so do you first create eyes animation or animation of our character? Or does it even matter?

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      Great question! You would do the eyes both you use the puppet tool. So before you animate the whole character. Make sure you precompose the eyes with the whole body so the eyes stay on when you use the puppet tool. Ill include this in a QnA video. Thanks for great question!

    • @LukaPolovina
      @LukaPolovina 4 ปีที่แล้ว

      @@Zelocity Thank you so much! If i can ask, when can we expect QnA video ?

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      Maybe on Friday? or at least this weekend? My order list is small right now so might be able to come up with something by then!

    • @LukaPolovina
      @LukaPolovina 4 ปีที่แล้ว

      @@Zelocity Okay, looking forward to it :D . Also if its not a big deal can you make a short tutorial about that glow around it . I hope i am not asking to much ;)

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      @@LukaPolovina Sure i can try!

  • @nonleggolerisposte5921
    @nonleggolerisposte5921 3 ปีที่แล้ว

    next step tutorial animated body?

  • @bloomto_death
    @bloomto_death 3 ปีที่แล้ว

    In a lot of your videos, you say to have your files clean and organized.
    With that said, what's your browser history like?

  • @akqzame6006
    @akqzame6006 3 ปีที่แล้ว

    i cant see the lashes mine just shows the coloring over the eyes thats it what am i supposed to do?

  • @matias-vy4sr
    @matias-vy4sr 3 ปีที่แล้ว +1

    hey zelocity i've been trying to follow the tutorial but when im trying to animate de eye, changing the percentage doesn't do anything

  • @knt5894
    @knt5894 4 ปีที่แล้ว +1

    How do you make that second screen?

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว +1

      Double click the image layer.

    • @knt5894
      @knt5894 4 ปีที่แล้ว +1

      @@Zelocity i have another pb, when i drag the lashes the main lashe from the original photo is still there and its dublicate. how can i change that?

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      @@knt5894 Make sure you color over the lashes as well :P

    • @knt5894
      @knt5894 4 ปีที่แล้ว

      @@Zelocity ahh tyy

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      @@knt5894 np!

  • @Niksplosion-yj6bx
    @Niksplosion-yj6bx 3 ปีที่แล้ว +1

    this really helped so thank you so much! Only question is after animating the eyes I saw you had a video on hair animation and im not sure how to you combine the two to one animated body?

    • @CornFlakeZ
      @CornFlakeZ 3 ปีที่แล้ว

      Select all eye leash and eyes on the left side with your Artwork Render and click Rightclick then click " Pre-compose..." give it a file name. (To Select all of them together press just shift with left mouse click.)

  • @Markofka
    @Markofka 4 ปีที่แล้ว +1

    In photoshop, what is the best possible settings for "save for web" for a gif regardless of file size. (I couldn't find a clear answer online besides stuff like 256 colors)

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว +1

      Well, if I want to max out the quality, I put color reduction to selective, dither and transparency to diffusion, and 0 lossy compression. You can also put the quality to bicubic. I believe its the best you can do for a GIF file however don't quote me on this. Hope this helped.

  • @vno.
    @vno. 4 ปีที่แล้ว +1

    Could you do how to make your steam profile artwork

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      I have a video guide already on my channel

  • @its_arko_0
    @its_arko_0 3 ปีที่แล้ว +1

    Can I use after effects even if I have 4gb ram?

    • @Zelocity
      @Zelocity  3 ปีที่แล้ว +1

      Sorry I think it would run way to slow especially for steam artwork. Minimum recommendation would be 8 gb.

  • @KittyDesigns
    @KittyDesigns 3 ปีที่แล้ว

    hold up, what did you do after you traced the left eye with the pen tool at like 1:30 ish

    • @Zelocity
      @Zelocity  3 ปีที่แล้ว

      Did the same thing on a different layer with the right eye only instead.

  • @crystalrodriguez7699
    @crystalrodriguez7699 4 ปีที่แล้ว +1

    how did you add keyframe selections?

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      Showed it in the video but you just have to move to a different frame in the timeline and reposition the puppet anchor. Also to see the keyframes, press U. Hope that made sense

  • @iMiojo
    @iMiojo 4 ปีที่แล้ว +1

    How do you create these keyframes? I cant get past that part

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      First you need to place anchors with the puppet tool at the beginning of the timeline. Then you can go forward in the timeline and move the anchors or pins to a different location. This will make new keyframe. Also press "U" to see the keyframes.

  • @serenity-401
    @serenity-401 3 ปีที่แล้ว

    how to change the distance? it dsnt work :( can anyone help?

  • @lysret7998
    @lysret7998 4 ปีที่แล้ว +1

    Btw how to make the eyes glow?

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      I cut the pupils out and added a glow and outer glow. And I also added a light sweep to make it more visible

    • @lysret7998
      @lysret7998 4 ปีที่แล้ว

      @@Zelocity you add those 3 on the pupils?

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      @@lysret7998 Yup!

    • @lysret7998
      @lysret7998 4 ปีที่แล้ว

      @@Zelocity Love to see more tutorials coming up from you my man.. especially the hard parts

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      @@lysret7998

  • @NecrovoidTV
    @NecrovoidTV 3 ปีที่แล้ว

    how do you copy and paste an initial keyframe...

    • @Zelocity
      @Zelocity  3 ปีที่แล้ว

      Press U to reveal frames. Select intital frames. CTRL + C to copy and CTRL+ V to paste

  • @markeplayz921
    @markeplayz921 4 ปีที่แล้ว +1

    Is it possible for me to order an artwork?

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      Yep! Just add me on Steam. I have links in the description

    • @markeplayz921
      @markeplayz921 4 ปีที่แล้ว

      @@Zelocity I invited you to friends, nick MarkaS :)

  • @chickenjoy8875
    @chickenjoy8875 4 ปีที่แล้ว +1

    when will you make tutorials on how to use effects on AE for steam artwork?

  • @porcehlaiiin
    @porcehlaiiin 3 ปีที่แล้ว

    every time i connect the pen things the whole thing goes black with only the eye left

    • @Zelocity
      @Zelocity  3 ปีที่แล้ว

      Never heard of puppet tool making layers go black. Make sure you have the layers fully on the composition timeline.

  • @myro1843
    @myro1843 3 ปีที่แล้ว

    my guy, whats the composition?

  • @zeddotexe
    @zeddotexe 4 ปีที่แล้ว +1

    Would you mind taking all the tutorials you've made and just putting em all in one video. Or doing like a speed art version.

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      I have a playlist on my channel. Check it out! And might do a speed art? Can't guarantee it.

  • @KittyDesigns
    @KittyDesigns 3 ปีที่แล้ว

    from what i've seen you copied the whole character image, but how is the part you're drawing on (covering the entire eye look to be as if it's on another layer??) pls

    • @Zelocity
      @Zelocity  3 ปีที่แล้ว

      Make sure you have a full character image underneath all eye layers.

    • @KittyDesigns
      @KittyDesigns 3 ปีที่แล้ว

      @@Zelocity i've gotten it now :D also am in the steam designserver

  • @wynuwu
    @wynuwu 3 ปีที่แล้ว

    no matter how much i try i cant get the eyelashes to sync with the eyes.

  • @grapphy9573
    @grapphy9573 3 ปีที่แล้ว

    Uhh what if theres hair on the eye?

    • @prod_muco
      @prod_muco 3 ปีที่แล้ว

      did you find out?

    • @TsunaXZ
      @TsunaXZ 3 ปีที่แล้ว

      You'll need to use a multiple layers for that. I don't know the process though.

    • @grapphy9573
      @grapphy9573 3 ปีที่แล้ว

      @@prod_muco yup

  • @Mystic_707
    @Mystic_707 7 หลายเดือนก่อน

    I miss 8MB steam artwork

  • @lotus1219
    @lotus1219 2 ปีที่แล้ว

    damn that's a lot of work with the final animation

  • @lawzzzzzz
    @lawzzzzzz 4 ปีที่แล้ว +3

    Why is the entire editing ae scene so afraid of talking...every single video is like watching anime with these subtitles

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      Much clearer to read visually. That's just it.
      Will do voiceovers when my mic comes in, but doubt it will make a difference.

  • @frizxalex
    @frizxalex ปีที่แล้ว

    I didn't quite understand keyframes..

  • @aa-uq3kf
    @aa-uq3kf 3 ปีที่แล้ว +1

    wah

  • @ardakosan6024
    @ardakosan6024 4 ปีที่แล้ว +1

    pls teach meeeeeeeeeeeeee

    • @Zelocity
      @Zelocity  4 ปีที่แล้ว

      Be sure to sub! :D

  • @axmetamv
    @axmetamv 3 ปีที่แล้ว +1

    How you have 582 subscribers wtf

    • @Zelocity
      @Zelocity  3 ปีที่แล้ว +1

      lol idk

    • @axmetamv
      @axmetamv 3 ปีที่แล้ว

      @@Zelocity steamcommunity.com/profiles/76561198283167583/ i made this

    • @axmetamv
      @axmetamv 3 ปีที่แล้ว

      @@Zelocity thx

  • @ZeroTwo-nj7ub
    @ZeroTwo-nj7ub 3 ปีที่แล้ว

    IIiiiinaaaaaaa

  • @NPCSlayer666
    @NPCSlayer666 4 หลายเดือนก่อน

    no nvm fk my steam profile

  • @VictoriaLouise1
    @VictoriaLouise1 3 ปีที่แล้ว

    man this tiring af

  • @xuecake
    @xuecake 3 ปีที่แล้ว +1

    Ngl you did a bad job at telling people how you made those keyframes on the timeline

  • @Jeeker17
    @Jeeker17 3 ปีที่แล้ว

    Hey how did you make the hair move?