Kitty Corp Meow Mix Forums

Help & Tutorials => Texture and Portrait Tutorials => Topic started by: Gazoinks on June 26, 2009, 06:47:37 PM



Title: How to Use Magenta For Transparency in +2 Textures
Post by: Gazoinks on June 26, 2009, 06:47:37 PM
This was originally a MeowMix forum guide, but I figured this should hopefully stem some questions so I decided to post it here.

How to Properly Use Magenta For Transparency in +2 Files

I've noticed that several people have asked for help about how to stop a magenta outline appearing on textures indexed with magenta, so I've decided to step in and squash those questions!  (This applies for CSPs too)

Needed
  • Adobe Photoshop (I use 7.0 but it should work on any version as long as you can index.)
  • A +2 texture to edit.
  • Basic Knowledge of Photoshop (Able to recognize brush tool, etc.)

Instructions
(Click on a thumbnail to see the full picture.)

Step 1: Open your chosen +2 texture in Photoshop.  For my example we'll use Ike's hair. (http://i555.photobucket.com/albums/jj478/Gazoinks/Brawl%20Textures/th_Step1.jpg) (http://s555.photobucket.com/albums/jj478/Gazoinks/Brawl%20Textures/?action=view¤t=Step1.jpg)

Step 2: Edit whatever you wish about the texture.  In my example, I applied the chrome filter. (http://i555.photobucket.com/albums/jj478/Gazoinks/Brawl%20Textures/th_Step2.jpg) (http://s555.photobucket.com/albums/jj478/Gazoinks/Brawl%20Textures/?action=view¤t=Step2.jpg)

Step 3: Click on the color picker for the foreground and change it to 255,0,255.  Press ok. (http://i555.photobucket.com/albums/jj478/Gazoinks/Brawl%20Textures/th_RealStep3.jpg) (http://s555.photobucket.com/albums/jj478/Gazoinks/Brawl%20Textures/?action=view¤t=RealStep3.jpg)

Step 4: Select the brush tool and draw a little bit of magenta in an area where it's not touching any of your texture.

(http://i555.photobucket.com/albums/jj478/Gazoinks/Brawl%20Textures/th_Step3.jpg) (http://s555.photobucket.com/albums/jj478/Gazoinks/Brawl%20Textures/?action=view¤t=Step3.jpg)

Step 5: If you haven't already, select the texture by control clicking the layer with your texture on it.  Go to Image>Mode>Indexed Color.  Set the pallet to local(perceptual), uncheck transparency and type the amount of colors the texture has in the color box (in Ike's case, 256).

(http://i555.photobucket.com/albums/jj478/Gazoinks/Brawl%20Textures/th_Step5.jpg) (http://s555.photobucket.com/albums/jj478/Gazoinks/Brawl%20Textures/?action=view¤t=Step5.jpg)

Step 6: Almost done.  Press ctrl+shift+I (Windows) to invert your selection.  Go to Edit>Fill and choose foreground color (make sure the magenta is still set as your foreground color).

(http://i555.photobucket.com/albums/jj478/Gazoinks/Brawl%20Textures/th_Step6.jpg) (http://s555.photobucket.com/albums/jj478/Gazoinks/Brawl%20Textures/?action=view¤t=Step6.jpg)

Step 7: Done!  Now save it and compile it using ASH, and poof!  No magenta outline!

If you have a question, post away!


Title: Re: How to Use Magenta For Transparency in +2 Textures
Post by: Shukaku on June 26, 2009, 07:02:46 PM
i know how to use magenta but is there a way to make the sharp edges smooth on
ike's hair?


Title: Re: How to Use Magenta For Transparency in +2 Textures
Post by: VILE on June 27, 2009, 06:20:03 PM
i know how to use magenta but is there a way to make the sharp edges smooth on
ike's hair?

You can manually hex it, so the hair has smoothed out edges.


Title: Re: How to Use Magenta For Transparency in +2 Textures
Post by: Neon on June 28, 2009, 01:00:27 PM
Someone right a guide on how to do this with gimp please.
:)
I tried once but it......didnt work right. It wasn't pink, but it turned out blue.


Title: Re: How to Use Magenta For Transparency in +2 Textures
Post by: dally on June 28, 2009, 09:59:14 PM
...when you opened ikes hair, it already had the checkerboard background, how did you do that? when i open it, where yours is checkerboarded, mine is the color of ikes hair...


Title: Re: How to Use Magenta For Transparency in +2 Textures
Post by: Neon on June 28, 2009, 10:36:43 PM
...when you opened ikes hair, it already had the checkerboard background, how did you do that? when i open it, where yours is checkerboarded, mine is the color of ikes hair...
thats odd.
checkerboard is transparency btw.