collapse

Author Topic: Hi-Res Fx - Ilu style :)  (Read 3330 times)

0 Members and 1 Guest are viewing this topic.

Offline O Ilusionista

  • Since 1999 and kicking :)
  • IMT Content Architect
  • *
  • Posts: 12458
  • Country: Brazil br
  • Last Login:March 21, 2024, 10:58:34 AM
  • OpenBOR & Mugen addicted
    • BMT - Brazil Mugen Team
    • Email
Hi-Res Fx - Ilu style :)
« on: January 25, 2009, 02:53:34 AM »
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:


http://bmt.mgbr.net/images/secreto.jpg



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)



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



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 .:K.I.N.G:.

  • King &
  • Global Moderator
  • *
  • Posts: 1867
  • Last Login:May 16, 2013, 07:18:26 PM
  • Accepting All Challenges
Re: Hi-Res Fx - Ilu style :)
« Reply #1 on: January 25, 2009, 03:36:22 AM »
nice :thumbsup:
I'm a Dude Playing a Dude, Disguised as Another Dude

Offline O Ilusionista

  • Since 1999 and kicking :)
  • IMT Content Architect
  • *
  • Posts: 12458
  • Country: Brazil br
  • Last Login:March 21, 2024, 10:58:34 AM
  • OpenBOR & Mugen addicted
    • BMT - Brazil Mugen Team
    • Email
Re: Hi-Res Fx - Ilu style :)
« Reply #2 on: January 25, 2009, 12:34:56 PM »
thanx

Offline Fallen_Angel

  • Global Moderator (out of the office)
  • *****
  • Posts: 1358
  • Last Login:July 04, 2012, 03:11:05 PM
    • Email
Re: Hi-Res Fx - Ilu style :)
« Reply #3 on: January 25, 2009, 01:00:53 PM »
Great tuto.....specially because for the shortcut tips


sig made by shullbocka

Offline O Ilusionista

  • Since 1999 and kicking :)
  • IMT Content Architect
  • *
  • Posts: 12458
  • Country: Brazil br
  • Last Login:March 21, 2024, 10:58:34 AM
  • OpenBOR & Mugen addicted
    • BMT - Brazil Mugen Team
    • Email
Re: Hi-Res Fx - Ilu style :)
« Reply #4 on: January 25, 2009, 01:08:19 PM »
thanx bro. I'm addicted to shortcuts, specially the ALT + sequence ones.

I will update this tuto with more options soon.

Offline random

  • Initiate
  • **
  • Posts: 30
  • Last Login:September 11, 2010, 07:17:22 PM
  • Live and let die
Re: Hi-Res Fx - Ilu style :)
« Reply #5 on: January 25, 2009, 01:21:23 PM »
nice one bro :thumbsup:

Offline Lifewater

  • Initiate
  • **
  • Posts: 146
  • Last Login:December 02, 2017, 07:35:33 PM
Re: Hi-Res Fx - Ilu style :)
« Reply #6 on: January 25, 2009, 02:16:28 PM »
Thanks great tut

Offline O Ilusionista

  • Since 1999 and kicking :)
  • IMT Content Architect
  • *
  • Posts: 12458
  • Country: Brazil br
  • Last Login:March 21, 2024, 10:58:34 AM
  • OpenBOR & Mugen addicted
    • BMT - Brazil Mugen Team
    • Email
Re: Hi-Res Fx - Ilu style :)
« Reply #7 on: January 25, 2009, 08:24:40 PM »
thanx bro.

Offline Error Macro

  • Never finishes anything
  • MUGEN Content Architect
  • *****
  • Posts: 1861
  • Country: United States us
  • Last Login:May 30, 2022, 05:37:56 AM
    • :)
    • Email
Re: Hi-Res Fx - Ilu style :)
« Reply #8 on: January 26, 2009, 05:43:16 AM »
I never knew Photoshop's radical blur could be so useful in making effects! o_o
Great tutorial, time to update some fx in my chars.

Edit: Heres my try

In mugen:
« Last Edit: January 27, 2009, 07:18:32 AM by £mω »

Offline Fallen_Angel

  • Global Moderator (out of the office)
  • *****
  • Posts: 1358
  • Last Login:July 04, 2012, 03:11:05 PM
    • Email
Re: Hi-Res Fx - Ilu style :)
« Reply #9 on: January 27, 2009, 12:13:39 PM »
That one looks amazing emw


sig made by shullbocka

Offline mastamasta

  • Forum Member
  • ***
  • Posts: 357
  • Last Login:December 26, 2010, 01:54:40 PM
Re: Hi-Res Fx - Ilu style :)
« Reply #10 on: January 27, 2009, 12:28:15 PM »
 =D> excellent man..you broke it down very good. everyone should put this into there own "how to create book"  :rules:  :D

 :)

Offline O Ilusionista

  • Since 1999 and kicking :)
  • IMT Content Architect
  • *
  • Posts: 12458
  • Country: Brazil br
  • Last Login:March 21, 2024, 10:58:34 AM
  • OpenBOR & Mugen addicted
    • BMT - Brazil Mugen Team
    • Email
