Special Effects Tutorial 1 (halo)

PureWhoopAss

Legions Developer
Ok this is a simple tutorial i put together for those who might want to make special effects. This tutorial can work with most versions of photoshops. I believe the only thing thats different is the blending layers which I believe is done differently in ealier version of photoshop.. It's been a very long time so I'm not quite sure. But I am sure that most of what you can do now is there but harder to do and is located in different places.

You should have some knowledge of photoshop and use some of the various tools. If you don't you should get familiar with them, it's not hard once you have done something.. specially a million times.

1) The first thing you need to do is make a new file and make it 512x512 and make the background black with the fill tool

2) make a white bar going across the entire document. It doesn't matter if you start on a new layer or not but you will need to make it one layer before you apply filters.

3) Merge bar layer onto the black background layer, after this you want [cntrl + A] then [Cntrl + C] and [Cntrl + P]
1d7fa41208e4d5aa1aeb39ad8297e71246be5f46fe72fe1240b56eb4cf7a35496g.jpg


PLEASE NOTE: copying and pasting on a new layer is necessary before you do any filter effects because sometimes after modifying the layer you end up with blank spaces and parts of the image extending beyond the viewable screen. You will know if you did because when you do a filter you will see transparency or other issues.

4) now goto "filter" menu and then go
to "blur" then "gausian blur" then set it to about 4-6 depending on how big the width of rectangle you made. The blur is needed if you wish to
make colored effects.
ac4f5e535f52d47ce2872faddd92f221b70c2d5882f447d8bfaa3ce19cc9d5eb6g.jpg

e0a3b2752b1f6847efb53e560cb3a6fef32f7297ae2b98d49d500b00a9aa418a6g.jpg


5) ok next step is going to use a wind effect. Go to filter menu again and then stylize/wind. Here you want a simple wind going both left and
right. To do this just simply do one then come back to this menu again and do the other so it looks like the following.
cf9944de2646ec5c1935d3dfaafa12d5d845b0802656bc9645b198af0cfb76886g.jpg

3de459adb02288f3ddd9e41e9d2f635c288006d8094cc555f75775bb6c100e1c6g.jpg


6) next flip the document so that the effect is in the center horizontally in menu image/image rotation/90 CW
59344cda8f3c8afc7cf29361f48ef94d9e919066ea9d80c0aa0100f73266615f6g.jpg


7) now we make the effect happen go to filter/distort/Polar Coordinates... make sure the box is set "rectangle to polar".

PLEASE NOTE: You should be able to see if you made a mistake in the window.. it should be a simple circle as below. If it is not then you did one of two things.. the image doesn't fill the entire screen or the image extends beyond 512x512 viewing screen.

9b7fbf99c12fe7a193eb4cf58d21c8c5590afa06539f6960ed09dd35e712c05a6g.jpg

8627cf6e05c145809256360143de06960e696ef15b1b426d4e829e637e62aeeb6g.jpg

a420c48dbd508e21c544d14bc17b40947741cdf2d89e4b85a42880d61c4168bd6g.jpg


8) Now go to filter menu. Then distort/twirl choose -150 or you can go higher if you like
6f2817747840c0d8c2e68364d4076089386e1574fed1614dbd97e3134c18b66b6g.jpg

c18464a570548e3ed075bc896d3dc47d60aebd6cc3e1c582ae8b7dceebb935946g.jpg


9) observe what you created, understand that using simple filters you just created an effect in less then 10 steps. You can really do anything with this process, you can make your own rocket flares using this same method as well as unique muzzle flashes/flag halo which I'll show in another tutorial
0ec625082e9891ee74f77adc09e3bc99fb2886c86b6859bff50985af9816dd1b6g.jpg


Now we can color this effect. To do this you can do various ways but i'll show you one that really stands out. The color that you use for effects does not and I repeat does not always appear the way it does in-game. You will have to do various attempts to get the coloration where you want it. The more white in the color the more bright it will be, so its best to go very subtle with white. The best thing to use that uses very subtle colors is burn linear, it makes it the best.
The best effects use two colors which are close to each other on the spectrum, you can do others but you want the most realistic you should stick with colors close to each other. Such as red/orange, green/yellow, blue/light blue, violet/pink. These typically are the best for glow effects as well. Theres also red and yellow which typically produces firey effects.

10) To make the color select left click the bucket icon and hold until you see the gradient tool. Using the gradient tool select your colors by selecting the gradient box on the upper left of the screen.
30d496b5115603ca9092c9994754a992de21caf6b735d00bf8a0a3d1f818268f6g.jpg


11) After you have the gradient tool selected you should see a color pallet on top right of the tool bar, select this and a window should appear
d5e4636505629f909f6eb21fb74c0997d0ae5a3771582a6b6747b646c7492a736g.jpg


