collapse

Author Topic: The big portrait for the character select screen.  (Read 3123 times)

0 Members and 2 Guests are viewing this topic.

Offline lantern48

  • All your ring are belong to us.
  • Initiate
  • **
  • Posts: 72
  • Last Login:August 08, 2019, 12:05:00 AM
    • Email
The big portrait for the character select screen.
« on: January 17, 2012, 08:48:23 PM »
Can someone post a step-by-step on how to make a 120x240 character portrait that doesn't end up distorted?

I have photoshop, Gimp, and everything else needed to do it. So whatever method you want to explain is fine with me.

Thanks in advance.



Offline tunglashor

  • Contributor
  • ****
  • Posts: 105
  • Last Login:May 02, 2019, 05:45:21 PM
    • tunglashor
    • Email
Re: The big portrait for the character select screen.
« Reply #1 on: January 18, 2012, 01:33:20 PM »
There are many ways to do this; here's a walkthrough using Gimp.

1. Resize your source image
I see from your other thread that you just scaled the image to 120x140.  If you don't want the image to get squashed I suggest cropping it first (Image -> Canvas Size).



First, click the 'link' icon to prevent the aspect ratio from being preserved when you alter the width.  The ratio of height to width is 1.1666... for the large portrait, so I've changed the width from 520 to 464/1.1666... = 398.  Then in the Offset preview I've dragged the image so that the face is centred in the new canvas.

Click Resize to crop the image, then from the Layer menu select Layer to Image size.

2. Adjust colours (optional)
When your source image is a jpeg off the internet (as in this case) you might want to tweak it a bit to improve the way it looks in Mugen.  I suggest upping the contrast a bit:



3. Remove background (optional)
There are several tools to help with this.  The most useful is the magic wand (selects areas of similar colours - experiment with the Threshold setting).  The idea is to select just the portrait and erase the rest.  The steps I use:
  (a) select the background areas (hold down shift and click the background areas with the magic wand to build up the selection - use undo if you accidentally select part of the portrait);
  (b) open the Select menu and click Invert - you should now have just the portrait selected;
  (c) Copy then Paste, then open the Layer menu and select New Layer;
  (d) Open the Layers dialog (Windows -> Dockable Dialogs -> Layers).  You should have two layers:



Select the bottom layer and click the trashcan icon to delete it.  You should be left with just the portrait, with no background:



4. Scale the image
Here's where you resize the portrait to the required dimensions.  From the Image menu select Scale Image and change the width to 120 pixels.  The height should automatically be changed to 140 if the "preserve aspect ratio" option is active.

If you removed the backgroud (step 3) you should now fill the space with a colour that isn't used anywhere in the image.  Usually I'd use bright pink or green for this but in this example there are a few pinks, purples and greens in use, so maybe try red.  At this point you might need to do a bit of cleanup on the background as there might be a few stray pixels that were previously missed.  Try to ensure you have a black outline, with no light grays or other colours around the edges.



5. Index (create a palette)
We need to reduce the number of colours in the image to 255.  Open the Image menu and select Mode -> Indexed.  Select "Generate optimum palette" with 255 colours and click Convert.  This will result in an indexed image but our background colour probably won't have an index of 0, which is required by Mugen.  To correct this, open the Colours menu and select Map -> Rearrange Colourmap.  Find the colour you used for the background and drag it to position 0, then click OK.



6. Save
The image should now be ready.  Save as a PCX (if you click Save As and enter a name of Portrait.pcx then Gimp should automatically save it in PCX format).  If you're prompted about layers or transparency just choose the default options.

You should now be able to insert the portrait using Fighter Factory and if you did everything correctly, all should be well.





Offline lantern48

  • All your ring are belong to us.
  • Initiate
  • **
  • Posts: 72
  • Last Login:August 08, 2019, 12:05:00 AM
    • Email
Re: The big portrait for the character select screen.
« Reply #2 on: January 18, 2012, 02:12:20 PM »
THANK YOU VERY MUCH!

Seriously, I'm very grateful you took the time to explain that.

I hope something nice happens for you soon.
Thanks again.  :)


-EDIT-

Everything is great up until the end when I try to save the pic.
It won't let me save:

I'm stuck there. So close...
« Last Edit: January 18, 2012, 03:21:29 PM by lantern48 »

Offline tunglashor

  • Contributor
  • ****
  • Posts: 105
  • Last Login:May 02, 2019, 05:45:21 PM
    • tunglashor
    • Email
Re: The big portrait for the character select screen.
« Reply #3 on: January 18, 2012, 03:31:40 PM »
Ah yes, this is what I was talking about -

If you're prompted about layers or transparency just choose the default options.
I guess that could have been clearer..!  Basically, just click "Export" when you get that prompt. 

THANK YOU VERY MUCH!

Seriously, I'm very grateful you took the time to explain that.
Glad I could help  ::salute::

Offline lantern48

  • All your ring are belong to us.
  • Initiate
  • **
  • Posts: 72
  • Last Login:August 08, 2019, 12:05:00 AM
    • Email
Re: The big portrait for the character select screen.
« Reply #4 on: January 18, 2012, 05:13:59 PM »
Thanks again, tunglashor - I've already made 3 different portraits using your method, and I'm getting better at erasing each time.

The most recent one I did was Dazzler. I'm pretty happy with the way she came out:

If you're ever need me to do a portrait for ya, just say the word - it's the least I can do to repay you.

Tags:
 


* IMT Facebook

Help us by Donating!

IMT Discord

Join us at our Discord! Click the image below!

* IMT Shoutbox

Sorry, this shoutbox does not exist.

* Recent Posts

D2TD VS Showcase Thread by D2TD
[November 24, 2024, 09:12:03 AM]


Marvel vs. Capcom: Eternity of Heroes REMAKE Game Update 1.3.0 - N.A.O.H. by LightFlare
[November 21, 2024, 09:44:09 PM]


Terrordrome: Rise of the Boogeymen Extended Version ( jeepers creepers) version by leonardo
[November 19, 2024, 10:22:47 PM]


Hill of the Nameless(1.1 Only) by Vegaz by LightFlare
[November 19, 2024, 10:50:39 AM]


Golden Axe Returns by gokudo99
[November 19, 2024, 03:59:31 AM]


Barkley Shut Up and Jam! Stages by Vegaz by LightFlare
[November 12, 2024, 11:26:21 AM]


[BOR] _Avengers United Battle Force_ by O Ilusionista
[November 11, 2024, 12:35:24 PM]


Eternal Lament Stage 1.1 & 1.0 by O Ilusionista
[November 11, 2024, 12:34:54 PM]


MatreroG's Stages W.I.P. Concepts by MatreroG
[November 11, 2024, 07:00:56 AM]


Spooky House(1.1 Only/AIGS) by Vegaz by LightFlare
[October 31, 2024, 11:31:36 AM]

* IMT Calendar

November 2024
Sun Mon Tue Wed Thu Fri Sat
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 [27] 28 29 30

SimplePortal 2.3.5 © 2008-2012, SimplePortal