How To Animate Twitch Emotes In 15 Minutes 😵
HTML-код
- Опубликовано: 16 июл 2024
- How to Grow on Twitch with RUclips ▶️ • 5 Tips to GROW FAST on...
📈 If you’re a streamer looking to increase your revenue, Streamloots is what you’re looking for! Register for free right now at bit.ly/3cpRNBB
Animated emotes are one of the factors that can really step up your channel and can make your stream look amazing and feel professional by using them as your custom emotes, alerts or in your Discord. It might seem complicated, but the good news is that it isn't and anyone can do it!
In today's video join TheKing as he guides you in a 15-minute lesson on how to use Photoshop to animate your emotes by yourself.
-------------------------
Find & Follow Us Everywhere:
Twitter: bit.ly/2Vbigcj
Twitch: bit.ly/2RjCxex
Instagram: bit.ly/3e2v2SZ
Join the Discord: bit.ly/3c0EiFo
Video created by TheKing
Follow him on Twitter: / thekingtwitch
#Streaming #Gaming #Tutorial #Emotes #Twitch 
Развлечения
![Make FREE animated emotes for Twitch! | [Canva Tutorial + Secret Hack]](http://i.ytimg.com/vi/-2R33nk2Qnc/mqdefault.jpg)
Episode 2 of Growing Your Stream out now! How to Grow on Twitch with TikTok ▶️ ruclips.net/video/erQiGT33Sqw/видео.html
This is a great tutorial, I'm hoping we get a part 2 that shows how he animated the rest of this emote: like the blinking, or other advanced ideas
Yes!! The blinking looks awesome. Pls make a vid on that!
I personally made my own static Twitch emotes and was excited to learn how to make animated ones. This tutorial was perfect! I made my very first animated emote. Thank you for the help! ^-^
@Streamloots Instead of Ctrl-X'ing and moving each piece back into place, use Ctrl-Shift-J will cut the selection into a new layer in its current place! :)
So good! I work with photoshop but had no idea they evolved so much the video timeline thing. I always had the impression you needed only After Effects for these animations
Quicker way to get each selection into own layer is upon selection are is completed, hold Control+Shift and tap J. It'll place the selection into it's own layer. Thus the steps of cut, paste & move to specific location is not needed.
awesome video! great explanation and thank you for simplifying it first and then showing what additional enhancements can be made.
I really like this! Going to give it a shot. I've been looking for a way to animate my alerts so I would love to see a video on that.
Absolutely amazing video man. You smashed it out of the park. I had so much fun watching this. I can't wait to share this with my friends on Discord!
Dude! thankyou very much for this tutorial. I'm not very good at drawing or animating but I love to learn. Also emotes can be very expensive and as a super small streamer it super important that I learn how to do this all by myself. So thank you for this tutorial! So concise and simple. THANKS!
used your tips to make animated text emotes. thank you so much for a very clear video and easy to replicate!
Question: if I save as gif is going to show the animation or just the static image?
Appreciate the video, never messed with animation in photoshop, this will really help me get started. Thanks Again
this is exactly what i was looking for, cant wait to try this :) thank you!
Exactly what I've been looking for! Thanks dude!
Thanks for doing this in Photoshop i usually find these animation tutorials being done in after effects haha
This will definitely take me longer than 15 minutes because I'm slow, but this is SO HELPFUL! Thank you! I'm really looking forward to learning how to make it blink!! :)
you just saved my butt with this!! Thank you so much! Subscribed and can't wait to check out more!
Thanks dude, I got a yin-yang flowin' in a nice circle due to this tutorial.
Can you show us how to make it blink
this tutorial is gold, thank you!!
Great video - to the point with all the information needed
This is amazing! Thank you!
Amazing, thank you!
Yo! This video is incredibly helpful and explains a lot. Thank you! ♥
How did you make the blinking by the way, was it through the opacity option or some kind of masking? This is super great by the way, didn't know such a feature existed in photoshop!
Hello! what camera you use ? looks really nice !
Thank you so much for the tutorial, this was very helpful. qwq
Hey thanks. Did you do a more in depth video as of yet?
THANK YOUUU!! ♥
This is a very detailed but still simple tutorial! Thank you! I just got new emotes and am so gonna try this technique soon!
I would love to see more ☺️
Thanks !
I just cried. thanks bunches XD
Hey! Thank you for this tutorial, is super helpful!
you just saved my life thank you LOL but question! my emote has become too big for discord and im very new to photoshop! how does one compress it?
I compress it with online sites! You can also turn the quality down in rendering (112x112) to something smaller, and it should be better!
what is the enchancer that you used in the video?
Fantastic tutorial
if you could make a video like this but using Clip Studio that'd be amazing, cause I can't seem to figure out how to do this in Clip Studio lol
Is there a program you can use on apple that has a similar feature for timeline?
what editing software are you using
Great tuturial
This takes me back to the good ol' Flash days. :'3
Your video quality is top tier - and I know this is completely unsolicited, but I do have a pointer I learned from Sara Dietschy. When framing yourself for videos, it’s a good rule of thumb not to cut the top of your head off with the frame. A general rule is at least 2 fingers (think the 2 in the pink 1 in the stink for reference of the 2 fingers Lmao) between the top of your head and the top of the framing
hey i'm having a slight issue where if i skew the image it is only skew'd in the middle keyframe, the rest of the animation doesn't get skew'd for some reason
When you're the artist, gave myself consent, giggled... I swear I'm an adult, but sometimes I have to remind myself...
How did you make it transparent gif? Cause mine has a horrible black or white jagged outline.
Is it possible to do with any other software than Photoshop ?
This is an amazing video! You did great job! Thank you much! You help me to do also my alerts animated! I have an issue and i was wandrering if you have any ideas. My picture is 112x112, and i made it as a gif file as you descibe to ur video, but when i try to upload my emote to twitch i get an error "Image Format is not supported". Any ideas?
Would this work w/ the photoshop app??
How to make animated emotes for free. 10 seconds later, you need photoshop
Thank you so much for the tutorial! I actually made my first few steps watching this! Just a question, I saved it as GIF and at the end, for some reason, it has a strange white outline around it. Like a sort of mini stroke. Is there a way to eliminate that from some of the settings before saving?
I noticed things like dether and other stuff that I have no idea what they are, maybe there? Thank you once again.
Hi! I had the same issue and I found that in the "save for web" window, there's a setting called "matte" in the upper right. If you set that to black, it changes that white outline to black so it'll blend into the black stroke of your emote. Hope this helps!
@@Nathalie-sl7yg Thank you, lovely person
@@abracadavra you're welcome!
bro you the best
Hi! All great yet one part you have missed. How to save the file, which format is required to have it worked with Twitch ;)
how to save the resulting file correctly? In what format? Help please
Would this be possible in affinity photo?
what photoshop program is this? If anyone knows :3
i'm trying to save the emote and post it on my channel, but i'm not able to post it as animated... can someone help me figure out why? Tell me step by step what i have to do please.
How do you export this? he says save as legacy but I dont see that option on PS
I have created an emote on live2d and exported as a png sequence file. I opened in photoshop to export as a gif but the final file is at 1mb :/ how can I decrease this size without losing quality? Discord only allows 256kbs so I'm having a hard time trying to figure out how emote artists are able to make a smooth animation + super small size. Thanks!
same tbh, i made one n it was too big
When i try to uppload my animated emote for twitch it says that its to much frames ?
Dude, do you have like a course to refer to in order to do this? I wanna make some gnarly assed shit.
Anyone know free alternative with same animation system?
The finished animation has the thing closing its eyelids over the eyebrows, I'm terrified.
One issue, when im trying to upload to twitch is tells me there's too many frames. Thing is, I did less than what you did on your emote so why does it say theres too much going on :C
How do I do this on clip studio
Great tutorial how to make loop animation in PS 👍
When I press play my layers go pixelated the. Return to normal? Any ideas
This is amazing but how did you made it blink>? :o
I have a hideious white border around my GIF after it's been saved - don't suppose you know a way around this weird issue after saving a GIF?
thank you for the Video but!!!! you don't say in what format you save it as to work on Twitch
honestly this tutorial caused me such a headache because so many things weren't specified
Hello! I-m trying to animate one emote but, when I change the middle key to make the animation, all my keys (the first one and the final one) change into the same transform image than the middle one!! I don't know if I have something wrong. :( Hope you can help me
Hii! If you solved this problem Could you please send me the solution?
U have to click on the settings next to the play button and tick or mark the "replay the..."
Hi Mina, Convert your layer in smart object it will fix the problem. and you will have the "transformation" option and not "position"
I have the same problem ):
I found out what it was! Apparently you can rotate, scale and stuff, but not warp it ): If you warp something, it just stays like that
Hello, I want to sell emotes ( I want to draw them for people ordering it), do I get in trouble or something, or is it legal? I wanna try it but I’m a bit nervous that something happens
omg, I'm so confused. My after effects doesn't look like that at all, I automatically get a black background. Any tutorial on how to set it up like this?
OH. IT WAS PHOTOSHOOOP. But my thingie isn't purple like that and like,.. I can't make the timeline shorter?
solved THAT one (needed to be on a layer, not a folder). But now I've done the first steps but no animations triggers...
I tried to save the file as a gif, but it simply gave me a static image? Did I save it wrong, or missed something?
File -> Export -> Save For Web (Legacy)
"Animate emotes yourself, for absolutely free!" **needs photoshop** lmao
What’s the editing software
adobe photoshop.. it's not free. you can go for GIMP
Ok but how to export as gif for Twitch :(
How to transform the animated emote to 112*112 after editing?
When you go to export the emote and save for web, there should be a setting at the bottom of the screen that allows you to change the size!
i'm struggling to export the animation , can anyone help?!
Did I miss as how you save it?
File -> Export -> Save For Web (Legacy)
When I click the timeline, I automatically have my emote in a timeline and can't create a video timeline, any advice? :)
It also happends when I make a new file, the background or whatever is in there just automatically becomes a frame
Had this exact issue. I was using CS6 and the options he shows above aren't there. I had to get Photoshop CC and then was able to use these features. Good luck!
@@babzaart2046 thanks, sadly i can't get cc so im still stuck with this issue
Does photoshop work like this too for iPad??
If you find out lemme know
Not sure, but you can always use procreate on the ipad to draw the emote then save it as a PSD file and transfer it to the computer and use Photoshop
question : i can make the same process with clip studio paint?
update: just did this in csp. if you want i can try to make a video on how to do it exactly because it was a little tricky but i think the end result turned out pretty good!
@@CookieCrumbzz25 i think it would be very usefull for every csp user! so why not!
i wanna learn to do this stuff but i'm too lazy.
mine says position instead of transform :(
My transform option is called position on mine and its not working the same
it just stays at whatever i transformed it at. it wont move or save frames
Someone please help I need to figure out how to make the WIGGLE emote animation
I cant find how to save as legacy and when I export it as a gif it doesnt animate
same..
File -> Export -> Save For Web (Legacy)
@@KalindriaMM Very helpful. They should add this in the description, took me some time to figure that out. Thanks!
my left ear :
How do you export the file?
You can't just save as a .psd or .png
File -> Export -> Save For Web (Legacy)
Waiting on the new video 😐
" it's free "
" All you need to have is photoshop "
So it's not free
Okay seriously dont tell people that they have the rights to edit emotes that you bought from an artist.
You dont have the copyright, you have the license to use them and you need to check if youre allowed in your license to edit them.
Dont be that person, if you already have an artist ask the artist to animate them, or speak with the artist so that youre allowed to change that.
This tutorial is basically the issue why copyright is so fucked up in the internet, because people dont understand the shit there talking about.
Your name is so in line with your tone lolol
@@srcp1551 Yeah and Im right, so dont come to me like this
@@AngryApple still an angry 🍏 😄
I don’t have photoshop and instead use Autodesk Sketchbook… RIP.
i feel like i keep missing a step :(
Where's part 2 daddy? This is obviously elementary work for you. We need a hero.
🦸♀️
Step one: have photoshop, alright im out see ya