Designing Headers with light effects
Posted 05 October 2007 - 02:20 PM
I remember the first time that i use fireworks. i find it soo easy to use that i couldnt resist to use it (My avatar is created with fireworks)
And now im trying to get a header done for a web site that im creating.
Any suggestions of how a header for a personal site must be? Im thinking of an image from the person's site (in my case a dancer) surrounding with a light effects. like a snake.This is my current header feel free to tell me opinions/suggestions.
So my question is:
How i can create a light effect like this:
Any good brush to suggest?
Also is there a font to create message in light or on fire? Although with a blur effect i think i can add manually the fire
Some other noob guestions:
Which is the best way to fill a transparent place with a certain colour?
Sometimes photoshop and fireworks stuck and i can see only a hand. why is that happening?
Posted 05 October 2007 - 03:11 PM
Sorry, I missed your post!
What version of Fireworks are you using where you only see the hand? Do you remember what you were doing when the hand showed up?
Not sure what you mean by filling in the transparent area. Brush fill via bitmap editing?
Your avatar is very cool.
I can think of a couple ways to achieve those flying strokes with a glow. Not sure how to describe in one shot though. Let me see if I can make a sample for ya.
Posted 05 October 2007 - 04:27 PM
Filling the transparent i mean that i have an image that is the half size of the canvas for example and i want to fill the rest canvas with black colour . Its very simple but i dont know how.
Thanx for the help, i would love to see a sample
Also how i can set transparency in a photo to begin from 0 for example and in the end of the photo to be 100
Posted 05 October 2007 - 11:11 PM
Posted 05 October 2007 - 11:37 PM
Something more guys, how i can add reflection to my images?
Also i have create this with photoshop with the help of this tutorial http://www.tutorialwiz.com/fire_text/. How i can create it on fireworks? which of the 3 do you prefer?
Posted 06 October 2007 - 05:21 AM
Yes of course ! the eye is easy to make. Just try to make some nice looking curvy paths ( mine still needs a bit of tweaking ).
2.) its a good idea to play with the live filters, curves and hue saturation.
3.) use the dodge tool to highlight some of the parts, in the eye. or the burn tool to darken spots.
4.) try this neat effect of feathering the image, try drawing a selection, an oblong selection, feather it to 100 , the trick here is to make the edges smooth looking, like its fading away,on corners, try to use the selection and delete some areas, make it 10px lower to the deleted area, its a neat trick =)
Posted 06 October 2007 - 06:06 AM
Posted 06 October 2007 - 07:26 AM
Posted 06 October 2007 - 12:01 PM
im not really great with fireworks but to fill the rest of the canvas i just use the rectangle tool to make a new layer whatever color i want and arrange it to the back so that the image is on top of it. Not sure if theres a better way to do it but thats how i do it.
nice one thanx
Posted 06 October 2007 - 04:26 PM
wait how i can make the paths? with the pen? dont forget im a noob can you tell exactly how you made yours? i dont care about the eye.. i only want the lines
Hey Exo -
Yes, the most effective way to make lines is with the pen tool. It is by far the most hated and the most loved tool of all designers. Hated because when you're new to using it, you'd much rather smash your computer in with a sledge hammer because it can be very frustrating....loved becasause....well, it's the pen tool! The gawd of all tools! Once you figure it out, you can do some very cool things!
There are some Pen Tool Tutorials around here somewhere....I'll see if I can dig them up...
Posted 06 October 2007 - 07:11 PM
blue2x if you have the .png of your eye i would want that please
Posted 06 October 2007 - 07:46 PM
Posted 08 October 2007 - 04:45 AM
Posted 08 October 2007 - 03:56 PM
And this is my final header, with your help i manage to make the lines i want. Do you guys find the fire in the right too big? (when you are saving jpg's for the web, what percentage in quality did you use?)
Posted 08 October 2007 - 04:04 PM
Guys how i can make the backround of this image black? im trying to use teh magic wand tool but it leaves a white line all over it
I dont get it. If you want to make the background black just change the color to black instead of white in the color selection. FW8 its on the bottom left where theres 2 boxes. The bottom box is what changes the background color. Im not sure if its exactly the same in FW CS3 but I would assume its in the same spot
Posted 08 October 2007 - 04:32 PM
Posted 08 October 2007 - 05:07 PM
I havent create the image so there isnt any backround. i have download it from the net
Hey Exo -
Thats looking cool. I see what you mean by the fire being too much on the right. You should extend that flare across to the right side and beyond. It would give a sense of speed rather than getting all bundled up there in space.
In terms of JPG quality it depends on the colors in my opinion. With a lot of black you could get away with a lower compression just depends. 85 is typical for me. I also use the selective JPG compression to yield even smaller JPGs that compress very small.
Posted 08 October 2007 - 06:37 PM
About the fire stuff on the right, you could try cloning little pieces around the light streams so they have wisps too, so it's not such a sudden transition from pretty solid light trails to wispy smokey effects.
Not sure if you ever managed to get the background of that image black, so you can check out the attached Fireworks PNG. It contains two methods, in both cases just added a few Live Effects:
1) Invert + Hue/Saturation = black background, same red smoke
2) Other->Convert to Alpha + Adjust Color->Color Fill + Curves = transparent background