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 Apple Air Banner in Fireworks


Apple Air Banner in Fireworks


I've always been a huge Apple fanboy, I love the attention to the details and the importance Steve Jobs and his team have given to the design above all. With the new Macbook Air is not different. It's just incredibly thin and very beautiful. Well I've started to save money because I will have to get one of those.

Another thing that caught my attention was the banner they had placed in the Apple's front-page, I really liked the simplicity with gradients and the new typeface, Myriad Light I think. Because of that I will show you how to create that effect in a easy and quick way using Fireworks.

Step 1. New document, I used 800x600px and set the background to black.

image 1

Step 2. Get the Apple's logo from a typeface or you can get it on this link. After that open it in Fireworks and keep it vector. Copy it and paste it in your document.

Click to enlarge
Click to enlarge

Step 3. Place the logo like the vector below and choose Gradient>Radial for the fill type. And for the colors a dark grey and a light grey. Using the Gradient Tool click between the leaf and the apple, hold the button and drag it to place and create the gradient. Use the image below for reference.

Click to enlarge
Click to enlarge

Step 4. Make sure that the logo is selected and go to Modify>Alter Path>Expand Stroke. Use 3px for the width, rounded corners, and rounded caps. After that go to Modify>Combine Paths>Split.

We will have 4 objects, select the 2 smaller ones go to Modify>Combine Paths>Join, rename the layer to "front". Then select the other two and repeat the Join command. Rename the layer to "back".

Tip: the join command will allow us to apply a gradient for the objects.

image 4

Step 5. Select the "back" layer and apply a gradient. This time Linear and for the colors use 4 levels: black, white, white, and black like the image below.

Click to enlarge
Click to enlarge

Step 6. Using the Rectangle Tool (u), create a rectangle like the image below. After that change the fill type to Gradient>Linear. For the colors use black for the start and end, but change the opacity for the start point to 0. That will create a shadow.

image 6

Step 7. Add some texts with a light font, I'm using Helvetica Neue Ultra Light.

Click to enlarge
Click to enlarge

Conclusion

I have to say, my favorite tool is Fireworks. I work with web design basically and it's the most versatile tool for that. It has amazing vector tools that allow me to create and edit shapes like in Illustrator or the extinct Freehand, but at the same time I can play with bitmaps and tons of other great features.

Apple Air Banner in Fireworks Tutorial: Final Result (Click to enlarge)
Click to enlarge


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 "Apple Air Banner in Fireworks"

Only registered users can write comment

Reader's comments