12) Now we can select our gradient, theres an upper set of arrows on the gradient and a lower set. The lower set is what controls the color. Select one on the bottom left. When you select a pointer on the color you can change the color by clicking on the color box. You have to select the other pointer to change the color for that pointer.
392f8dfb985533afd4f70be1ae5018ba898dc864cae37cf5045e582db7c31f5d6g.jpg


13) Once your done choosing your colors click "ok" button. We now need to make the gradient apply to our effect layer. On the bar above the effect you can see gradient attributes. You will see icons that demonstrate how to apply the gradient. You will need the second icon from the left, which is the radial gradient. You will also need to change the "mode", select mode box and find "Linear Burn" and select it. Now change the opacity on the bar on the left of mode to 80 percent. (refer to below image and make sure attributes are same)
1cf5ce52ca39e5b5238044e7990d6e037e2194bd647b9f5285fb61d08b4a637d6g.jpg


13) Now with your cursor, click the center of the effect and drag to a corner (as picture below).

d02af0b0cb8aab73e13a0c3262d95fc927c4e2fbe73bcde774dec1924232cf6b6g.jpg


After a few tries you will get the idea. I will be expanding on this tutorial because this is great intro on how to make some cool effects which I will show you how. In mean time you can use this to explore for flag halos.

Heres various some various results
d8993e77dfa6c52eb36a3ce62092efafe4fb7abd7e4cf55e3d56e6802a33ef7c6g.jpg


below are some other examples which I may explain how later to do
8f02b26c5d896f7e0558c630bb9229aea839f4aca4838c685cb0ecb65581e4086g.jpg
 
Cool tutorial! It would be a great help if you could add a little introduction in the beginning... maybe something like 'Here I will guide you how to make effects like these <insert picture here> which can later be imported into Legions'. Saves us from not knowing what we're doing ;)
 

masterluso

Member
I always wondered how people could make cool looking mods like that.... The tutorial example looks like it would be an awesome flag halo.

I'm assuming this would work in GIMP as well, with similar methods?
 

MightySheep

Member
the secret to photoshop is brushes

use google to find some awesome brushes and you can create some cool peices of art

using photoshop built in effects is usually just nooby

most newbies like grunge brushes best

here is my gfx album: Photobucket
 

PureWhoopAss

Legions Developer
This tutorial is about making effects the simple way, using brushes is a totally another tutorial. Besides anything can be a skill if you work at it. Don't be so judgemental because there are more simplier ways of doing things, because there are many ways of doing things.

I haven't messed around with GIMP software before, but if it has filter effects and distort effects then it maybe able to do so. If you guys need additional steps let me know.. I tried to do it to a newbie approach but I been using photoshop and hundred other programs for over a decade.
 

masterluso

Member
Yes, I would say the effects are for Legions.... or anything else you might want effects for.

And, after being tried, this does work in GIMP. Though I noticed that if you have to pinch the image some to get it to twirl correctly, and if your original image wasn't square(like if you're using the method for something else), it will come out all elliptical-ish and stuff.

One more question: Is there any way to make sure the circle is centered? Or should you just make sure the bar is centered at the beginning?
 

PureWhoopAss

Legions Developer
it should center automatically, when you move the bar up or down it makes the halo bigger or smaller. When you make the bar thinner, it makes the halo thinner. Theres another tutorial that I'm making that is going to show you guys how using the polar distort to make your own nifty halo.

05c9e5a5715d7a44951ce754dc98b19b79b74255ceb75d5d49c65d830db3b7956g.jpg
 

Dabbleh

Legions Developer
This tutorial is about making effects the simple way, using brushes is a totally another tutorial. Besides anything can be a skill if you work at it. Don't be so judgemental because there are more simplier ways of doing things, because there are many ways of doing things.

I haven't messed around with GIMP software before, but if it has filter effects and distort effects then it maybe able to do so. If you guys need additional steps let me know.. I tried to do it to a newbie approach but I been using photoshop and hundred other programs for over a decade.
GIMP definitely has similar effects to Photoshop, just requires experimentation and creativity. :)
 

Vox

Member
would the halos be able to replace the ones used for the flag right now? cause that'd be awesome

would these be able to replace the regular halos for the flags? cuz that'd be sick
 

PuppyGuard

Member
I would love it if this brush around the ball could be cut out into a flag halo. I have tried it my self, I quit due to my impatience.
 

PureWhoopAss

Legions Developer
aight cool it can be done.. i was actually thinking of something new for the halo flag... i have few other ideas but this is definately cool.. i have to figure out how to fix the data for the flag first because currently it copies the flag texture scales it down and reverses it so it limits what you can put on there with 2 of same texture.
 
Top