YesNoOk
avatar

Editing effects into Hi-Res (Read 98473 times)

Started by PotS, July 27, 2008, 01:13:10 pm
Share this topic:
Editing effects into Hi-Res
#1  July 27, 2008, 01:13:10 pm
  • ******
    • Portugal
    • network.mugenguild.com/pots/
(or just smoothening those in lo-res)

I keep getting asked how I edit the effects for my chars (twice yesterday >_<), so here's a tutorial about that to make it easier for everyone.
I'll be using Paint Shop Pro (9 and up should have all these features), but similar programs like Photoshop can also achieve the same results, just don't ask me for directions on anything other that PSP because I'm not very familiar with anything else.

Now, as for how to do it:

0- Err, grab the effect you want to edit.  I'll be using one of Cammy's for reasons you'll all understand later. :nink:



1- Change the background color to black and convert the image to grey scale.

The reason for changing it to grey scale is so that colors mix in an homogeneous manner, if I left this image untouched there would be areas where white would mix with black, and others where blue would mix with black.  If everything's grey instead then you can get those nice uniform gradients.


2- If necessary, adjust the contrast a bit so that colors fade into the black background a bit more smoothly.



3- Resize the image by 200% (or whatever you need). Usually pixel resize is enough and keeps the image cleaner than other resizing methods, but sometimes you'll find it better to use another such as bilinear resample.

(I also removed Cammy's legs from it because they'd end up blurred out anyway)


4- At this point, the filters vary immensely depending on the effect you're editing, but I find myself using Radial Blur most of the time so that's what I'm going to use here (also picked this effect for that)

(If you find that the effect lost some definition after suffering the Radial Blur, try using Unsharp Mask and then applying a Radial Blur again)


5- Many effects look fine with only one filter applied, but you can also spice them up by adding more layers with other filters.  To do that just duplicate the layer you already have and apply the new filter on that separate layer, then adjust the layer's transparency until it looks right. Merge all layers when you feel it's done.

(Since Cammy's powers here are flame-related, I added a layer with the Wave filter applied)


6- Now it just needs to get some color back, but first of all remove the image from greyscale and convert it to 8bit colors. Never (ever) convert the image to 8bit colors after adding color, because if you do it while the image is still just a bunch of grey shades then there will be zero color loss.
Then to add color just adjust Color Balance.



And that's it, with these basic steps you can pretty much edit anything, just adjust steps 4 and 5 according to the effect you have and the rest is the same for everything.

One last note, to have the effect's colors able to fit in the char's main palette (so effects vary with each palette), just convert the image to the ammount of colors you want in step 6 (I usually go with 64).
You can help with Ikemen GO's development by trying out the latest development build and reporting any bugs on GitHub.
My Mugen and Ikemen content can also be found here.
Last Edit: July 28, 2008, 07:52:06 pm by P.o.t.S.

Aadmi

Re: Editing effects into Hi-Res
#2  July 27, 2008, 03:01:47 pm
This Really helped, i got the Hang of it.

Thank you, this is just another one of the Servers you're a Phantom of. :P

Cheers, Rajaboy :)
Re: Editing effects into Hi-Res
#3  July 27, 2008, 10:51:22 pm
  • ******
  • Loyal to the Game
    • USA
    • http://jesuszilla.trinitymugen.net/
Awesome, man. Even though I don't use PSP, I should be able to apply these methods to Photoshop anyway.
Re: Editing effects into Hi-Res
#4  July 27, 2008, 11:21:32 pm
  • ******
  • I got a PM.
thanks P.o.t.s hopefully I can do this with gimp.
Re: Editing effects into Hi-Res
#5  July 27, 2008, 11:33:06 pm
  • ****
  • The Cobra Commander Is Back
    • Canada
Tried it and works. It definitely needs a sticky.
Re: Editing effects into Hi-Res
#6  July 27, 2008, 11:45:36 pm
  • ****
  • stillRetired.
  • Formerly Known As Genesis
    • USA
    • www.mediafire.com/folder/7j1slkpa7lm0w/Public_Works
