Awesome Light Effects in Fireworks inspired by the James White's O seriesListThumbs
Awesome Light Effects in Fireworks inspired by the James White's O series
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.
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%.
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.
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%.
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%.
STEP 6
Copy and paste this last circle and move to the right.
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.
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.
STEP 9 - COLOR 1
Create an ellipse with the color #CC9900, Feather 39 and Overlay. Place it over one of the lights.
STEP 10 - COLOR 2
Create an ellipse with the color #FF3366, Feather 62 and Overlay. Place it over the second light.
STEP 11 - COLOR 3
Create an ellipse with the color #33CCFF, Feather 62 and Overlay. Place it over the last light.
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.
46 Comments
thanks for sharing! waiting for more firework tut! :)
Thanks!
Muito bom heim! Congretz! :D
OHHH MYYYY GOOOOOOD
this looks like SHIT!, and its a fuckin rip off copying exactly from james white!
damn this site sucks!
I had no idea this kind of stuff could be done in Fireworks :) Great job, Fabiano!
Well done man. Looks great.
@ Tim: That was so uncalled for. You honestly have no idea do you?!
Giedon, dont wast ur time on "haters" they are the side effect of the web, and the come and go, the bigger the site gets the more you get of them! So lets not waste our time with them
I was just wondering, what is the "main" purpose of fireworks? i have never played with this software? Was just curious
Thanks for the tut
http://flickr.com/photos/alexanderblacker/
And come on. If James himself likes the tutorial, who's gonna listen to Tim? haha!
Hey Tim, we contacted James White so I believe it's okay ;)
We just wanted to show that the effect can be done in Fireworks, and also with other tools such as Pixelamtor and GIMP. The tutorial is just the process, because the creativity and idea is from James.
thanks for the comments
wow..do u want to made this in Gimp?..looking forward to see the tut..cheers
it is nice to see the result in other sotfwares. cool job! and very nice outcome!
Lukatello
Wouw really nice outcome! fantastic!! waiting for more tutorials using Fireworks! Thanks a lot guys! Keep it up with the nice work. :-)
How about a tutorial of this for photoshop? ;) Thanks xD
Awesome tutorial.Its always better if u share the source pngs as well.
Very nice. I love the color on black!
muy apero miren el mio como me quedo http://s139.photobucket.com/albums/q295/maneynachon/?action=view¤t...
te quedó muuuy buenooooo!!
hey guys what program was used for this? I only use photoshop and illustrator and am still learning.
U can do the same efect in Photoshop. Everything U do in the same way like her,for example :
"Now draw an irregular polygon like the image. Apply a Feather 40"
-you can use lasso Tool with feather 40"
nice tut :)
This is really awesome.
Great work....
here's my version of this tutorial.
using it at the moment to advertise my blogsite.
www.sebby.net
The effect is very good, but only for black background
The images are missing from this tutorial. Is it possible to correct this?
Great for beginners, teaches very nice concepts, while providing a appealing effect.
Vlw FábiOO
Ótimo TrabalhO!!!
Com certeza estarei utilizandO de alguma forma!^^
abraçO
Hey, I just love this effect, simple but very beautiful.
Great Job !!
Thanks
Could someone please tell me which fireworks-tool to use for 'draw an irregular polygon'? I have 'polygon tool' and 'smart polygon' at 'vector' and 'polygon lasso' at bitmap.
Thank you so much for this, I was always wondering about how this is done. ^___^
Queria saber se tem como fazer um tutorial desse para PHOTOSHOP?
excelente tutorial. Não fazia idéia de que o fireworks era tão poderoso assim.
Vlw mesmo
Featured here: http://www.presidiacreative.com/10-amazing-effects-from-abduzeedo/
thanks. this is my version http://www.flickr.com/photos/11020713@N04/3276311718/
i like your effects please make another sample using fireworks!
really nice tuts .. thanx for sharing
Parabens cara!
so what exactly is Fireworks used for?
Great tutorial! I tried this in photoshop and fireworks...strangely enough I got a better result in photoshop....can't blame me, still have a lot to learn...I'm 13
whoa... KUDOS, to you for knowing how to do this stuff at your age.
hayyy mumbo
mmmmmm yummy very interesting boyyyyyssss
wow your cool
wow thats awesome man. i wish i have high design skills like you :)
nvm, practice makes perfect :D
OMG I love this. Never know to design an awesome graphic like this can be this simple! Thanks a lot! =)
Nice ! worked, thanks!
Can we have some new lights tutorials here?
see ya!
Simple... amazing. Thx for the tut, congratz!
An amazing thing out of nothing
Post new comment