PDA

View Full Version : [Tutorial] Making Portraits by JuniorModder


Quanon
11-14-2009, 07:10 AM
JuniorModder(not me) made this nice tutorial on how to create some good looking portraits. Read away:
Added a small extra edit to the tutorial, per writers request, a handy little tip ;)

Hello modding community! It has recently come to my attention that quite a few people desperately want to make portraits, but are having trouble doing so.

Well, I am here to give you a easy to follow tutorial, showing one way to make effective portraits.

Things you will need:

Fraps (http://www.fraps.com/download.php)
Gimp (http://www.gimp.org/)
Kotor Savegame editor (http://www.starwarsknights.com/tools.php/) Optional
Kotor Tool (http://www.starwarsknights.com/tools.php/)
KotOR or tSL

Step 1: Take a screenshot of your character in-game.

Load a save game. Then, make sure the character's appearance is on one of the party members or the PC. You can change this with Save Game editor.
Angle the character you want to make a portrait for, using First person view if nessasary.
http://img4.imageshack.us/img4/2519/screen2nt.png
Once your finished angling your character, have another character stand in front of him/her. As the other character, switch to First Person mode, and take screenshots by pressing the F10 key.
Make sure not to get them while they're blinking (unless you want to).
http://img260.imageshack.us/img260/7162/screen3sp.png
Step 3: Open your screenshot in Gimp.

Go to the folder where your screenshots are saved (You can choose a folder in the fraps window). Right click the one that looks the best, and select "Edit with Gimp". If that doesn't show up for you, you can load Gimp, and open it that way.


Step 4: Prepare the Image

Select the button that looks like an X-acto knife.

Make a large box around the character's head and upper body.
http://img38.imageshack.us/img38/5619/screen4qi.png
Then press enter. This will delete the extra part of the image that you don't need.

Now, select the icon that looks like a lasso.

And carefully trace starting in a corner. Trace the edges, and then the head and shoulders. Meet back up at your starting point. You want it to look as if the character is outside of the tracing, NOT INSIDE.

Step 5: Make your Portrait!

Click the Fill With Paint Bucket.
Then, select a good background color.

Under "Affected Area" click "Fill whole selection", and then click any area in the image except the character.

Here are some Touch ups that are very handy.

Touch up 1: Gradients
You know how one side of the background is darker than the other? This is a gradient.

Select the Gradient icon.
You can tinker with it however you want, but what I do, is click the dropdown menu beside "Mode:".
Then select "Burn".
Draw a line starting at the bottom corner of the image, going diagonally to the opposite top corner.
You should get something like this:
http://img4.imageshack.us/img4/4760/screen5dx.png
Again, tamper with it until you get a desired look.

Touch up 2: Saturation

Often, the color you pick is way to bright, and looks cheap when in-game. A good way to rid your portrait of this, is to lower the saturation.
Go up to the toolbar at the top of the window. Under "Colors" pick "Hue-Saturation". Then lower the saturation a bit, until it looks like it could fit into the game.

It also is good lower the saturation and put a very light gradient on the character . If you are comepletely done editing the background, press control a.
Lower the saturation a small amount.
Then, make a light gradient. To do this lower the opacity to around 30.0. Then make the gradient.

Step 6: Finish the Portrait

Now that you have a good looking portrait, you will need to resize it to be able to have it in-game.

Click the "Resize Image" button.

Resize the Width and Hight (X,Y) to 256 by 256.

Now it is completely done! Save it as PO_pCharacter'sName.tga.

If it tells you that tga can't handle the transparency or something, just click export.

http://img4.imageshack.us/img4/681/pophandmaiden.jpg

Step 7: Putting your portrait in the game

Open up Kotor Tool. Go to BIFs/2da.bif/2da array/appearance.2da
Find the line where the character who is recieving the new portrait has it's information.
Find your characters Row number (It's under Row Label) You'll need to remember this, along the name of the appearance.
Close appearance.2da, and open portraits.2da.

Create a new row in portraits.2da. In Row Number, look up to the previes row number. Write the number that comes after that. In the next spot, write the name of your tga.
Next space: the gender (Male 0, Female 1)
Next space: the characters Row Number
Leave everything blank until you reach "Baseresrefe" In the next spaces, put the name of your portrait. If you have a dark side portrait, put the name of it in the last space. If not, put the same name you did for the rest.
Under files, click "Save as 2da v2.b".
Put it in your Override Folder.

Then you can give it to a specific character using SaveGame Editor.
http://img190.imageshack.us/img190/2236/swkotor2200911121646333i.png
I hope this helped you!

JuniorModder


EDIT: I forgot to say that raising the contrast a bit also looks good.

EDIT 2: Make sure you take your screen in a well lit area.

Quanon
11-24-2009, 02:54 PM
VarsityPupptet added an extra part to Juniors tutorial.
If you're looking for that extra spice, read on!


Alright, here's Varsity's official addition to Juniormodder's already awesome portrait tutorial.

~~~~~~~~~~~~~~~~~~~~~~~~~~Weeeeeeeeee!

Well, to illustrate what I'm trying to do, I'm going to backtrack a few steps. It shouldn't be too hard to figure out where I left off.

What we're doing here is creating an overlay.
I don't know how to explain what it does really... other than it accentuates textures and lines.

Click on the spoilers to see the steps. The screenshots are rather big, so I used the 'hidden' tags.

VP step 1

First, copy the layer of the cut out character (in this case, the Handmaiden)

http://i.imagehost.org/0471/step_9.jpg

You'll see in the layer bar that there are two layers with the Handmaiden.

VP Step 2

You'll want to select the top-most layer (or the duplicate you just created, just make sure it's above the original layer) and then click the dropbox. Once there, scroll down until you find the overlay option.

http://i.imagehost.org/0026/step_10.jpg---> http://i.imagehost.org/0721/step_11.jpg

VP step 3

Once you've done this, you'll notice that the Handmaiden has suddenly gotten a little brighter and kinda funky. That's okay. Just go up to Colors > Desaturate and choose Lightness and click [Okay] or whatever the button says, and that issue shall be fixed.

http://i.imagehost.org/0916/step_12.jpg

You've just created your first Overlay layer! Congratulations!



VP step 4

If you're greedy, you can certainly make more. Instead of going through the same painstaking process, you could just select the Overlay layer and duplicate that. It'll save you couple of steps.

http://i.imagehost.org/0962/step_13.jpg

You can also change the opacity of the layer if 2 is too many, but 1 isn't enough.



End product... based on my personal tastes

http://i.imagehost.org/0810/step_14.jpg