i figured most of this out on my own but i could never get the color without using color table,thanks alot P.O.T.S.

Aadmi

Re: Editing effects into Hi-Res
#7  July 27, 2008, 11:48:10 pm
it's a revolution..................... --;
Re: Editing effects into Hi-Res
#8  July 27, 2008, 11:51:43 pm
  • ******
  • DCB | Vato
    • Bolivia
    • www.justnopoint.com/dshiznetz
nice tut man, the method i use is similar to yours man.
+1
Re: Editing effects into Hi-Res
#9  July 28, 2008, 12:27:09 am
  • *****
  • Helpful Hermit
    • USA
Awesome, man. Even though I don't use PSP, I should be able to apply these methods to Photoshop anyway.
Just for the record: PS's Radial Blur completely sucks.
If you require my assistance, please feel free to contact me on Discord: 2DMirage#5299
Commissions/Requests are closed. Please do not ask.
Re: Editing effects into Hi-Res
#10  July 28, 2008, 12:32:57 am
  • *****
  • Horrible
    • Sweden
    • http://network.mugenguild.com/anjel/
Hoshi: Couldnt agree more.

Also, nice ca-.... Ehh.... Umm....
+1
My shitty mugen stuff:
Re: Editing effects into Hi-Res
#11  July 28, 2008, 12:33:38 am
  • ******
  • 日本は素晴らしい国です。
THATS JUST HOW IVE BEEN DOING IT ALL ALONG+1
Re: Editing effects into Hi-Res
#12  July 28, 2008, 02:00:44 am
  • *****
  • "The Future is Now"
I agree!!

i would never have thought of using Radial Blur! i used Gaussian (spelling?)

thanks for this tutorial.
Re: Editing effects into Hi-Res
#13  July 28, 2008, 03:05:44 am
  • ******
  • [E]
    • Mexico
this comes up handy as I had not double resed fx because it seemed to be a bothersome thing; but it is good to see that oen can achieve good results without wasting weeks that re better spent coding chars.

pj

Re: Editing effects into Hi-Res
#14  July 28, 2008, 04:12:46 am
  • avatar
  • **
awesomeness :o

finally, thank u very much P.o.t.S.

!E

Re: Editing effects into Hi-Res
#15  July 28, 2008, 05:04:47 am
  • avatar
  • **
    • Canada
radial and motion blur are the 2 i use for almost all of my effect.
Re: Editing effects into Hi-Res
#16  July 30, 2008, 03:57:19 am
  • ***
  • :)
    • www.freewebs.com/mvcsnk/
Thanks P.o.t.s! Anyone know if this can be done in GiMP?
Re: Editing effects into Hi-Res
#17  July 30, 2008, 04:04:35 am
  • ******
  • I got a PM.
Yes.

To Start it has to be a jpeg

1. Grayscale under the Image tab.

2. Normal Blur under Filters tab

3. Use the use the hue or any other color option.

Gimp is a pain in the ass when it comes to saving in 256 or PCX so copy image from gimp and paste into MSPaint. Save as 256 color bmp.

pj

Re: Editing effects into Hi-Res
#18  July 31, 2008, 09:31:01 am
  • avatar
  • **


i have hi-resed up my "god rugal", all fx look great with pots tutorial, except the 1 above.
somebody has a clue how this "god rugal" effect could be nicely hi-resed!?

would be nice, cya :)
Last Edit: July 31, 2008, 11:45:06 am by pj
Re: Editing effects into Hi-Res
#19  August 02, 2008, 08:39:23 pm
  • *****
  • "The Future is Now"
hey pots i have a question.

i did your method but the Radial Blur i have makes the blood look like its coming from a certian point. Where should i set the radial blur when i use it?




i'm using Paintshop Pro 11
Re: Editing effects into Hi-Res
#20  August 03, 2008, 10:08:08 am
  • *****
  • Horrible
    • Sweden
    • http://network.mugenguild.com/anjel/
When use radial blur, I set it at zoom and put it at the end at the fx or at the start (usualy end though).
My shitty mugen stuff: