Infinity MUGEN Team

IMT Main => M.U.G.E.N Guides & Tutorials => Spriting Tutorials => Topic started by: SonicX on August 12, 2007, 07:50:51 AM

Title: Easy Hyper Portrait Creation Tutorial
Post by: SonicX on August 12, 2007, 07:50:51 AM

Have You Ever Wanted A WIP To Have A Hyper Portrait. But Don't Know How To Make One. Well All You Need Are A Few Tools.

Photoshop or Paintshop
Render
This Tutorial

Ok First Make A Canvas
1x300 Like So
(http://img338.imageshack.us/img338/2526/1x300bb9.jpg)
Next Use A Brush 1 Or 4 Pixels And Brush In Some Colors
Like So...
(http://img510.imageshack.us/img510/797/1x300coloredinqx5.png)
Now Make A New Canvas 150x300
(http://img338.imageshack.us/img338/160/150x300gj5.png)
Then Copy And Paste Your Pattern To Your 150x300 Canvas
(http://img518.imageshack.us/img518/620/150x300coloredinjd9.png)
Keep Copying And Pasting Till Its Full
(http://img514.imageshack.us/img514/8173/150x300coloredinallns1.png)
Now Get Your Render And Paste Into The 150x300 Canvas
(http://img215.imageshack.us/img215/8041/150x300rendersn6.png)
Next Take The Polygonal Lasso Tool And Cut Out A Triangle
(http://img215.imageshack.us/img215/1211/150x300rendercutia8.png)
And Color The Outside Of Triangle Black This Will Make Your Border
Make And Minor Changes Now Because After This Theres No Way Back!!!

Ok Next Make This Line On The Black
(http://img514.imageshack.us/img514/3793/150x300renderborderce3.png)
Now Use Your Paint Bucket Tool And Fill In The Outside With Hot Pink (It'll Remind You To Change It To The Tranparency Color)
And Then Here Is Your Finish Product
(http://img215.imageshack.us/img215/848/150x300rendercompletesk4.png)

Here's Some Examples
(http://img224.imageshack.us/img224/9276/megamanzxhyperportraitcyl7.png)

(http://img502.imageshack.us/img502/1130/megamanzxmedalxhyperporqh4.png)

Tips
-Thin Borders Need More Precise Cuts Than Thick Ones
-If You Messed Up Remember Undo Button Is Your Friend

Title: Re: Easy Hyper Portrait Creation Tutorial
Post by: Nutty-Da-Kid on August 13, 2007, 12:12:03 AM

HA HA Thats so sick man thanx

Title: Re: Easy Hyper Portrait Creation Tutorial
Post by: Excursion on August 13, 2007, 01:04:41 AM

Nice toot Sonic  ;)

Title: Re: Easy Hyper Portrait Creation Tutorial
Post by: SonicX on August 13, 2007, 12:27:13 PM

Thx Guys

Title: Re: Easy Hyper Portrait Creation Tutorial
Post by: Lord Vader on August 17, 2007, 04:56:21 PM

I did this but there's one problem. The black border is transparent and the outside hot pink is still there. How do I fix this?

Title: Re: Easy Hyper Portrait Creation Tutorial
Post by: ♦ßlôödÑinjå♦ on August 17, 2007, 04:58:00 PM

thnx it helped alot

Title: Re: Easy Hyper Portrait Creation Tutorial
Post by: shootYr. on August 18, 2007, 02:20:52 AM

Quote from: Lord Vader on August 17, 2007, 04:56:21 PM

I did this but there's one problem. The black border is transparent and the outside hot pink is still there. How do I fix this?

This happened when You Loaded them as a PNG into fighter factory?

Title: Re: Easy Hyper Portrait Creation Tutorial
Post by: Lord Vader on August 18, 2007, 03:15:36 AM

Yea.

Title: Re: Easy Hyper Portrait Creation Tutorial
Post by: shootYr. on August 18, 2007, 03:41:30 AM

Quote from: Lord Vader on August 18, 2007, 03:15:36 AM

Yea.

Ah. I have faced This Problem too many times and still can't figure it out. For Fighter Factory's Terms Black = Transparency. Im sorry, but you must change the Pink To Black and the black to another dark color.

Title: Re: Easy Hyper Portrait Creation Tutorial
Post by: Tenspeed on September 01, 2007, 12:24:26 AM

so for us non creators, whats the code to add these to characters? :)