TheArt

Member
After strenuous amount of time spent making the unicorn VD I figured since I'm also making some H version children of the old client stuff put into Anim2 I'll go ahead and share my knowledge on how to animate.


First off, you need UO Fiddler for this Tutorial, some form of art program (if you're drawing it or capturing from a vid. I personally use Photoshop CS6)

You'll also need internet access so you can use EZ Gif (link here)

First off, let's get to the gif making. Yes, you heard me, let's make some gifs.

This seems to make things quite a bit easier. EZ GIF is a great site that ultimately has been a life saver.


So first thing is first, you'll want to only animate each side one by one. So, I'm animating the child VD to fit into the High Slots INSTEAD of the player slots so I can have them in the game. As you can see there are 10 files. Since it is in the High slot, I am fine with 10 files. (images) for certain locations. This is the 'run' which will replace something's flying.
Annotation 2020-05-31 024219.png



Now, to pick and choose what we need inside the gif when we've uploaded the images. BMP loses completely white and black backgrounds. If you're not uploading BMPs, I'd suggest PNGs. Always remember, UO will lose completely white and completely black backgrounds. It also has a certain color capacity, I believe it's 256 colors but I could be wrong. Either way, stay on the safe side, never save a file above 16 bit in color. Always make sure your whites are off whites and your blacks are off blacks if you want it to show up otherwise you're going to have a REALLY bad day. (I spent 3 days working on my unicorn if that tells you the sort of bad 'day' I was having with Fiddler).



Now, when it comes to how you choose items, make sure your images NEVER stack in EZ gif. You'll have a weird looking animation if you do. Also, use global color maps with every gif and always center your gif. Do not resize your images as this will cause loss of quality.
2.png



After we have finished making our gif, it's onto fiddler.

I had a hard time figuring out how to customize the graphics until it dawned on me where to find the little menu key. I'll just show you here so it won't be hard for you.

aaa1.png

Here ya go.

Now onto customizing our Anims.

I want to note that you can only replace graphics, you can't ever add without replacing. Seems to be a regular thing in the UO client so we'll just roll with that.

I'm replacing some gargoyles and demons and in my server I'll be changing my demons and gargoyles to only take on one of the graphics as I personally feel it's unnecessary to have clones of graphics.

Most of the graphics I am replacing are in Anim2, but you could replaces graphics in anim, anim3, anim4, or anim 5. I am just choosing anim 2.
aaaaa2.png

Now, with me choosing H: 9 this is a demon that is essentially a clone of a demon (Yeah, I don't like redundancies in my graphics, it's gross)

Now, onto completely rehauling.


I want to note because I forgot to take a screenshot, I right clicked on H: 9 and removed, then I imported a file I already had. I would suggest to keep with the client accepting, don't do this and instead delete the images. After you've deleted the images in one of the actions you can import your gifs like so.

If you have all the directions made you can add them all with canvas.

5.png



Now on to fixing the position because we need that too. After all, this child is off center and I don't want it to be.

These little guys down here, if you press the Up arrow, Down Arrow, Left Arrow, and Right arrow after clicking on one, it will move it accordingly. X is left and right, y is up and down.


7.png



Using those, I have centered it, but I'm not done yet.

9.png


Because of the fact that this will not apply to the others in the action of this direction, I want to make sure it's all using the same center. Not all animations in an action will use the same center without looking funky so make sure you center those to how you feel they need to be.

that being said here is the button you will want to look for if you feel your graphics should all use the same center (and even then you may use it just to make your life a little easier and cut some time out)

8.png


Now, alternatively you may have found yourself a VD of a creature you want in your game. What do then? Well, let's revisit, because I decided to import a VD I had already made to make my life just a tad easier. so I could use it's center.

11.png

Look at that, if you right click you can import.

Now, we just have to make sure we save it right? But how?

Oh, there's a misc button near the bottom. Should be labeled something else but oh well... This misc button is a life saver too.

10.png


And there we go!!!


BE SURE TO NOT DELETE ANY IMAGE FILE FOR YOUR ANIMATION UNTIL YOU ARE DONE!!! Also, if you're done export your file as a VD for a backup in case something goes wrong!
 
Last edited:
Pretty cool so I plan to try jasc animation shop. its something u can use offline if you want. So you just manually edit the images and then load them in and make a gif? I thought you have to keep all the dimentions of the original files intact and stuff. Well I guess its time to try for once... Thanks for motivation to try.
 
Please make sure that when you are making animations that you have the correct number of frames for each action. Each action has a specific number of frames. Having to many or to few frames may cause issues with the client. For example walking action has ten frames per directions so there are 5 directions Down, Downleft, Left, Upleft and Up so in total you will need 50 frames to create that one action 10 frames per each direction and that is for a High Animation slot. Low animation slots and People and Equipment slots also have different frame number per actions. Look at a default animation to get the correct number of frames as an example.
 

Active Shards

Donations

Total amount
$110.00
Goal
$1,000.00
Back