Тёмный

How to make animated artwork for Steam 2024 (GUIDE) 

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

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

 

24 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 589   
@Zelocity
@Zelocity Год назад
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!
@feelinwoozy
@feelinwoozy Год назад
think you can make a tutorial on best way to compress to 5mb?
@kkallu_
@kkallu_ Год назад
how to get the particles
@Ctmkkbun
@Ctmkkbun 11 месяцев назад
Ty :,( i hope u will make more videos dude. @Zelocity
@Zelocity
@Zelocity 7 месяцев назад
this still works in 2024!
@Lord-tk1ie
@Lord-tk1ie 7 месяцев назад
@@Zelocity hey i just made mine but its 9mb, know any solution to compress it down other than lowering color amounts?
@simpslayer5490
@simpslayer5490 3 года назад
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 :)
@Zelocity
@Zelocity 3 года назад
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.
@maiev2
@maiev2 2 года назад
how do i decrease the height in a finished project?
@lazstt
@lazstt 8 месяцев назад
ezgif does the job@@maiev2
@jaxabyte5113
@jaxabyte5113 2 года назад
I’ve never used Adobe After Effects or Photoshop before and I was able to follow this tutorial easily. Good job!
@nicolasprado3588
@nicolasprado3588 3 года назад
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'.
@Zelocity
@Zelocity 3 года назад
Thanks for supplying more info!
@nicolasprado3588
@nicolasprado3588 3 года назад
@@Zelocity Thank you for the videos man
@DeeKayyCS
@DeeKayyCS 3 года назад
Ty
@alexandrucostinescu4437
@alexandrucostinescu4437 2 года назад
i can not choose, the looping options, i need some help
@saifjamal569
@saifjamal569 3 года назад
pls make an effect toturial, u left me hanging xD
@Zelocity
@Zelocity 3 года назад
Yeah for sure. Just been super busy with orders and IRL. Thanks for sticking around.
@cox9477
@cox9477 3 года назад
@@Zelocity stil waiting for those effects man
@Zelocity
@Zelocity 3 года назад
@@cox9477 Hahaha alright. This comment made me laugh for no reason. I promise I'll make one by the end of this week.
@cox9477
@cox9477 3 года назад
@@Zelocity thx :D
@studded8054
@studded8054 3 года назад
Question is are you still waiting for them effects?
@leonarddd_m
@leonarddd_m 3 года назад
After 2 days and multible tutorials finally finished my first artwork. Thank you
@nesauk3835
@nesauk3835 3 года назад
oh wow, i did mine in like an hour and a half, maybe urs just looking very good. Can i have a link?
@Zelocity
@Zelocity 2 года назад
This method still work in 2022! Let me know if you have any questions!
@sriisti_
@sriisti_ 2 года назад
Hello, how to loop saber animation?
@Zelocity
@Zelocity 2 года назад
@@sriisti_ Ill be making a video on that soon.
@sriisti_
@sriisti_ 2 года назад
@@Zelocity Thank you!
@xnytro3855
@xnytro3855 2 года назад
Ikow im enjoying making some artworks ty to your guide keep the good working
@alexandrucostinescu4437
@alexandrucostinescu4437 2 года назад
@wreck i got this problem too, can se get some help?
@Marisu_Prada
@Marisu_Prada 3 года назад
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
@Markofka
@Markofka 3 года назад
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! :) :)
@Zelocity
@Zelocity 3 года назад
Thanks for the sub! Will definitely make more videos after the holidays. Hope you have a Merry Christmas!
@colosm340
@colosm340 3 года назад
Yo, thank you so much! :D Was looking for legit hours on a guide.
@Zelocity
@Zelocity 3 года назад
Hope this helped!
@ImThatGuyxD
@ImThatGuyxD 3 года назад
This is amazing! Great work my friend! Thank you for the unique Artwork you made me yesterday ^^
@Zelocity
@Zelocity 3 года назад
Of course! NP!
@AdiHashira
@AdiHashira Год назад
Thank you for an amazing tutorial. This was my first time using AE and it was actually a lot of fun thanks to you!
@nori2097
@nori2097 3 года назад
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!.
@Zelocity
@Zelocity 3 года назад
No problem! Glad my video helped out!
@rusaruka1
@rusaruka1 Год назад
It took me the whole day done it but finished artwork is great Thanks a lot
@hubskyy6560
@hubskyy6560 3 года назад
the best tutorials on youtube for artworks
@Zelocity
@Zelocity 3 года назад
@notarm4ni959
@notarm4ni959 2 года назад
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
@serenith7224
@serenith7224 3 года назад
Making animated artwork was very hard for me but I made a very nice artwork with this tutorial. Thank you!
@Zelocity
@Zelocity 3 года назад
Glad I was able to help!
@21crimson53
@21crimson53 3 года назад
Thanks man clean and a good video Don't know why you are not so popular
@Zelocity
@Zelocity 3 года назад
Haha thanks bro! Just here to help out others. :P
@GrilledGorilla
@GrilledGorilla 7 месяцев назад
Apreciate man. Thx to you, i did absolute masterpiece on my steam profile.
@NoemiMoon13
@NoemiMoon13 3 года назад
Thanks! I'm new in after effects, it's a headache but I'm learning!
@ToZdarzyloSieNaprawde
@ToZdarzyloSieNaprawde 2 года назад
awesome guide thank you mate, you inspired me to start creating in after effects, I fell in love with this programme
@mgcactus
@mgcactus 3 года назад
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
@Zelocity
@Zelocity 3 года назад
Glad you were able to learn from this video! And I'm planning to make more advanced tutorials in the future. :D
@lukapolovina3997
@lukapolovina3997 3 года назад
Thanks mate ,this vides was so useful , I hope you will publish more tutorials in future
@Zelocity
@Zelocity 3 года назад
For sure! Thanks for watching
@veilor5495
@veilor5495 11 месяцев назад
Man i love you, this is the best tutorial i'ver ever seen, thanks a lot
@nemesis_png
@nemesis_png 3 года назад
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. ❤
@Zelocity
@Zelocity 3 года назад
For sure. Video coming up this friday or saturday. Thanks!
@Mobilwars
@Mobilwars Год назад
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
@anamarija6050
@anamarija6050 3 года назад
one of the best tutorials out on youtube
@Zelocity
@Zelocity 3 года назад
Thanks! Glad to help out
@nerbakken
@nerbakken 3 года назад
Bro you Are the best! I’m Edwin on steam. Finally i’m gonna make my own steam artwork. Thx for the tutorial
@Zelocity
@Zelocity 3 года назад
Np!
@Shadow-us5vu
@Shadow-us5vu 3 года назад
this is the best video ever in case of steam artworks thank you man you are a legend
@vickywilkens3907
@vickywilkens3907 2 года назад
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 💖
@skyblnk7355
@skyblnk7355 3 года назад
Thank you for making this video. You make it really well!
@Zelocity
@Zelocity 3 года назад
Np!
@isakFL
@isakFL 3 года назад
the sidebar downloads in a .psd file not jpg could you give us the jpg download?
@Zelocity
@Zelocity 3 года назад
Changed it recently. Works completely the same.
@isakFL
@isakFL 3 года назад
@@Zelocity actually realised it right after commenting ;)
@koreo2321
@koreo2321 2 года назад
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
@louiseamascual4910
@louiseamascual4910 2 года назад
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 ❤️
@Kosumu
@Kosumu 3 года назад
This was super helpful bro! I hope you continue to put out similar content, definitely worth a sub :D
@Zelocity
@Zelocity 3 года назад
Glad this helped out! Thanks for the sub
@rai8558
@rai8558 3 года назад
Bro this tutorial is so good and easy! Subbed! Thank you so much! :)
@rai8558
@rai8558 3 года назад
Only problem I'm having right now is even though I copied your settings is I can't get it under 8MB.
@Zelocity
@Zelocity 3 года назад
Thanks! And try putting it into ezgif
@Erbazak47
@Erbazak47 3 года назад
Amazing work man thx for sharing your knowledge
@Zelocity
@Zelocity 3 года назад
Of course!
@clownfxsh8867
@clownfxsh8867 2 года назад
I've never seen anyone else with the iron man chrome background 😍😍
@JustTau04
@JustTau04 3 года назад
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 :)
@Zelocity
@Zelocity 3 года назад
Glad to hear that! And yes the border templates are free to use. Check out my border video for more info. Much love.
@itzkeven
@itzkeven 2 года назад
Wow i never thought it will be very simple, thank youuu
@ihatepenguins999
@ihatepenguins999 2 года назад
I never thought that I would use a long-established After effects on my pc!
@ryuuwpen
@ryuuwpen 3 года назад
Thanks for the tutorial, I hope that you will make more in the future.
@Zelocity
@Zelocity 3 года назад
Thanks for watching. Will definitely make more videos.
@Eldvein
@Eldvein 3 года назад
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
@Zelocity
@Zelocity 3 года назад
Thanks for watching! And sure i'll definitely make a short video on workshop cases in the near future.
@pluto-fn903
@pluto-fn903 Год назад
my image sequence doesnt work
@Mattex21
@Mattex21 3 года назад
Also one really important thing: don't forget to set the gif on "looping forever" before exporting!
@yigit7792
@yigit7792 3 года назад
nice video mate
@Zelocity
@Zelocity 3 года назад
Thanks!
@ZoFlux
@ZoFlux 3 года назад
Great video can you do a similar guide on how to do this with the animated backgrounds from the steam point shop pleaseeee
@Zelocity
@Zelocity 3 года назад
It's the same process but I guess I can make a future video on this
@Zelocity
@Zelocity 3 года назад
@Eiitaa okay cool :P
@Endministrator97
@Endministrator97 2 года назад
I tried to copy and paste on the end but it doesn't seem to work
@renzorexd8002
@renzorexd8002 3 года назад
Finnaly i have looking up for this like a month, tks
@Focsibro
@Focsibro 4 месяца назад
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?
@Valsark6
@Valsark6 3 года назад
I need another video like this but doing the effects
@Zelocity
@Zelocity 3 года назад
I have a video on basic effects.
@slanderhero6997
@slanderhero6997 3 года назад
Thanksa lot for the tutorial,it help me a lot with my artwork.Hope u have a good day ;D
@Zelocity
@Zelocity 3 года назад
Np! Glad to have helped
@islachii3696
@islachii3696 3 года назад
yeay i just complete every step and made one THANK YOU!!!!
@SimooN
@SimooN 3 года назад
Very nice work man!
@Zelocity
@Zelocity 3 года назад
Thanks!
@elevencat
@elevencat 3 года назад
Fast but very effective!♡ thanks very much!
@chaffle8356
@chaffle8356 3 года назад
Very helpful ty :)
@Zelocity
@Zelocity 3 года назад
Glad it helped!
@tomsonko
@tomsonko Год назад
and when i dont has after effect????
@rein4292
@rein4292 3 года назад
man, how do you have few subscribers ?, your content is very good and is helping me to progress. i am very grateful to you
@Zelocity
@Zelocity 3 года назад
I'm glad to help! Thanks for watching!
@TANISHQPOG
@TANISHQPOG 3 года назад
Thanks alot man! 💓
@Zelocity
@Zelocity 3 года назад
Np!
@kies7087
@kies7087 2 года назад
You are the best. Thanks for sharring!!
@Johnweak1230
@Johnweak1230 Год назад
thank you~ best video
@hanyuu8808
@hanyuu8808 3 года назад
Most amazing tutorial i have ever seen
@Jerry-sb7zz
@Jerry-sb7zz 3 года назад
Thanks, it helped a lot. :D
@Zelocity
@Zelocity 3 года назад
Glad it helped!
@SloRush
@SloRush 3 года назад
Very helpful and in depth, thank you!
@williamhurd242
@williamhurd242 3 года назад
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!
@AvZeYT
@AvZeYT 3 года назад
use EZ4GIFS
@HeckYeahJupiter
@HeckYeahJupiter 8 месяцев назад
is there a way to do this without spending $40 a month?
@maidolche
@maidolche 3 года назад
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)
@Zelocity
@Zelocity 3 года назад
Glad it helped out! And yes you can use the animated profile background however, it can increase file size.
@sundew_ii
@sundew_ii 3 года назад
literally perfect
@NaderSunna
@NaderSunna 3 года назад
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
@Zelocity 3 года назад
That's really strange. Changing the canvas size shouldn't be related to the coloring of your artwork. Could be a compression problem?
@NaderSunna
@NaderSunna 3 года назад
@@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
@coffeebeancas
@coffeebeancas Год назад
Took me three hours, but so worth it. I am having some issue with getting it under 5mb without completely compromising the color :(
@knestor
@knestor 3 года назад
Amazing tutorial Thank you !
@Zelocity
@Zelocity 3 года назад
No problem!
@knestor
@knestor 3 года назад
@@Zelocity I wanted to ask, how did you make the frames? (those that are blue)
@Zelocity
@Zelocity 3 года назад
@@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.
@knestor
@knestor 3 года назад
@@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
@Zelocity
@Zelocity 3 года назад
@@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.
@itzfrostbite717
@itzfrostbite717 3 года назад
hey bro love the video, what is that font you use for the confusion text
@Zelocity
@Zelocity 3 года назад
Runcrow
@AzizKarakas-xd9qg
@AzizKarakas-xd9qg 3 года назад
thank you for this tutorial helped a lot
@breacher8704
@breacher8704 3 года назад
i cant get lower than 9mb with your setting pls help what should i do?
@Zelocity
@Zelocity 3 года назад
Try going into EZGIF.com and use their GIF optimizer. I use their site for many artwork that go over the limit.
@breacher8704
@breacher8704 3 года назад
ty very much
@basartuncay9027
@basartuncay9027 3 года назад
dude ur incredible..
@Zelocity
@Zelocity 3 года назад
no u
@theweb5607
@theweb5607 Год назад
Thanks for the tutorial :)
@Blobloxpromaster
@Blobloxpromaster 2 года назад
thanks for this tutorial, pretty well explained and easy
@cykacatt
@cykacatt 3 года назад
Awesome video, thanks a ton! You got my sub! 🥰
@nomayko
@nomayko 3 года назад
This is all great but it doesn't seem to show how to loop it does anyone know?
@Zelocity
@Zelocity 3 года назад
If you are talking about the animation, make sure your ends have the initial pinpoints. If you mean the rendering part, I believe you are just seeing the preview. All GIFs loop by itself
@deadshot9050
@deadshot9050 3 года назад
please make a video on how to add shapes in sidebars and animate them with saber plugin
@Zelocity
@Zelocity 3 года назад
Sure!
@deadshot9050
@deadshot9050 3 года назад
@@Zelocity no one on youtube has made it, im sure you will be the first one
@DanielGuerreiro-f9o
@DanielGuerreiro-f9o 8 месяцев назад
@Zelocity I don't have the checkmark for Image Sequence... Am I missing something?
@karasuma.1545
@karasuma.1545 3 года назад
i just copied ur settings for the save under 8mb, but now i have 13 instead of 10 which i had before lol. but very good video &' explanation. keep up
@Zelocity
@Zelocity 3 года назад
Thanks. And that's odd but glad you got it working
@karasuma.1545
@karasuma.1545 3 года назад
@@Zelocity yeah, but as i saw in your video the filesize didnt changed either, or am i stupid lol
@Zelocity
@Zelocity 3 года назад
@@karasuma.1545 oh yeah for some reason my PS has the preview of the file size stuck on the original size of the artwork. For me I have to render it completely and see the size manually.
@pphud
@pphud 3 года назад
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?
@janziegert673
@janziegert673 3 года назад
same problem
@100KgGaming
@100KgGaming 3 года назад
its not a problem he just put it so it wont show again it has to crop it
@divyanshu5674
@divyanshu5674 2 года назад
can you please make a video on making different style of text and their animation. love your work watched the whole playlist.
@kypa2032
@kypa2032 3 года назад
hi, do u know why my GIF is blue, but when I upload it in photoshop, ezgif and steam is turning purple?
@Zelocity
@Zelocity 3 года назад
Most likely a color compression method where it removes certain colors. Try using my method. With Patten diffusion, etc.
@kypa2032
@kypa2032 3 года назад
@@Zelocity i figure it out, my monitor settings were the problem.
@madalin_sr7628
@madalin_sr7628 3 года назад
pls can you tell me what font did oyu used on that text? :D
@Zelocity
@Zelocity 3 года назад
Its called Runcrow
@madalin_sr7628
@madalin_sr7628 3 года назад
@@Zelocity Thank You
@VictoriaLouise1
@VictoriaLouise1 3 года назад
thank you man. this video help.
@juodckis2166
@juodckis2166 3 года назад
i could do it my self but i dont have after effects program
@Zelocity
@Zelocity 3 года назад
Nice! And if you completely new, you can do the free trial on Adobe.
@beezle5848
@beezle5848 3 года назад
pirate bay
@ZeZnn
@ZeZnn 3 года назад
Good tutorial, if you want help with some of the effects slow down the video you can see what he adds
@Zelocity
@Zelocity 3 года назад
Haha sure you can do that I guess.
@Huntardurr
@Huntardurr 5 месяцев назад
I do not have the option to select "Image Sequence" on the last steps, what do i do? :/
@RoBestiaSM
@RoBestiaSM 10 месяцев назад
Which letter font are you using for the text?
@Neekoiiz
@Neekoiiz 3 года назад
love ur toturial so much, looking forward to your useful effects video, stay awesome! :D +1 sub
@Zelocity
@Zelocity 3 года назад
Thanks so much! :D
@pepper8629
@pepper8629 2 года назад
thank you, so detail
@rxxnty
@rxxnty Год назад
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!
@amirnadree-uf8bq
@amirnadree-uf8bq Год назад
A question. How did you separate the image to Three part ? You didn't show that
@oldrichvanek6920
@oldrichvanek6920 3 года назад
Thank you so much :D
@Zelocity
@Zelocity 3 года назад
Np!
@vuongg2173
@vuongg2173 3 года назад
thanks for the tutorial :3
@Zelocity
@Zelocity 3 года назад
Np!
@fatbee_offical
@fatbee_offical 3 года назад
how did you move your body while your eyes is moveing?
@Zelocity
@Zelocity 3 года назад
I have a video on eye animations on my channel.
@JJ-th5cg
@JJ-th5cg 2 месяца назад
Hey my file size is 19mb and I can't get it under 5mb how do I do it? Need helpppp urgentlyyyyy
@cyan9504
@cyan9504 3 года назад
thank you very much bro
@Zelocity
@Zelocity 3 года назад
Np!
Далее
Тонкости французской кухни🥰
00:48
Deathsworn Katarina | Steam Speed Art #1
23:07
Просмотров 10 тыс.
Secret Steam Profile Upgrades │ FunkyPigeon
9:57
How Learning From Rella Fixed My Boring Lighting
15:56
GOOD vs BAD Character Design: Tips and Tricks!
20:21
Просмотров 4,9 млн