Laravel

Pixelart Tutorial - Blog Posts

1 year ago

Wat do you animate with !!? If ur comfortable sharing!!

live2d if you cant afford or get a free copy of live2d(trial or demo ver) i recomend dragon bones , if not i recomend spriter, you can do straight up pixelart with this!! (but bro is limited!!)

heres process, Its A BIT TOO MUCH

I WILL EVENTUALLY DO A YOUTUBE VIDEO THIS IS THE BEST I CAN DO

For the live2d 1. I would make the character in sai/or your program of choice that can export into psd like this, (look into how vtuber models are separated in case you're not sure)

Wat Do You Animate With !!? If Ur Comfortable Sharing!!

even simple it follows the rules of a regular vtuber model (some features wont be needed like mouth unless you know EXACTLY what you want to do) here is how the last one i made looks like (you can see head, hair, back of the eyes, iris, arms, blush completly separated)

Wat Do You Animate With !!? If Ur Comfortable Sharing!!

2. Once in live2d you can rig it as a regular vtuber model, add or ignore parameters youre going to use. like for example this one doesnt use x eye movements (eye doesnt move from side to side basically), but i added new ones like the legs (remember to add physics!!!)

Wat Do You Animate With !!? If Ur Comfortable Sharing!!

3. Now its time to animate, dont worry if you add new parameters to the rig to fit the animation you had in mind it will update as you go on!!! !!! important!! make sure you are using the double size you're going to use for the pixel, if you want your pixel to be 200x200 you'll be using 400x400 when you work in it in live2d!!!!

Wat Do You Animate With !!? If Ur Comfortable Sharing!!

now use the parameters you did to do the animation

Wat Do You Animate With !!? If Ur Comfortable Sharing!!

if you want it to loop do it like this (rec!!) copy and paste the first one and the last one.

Wat Do You Animate With !!? If Ur Comfortable Sharing!!

lastly for give it a pixel art timing look, i rec do this insert frame on the one of the keyframes (most relevant!! look into an animation tutorial to see what i mean!!!)

Wat Do You Animate With !!? If Ur Comfortable Sharing!!

and now what you are going to do is move it into 3/2 more keyframes so the movement is heavier and more exagerated!!!

Wat Do You Animate With !!? If Ur Comfortable Sharing!!

once youre happy with the results, export to gif!!!

Wat Do You Animate With !!? If Ur Comfortable Sharing!!
Wat Do You Animate With !!? If Ur Comfortable Sharing!!

ALRIGHT FOR THE NEXT PART!!!!!!

4. With the gif in hand send it to https://ezgif.com/gif-to-sprite this will turn your gif into a sprite sheet

heres mine

Wat Do You Animate With !!? If Ur Comfortable Sharing!!

how what youre going to do is give this sprite sheet to this program Pixelatir (i belive its free!!, at least it was when i got it :O) /i think if its for commissions you need to pay them but look deeper into the TOS if you're invested!!! i heard photoshop does this too but im not sure!!!

Wat Do You Animate With !!? If Ur Comfortable Sharing!!

you'll have to make the settings right but if you have a palette in mind you can feed it and it will use it!!! when its done, i suggest taking the now pixelated sprite sheet and fixing any small details by hand , like for example in mine i aded some lines and changed hue/saturation by hand!!!

Wat Do You Animate With !!? If Ur Comfortable Sharing!!

Now you're going to feed it back into https://ezgif.com/sprite-cutter and cut the sprites, if you did it right, thre should be no problem, and it will allow you to make a gif with it!!!

AND that should be all! hope it helped!!


Tags
Loading...
End of content
No more pages to load
Explore Tumblr Blog
Search Through Tumblr Tags