@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! :)
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! ^-^
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.
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
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
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!
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!
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!! :)
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.
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!
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
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
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?
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?
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!
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
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.
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!
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
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!
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!
@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! :)
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! ^-^
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.
Can you show us how to make it blink
Question: if I save as gif is going to show the animation or just the static image?
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
How to make animated emotes for free. 10 seconds later, you need photoshop
When you're the artist, gave myself consent, giggled... I swear I'm an adult, but sometimes I have to remind myself...
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
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!
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.
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
Thanks dude, I got a yin-yang flowin' in a nice circle due to this tutorial.
used your tips to make animated text emotes. thank you so much for a very clear video and easy to replicate!
awesome video! great explanation and thank you for simplifying it first and then showing what additional enhancements can be made.
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!
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!
Exactly what I've been looking for! Thanks dude!
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!
📈 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/3d71u7f
you just saved my butt with this!! Thank you so much! Subscribed and can't wait to check out more!
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!! :)
Hi! All great yet one part you have missed. How to save the file, which format is required to have it worked with Twitch ;)
Hello! what camera you use ? looks really nice !
Thanks for doing this in Photoshop i usually find these animation tutorials being done in after effects haha
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!
This is a very detailed but still simple tutorial! Thank you! I just got new emotes and am so gonna try this technique soon!
This takes me back to the good ol' Flash days. :'3
honestly this tutorial caused me such a headache because so many things weren't specified
Hey thanks. Did you do a more in depth video as of yet?
Yo! This video is incredibly helpful and explains a lot. Thank you! ♥
Hey! Thank you for this tutorial, is super helpful!
this tutorial is gold, thank you!!
Thanks !
Thank you so much for the tutorial, this was very helpful. qwq
"Animate emotes yourself, for absolutely free!" **needs photoshop** lmao
Great video - to the point with all the information needed
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 🍏 😄
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!
Is there a program you can use on apple that has a similar feature for timeline?
what editing software are you using
Anyone know free alternative with same animation system?
The finished animation has the thing closing its eyelids over the eyebrows, I'm terrified.
How did you make it transparent gif? Cause mine has a horrible black or white jagged outline.
This is amazing! Thank you!
Amazing, thank you!
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
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)
Is it possible to do with any other software than Photoshop ?
what is the enchancer that you used in the video?
I just cried. thanks bunches XD
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
how to save the resulting file correctly? In what format? Help please
what photoshop program is this? If anyone knows :3
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...
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
Would this work w/ the photoshop app??
THANK YOUUU!! ♥
Great tuturial
This is amazing but how did you made it blink>? :o
mine says position instead of transform :(
Dude, do you have like a course to refer to in order to do this? I wanna make some gnarly assed shit.
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?
I would love to see more ☺️
Fantastic tutorial
When I press play my layers go pixelated the. Return to normal? Any ideas
Ok but how to export as gif for Twitch :(
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?
thank you for the Video but!!!! you don't say in what format you save it as to work on Twitch
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
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
When i try to uppload my animated emote for twitch it says that its to much frames ?
Would this be possible in affinity photo?
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!
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.
bro you the best
Great tutorial how to make loop animation in PS 👍
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!
@@babzaart thanks, sadly i can't get cc so im still stuck with this issue
" it's free "
" All you need to have is photoshop "
So it's not free
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
Step one: have photoshop, alright im out see ya
How do I do this on clip studio
Did I miss as how you save it?
File -> Export -> Save For Web (Legacy)
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
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'm struggling to export the animation , can anyone help?!
slow down...why do people doing tutorials go through stuff soo fast.
Someone please help I need to figure out how to make the WIGGLE emote animation
i feel like i keep missing a step :(
i am an affiliate and i do NOT have the option to add animated emotes
you have to unlock some kind of achievement for that. yesterday it popped up in my notifications
What’s the editing software
adobe photoshop.. it's not free. you can go for GIMP
I don’t have photoshop and instead use Autodesk Sketchbook… RIP.
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 wanna learn to do this stuff but i'm too lazy.
Where's part 2 daddy? This is obviously elementary work for you. We need a hero.
Did you make the art yourself? 🤔 Why draw them in 1 layer? It's a digital art after all, use LAYER to save your time 🤣