Post by: O Ilusionista on January 25, 2009, 02:53:34 AM
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:
(http://bmt.mgbr.net/images/secreto.jpg)
http://bmt.mgbr.net/images/secreto.jpg (http://bmt.mgbr.net/images/secreto.jpg)
(http://img292.imageshack.us/img292/3838/datexz9.gif)
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.
(http://img412.imageshack.us/img412/2865/f1ee0.gif)
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
(http://img177.imageshack.us/img177/3730/f4oj3.gif)
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
(http://img297.imageshack.us/img297/43/f3me4.gif)
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
(http://img412.imageshack.us/img412/3105/f5ha1.gif)
6 - Now your image will look something like that:
(http://img93.imageshack.us/img93/8653/f6yc4.gif)
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)
(http://img211.imageshack.us/img211/1199/f7ff2.gif)
B) IMAGE > ADJUSTMENTS > VARIATIONS
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
(http://img204.imageshack.us/img204/2008/f8oi1.gif)
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.
(http://img132.imageshack.us/img132/1057/f9zo0.gif)
Nothing has changed, right? Don't panic...the magic is gonna happen now
again, got to IMAGE>MODE> COLOR TABLE and choose BLACK BODY
(http://img165.imageshack.us/img165/9854/f10so1.gif) (http://imageshack.us)
(http://img165.imageshack.us/img165/f10so1.gif/1/w694.png) (http://g.imageshack.us/img165/f10so1.gif/1/)
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.
Post by: .:K.I.N.G:. on January 25, 2009, 03:36:22 AM
Post by: O Ilusionista on January 25, 2009, 12:34:56 PM
Post by: Fallen_Angel on January 25, 2009, 01:00:53 PM
Post by: O Ilusionista on January 25, 2009, 01:08:19 PM
I will update this tuto with more options soon.
Post by: random on January 25, 2009, 01:21:23 PM
Post by: Lifewater on January 25, 2009, 02:16:28 PM
Post by: O Ilusionista on January 25, 2009, 08:24:40 PM
Post by: Error Macro on January 26, 2009, 05:43:16 AM
Great tutorial, time to update some fx in my chars.
Edit: Heres my try
(http://s23.photobucket.com/albums/b352/ermacwon/soulfisthi.gif)
In mugen:
(http://i23.photobucket.com/albums/b352/ermacwon/mugen44-1.png)
Post by: Fallen_Angel on January 27, 2009, 12:13:39 PM
Post by: mastamasta on January 27, 2009, 12:28:15 PM
:)
Post by: O Ilusionista on January 27, 2009, 12:35:37 PM
when you're at radial blur, you can change the ammount of blur (but just a little) for each frame. This will give a more animated look.
And another tip is that you can make single images intro animated ones... you change the ammount of Radial blug AND its location, making it closer to the image header, making a bigger tail
make a try :)
Post by: O Ilusionista on January 27, 2009, 12:52:27 PM
original image
(http://img412.imageshack.us/img412/6482/img1pw9.gif)
animated image
(http://img412.imageshack.us/img412/3231/73462086lt7.gif) (http://imageshack.us)
(http://img412.imageshack.us/img412/73462086lt7.gif/1/w350.png) (http://g.imageshack.us/img412/73462086lt7.gif/1/)
Post by: DARKTALBAIN on January 28, 2009, 01:25:42 PM
(http://i202.photobucket.com/albums/aa64/DARKTALBAIN/MedSpawn2.gif)
Post by: MirageAtoli on January 28, 2009, 04:31:38 PM
Post by: O Ilusionista on February 05, 2009, 12:36:18 AM
Post by: xPreatorianx on February 05, 2009, 12:56:00 PM
@ilo nice job m8 awesome tutorial will have to mess around with this when I start working back on my Shin2 Akuma.
Post by: O Ilusionista on February 06, 2009, 08:46:14 AM