How to ANIMATE Your Emotes for Twitch | Full Tutorial

[@Heathiekins]

Nothing hurt more than finishing an animation just to find that white background. Thank you for the video!

[@Shyfoxx]

No problem, glad things worked out for you.

[@BecerraPr]

Hey! I've just got the affiliate on Twitch and I'm making my own both static and animated emotes. The "How to Draw EMOTES for Twitch FULL WALKTROUGH and this one are the most complete and useful videos I've found out there. Thorough yet easy to understand and very concise. Thanks a lot!! PS: I never comment on YT videos but you defintely deserved it PS2: Now there are more slots for animated emotes for affiliates, so this is extremely handy :D

[@Shyfoxx]

Thanks so much for your kind words. Congrats on affiliate!

[@afromaori8252]

Thankyou for the this awesome guide

[@Shyfoxx]

No problem!

[@GeekyLegendMusic]

Thanks so much for teaching me how to do this you are amazing

[@Shyfoxx]

No problem at all!

[@ყოპ]

omg thank u soo much for the way to do them without background you saved my comissions TwT

[@Shyfoxx]

Glad I could help!

[@bionightmaremementomori6814]

Shyfoxx, your tutorial was absolutely perfect: simple enough for people that are not used to doing this stuff, yet complete and educational. I learned a lot thanks to you, so thank you from the bottom of my heart

[@Shyfoxx]

This kind of comment is my favorite, thanks so much!!

[@booskerz]

What are the odds this was posted right when I decided to look. Glad to see this!!! About to use it to help! Wish me luck!

[@Shyfoxx]

The timing! It was meant to be. You got this!

[@empresslittlebit]

Girl, you just saved my career! I recently became a channel artist for a rising star KZbinr and they asked me to make their subscriber announcements for livestreams. This video helped me so much with the exporting process. Thank you so much!

[@Shyfoxx]

Awesome to hear. Bets of luck to you!

[@amypetrie6097]

The things we do as artists. I did the same thing with the green background before finding this method and things look so much better this way! Such a good tutorial, I animate the second way you said in this video and I laughed when that came up. What a mind twister animating is. Thanks once again for the great video!

[@Shyfoxx]

Definitely! Figuring that nee method out felt like such a relief, the green background method was such a mess hahaha.

[@customgaming_vtuber]

this help a lot i spent hours learning from Ya means alot of what you do helping others thx a lot.

[@Shyfoxx]

No problem!

[@MissyMona]

Your videos are so freaken high quality.

[@Shyfoxx]

Oml, best comment, thabk youuuu!💕

[@kiuna.]

Hello, Shyfox! I love your guides and you definitely deserve more subscribers. I didn't find better KZbinr for explanation. :)

[@Shyfoxx]

Thabk you for this comment. Means a lot!!

[@Silenes_3]

this is by far the best tutorial i have ever seen

[@Shyfoxx]

Amazing! Thanks

[@yerely7076]

I've just started watching this tutorial haven't even finished it and I know it's gonna be amazing! I've already watched your tutorials on emotes and it was immensely helpful I haven't found anyone this easy to understand I'm so thankful!

[@Shyfoxx]

Awesome!! Hopefully this can help you just as much

[@yerely7076]

@@Shyfoxx Yes it helped tremendously! Thank you!

[@Shyfoxx]

Amazing! No problem

[@seanstoudt4539]

Thank you for the video! I made two animated emotes today for a friend on Twitch thanks to you! :)

[@Shyfoxx]

That's awesome!

[@mooski.]

Thank you sm for very easy to follow and include summary on important part! I wish you good health always~ thanks again!

[@Shyfoxx]

No problem!

[@sleepygirlfriend878]

im new to digital art, just got my ipad for christmas. I have been trying to draw my own twitch assets and this is so much help, thank you!!

[@Shyfoxx]

Epic! Glad they can help.

[@kleenesEumel]

What the hell I was searching for exactly this last week and here you are, thanks a lot, love it!

