Тёмный

How to animate eyes for Steam Artwork (After Effects) 

Zelocity
Подписаться 3,8 тыс.
Просмотров 64 тыс.
50% 1

Опубликовано:

 

24 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 165   
@-Seppuku-
@-Seppuku- 3 года назад
One of the best, easiest to follow and perfectly done tutorial I’ve seen on RU-vid. And everything in 8 minutes. Too good. Liked and subscribed
@Zelocity
@Zelocity 3 года назад
Thanks for the sub and glad it helped!
@berkehanaydin7370
@berkehanaydin7370 3 года назад
Same :) thank you for videos
@LDenG
@LDenG 3 года назад
Agree!
@benzo1337
@benzo1337 2 года назад
cap
@Oldladywithastick
@Oldladywithastick 2 года назад
@@benzo1337 ?
@sanchuz6747
@sanchuz6747 3 года назад
You are insane congrats you just made my jaws drop
@Zelocity
@Zelocity 3 года назад
Haha thanks!
@syhnmain
@syhnmain 3 года назад
W- why is jaws in plural
@grapphy9573
@grapphy9573 3 года назад
@@syhnmain mans got more than one jaw
@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"
@Hawen1
@Hawen1 3 года назад
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.
@hoji-6919
@hoji-6919 3 года назад
Thanks! Easy to follow too
@Zelocity
@Zelocity 3 года назад
Np!
@hoji-6919
@hoji-6919 3 года назад
@@Zelocity quick question, after the eye is animated how do other animations with it too? like hair movement, breating etc
@Zelocity
@Zelocity 3 года назад
@@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 3 года назад
@@Zelocity alright, thanks!
@MrSayka
@MrSayka 3 года назад
when i click double times on the photo it doesn't show the brush like it did with u
@Zelocity
@Zelocity 3 года назад
Double click the layer. Then click the brush tool. Hope this solved your problem
@MrSayka
@MrSayka 3 года назад
@@Zelocity ok it actually was working but in a different way than in the vid but thx bro ❤️
@Zelocity
@Zelocity 3 года назад
@@MrSayka Glad you got it working!
@hubskyy6560
@hubskyy6560 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
@rabbeplease
@rabbeplease 2 года назад
Perfect, and easy to follow. Thank you so much!
@frosky1
@frosky1 6 месяцев назад
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.
@Zelocity
@Zelocity 3 года назад
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
@disquietedd6407
@disquietedd6407 2 года назад
Fantastic tutorial!! Tysm!!
@smugnarancia1270
@smugnarancia1270 2 года назад
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 2 года назад
before you paint, make sure you are at the beginning of the timeline
@Ra1N_Zzz
@Ra1N_Zzz 10 месяцев назад
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
@MOURYAS
@MOURYAS 3 года назад
love u man
@Zelocity
@Zelocity 3 года назад
thx!
@DailyCU
@DailyCU 3 года назад
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 3 года назад
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 3 года назад
Ill include this in the QnA video
@port4910
@port4910 3 года назад
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 года назад
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 года назад
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 года назад
@@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 года назад
@@Zelocity ok, ill try it out. thank you very much!
@Zelocity
@Zelocity 3 года назад
@@prod_muco np!
@typical_ae9200
@typical_ae9200 3 года назад
Thank u for the tutorial, it is really good 👍
@bunnie8802
@bunnie8802 3 года назад
i'm having trouble making the eyes close smoothly they just open and close shut without any transition even though i added the linear wipe, adjusted the angle and added keyframes :((
@Zelocity
@Zelocity 3 года назад
Make sure you adjust the transition to where the eyes are just about to be fully closed and just about to be open. Don't do 0 to100 transitions.
@knestor
@knestor 3 года назад
Thank you!
@Zelocity
@Zelocity 3 года назад
Np!
@nuklearain7743
@nuklearain7743 3 года назад
Thank you ! I hope you can reach 1M subs !
@Zelocity
@Zelocity 3 года назад
Hahaha, doubt it but thanks bro!
@nuklearain7743
@nuklearain7743 3 года назад
@@Zelocity no no no, i never doubt it, you do great bro, one day we'll talk about it 😉
@sohu5126
@sohu5126 3 года назад
is good
@Zelocity
@Zelocity 3 года назад
Thanks!
@matias-vy4sr
@matias-vy4sr 3 года назад
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
@sharafbadarnih2291
@sharafbadarnih2291 3 года назад
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)
@OhWellGarage
@OhWellGarage 3 года назад
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 3 года назад
Haha, glad my videos help. Thanks for watching!
@HP-pr3xs
@HP-pr3xs 3 года назад
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 3 года назад
Yeah sure! I'll try to make one. Cinder and flames sounds great with Doom theme.
@PhiitoHuue
@PhiitoHuue 3 года назад
I can finally start making my own animated profile
@Zelocity
@Zelocity 3 года назад
Nice!
@Hitoris30
@Hitoris30 3 года назад
Takodachis :3, great vid btw
@Zelocity
@Zelocity 3 года назад
Thanks!
@maitake8696
@maitake8696 3 года назад
grow big
@Zelocity
@Zelocity 3 года назад
@Niksplosion-yj6bx
@Niksplosion-yj6bx 3 года назад
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.)
@jeremiahng6814
@jeremiahng6814 Год назад
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 года назад
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.
@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
@McCrackles
@McCrackles 3 года назад
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..
@A_Insomniac
@A_Insomniac 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?
@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
@Markofka
@Markofka 3 года назад
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 3 года назад
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.
@akqzame6006
@akqzame6006 3 года назад
i cant see the lashes mine just shows the coloring over the eyes thats it what am i supposed to do?
@haix9301
@haix9301 3 года назад
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 3 года назад
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 3 года назад
@@Zelocity does it have to do anything with the mask tool? sorry i'm a complete newbie with this
@Zelocity
@Zelocity 3 года назад
@@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 года назад
@@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!
@MONNITx
@MONNITx 3 года назад
great work!!! super easy to follow
@Zelocity
@Zelocity 3 года назад
Glad this helped out!
@LukaPolovina
@LukaPolovina 3 года назад
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 3 года назад
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 3 года назад
@@Zelocity Thank you so much! If i can ask, when can we expect QnA video ?
@Zelocity
@Zelocity 3 года назад
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 3 года назад
@@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 3 года назад
@@LukaPolovina Sure i can try!
@zeddotexe
@zeddotexe 3 года назад
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 3 года назад
I have a playlist on my channel. Check it out! And might do a speed art? Can't guarantee it.
@leskin3n
@leskin3n Год назад
1:25 how do you set the brush thing again?
@its_arko_0
@its_arko_0 3 года назад
Can I use after effects even if I have 4gb ram?
@Zelocity
@Zelocity 3 года назад
Sorry I think it would run way to slow especially for steam artwork. Minimum recommendation would be 8 gb.
@iMiojo
@iMiojo 3 года назад
How do you create these keyframes? I cant get past that part
@Zelocity
@Zelocity 3 года назад
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.
@chickenjoy8875
@chickenjoy8875 3 года назад
when will you make tutorials on how to use effects on AE for steam artwork?
@Zelocity
@Zelocity 3 года назад
Soon. Thanks!
@chickenjoy8875
@chickenjoy8875 3 года назад
@@Zelocity yay :3
@serenity-401
@serenity-401 3 года назад
how to change the distance? it dsnt work :( can anyone help?
@lawzzzzzz
@lawzzzzzz 3 года назад
Why is the entire editing ae scene so afraid of talking...every single video is like watching anime with these subtitles
@Zelocity
@Zelocity 3 года назад
Much clearer to read visually. That's just it. Will do voiceovers when my mic comes in, but doubt it will make a difference.
@myro1843
@myro1843 3 года назад
my guy, whats the composition?
@alesandro1962
@alesandro1962 3 года назад
next tutorial for hair please ?
@Zelocity
@Zelocity 3 года назад
Maybe :P
@aegill6550
@aegill6550 3 года назад
@@Zelocity really, bro, make hair tutor, pls.
@Jeeker17
@Jeeker17 3 года назад
Hey how did you make the hair move?
@markeplayz921
@markeplayz921 3 года назад
Is it possible for me to order an artwork?
@Zelocity
@Zelocity 3 года назад
Yep! Just add me on Steam. I have links in the description
@markeplayz921
@markeplayz921 3 года назад
@@Zelocity I invited you to friends, nick MarkaS :)
@MysticRainbow6
@MysticRainbow6 4 месяца назад
I miss 8MB steam artwork
@crystalrodriguez7699
@crystalrodriguez7699 3 года назад
how did you add keyframe selections?
@Zelocity
@Zelocity 3 года назад
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
@nonleggolerisposte5921
@nonleggolerisposte5921 3 года назад
next step tutorial animated body?
@vno.
@vno. 3 года назад
Could you do how to make your steam profile artwork
@Zelocity
@Zelocity 3 года назад
I have a video guide already on my channel
@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.
@wynuwu
@wynuwu 3 года назад
no matter how much i try i cant get the eyelashes to sync with the eyes.
@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.
@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
@lotus1219
@lotus1219 2 года назад
damn that's a lot of work with the final animation
@lysret7998
@lysret7998 3 года назад
Btw how to make the eyes glow?
@Zelocity
@Zelocity 3 года назад
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 3 года назад
@@Zelocity you add those 3 on the pupils?
@Zelocity
@Zelocity 3 года назад
@@lysret7998 Yup!
@lysret7998
@lysret7998 3 года назад
@@Zelocity Love to see more tutorials coming up from you my man.. especially the hard parts
@Zelocity
@Zelocity 3 года назад
@@lysret7998
@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
@frizxalex
@frizxalex Год назад
I didn't quite understand keyframes..
@aa-uq3kf
@aa-uq3kf 3 года назад
wah
@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
@ZeroTwo-nj7ub
@ZeroTwo-nj7ub 3 года назад
IIiiiinaaaaaaa
@Zelocity
@Zelocity 3 года назад
lol
@ardakosan6024
@ardakosan6024 3 года назад
pls teach meeeeeeeeeeeeee
@Zelocity
@Zelocity 3 года назад
Be sure to sub! :D
@axmetamv
@axmetamv 3 года назад
How you have 582 subscribers wtf
@Zelocity
@Zelocity 3 года назад
lol idk
@axmetamv
@axmetamv 3 года назад
@@Zelocity steamcommunity.com/profiles/76561198283167583/ i made this
@axmetamv
@axmetamv 3 года назад
@@Zelocity thx
@NPCSlayer666
@NPCSlayer666 Месяц назад
no nvm fk my steam profile
@stuffies3841
@stuffies3841 3 года назад
Ngl you did a bad job at telling people how you made those keyframes on the timeline
@VictoriaLouise1
@VictoriaLouise1 2 года назад
man this tiring af
@SeraFALL-
@SeraFALL- Год назад
So confused, i use AE 2022 I think you skip some tutorials..... Bcs after create 3 layers the layer not become 1 layers
@knt5894
@knt5894 3 года назад
How do you make that second screen?
@Zelocity
@Zelocity 3 года назад
Double click the image layer.
@knt5894
@knt5894 3 года назад
@@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 3 года назад
@@knt5894 Make sure you color over the lashes as well :P
@knt5894
@knt5894 3 года назад
@@Zelocity ahh tyy
@Zelocity
@Zelocity 3 года назад
@@knt5894 np!
Далее
12 Principles of Animation (Official Full Series)
24:03
КАК ВАМ ТАКОЙ ТЮНИНГ НИВЫ?
00:42
Просмотров 311 тыс.
Secret Steam Profile Upgrades │ FunkyPigeon
9:57
Eye Blink Animation Tutorial! | After Effects
13:43
Просмотров 36 тыс.