Author [EN] [PL] [ES] [PT] [IT] [DE] [FR] [NL] [TR] [SR] [AR] [RU] Topic: Hi-RES FX - Ilu' style :)  (Read 1284 times)

Offline .:O:.

  • OpenBOR & Mugen addicted
  • M.U.G.E.N Contributor
  • ****
  • Posts: 1925
  • Country: br
  • Loved and hated by the community since 1999 :)
  • Referrals: 0
    • BMT - Brazil Mugen Team
Hi-RES FX - Ilu' style :)
« on: April 28, 2009, 06:36:49 PM »
Hi guys,

taking a look to a topic in MugenBR forum, I've remember that I have a way to make "high-res" (its a fake) fx that is kinda different from the other ways around. Its my fault that I had this tutorial for AGES lying on my HD.


Before someone just jump on my neck yelling that someone already done that, let me show something:

That was the first image I ever made with this kinda of fx, for the old DOS mugen to a project called SFTM vs MK. I've keep that secret (secreto means secret in portuguese) for ages (I know, that was a big ego of mine...).

Just to put the things clear here, so won't be anyone blaming for "copying"...something that I've done since 2002 (but never released, its true). I know that It was a weird way of acting, but...The list of this kind of act is very long, if you wanna know...



Then, back to the bussiness.  :rules: I will be using Photoshop, but any similar program will do the job. I will put some dirty tips on bold, they are my little secrets :)

1 - Choose your image to add the new fx. Different kind of images will be using diferent types of effects, lets pick a horizontal projectile. A good thing to do is add some extra space (i.e. to make the canvas bigger) so the fx won't be cutted.

2- Go to IMAGE> MODE> COLOR TABLE if your image is a INDEXED COLOR one or just exchange the pink bg for a black one and turn your image into a RGB (ALT,I,M,R or IMAGE>mode>RGB)

TIP: to go fast to color tabel hold ALT and press I, M and T, in a sequence. Yes, I'm a PS shortcut maniac, hehe

3 - Now, its good to double your image size, to give it a more high-res looking. Hold ALT and press I two times (or SHIFT CTRL I) and choose 200%. If you want some pixelated look, you can choose NEAREST NEIGHBOR where is written BICUBIC. If you wanna a more smooth looking, choose BICUBIC SMOOTHER or SHARPER

4 - Now is where lies one of my tricks: a lot of people loves to convert the image to black and white, something that PS and other programs do weirdly if you let they do as they want. PS versions before CS3 simply can destroy the image contrast if you hit DESATURATED (SHIFT+CTRL+U). Photoshop CS3 has a better tool called BLACK and WHITE, under IMAGE> adjustments. But it could be difficut to handle to people that aren't on image retouching.

So, on layers pallete, click on the white/black circle on the footer and choose GRADIENT MAP

See? the image's contrast was kept INTACT.

Remember to choose a black to white one, or your image will have your foreground to background colors instead. Besides, this can make some nice effects, but lets keep going.

5 - This step can change depends of which kind of effect are you making. You can go Gaussian Blur, motion Blur (remember to match the angle with the image angle), Box Blur, but I do prefer Radial Blur (FILTER>BLUR>RADIAL BLUR)

Take a look at the image:

- we need to set the blur method to ZOOM (spin could do some nice effects too)
- I do prefer to move the grid almost to the all right (or the image 'head'), so the effect will act like a trail
- Choose a amount that matches your image better

6 - Now your image will look something like that:

Cool, but we have a problem: and If you don't want a BW effect? You can change it now with two ways (there are others, but that are the best)

TIP: you can FADE the effect by hitting CTRL+SHIFT+F. Play with the transparency and the overlay modes.

Press CTRL+E to merge your layers, so you can continue

A) IMAGE > ADJUSTMENTS > COLOR BALANCE (CTRL+B) and choose which color do you want

Remember to put the color into the midtones and the highlights (but don't go over on the highlights or your image will have a glow)


This method let you choose visually what kind of color do you want. Just keep pressing "more magenta" or other until you're happy with

Good! But if we want to make...a Fire effect? This kind of colorization doesn't fits, right?

Now its my dirty tricks time, hehe

With you BW image, goto to IMAGE>MODE>INDEXED COLORS. Then, after that choose CUSTOM then GREYSCALE and hit ok.

Nothing has changed, right? Don't panic...the magic is gonna happen now

again, got to IMAGE>MODE> COLOR TABLE and choose BLACK BODY

Voil! burn baby, burn :)

This works better with image with smaller white zones.

now, you convert it to a indexed color image and put into your Mugen and be happy :)

oh, just one more thing: you can scale the image back to 100% if you want on PS or you can scale it on mugen. The first method makes lighter images, but the second one makes smother ones. Its your choice.

Finish, fim, finito :)

Any questions, drop me a line.

Offline v

  • ******
  • Posts: 7583
  • Country: us
  • Referrals: 0
Re: Hi-RES FX - Ilu' style :)
« Reply #1 on: April 28, 2009, 09:24:49 PM »
Okay, all that is way over my head, but I'm glad you shared it with everyone :)

Offline Beardicus

  • Site Founder/Webmaster
  • CC Staff
  • *
  • Posts: 12095
  • Country: us
  • Referrals: 1
Re: Hi-RES FX - Ilu' style :)
« Reply #2 on: April 28, 2009, 11:16:39 PM »
One of my favorites  :)

Thx for all the great tuts O'  :-\

Offline .:O:.

  • OpenBOR & Mugen addicted
  • M.U.G.E.N Contributor
  • ****
  • Posts: 1925
  • Country: br
  • Loved and hated by the community since 1999 :)
  • Referrals: 0
    • BMT - Brazil Mugen Team
Re: Hi-RES FX - Ilu' style :)
« Reply #3 on: April 29, 2009, 09:50:31 AM »
thanx buddy