[@Shyfoxx]

Yay! Good timing!!🎉

[@bunnybug7668]

Life saver for transparent emotes!! ❤❤🙌🙌

[@Shyfoxx]

Awesome! No problem

[@WhispawASMR]

PAWsome content! THANK YOU!

[@Shyfoxx]

No problem!!

[@PrivateAnne]

ty for making this great tutorial, finally one where I don't have to change my whole emote making process into a different animating process! Well explained, can't wait to start :D

[@Shyfoxx]

That's awesome to hear! No problem

[@elenameister2544]

watching this was very helpful in trying out 1st time Thank you for the clarity! It honestly helped!

[@Shyfoxx]

Awesome! No problem

[@rees_bees]

thank you for making this! im getting into animating for the first time and this video was very concise. I'll def be referring back to this while im working on my first project!

[@Shyfoxx]

Awesome! Best of luck

[@ZodiacLives]

I love that your "sketch" comes out almost like a monotone render its so pretty x3

[@Magical_Mera]

This literally is a life saver you're amazing!! I was able to use this same process w/ animated alerts for streamlabs, thanks again!!

[@Shyfoxx]

Epic! No problem

[@vekagraph7926]

Thx

[@Shyfoxx]

Thank you!

[@alejandrabt2908]

This is exactly what I was looking for a looong time ago, tysm!

[@Shyfoxx]

Perfect! No ptoblem!

[@everythingbygorbe4753]

awesome tutorial! I was really confused finding a way to export gifs with transparent background. this video is what I needed. thanks Shyfoxx

[@Shyfoxx]

Perfect! No problem

[@kabliahk]

This is a wonderful tutorial! You are very easy to understand and don't waste a lot of time with silence or not knowing what to say next. It allows my short attention span to focus haha. Thank you for sharing!

[@Shyfoxx]

Thanks so much! Glad you liked it

[@AlluneArt]

Thank you Shyfoxx Your Tutorials are a godsend. Thank you so much!

[@Shyfoxx]

You're very welcome!

[@coco_maple]

I started making small emotes recently and took your tutorial of making normal emotes, was wondering how to make animated ones and u actually made a tutorial! This is so awesome tysm!

[@Shyfoxx]

No problem! Glad it was helpful!

[@twistplusfriends]

How does she do it? Always makes things so easy to understand! Best emote teacher ever!

[@Shyfoxx]

Omg Twist! You legend! Thank you💙

[@Sarah-qs3hr]

I freaking love you! Your tutorials are super helpful and motivating!

[@Shyfoxx]

Yay! No problem!

[@gravitycannon]

thank you for such clarity on the process, it super helped!

[@Shyfoxx]

No problem!

[@Ballira]

This was great! Thank you so much! I made my very first animated emote with this video! Granted, it was a bit more complicated as it was a derpy kitty face with the eyes blinking independantly of one another, which needed 48 frames, but it was all based on the stuff shown in this video. Thank you so much for taking the time to teach!

[@Shyfoxx]

That's epic! Good for you! It's hard work no doubt but it gets easier.

[@Wickedsick-kj9pw]

I really appreciate your time and knowledge with explaining everything clearly in this video, made everything much easier

[@Shyfoxx]

No problem at all!

[@gessieluvx]

Your tutorials are amazing and very helpful, Thank you

[@Shyfoxx]

No problem!

[@royalfiend]

amazing tutorial thank you so much!

[@Shyfoxx]

No plroblem!

[@mothermadeyou9424]

I love how outgoing you are 😍😍

[@Shyfoxx]