Re: Hi-Res Fx - Ilu style :)
« Reply #11 on: January 27, 2009, 12:35:37 PM »
£mω , there is a tip:

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 :)
 

Offline O Ilusionista

  • Since 1999 and kicking :)
  • IMT Content Architect
  • *
  • Posts: 12458
  • Country: Brazil br
  • Last Login:March 21, 2024, 10:58:34 AM
  • OpenBOR & Mugen addicted
    • BMT - Brazil Mugen Team
    • Email
Re: Hi-Res Fx - Ilu style :)
« Reply #12 on: January 27, 2009, 12:52:27 PM »
here is an example:

original image


animated image

« Last Edit: January 27, 2009, 12:58:26 PM by O Ilusionista »

Offline DARKTALBAIN

  • " STAR "
  • Global Moderator (out of the office)
  • *****
  • Posts: 7518
  • Last Login:March 15, 2011, 07:49:36 PM
  • Anyone have some pound cake?
    • Infinitywiki DARKTALBAIN'S page
Re: Hi-Res Fx - Ilu style :)
« Reply #13 on: January 28, 2009, 01:25:42 PM »
Good sh*t , May come on in handy for my Spawn characters  :thumbsup:

Quote from: Scar
Mugen, some choose to create and some choose to criticize.^-^


(click to show/hide)

Offline MirageAtoli

  • Infinity Faithful
  • ****
  • Posts: 584
  • Last Login:May 13, 2011, 03:25:23 AM
  • Oh, my Paws and Whiskers!
Re: Hi-Res Fx - Ilu style :)
« Reply #14 on: January 28, 2009, 04:31:38 PM »
Is there an easy way to create custom multicolor gradient color tables (similar to the 'black body') palette?

Offline O Ilusionista

  • Since 1999 and kicking :)
  • IMT Content Architect
  • *
  • Posts: 12458
  • Country: Brazil br
  • Last Login:March 21, 2024, 10:58:34 AM
  • OpenBOR & Mugen addicted
    • BMT - Brazil Mugen Team
    • Email
Re: Hi-Res Fx - Ilu style :)
« Reply #15 on: February 05, 2009, 12:36:18 AM »
yeah, there is. On Photoshop, create a Gradient Mask with three colors.

Offline xPreatorianx

  • Infinite Loyalist
  • *****
  • Posts: 2087
  • Last Login:February 08, 2023, 09:35:27 PM
  • I'm done you know where to find me. Click my sig.
    • Deviant-Generation
Re: Hi-Res Fx - Ilu style :)
« Reply #16 on: February 05, 2009, 12:56:00 PM »
you mean create custom gradients? if so yea ill let ilo walk you thru that because I suck at making tuts. But its real easy.

@ilo nice job m8 awesome tutorial will have to mess around with this when I start working back on my Shin2 Akuma.

Offline O Ilusionista

  • Since 1999 and kicking :)
  • IMT Content Architect
  • *
  • Posts: 12458
  • Country: Brazil br
  • Last Login:March 21, 2024, 10:58:34 AM
  • OpenBOR & Mugen addicted
    • BMT - Brazil Mugen Team
    • Email
Re: Hi-Res Fx - Ilu style :)
« Reply #17 on: February 06, 2009, 08:46:14 AM »
Yeah, you let the images on black and white and put a Gradient Mask, where you can create a custom gradient

Tags:
 


* IMT Facebook

Help us by Donating!

IMT Discord

Join us at our Discord! Click the image below!

* IMT Shoutbox

Sorry, this shoutbox does not exist.

* Recent Posts

SPIDER-VERSE THE AMAZING MUGENSTORY©EPISODE 10 "THE OTHERVERSE" 1080P BY REB3LTV by Rage
[March 27, 2024, 02:44:21 PM]


D2TD VS Showcase Thread by D2TD
[March 24, 2024, 11:09:37 AM]


Tree Of Erebus Stage 1.1 & 1.0 by MatreroG
[March 22, 2024, 08:13:48 AM]


.Batzarro's. Sprite Edits by MatreroG
[March 20, 2024, 07:58:08 AM]


World Heroes 2 Shura Stage by Vegaz by LightFlare
[March 19, 2024, 12:44:28 PM]


MOVED: Prepare your ****! ***** Soldier gets his **** ready in MUGEN! by Rage
[March 18, 2024, 11:08:23 AM]


[WIP] Pocket Dimensional Clash 2 by O Ilusionista
[March 14, 2024, 01:34:08 PM]


R.I.P. Akira Toriyama "Dragonball Legend" by Rage
[March 12, 2024, 03:01:39 PM]


DBFZ Rocky Field (noon) by jafar
[March 10, 2024, 11:59:23 PM]


World Heroes 2 Neo Geegus Stage by Vegaz by LightFlare
[March 09, 2024, 11:04:56 AM]

* IMT Calendar

March 2024
Sun Mon Tue Wed Thu Fri Sat
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 [28] 29 30
31

SimplePortal 2.3.5 © 2008-2012, SimplePortal