This set of tutorials deals with one of Photoshop’s counterparts Adobe Fireworks (formerly Macromedia Fireworks). If you use this program, visit the section.  Home Raster Graphics Fireworks Abduzeedo Job Board Banner in Fireworks


Abduzeedo Job Board Banner in Fireworks


Step 1 - Open file

First open a new file with dimensions of 480 x 180px and fill the background with black #000.

Abduzeedo Job Board banner in Fireworks image 1

Step 2 - Creating the first elipse

Now we're going to create the main element of the tutorial, an elipse. Draw a simple elipse, then apply a Linear Gradient from the color #003734 to #000. Note that we have a border of 2px with some style. The color is #098191, the type is Graphite, and it has a Grain Texture of 15%. Also, we will use a Noise Filter set at 2.

Abduzeedo Job Board banner in Fireworks image 2

Step 3 - The elipse group

We've just created the first elipse; now let's draw the others. We're going to do that by just duplicating and changing the colors and shadow of each one. See in the list below how each should be styled:

Elipse 1- Gradient: #125A5F to #000 - Border: #33CCCC - Shadow: 28, 100%, 35
Elipse 2- Gradient: #025F4E to #000 - Border: #33CCCC - Shadow: 27, 100%, 32
Elipse 3- Gradient: #2C5777 to #000 - Border: #0099FF - Shadow: 26, 100%, 32
Elipse 4- Solid #000 - Feather: 85 - Shadow: 30, 100%, 30

Abduzeedo Job Board banner in Fireworks image 3

Step 4 - Starting the effects

We're almost there. Now you must group all five elispses we've made. Just duplicate this group, and in the top layer group apply a Color Dodge filter. See in the image how the layers are through this step.

Abduzeedo Job Board banner in Fireworks image 4

Step 5 - Mirroring

In this step you will select one of the groups, duplicate it, and go to Modify > Transform > Flip Horizontal. After that apply the Color Dodge filter to this group. Now for the last duplication duplicate the group you just mirrored and change the filter to Screen. Take a look at the image and you will see all the groups and their own filters.

Abduzeedo Job Board banner in Fireworks image 5

Step 6 - Add elements

Ok, we're there! The effect has been created. Now just place your unique elements, your logo, some text, etc...

Abduzeedo Job Board banner in Fireworks image 6

Final Result

The effect is quite simple, isn't it? Yet with this simple effect we can create great images. Choosing the right fonts and paying close attention to placing text in the best position relating to the other elements is key to allowing you to make great layouts!

Now share your experiments with us!

Abduzeedo Job Board banner in Fireworks Tutorial: Final Result



Author's URL: Abduzeedo
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

More Raster Graphics: Most Popular Materials | Fresh Materials

Add comments to "Abduzeedo Job Board Banner in Fireworks"

Only registered users can write comment

No comments yet...