Me outgoing?! Haha, thank you. I definitely have to bring that side out for these tutorials (which feels easy because I'm excited about the topics), but as you know I'm still introverted. Haha

[@Novanim]

Thank you. I was looking for a simple animation in CSP tutorial for beginners and this is exactly what I needed. Cheers

[@Shyfoxx]

Awesome! No problem.

[@kiwiciri]

Thank you so much for this awesome tutorial! It helped me a lot to get started on creating animated emotes and I even just created my first one! :D

[@Shyfoxx]

Amazing news! Congrats!

[@courtcrea.]

This was incredibly helpful! Thx Shyfoxx ♥

[@Shyfoxx]

No problem!

[@straypurplecat]

Aaa yes. Simple and helpful. I feed this video to my smoobth chicken boob brain.

[@Shyfoxx]

Ahh yes. No problem!

[@AxlRosie91]

Excellent video, thank you for the background workaround tip!!

[@Shyfoxx]

No problem! Glad it was helpful

[@kittysennpaii97]

i used this video mainly to help me get a proper portion idea on my emote i was making like this, thank you. I will be doing the animation on procreate. I made a kitty.

[@Shyfoxx]

Awesome, great work!!

[@LounaAshasou]

Thank you so much for doing this, I had been struggling trying to export my gifs to transparent through CPS and... never thought of generating gifs on the web! Also, your art is kawaii af, it was a pleasure staring at that little fox all along! Thank you for those neat explanations on this mystery of animated life :)

[@Shyfoxx]

No problem at all!

[@TerraCorvusEntertainment]

I´m using a different program to animate, but this was still very helpful. Krita also doesn't support transparent animations. I already told my client and asked if that is okay. But when he answers me, that he definitely wants the transparent version, I can provide him with it, thanks to you.

[@Shyfoxx]

No problem! Glad it helped

[@Chandsab-c9g]

I know this is kinda late but you can turn of the background layer while rendering to gif in krita to get a transparent animation

[@TerraCorvusEntertainment]

@Chandsab Shaikh I know, but on my editing program it does never show up as transparent. Only the Pngs. But thanks for helping anyway ^^

[@Chandsab-c9g]

@@TerraCorvusEntertainment sad to hear that

[@star20095]

I want to thank you SO much for this! I was making my first animated emotes on clip studio but was super frustrated that I couldn't make them transparent and while looking for new software that could do that I found this video and I'm!! So very happy!! Thank you so much for making this video and telling me about the workaround!!!

[@Shyfoxx]

That's awesome!! No problem 😊

[@ttnt7773]

Your tutorial saved me. I love CSP, I do, but their gif export is abyssal. Thank you.

[@Shyfoxx]

I know right?! How is it not a thing lol

[@joshstrickland87]

just made my first animated emote. Thank you so much!

[@Shyfoxx]

Awesome! No problem

[@daniel-rw7vo]

Watched it all! I think you did an excellent job of balancing simple with necessity. I look forward to having a go at animated emotes now. 💜

[@Shyfoxx]

Awesome! Thanks so much, glad it helped you!

[@Justlov4]

Thank you for all you do in creating these tutorials. You really have motivated and inspired me to make art again and try things I haven't done before. Thank you!

[@Shyfoxx]

That's awesome! No problem

[@Justlov4]

@@Shyfoxx Just finished my first animated emote!!! Just wanted to thank you again. Took me about a week to get the look right because the person I was making it for was very particular but your tutorial made the animation process so simple as well as all your sizing tips. Your emote tutorial has also helped me so much. I know I commented on that video but just the amount of improvement that I have seen in my abilities is incredible once I had the proper tools and teaching. I've never heard of clip studio and in the few months that I have had it I've made about 5 emotes, 1 animated emote, and 1 full body illustration. I've tried photoshop and other programs in the past and gotten fed up because I felt like I never had a proper tutorial or teacher. You have really turned my life around and it feels so good to create again. The product looks so good and my shaky hands don't get in the way because of the stability. By far you are the best and I will sing your praises for the rest of time.

[@Shyfoxx]

That's awesome to hear! 🤗

[@Quinnlinn26]

This was SO easy to follow. Thank you!

[@Shyfoxx]

Gah! That's great news!! I wasn't actually sure if it was so thanks for letting me know!

[@Shyfoxx]

Correction: There are 5 FOLLOWER emote slots not 1 for ALL affiliates (who have unlocked instant upload abilities) 4:16 Yay!

