Log in

Flare Tutorial - Photoshop 7 Tutorials [entries|archive|friends|userinfo]
Tutorials for Photo Shop 7

[ website | Adobe Photoshop ]
[ userinfo | livejournal userinfo ]
[ archive | journal archive ]

Flare Tutorial [Jul. 23rd, 2005|08:07 pm]
Tutorials for Photo Shop 7


[Tags|, , , , ]
[Current Mood |accomplishedaccomplished]
[Current Music |Ferry Corsten - Trance Nation Four]

Note: This tutorial is for advanced users. Proceed with caution

This is a flare tutorial, to create icons that shine. 

Note how I used the sword in this picture to my own advantage. The light flares off the sword, like it would in real life.

Step 1: Create your icon.

Disclaimer: Do not just crop an icon and call it a day. Spend some time on it, make it pretty. Make it look good without having any animations, so that the effect does what it's supposed to - adds flair. So make sure that is effect suits your icon, don't use this effect to do anything other than to enhance your graphics. It will look out of place otherwise.

First, find yourself a suitable picture, and make it into an icon. Put some effort into your base, because if you're going to put the effort into animating the icon, make it worth it. For this particular effect, you'll want something having to do with swords, armor, water, anything that would make a flare in real life.

Step 2: Lens Flare

Once you've finished your icon, flatten all layers, and create a second, new layer. Fill it with black, and then set the blend mode to screen. This will render the layer invisible.

Then, go up to your menu bar to the Filters. You'll want to go to Filter , Render, Lense Flare. A pop up window will appear, input these settings

Brightness: 100%
Flare Center: (put it in the center)
Lense Type: 105mm Prime

Then click okay. You will have a flare over your icon, in the center of the image. Obviously, this isn't necessarily where you'll want it. Using the Move tool, you can move the flare layer over where you want it to be. Save as Flare001.jpg and proceed as many times as desired, gradually moving the flare along the desired surface. For the first and last flares, you'll probably want to use flares at 50% or 75% for a blended effect.

Step Three: Animating the icon

Once you're done making the frames, go back to AS3, and go to File; New. A window will come up. Set as 100 x 100, and it doesn't matter which canvas type you pick. A blank icon will come up, with the canvas frame you picked selected. DELETE IT. If you don't, it will mess with your animation.

When you've deleted the frame, it should be totally blank Go up to the menu bar, and go to Animation; Insert frames; From File.A pop up will appear with a blank list. Click on the Add File... button, and the file browser will appear. You can select all your frames at once, but you must select backwards, or your animation will run backwards. It other words, since there are 15 frames, select 15 first, hold down your CTRL button, and then select the first one. They will all be selected, and all in their proper order. Click okay to go back to the frame adder window, and click okay when you're done

If you want to see what your animation looks like, go to the menu bar and click View; Animation. If it's too fast/too slow, you'll have to change the frame rate. Go to Edit; Select all, and then right click in the selected area and choose Frame Properties. A prompt will appear with the Display time variables. Chose something between 8-12. I usually go with 10 ^^

If your end result is too large, there's a note on crunching here.

[User Picture]From: iris_elegance
2005-07-25 04:14 pm (UTC)
Adding to memories! ^_^
(Reply) (Thread)
[User Picture]From: hehehefunny
2005-07-28 07:00 pm (UTC)
Thats a awesome tutorial!! I was meaning make a icon like that some time ago ^^ Thanks!
(Reply) (Thread)
From: xsweetxtragedyx
2005-09-12 04:47 am (UTC)
This was great! I love your tutorials, they're so easy to follow and understandable. I'm going to add to memories. ♥
(Reply) (Thread)
[User Picture]From: maureeni
2005-09-16 04:39 am (UTC)
easy enough for even ME to understand. which is saying a lot.

i made an icon with it; i thought of your tutorial (which i had previously read) when i saw the blade for the nip/tuck sign.

Image hosted by Photobucket.com

but don't make fun. it's my first eva flare icon. it's kind of wobbly, and i forgot to put a border and was too lazy to add it back. but whatev. i'll work on it.


(Reply) (Thread)
[User Picture]From: blumchen
2005-11-28 03:20 am (UTC)
My first ever was really wobbly too, not to worry. It'll get better with practice ^^
(Reply) (Parent) (Thread)
From: gurl_jamie
2005-11-28 03:13 am (UTC)


When I do it I dont see 'Menu Bar' nor 'Animation'. isnt this Photoshop 7??
(Reply) (Thread)
[User Picture]From: blumchen
2005-11-28 03:18 am (UTC)

Re: HELP!!

Creating the frames is Photoshop. Putting them together is Animation.
(Reply) (Parent) (Thread)
From: gurl_jamie
2005-11-28 03:16 am (UTC)
also, what is AS3?? I thought we were working with Photoshop7
(Reply) (Thread)
[User Picture]From: blumchen
2005-11-28 03:17 am (UTC)
Animation Shop three. You can get a trial at Jasc.com
(Reply) (Parent) (Thread)
From: musiq_mistress
2006-03-29 07:49 am (UTC)
Woohoo! Thanks for the help. :]
(Reply) (Thread)