Create Mac-like wallpapers with Fireworks
Welcome to the very first tutorial of firetuts.com to create Mac-like wallpapers. I will show you how you can easily make one of those sleek abstract wallpapers you’ve probably seen before, with Adobe (or Macromedia) Fireworks. I shall give credit to Collis for the original tutorial for Photoshop. This tutorial, however, will also teach you a trick to color it in a different way.
1. Create a canvas in any screen size you want, (800×600, 1024×768, etc.) and set the canvas color to #CCCCCC. I use 1200×900 because I’m a widescreen fan.
2. Next, draw an oval and shape it like so; I assume you know would know how to do that. Set the fill to linear gradient and adjust the colors to #CCCCCC on one side and #FFFFFF on the other. Adjust the gradient positioning like so.
3. On top of that, create another oval and shape it like so. Set the linear gradient to #CCCCCC and #999999. Set its opacity to 50%.
4. And on top of that, create an oval but this time with an inverse curve like so. Set the fill to radial gradient with #FFFFFF on both ends, and adjust the outer edge to an opacity of 0%. Position the gradient at the top of the canvas like so. This will make the top side of the oval glow white.
5. Draw one more oval with linear gradient of #CCCCCC and #FFFFFF, like so.
Now select all the ovals and set it their Feather value to 2. This will make its edges blend better.
6. Now, draw a rectangle the size of the canvas, set it to ellipse gradient with white on both ends. Change the opacity of the edges to 0%. This will make a nice white glow in the center of the image like so. Set its opacity to 50%
7. Also, set that rectangle to overlay, something that I found to be really sweet feature.
8. Create another canvas-sized rectangle on top of that, and set it to radial gradient with #000000 on both ends and opacity of edges to 0%. Set that to overlay. This will complement the white glow in the center better, by making the edges darker.
9. Now here’s the coloring trick. Draw another rectangle the size of the canvas and fill it with any solid color you want, I shall use green. Set that to overlay. With that you will get a nice array of green shades future-style.
To make the colors even MORE interesting, first draw another canvas-size rectangle on top of everything and set a black-and-white vertical gradient like so.
Set that to overlay and watch the magic happen.
It’s little brighter but you can adjust its opacity in any way you want.
The basic idea of this this type of ‘digital abstract art’ is to play around with vectors, gradients, and opacities. And my coloring techniques are basically gradient overlays. You can adjust anything to your liking and you will most likely make a better wallpaper than this one here.
If you have anything to add, you are most welcome to leave a comment. In fact I even accept criticisms.