[@ettari_]

But you have to stream at least 60 days (not i a row) at all in a timespan of 2 years after you got affiliate to unlock follower emotes :)

[@Shyfoxx]

Yes! You would need the automatic emote approval to have these

[@thivanhoang5216]

You made it into sticker?

[@Shyfoxx]

@@thivanhoang5216 No I just put a border on it for the thumbnail is all.

[@NPC_Ashy]

Hi! Will you be open for any custom emotes soon?

[@beauation]

wonderful tutorial, Shy. thank you so much. I'm excited to get started!

[@Shyfoxx]

Thanks Beauation! Best of luck🤗

[@beauation]

@@Shyfoxx thank you❤

[@Shyfoxx]

Of course!💕

[@aaa_704]

Thank you so much!

[@Shyfoxx]

No problem!

[@noronemo882]

2nd video and I could not believe I had not already followed you

[@Shyfoxx]

Well thank you for following!

[@chrissykawaii7198]

That's so helpful thank you

[@Shyfoxx]

Yay! No problem!

[@imcerro]

Thank you my emote Goddess ❤️

[@Shyfoxx]

No problem!!

[@smeliemy]

I want to learn this stuff even if I don't get anywhere with twitch or social media

[@Shyfoxx]

Awesome. Best of luck!

[@swifttoplay3047]

another great video!!

[@Shyfoxx]

Thanks Swift!!

[@1Chitus]

Great tips!

[@Shyfoxx]

Thanks!

[@austeria23]

The new version of clip studio supports transparent backgrounds. Depending on the design, you might try exporting animation as a APNG with delete blank spaces and color reduction unchecked.

[@SakiMinora]

Omg thank you so much

[@Shyfoxx]

No problem!❤

[@brianagorgeousanimecharacters]

Very awesome

[@Shyfoxx]

Thanks!!

[@kageoukami]

Hi, so just wanted to mention that is a very cool tutorial. As of my tip you could have used the fox as background in the entire animation and on top of it add just the starts for easier editing. (Not sure if you can layer animations like in Premiere or After Effects but it looks like you do)

[@Shyfoxx]

Yes you can do layer animation and you are correct!! For people who have a better understanding of layers and things this would be the ideal way to do it. Many people get confused doing it this way because layers is definitely more advanced. 👍

[@kageoukami]

@@Shyfoxx I understand what you mean, hmm then that could be done using just 2 layers top one with stars and eyes and bottom one with marged fox. If you wanted to entirely delete using layers then yeah, I understand and it does have sense.

[@r_TROYA]

Great tips! I was trying to export from photoshop but for some reason all animations looked really slow on twitch. Ezgif did the trick just fine!

[@Shyfoxx]

Perfect!

[@emilybragg987]

Thank you so much!!!

[@Shyfoxx]

No problem!

[@Klartraumprofi]

God bless you!

[@Shyfoxx]

No problem!

[@Oukow]

Thank you

[@Shyfoxx]

No problem!

[@sleepygirlfriend878]

how would you animate an emote that moves back an forth? like a dance emote or wiggle emote? thanks so much !

[@Shyfoxx]

If you wanted a smooth animation you'd have to use After Effects and learn that animation tool. Much more complex than frame by frame but it sure looks nice. The other option would be drawing individual frames such as what's taught in this tutorial. Either can work, both are difficult as a dancing emote would be a fairly complicated animation. Wiggle could be easier depending on what it looks like.

[@sleepygirlfriend878]

@@Shyfoxx oh thanks so much for the reply! 🫶🏻 will look into it ☺️

[@Shyfoxx]

No problem! Best of luck

[@Mark-lv6vk]

another great video! :) You are definitely a huge help for a lot of beginner artists! It's really nice that you can also change the speed of the animation on the website because mine was way too slow and at first I wasn't sure how to change the speed.

[@Shyfoxx]

It's for sure an easy way to change the speed. Glad it helped!

[@CeritaKanvas]

