Top Navigation

Awesome Light Effects in Fireworks inspired by the James White's O series

November 27, 2008 from fabiano's blog

I'm sure that pretty much everyone of you guys loves the art of James White, at least, we here over at abduzeedo do. Then, a few days ago we featured on the Wallpaper of the Week an image created by him entitled The O Series, he has even created a tutorial showing how to create that effect in Photoshop. As I'm a huge fan of James, I've decided to do the tutorial and reproduce his style, this time however using Fireworks.

The process is simple, just playing with some circles, blend modes and a bit of color! So let me know guys what do you think and show us your experiments as well!

STEP 1 - THE O

To start up, just create a simple white circle in the middle of the canvas.

James White O Series in Fireworks

STEP 2 - RADIAL GRADIENT

Now set a radial gradient for the circle. Use the color #000 for the center and #FFF for the borders. Note that we move the black color near to the white. Also use an opacity of 55%.

James White O Series in Fireworks

STEP 3 - START PLAYING WITH CIRCLES

We're going to start to repeat the cricles now and change the blend modes. The first one, copy and paste the original circle. Move a bit to the top and to the left. Set the blend mode to Overlay.

James White O Series in Fireworks

STEP 4

Another circle, copy and paste the last one, move a bit to the right and change to Color Dodge. Use the opacity in 40%.

James White O Series in Fireworks

STEP 5

Copy the last one, scale down a little bit and change the Blend Mode to Soft Light. Bring the opacity back to 100%.

James White O Series in Fireworks

STEP 6

Copy and paste this last circle and move to the right.

James White O Series in Fireworks

STEP 7 - ADD SOME LIGHTS

We've created all the circles. Now draw an irregular polygon like the image. Apply a Feather 40 and change to Overlay. Duplicate this layer to enhance the lights.

James White O Series in Fireworks

STEP 8 - MORE LIGHTS

Now, create 3 small white circles, place them in the parts where are the lights. Change the Feather 20 and the Blending Mode to Soft Light. If you want to make it even shiner, duplicate these 3 circles.

James White O Series in Fireworks

STEP 9 - COLOR 1

Create an ellipse with the color #CC9900, Feather 39 and Overlay. Place it over one of the lights.

James White O Series in Fireworks

STEP 10 - COLOR 2

Create an ellipse with the color #FF3366, Feather 62 and Overlay. Place it over the second light.

James White O Series in Fireworks

STEP 11 - COLOR 3

Create an ellipse with the color #33CCFF, Feather 62 and Overlay. Place it over the last light.

James White O Series in Fireworks

FINAL RESULT

You can play with different colors and even different shapes, I haven't tried that yet but I'm sure that this incredible technique might work very well. Once again it's all about playing, James showed us how versatile the blend modes are. So now it's with you. Share with us some of your experiments and ideas.

James White O Series in Fireworks

James White O Series in Fireworks

James White O Series in Fireworks

About the author

I'm from Brazil, co-founder of Zee with Fabio. Nowadays I like to play with Fireworks, Photoshop and improve my skills in CSS. If you wanna request some posts, please feel free to contact me or follow on Twitter.

Sponsored Links:

More articles about:

Comments and Reactions

Featured Tutorial

Playing with Watercolor Brushes and Masks in Pixelmator
Playing with Watercolor Brushes and Masks in Pixelmator
I have already created some tutorials about watercolor effects; however, I also want to create a workflow that is extremely simple but that produces a beautiful result. Therefore, I invented this tutorial, which uses only basic watercolor brushes, a photo, and a layer mask. This tutorial is part of a series of tutorials I have been writing for Pixelmator and posting over at http://www.pixelmator.com/learn/

Try this Wallpaper

Wallpaper of the Week 194 by Rob Shields
Wallpaper of the Week 194 by Rob Shields
The wallpaper of this week is an image created by Rob Shields for the new Slashthree's 'Fairy Tales' exhibition. There some incredible artworks and it's incredibly inspiring.

Book Suggestion

Book Suggestion: Typology- Type Design From Victorian Era to the Digital Age
Book Suggestion: Typology - Type Design From Victorian Era to the Digital Age
The book suggestion of the week is one of my favorites, it's called Typology: Type Design From Victorian Era to the Digital Age and it covers a lot of art history always linking with types and typography. It's a must read for those starting out their careers or even willing to dust off their typology and typography skills. About the book