BE AWARE! There's a new Steam policy that changes the file size limit to 5 mb. (no longer 8 mb). Other then that, the artwork design process is still the same. Still works in 2023!
Most underrated channel. This dude literally explained every step in detail without saying a single word. I was able to make a custom artwork and it's just because of you. Lots of Love :)
At 10:03 some people are wondering why I rendered a 10 mb file instead of 8 mb. At the time my Photoshop was bugged and wouldn't update the preview size with changes in the setting. For me, I had to manually check the size via properties. But it should work for most of you. From the timestamp, I was showing where you can view the size of file as you update the settings. So be sure your file size preview is under 8 mb. If you're file is still over 8 mb, use EZGIF, reduce intensive effects, or reduce the FPS to 25 in after effects. You can also reduce the duration of the artwork or decrease the height.
If anyone had problems with the gifs not repeating and getting frozen, I got the solution. When doing the last step (Saving for Web, 10:14) before saving, you have to change the option that is right above 'cancel'. The one that says 'Animation', the Looping option is on 'one time' on default. Change it for 'Forever' or 'Infinite'.
It's rare that I subscribe after watching one video from someone, but this really blew me away. I wish you were a little more thorough about explaining things, but this was simple super easy to follow regardless. Tysm! and please make the effects video soon! :) :)
Thank you! I managed to figure out how to do the particles, the drop shadow and outer glow. Now my profile looks sick thank you for the help couldn't have done it without you!.
Great tutorial Before I watched this I never used after effects yet I managed to do everything Though for the more advanced stuff like particles and the eye animation I had to watch other tutorials
I really appreciate your efforts. Please make some more easy to learn tutorial regarding effects like the glowing borders, particles and falling objects like leaves etc. We're still waiting. ❤
WoW.. I'm totally excited about your videos precisely because you have created so many great tutorials, i hope to be able to achieve a nice result myself someday Thanks so much 💖
Man I love you thanks a lot I really really wanted to learn this program but I was scared from the huge amount of options and stuff but thanks to your awesome videos I learned the basics in literally 2 days (more like 4 hours cuz I did like 2 hours a day after school) you are just amazing dude I cannot possibly thank you enough :'D and please keep making some videos like this one again
Nice tutorial! Would you mind making one for long workshop showcases? I think that alot of people (including myself) are struggling with uploading and creating one. Cheers
Hello bro did u manage to upload the right side? Mine was diffirent theres no more border line ,i can only upload the whole gif on my artwork, no more on the right side. Please help thanks ❤️
Hello I am new to all this steam stuff but is there a way you can use the new animated profiles for this or no? (also this video helps so much and got rid of the mind block of graphic design is super hard so thank you)
Great videos Zelo! really appreciate the tutorials you have given everyone. I thought this was going to be a lot harder than it was and I'm glad i had your guidance. The only issue I seem to be having is a cannot for the life of me get the file size to 8mb or below, is there a trick to do this, other than what you had shown us in "exporting to web" Thanks again!
Hey thanks for the tutorial bro it really helped, but I have one problem.. when I resize the image sequence to 506 pixels in the canvas size, photoshop washes out the image's colors, yet when I export the image before resizing the canvas the colors are represented correctly.. very frustrating issue. EDIT: Fixed by selecting "Adaptive" mode instead of "Perceptual", adaptive takes up more space than perceptual though but it's worth it
@@Zelocity I thought it was a compression problem too until I plowed through thread and thread to realize that selecting "Adaptive" mode from a simple drop down list fixes it. Feelsbadman
Hey Zelocity! Thanks for the awesome vid. I've made a few of my own pieces of artwork thanks to this video. I'm not sure if you know this but all of your border templates are in an accessible file. Thanks for the amazing video, you've helped and inspired me to learn after effects :)
thanks for the help I became Artist and all of that after you but if you don't mind help me at the end chapter when you did the two side in PS how do I add the right side to the steam artwork I just done the first side and yeah it became smaller the I though
The sidebars you gave aren't big enough to fill the grey area. I double checked my steps and there's nothing I did wrong. Even started over. Idk how to fix this... why is the grey area behind the background not covered with the sidebar... please help!
When i try to change the canvas size it tells me "The new canvas size is smaller than the current canvas size; some clipping will occur." any ideas how to solve this?
A bit later but is there a free variant or version of Adobe After Effect ? I can't really handle ot pay for the whole Adobe license annd finding cracked version without malware is impossible :(
Yes it is possible to do with the animated background. This guide should give you the Middle and Right pieces: steamcommunity.com/sharedfiles/filedetails/?id=2144899743
@@knestor Oh you're talking about the border. Would be sorta lengthy to explain with words but it has to do with "layer effects" and using the outer glow effect. Ill make a video on useful effects for steam artwork sometime in the future.
Hey bro, I have comed so far to the Step Animating the Character/Image, but I have some problems with my Character I want to drag in, his Background shows up and the Background isn't transparent, if you could maybe help me with that, it would be Awesome, because I'm almost finished and I really want to get that Artwork on my Steamprofil 😜
hey, i have a big problem, i dont know why but when i want to upload my artwrk, it is just a picture of what i created on after effects... not a gif.. can u help me?
did it all correctly, have 2 files middle(506x820) and right(100x820) when I upload them to steam and put them in place, it doesn't fill the artwork showcase box and the right bar is only in the little square not a bar. thanks
I had the same issue, try using this code in the console "F12" instead--> $J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id','');
BE AWARE! There's a new Steam policy that changes the file size limit to 5 mb. (no longer 8 mb). Other then that, the artwork design process is still the same. Still works in 2023!
think you can make a tutorial on best way to compress to 5mb?
how to get the particles
Ty :,( i hope u will make more videos dude. @Zelocity
this still works in 2024!
@@Zelocity hey i just made mine but its 9mb, know any solution to compress it down other than lowering color amounts?
Most underrated channel. This dude literally explained every step in detail without saying a single word. I was able to make a custom artwork and it's just because of you. Lots of Love :)
I’ve never used Adobe After Effects or Photoshop before and I was able to follow this tutorial easily. Good job!
At 10:03 some people are wondering why I rendered a 10 mb file instead of 8 mb. At the time my Photoshop was bugged and wouldn't update the preview size with changes in the setting. For me, I had to manually check the size via properties. But it should work for most of you. From the timestamp, I was showing where you can view the size of file as you update the settings. So be sure your file size preview is under 8 mb. If you're file is still over 8 mb, use EZGIF, reduce intensive effects, or reduce the FPS to 25 in after effects. You can also reduce the duration of the artwork or decrease the height.
how do i decrease the height in a finished project?
ezgif does the job@@maiev2
As someone who's program of choice couldn't export decent looking gifs, this changed my world, thanks for this man, I really needed it
If anyone had problems with the gifs not repeating and getting frozen, I got the solution.
When doing the last step (Saving for Web, 10:14) before saving, you have to change the option that is right above 'cancel'. The one that says 'Animation', the Looping option is on 'one time' on default. Change it for 'Forever' or 'Infinite'.
Thanks for supplying more info!
@@Zelocity Thank you for the videos man
Ty
i can not choose, the looping options, i need some help
Thank you for an amazing tutorial. This was my first time using AE and it was actually a lot of fun thanks to you!
After 2 days and multible tutorials finally finished my first artwork. Thank you
oh wow, i did mine in like an hour and a half, maybe urs just looking very good. Can i have a link?
pls make an effect toturial, u left me hanging xD
Yeah for sure. Just been super busy with orders and IRL. Thanks for sticking around.
@@Zelocity stil waiting for those effects man
@@cox9477 Hahaha alright. This comment made me laugh for no reason. I promise I'll make one by the end of this week.
@@Zelocity thx :D
Question is are you still waiting for them effects?
It's rare that I subscribe after watching one video from someone, but this really blew me away. I wish you were a little more thorough about explaining things, but this was simple super easy to follow regardless. Tysm! and please make the effects video soon! :) :)
Thanks for the sub! Will definitely make more videos after the holidays. Hope you have a Merry Christmas!
Thank you! I managed to figure out how to do the particles, the drop shadow and outer glow. Now my profile looks sick thank you for the help couldn't have done it without you!.
No problem! Glad my video helped out!
Apreciate man. Thx to you, i did absolute masterpiece on my steam profile.
It took me the whole day done it
but finished artwork is great
Thanks a lot
Yo, thank you so much! :D
Was looking for legit hours on a guide.
Hope this helped!
This is amazing! Great work my friend! Thank you for the unique Artwork you made me yesterday ^^
Of course! NP!
I love this channel. you taught me how to do it step by step. From now on I have beautiful artwork on steam. Thank you so much
Man i love you, this is the best tutorial i'ver ever seen, thanks a lot
Thanks man clean and a good video
Don't know why you are not so popular
Haha thanks bro! Just here to help out others. :P
awesome guide thank you mate, you inspired me to start creating in after effects, I fell in love with this programme
This method still work in 2022! Let me know if you have any questions!
Hello, how to loop saber animation?
@@sriisti_ Ill be making a video on that soon.
@@Zelocity Thank you!
Ikow im enjoying making some artworks ty to your guide keep the good working
@wreck i got this problem too, can se get some help?
Great tutorial
Before I watched this I never used after effects yet I managed to do everything
Though for the more advanced stuff like particles and the eye animation I had to watch other tutorials
Glad you were able to learn from this video! And I'm planning to make more advanced tutorials in the future. :D
Bro this tutorial is so good and easy!
Subbed!
Thank you so much! :)
Only problem I'm having right now is even though I copied your settings is I can't get it under 8MB.
Thanks! And try putting it into ezgif
Thanks! I'm new in after effects, it's a headache but I'm learning!
Thanks mate ,this vides was so useful , I hope you will publish more tutorials in future
For sure! Thanks for watching
I've never seen anyone else with the iron man chrome background 😍😍
the best tutorials on youtube for artworks
Amazing work man thx for sharing your knowledge
Of course!
I really appreciate your efforts. Please make some more easy to learn tutorial regarding effects like the glowing borders, particles and falling objects like leaves etc. We're still waiting. ❤
For sure. Video coming up this friday or saturday. Thanks!
one of the best tutorials out on youtube
Thanks! Glad to help out
this is the best video ever in case of steam artworks thank you man you are a legend
Making animated artwork was very hard for me but I made a very nice artwork with this tutorial. Thank you!
Glad I was able to help!
WoW.. I'm totally excited about your videos
precisely because you have created so many great tutorials, i hope to be able to achieve a nice result myself someday
Thanks so much 💖
Man I love you thanks a lot I really really wanted to learn this program but I was scared from the huge amount of options and stuff but thanks to your awesome videos I learned the basics in literally 2 days (more like 4 hours cuz I did like 2 hours a day after school) you are just amazing dude I cannot possibly thank you enough :'D and please keep making some videos like this one again
Wow i never thought it will be very simple, thank youuu
Hey man, I was wondering if instead of the picture that i have to animate myself, i could just put a gif image? One above and/or below?
Thank you for making this video. You make it really well!
Np!
I never thought that I would use a long-established After effects on my pc!
Nice tutorial!
Would you mind making one for long workshop showcases? I think that alot of people (including myself) are struggling with uploading and creating one.
Cheers
Thanks for watching! And sure i'll definitely make a short video on workshop cases in the near future.
Took me 5 hours but it was completely worth it. All of your videos were super informative and helped me at every step in the process. Thank you
Hello bro did u manage to upload the right side? Mine was diffirent theres no more border line ,i can only upload the whole gif on my artwork, no more on the right side. Please help thanks ❤️
Bro you Are the best! I’m Edwin on steam. Finally i’m gonna make my own steam artwork. Thx for the tutorial
Np!
This was super helpful bro! I hope you continue to put out similar content, definitely worth a sub :D
Glad this helped out! Thanks for the sub
Great video can you do a similar guide on how to do this with the animated backgrounds from the steam point shop pleaseeee
It's the same process but I guess I can make a future video on this
@Eiitaa okay cool :P
I need another video like this but doing the effects
I have a video on basic effects.
Hello I am new to all this steam stuff but is there a way you can use the new animated profiles for this or no? (also this video helps so much and got rid of the mind block of graphic design is super hard so thank you)
Glad it helped out! And yes you can use the animated profile background however, it can increase file size.
Most amazing tutorial i have ever seen
You are the best. Thanks for sharring!!
hey bro love the video, what is that font you use for the confusion text
Runcrow
Also one really important thing: don't forget to set the gif on "looping forever" before exporting!
@Zelocity I don't have the checkmark for Image Sequence... Am I missing something?
Thanks for the tutorial, I hope that you will make more in the future.
Thanks for watching. Will definitely make more videos.
Thanksa lot for the tutorial,it help me a lot with my artwork.Hope u have a good day ;D
Np! Glad to have helped
Great videos Zelo! really appreciate the tutorials you have given everyone. I thought this was going to be a lot harder than it was and I'm glad i had your guidance.
The only issue I seem to be having is a cannot for the life of me get the file size to 8mb or below, is there a trick to do this, other than what you had shown us in "exporting to web"
Thanks again!
use EZ4GIFS
Thanks alot man! 💓
Np!
Hey thanks for the tutorial bro it really helped, but I have one problem.. when I resize the image sequence to 506 pixels in the canvas size, photoshop washes out the image's colors, yet when I export the image before resizing the canvas the colors are represented correctly.. very frustrating issue.
EDIT: Fixed by selecting "Adaptive" mode instead of "Perceptual", adaptive takes up more space than perceptual though but it's worth it
That's really strange. Changing the canvas size shouldn't be related to the coloring of your artwork. Could be a compression problem?
@@Zelocity I thought it was a compression problem too until I plowed through thread and thread to realize that selecting "Adaptive" mode from a simple drop down list fixes it. Feelsbadman
yeay i just complete every step and made one
THANK YOU!!!!
Hey Zelocity! Thanks for the awesome vid. I've made a few of my own pieces of artwork thanks to this video. I'm not sure if you know this but all of your border templates are in an accessible file. Thanks for the amazing video, you've helped and inspired me to learn after effects :)
Glad to hear that! And yes the border templates are free to use. Check out my border video for more info. Much love.
Fast but very effective!♡ thanks very much!
Very nice work man!
Thanks!
Took me three hours, but so worth it. I am having some issue with getting it under 5mb without completely compromising the color :(
literally perfect
the sidebar downloads in a .psd file not jpg
could you give us the jpg download?
Changed it recently. Works completely the same.
@@Zelocity actually realised it right after commenting ;)
thank you~ best video
thank you for this tutorial helped a lot
Very helpful ty :)
Glad it helped!
A question.
How did you separate the image to Three part ?
You didn't show that
thank you man. this video help.
Finnaly i have looking up for this like a month, tks
can you please make a video on making different style of text and their animation. love your work watched the whole playlist.
Very helpful and in depth, thank you!
Thanks for the tutorial :)
Awesome video, thanks a ton! You got my sub! 🥰
thanks for the help I became Artist and all of that after you but if you don't mind help me at the end chapter when you did the two side in PS how do I add the right side to the steam artwork I just done the first side and yeah it became smaller the I though
The sidebars you gave aren't big enough to fill the grey area. I double checked my steps and there's nothing I did wrong. Even started over. Idk how to fix this... why is the grey area behind the background not covered with the sidebar... please help!
how did you move your body while your eyes is moveing?
I have a video on eye animations on my channel.
Good tutorial, if you want help with some of the effects slow down the video you can see what he adds
Haha sure you can do that I guess.
I tried to copy and paste on the end but it doesn't seem to work
man, how do you have few subscribers ?, your content is very good and is helping me to progress. i am very grateful to you
I'm glad to help! Thanks for watching!
Thanks, it helped a lot. :D
Glad it helped!
thank you, so detail
nice video mate
Thanks!
When i try to change the canvas size it tells me "The new canvas size is smaller than the current canvas size; some clipping will occur." any ideas how to solve this?
same problem
its not a problem he just put it so it wont show again it has to crop it
Does it work on steam avatar? Or just background?
Only background. There are no ways to make steam avatars.
@@Zelocity ooh ok, thank you! gonna try to make a background :)
08:15 how do i let it play the whole animation? i can't find the button:(
what is the sidebar used for?
For reference in after effects, and used for double sidebar
what font did you use at 8:31
please make a video on how to add shapes in sidebars and animate them with saber plugin
Sure!
@@Zelocity no one on youtube has made it, im sure you will be the first one
my left part GIF is "0.2" mb over the 8mb limit, what should I do. I did the same method as well.
A bit later but is there a free variant or version of Adobe After Effect ? I can't really handle ot pay for the whole Adobe license annd finding cracked version without malware is impossible :(
Is it possible to do this with an animated background or it takes a whole different method to do it?
Yes it is possible to do with the animated background. This guide should give you the Middle and Right pieces:
steamcommunity.com/sharedfiles/filedetails/?id=2144899743
hi, do u know why my GIF is blue, but when I upload it in photoshop, ezgif and steam is turning purple?
Most likely a color compression method where it removes certain colors. Try using my method. With Patten diffusion, etc.
@@Zelocity i figure it out, my monitor settings were the problem.
Amazing tutorial
Thank you !
No problem!
@@Zelocity
I wanted to ask, how did you make the frames? (those that are blue)
@@knestor click and drag over the keyframes. It will be blue to show that you have that frame selected. I believe that's what you're talking about.
@@Zelocity Not really about that, I'm talking about the frames you used for decoration.
These frames appear at 8:30, they are bright blue
@@knestor Oh you're talking about the border. Would be sorta lengthy to explain with words but it has to do with "layer effects" and using the outer glow effect. Ill make a video on useful effects for steam artwork sometime in the future.
Which letter font are you using for the text?
Nice video! Bro pls say name music for 6:30?
Should I still use the same Sidebar image in different background? If not, how can I find one
Hey bro, I have comed so far to the Step Animating the Character/Image, but I have some problems with my Character I want to drag in, his Background shows up and the Background isn't transparent, if you could maybe help me with that, it would be Awesome, because I'm almost finished and I really want to get that Artwork on my Steamprofil 😜
hey, i have a big problem, i dont know why but when i want to upload my artwrk, it is just a picture of what i created on after effects... not a gif.. can u help me?
How do you do the part that closes your eyes??????
Watch my "How to animate eyes" video on my channel.
what is the font you used for the name?
I used the Runcrow font. You can find it on Dafont
did it all correctly, have 2 files middle(506x820) and right(100x820) when I upload them to steam and put them in place, it doesn't fill the artwork showcase box and the right bar is only in the little square not a bar. thanks
I had the same issue, try using this code in the console "F12" instead--> $J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id','');
thanks for this tutorial, pretty well explained and easy