ini bagus untuk belajar

[@NovalynSpheres]

tysm!!!!!!!!

[@Shyfoxx]

No problem!

[@malidoudou1272]

Hi ! Thank you for the video, I hope I can come to see you on twitch soon, it's been a while as I've been busy... I asked a friend to make some emotes for me and also asked for permission to animate them myself. But I only have the finished emotes, so I don't have all the layers, only one, so I probably have to cut some parts to animate them and I was wondering if you could do another video to explain how to animate from a one layer emotes maybe ? Again, thank you very much for your tutorials they are easy to understand even for beginners like me =3

[@Shyfoxx]

Awesome! Glad the video helped. I'll note down your video suggestion as I think this could help others too. Don't know if and when I'll be able to get to it as I have some other ones to prioritize but that's definitely a good suggestion. Thank you again!!

[@malidoudou1272]

@@Shyfoxx Thank you ! Of course I know it can take so much time to make a video. Take care and be safe 😊

[@Shyfoxx]

Thanks for your understanding! It definitely does. Take care as well🥰

[@katherinebui438]

thank you so much for your tutorial its really helpful! but the thing is that when i upload animated emote to the gif maker website, the quality turns out really bad (pixels) and your quality is so good. i’m not sure if it because i’m using an ipad and youre using pc 😭

[@rogerleo2006]

when i have a animation folder I am unable to edit or even see the layers in the folder, why is this happening? I followed your directions exactly and where yours you can edit like normal on the different layers I am unable to do anything with the layers.

[@BubbleBunnyy]

As of now, its 5 follower emotes and they changed it so subs can use those follower emotes anywhere yay!

[@Spino8336]

do i really need clip stuido? Can i use other apps bc studio is a bit confusing for me.. xD i have ibis paint i can make animation there

[@Shyfoxx]

You can use other programs using this strategy instead: kzbin.info/www/bejne/aIGWlmmIrch6fsksi=Zqfma5vUJssv0vvf (a newer video explaining how to animate without an animation program)

[@Spino8336]

@@Shyfoxx OH THANK U!

[@cape8395]

For some reason it´s not transparent for me when I used the website. Was there an update or something?

[@Shyfoxx]

I would double check your initial art images are transparent.

[@cape8395]

Thank you for your quick answer, I figured it out tho. Just had to delete a layer and it was done 😊

[@Shyfoxx]

@@cape8395 perfect yeah! Glad you solved it.

[@supersaiyanbro]

I wish I could get an app that does the size right for twitch. It never accepts mine

[@MissInfectedLP]

May I ask if the website, that you use to make transparent gifs, is saving those images? Like keeping the images. I know I sound kinda paranoid but with everything going on with NFT's etc I just want to be careful.

[@Shyfoxx]

No idea if this website would save and do anything with the images. Uploading anywhere online poses a risk.

[@audriari]

Hi! Do you know what I might be doing wrong? Im trying to add an animated emote to twitch but it tells me it should be 60 fps or less. The gif its 2 seconds (loops forever, maybe this is my issue?), 22 fps. I made it on After Effects. I hope you read this, or someone can help!

[@buder5116]

im wondering those crazily smooth emote like if it was a 30fps gif or something

[@Shyfoxx]

Yes, they would have a 30fps or so. They are done differently and require a different animation program such as After Effects.

[@buder5116]

i see thanks @@Shyfoxx

[@xXGeko1Xx]

Can you do the same in GIMP?

[@Shyfoxx]

You can't animate emotes in GIMP, but you could use GIMP to create the frames and then follow the final step to use a third party to but the frames together in an animation. So technically yes, you could follow the process without a program that can do animation.

[@JusttArrii]

Do you make emotes for people and if so how much? 😮

[@Shyfoxx]

Here is my commission info: www.shyfoxxart.com/commission You can reach out to me by email if you want to discuss it more, I may or may not take on any commissions as I tend to be pretty busy, but feel free to message me anyway! [e-mail]

