Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

TUTORIAL TO MAKE QUICK PD ITEMS


Marsh
 Share

Recommended Posts

let me give my advice as to how to get quick and easy paperdoll items:

By Murdoc

1\. Go to  [http://charas-project.net/](http://charas-project.net/) (Charas online char creator)

2\. Select Charset

3\. dont choose a body, leave that empty

4\. select an item of clothing (armor, helmet etc.)

5\. Save file

6\. Download the Deux Exe Machina "Sprite Converter" to convert RPGmaker sprites such as Charas sprites. ~~I have the file on my site at [http://www.touchofdeathproductions.com/spriteconverter.exe](http://www.touchofdeathproductions.com/spriteconverter.exe)~~.
[http://www.touchofdeathforums.com/smf/index.php?action=dlattach;topic=21718.0;attach=2335](http://www.touchofdeathforums.com/smf/index.php?action=dlattach;topic=21718.0;attach=2335) (working link)

7\. Open the file with sprite converter. This will change it to the proper size for the engine.
8\. Use Adobe Photoshop or another Paint Program to make the background the transparency color of the template being used.
9\. Now you can just create a character with a body and hair or whatever that would be the sprite and repeat the above steps for conversion.

That's pretty much it. Although these would look a little better with 32x64 size, you can always resize the sprites on top of the template by making the bg color transparent with say Photshop erase specific color tool, resizing the chars to the max height, then placing on the template by copying it. This can be done easily in a good paint program. Anyway, I tried this out with the Eclipse 4.5 Engine just recently released. And here are some screenshots of how it worked:

![](http://i43.photobucket.com/albums/e382/Murdoc420/paperdollscreen1.png)
Naked sprite with hair with item on ground.
![](http://i43.photobucket.com/albums/e382/Murdoc420/paperdollscreen2.png)
Naked guy not so naked anymore. A little breezy maybe, but not doin too bad.
![](http://i43.photobucket.com/albums/e382/Murdoc420/paperdoll002.png)
Ok here I am fighting the big tiger. Rar!

Like I say if you prefer larger sprites, you can just resize them with the above info. Peace!

Ok, after you have used the charas generator at the above url, you save the file as .png (i'm not sure if jpeg works). Now, "Load" the file with the spriteconverter.exe. Note * the spriteconverter.exe must be in a folder (which is how it orginally came) for the images to save properly. Just name the folder "spriteconverter" and put the spriteconverter.exe inside the folder. That should have been noted earlier, but i actualy didn't try the spriteconverter.exe outside the folder to know that it wouldn't work. Anyway, it should look something like this when you load your ".png" file from Charas:

![](http://i43.photobucket.com/albums/e382/Murdoc420/spriteconverter1.png)

Now, we want to "Save" and it will automatically save as "spriteconverterimage.bmp" (spriteconverterimage1.bmp, etc) just outside the folder path. Next step is editing the image now that we have our bitmap image.

I used Adobe Photoshop, but another good paint program would work too. There are lots of free ones online, so just google it if you dont have one yet. I open up the images i need which are 1\. the template (in this case i used the default "items.bmp" in the GFX folder of Eclipse(v4.5). 2\. the image that you saved with spriteconverter. Here's an example:

![](http://i43.photobucket.com/albums/e382/Murdoc420/photoshop2.png)

You may notice i drew an arrow pointing to the "eyedropper tool" (which copies colors) to the color on the items.bmp. just get the color from the orginal template (in this case its black r 0 g 0 b 0) because the first pixel in the template is this color, thus it is our transparency. Next we want to paint that color over the green that charas used for a background. Like so,

![](http://i43.photobucket.com/albums/e382/Murdoc420/photoshop3.png)

*Make sure the paint tool is set on "contiguous" if using photoshop, so the paint doesn't end up bleeding into the sprite. And because the bg transparency is the same  black as the one on the spriteconverter image, we dont' need to paint those sections (the black lines in between the green blocks behind the char). Now, we just need to copy that image to the item template:

![](http://i43.photobucket.com/albums/e382/Murdoc420/photoshop4.png)

Use the select tool to select all the spriteconverter image. Then drag that picture right onto the item.bmp. You'll notice i have a grid set on the item.bmp. the grid settings for a perfect 32x32 grid (in case you want to "snap to grid" like i did) is 32 spacing. thats pretty simple. It should end up looking like this. I put the image in the spot where the wings were, but you could always just start on the line after the purple suit or whatever. in which case you would put the item that will be on the ground in the spot next to the purple suit at the very top. baron's tutorial on the paperdoll shows this in more detail.

Now you just have to flatten the image, and save the items.bmp. Follow the same steps to get the sprites you want (there are tons at the charas generator site). Only you'll put these into the sprites.bmp instead of items.bmp. Wahla! Any questions, ill be glad to help!
Link to comment
Share on other sites

  • 4 years later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...