[@SODA_MACHlNE]

Im not good at art but is there any tips to get better?

[@Shyfoxx]

Yep, that's what my videos are for. KZbin is mostly how I learned and I am now able to pass on that knowledge

[@SODA_MACHlNE]

@@Shyfoxx ok

[@deadshallows8587]

I appreciate that you pronounced GIF correctly. GIF is actually an acronym for Graphics Interchange Format. You probably already know this. Artists that pronounce it like the peanut butter should probably.....well, anyway, I didn't come here to slam people. Great tutorial! Subbed.

[@Shyfoxx]

Thanks! A controversial topic that is lol

[@crazycatlady6909]

💞

[@thivanhoang5216]

How do you draw soo easy, my drawing in screen is suck

[@Shyfoxx]

Lots and lots and lots and lots of practice :)

[@jaspycrispy7247]

Is there any way you can animate emotes on phone? like ios ?

[@Shyfoxx]

Not that I know how to do unfortunately, but that doesn't mean it's not possible and won't be possible in the future.

[@Hi_ImCat]

Adorei teu nick, o meu é SailorShy, por causa de sailor moon! ♥

[@vengeful_beemoe8655]

Quick question. Do you need permission to animate free emotes

[@Shyfoxx]

Depends on where you got these 'free' emotes and the TOS of their use.

[@GlytchOut]

Kyller Kustoms ~ Id still rather pay a premium for someone to animate emotes for me xD too much for my square brain to handle lol

[@Shyfoxx]

Haha, I hear that.

[@casper_first899]

i want someone to do that pay him for dollars softwware or edtior

[@user-xc1qy7ed8l]

Having permission to use what you bought, lmao Hey Samsung, am I allowed to use the Samsung phone? Hey bakery lady, am I allowed to eat the bread I bought from you? ...makes no sense what you just said. If I bought it, I do whatever I want with it 💀

[@Shyfoxx]

That's not the way it works for commissioned art pieces. I recommend doing some research about the art industry to learn how it works. Your personal opinion doesn't change it.

[@BubbleBunnyy]

Yea, no. Art is different because of copyright. You pay extra for an art piece to use it commercially. I hope you grow to learn and appreciate art more and how many hours it takes.

[@AgyWilson]

followed you on Insta, FB, TikTok and Twitter, as well as here. I'm not even ready to open Clip Studio, yet (having too much fun with traditional sketches and Procreate-hope to have my first sketch book tour next month, and posting content to my KZbin, which I've done precious little with, but watching the talented artists here, I get braver, lol. I'm also working on my Graphic Novel). Not even sure yet what to post on KZbin yet, because I do a lot of things, and people have a hard time managing that. Ah well, problems for future me. Til then, I wanted you to know I've done this. and anyone who wants to connect with me, I'm on those platforms as well. Thank you so much for the fun and informative video!

[@Shyfoxx]

Thanks for the support! Best of luck with all your artsy endeavors!

[@christinekiller_kandy8810]

Omg thank you so much for posting this!! I’ve been trying to figure it out on CSP but just couldn’t and this helped me so much🥹🖤

[@Shyfoxx]

Awesome to hear! No problem

[@vinttint]

This started as a hobby and I would just volunteer them to people I followed. But I've had two friends of those streamers ask if I would be willing to do emotes for them and I did. But now I'm getting more dm's and feel like I should've charged them initially bc it's so much effort but now I'm just not sure how to price or bundle these. The art is the fun part but I'm really nervous about the business end of this. I'm not sure how appropriate this is but if you are able to provide any guidance I'd really appreciate it.

[@Shyfoxx]

Congrats! Nice to have interest in your work. Sounds like it's definitely time to start charging. I'd recommend joining our discord server. We specifically have an emote channel and we can discuss these things in there if you like! Community members will have lots of advice and I'll be able to share some too most likely. 😊

[@vinttint]

@@Shyfoxx Omg, that's perfect, thank you so much!

[@Shyfoxx]

@@vinttint no problem!