Futuristic Cool Green Traffic Lights

Lets create a cool looking what I call a futuristic Green lights. I have used Rectangular Marquee tool,

Pen tool, Elliptical Marquee tool,Paint Bucket tool, Gradient tool, and other Effects.

1. First we create a new document of size 631px by 659px. Set the resolution at 90.012 pixel per inch as shown below.

2. That's how a new document will look.

3. Create a new layer and lets use the Pen tool and create a shape as shown below.

4. Lets make a selection using feather radius of .02 pixels. I have displayed how it will look now.

6. Using Gradient Tool I will fill the grey color.

7. Using a new layer, lets create a circle using Elliptical Marquee tool just above the first image as shown below.

8. Now fill the light green color in the circle using Gradient tool.

9. Now select Marquee Tool and right click. use 5px stroke and you will get the output as below.

10. Create a new layer and using pen tool create a shape to connect the green circle with grey bottom.

11. Now Make selection of the shape and I will fill it later. see below.

12. Fill the shape with gradient color.

13. Create a new shape as shown in the image below by choosing Pen tool then right click to select it then make selection and press ok.

14. Filling out the new shape with Gradient Tool again as shown below. I would suggest and be creative and use different color etc.

15. Again I use Pen tool and create the shape. By now you must be an expert in using Pen tool..uh?

16. Make a selection as I have shown below and press ok in the make selection dialog box.

17. Fill the color using Gradient Tool.

18. Select Marquee Tool , right click, choose 5pixel stroke and then apply and after that deselect the shape.

19. Create a new layer and create shape using same step as in 18.

20. Using gradient tool again to fill the new shape with grey color

21. Create another shape, repeat same procedure as mentioned in step 18.

22. Filling it with grey color using gradient tool.

23. Now leave background layer and merge down all other layers as shown below using Ctrl + E

24. After layer merge down, double click on this layer and choose layer style as drop shadow.

25. Well that's I created one traffic light.

26. Copy the above image as shown here.

27. Select the copied image and transform selection by pressing Ctrl + T and make it small

28. And then copy the small image and arrange them as shown below.

29. Select the 3rd image and using Ctrl + T and while pressing the left mouse button, make it smaller.

30. Now three lights will look like this. Well now when I think it could be used as a logo or somewhere in my next web graphics project.

31. Using pen tool again create a custom shape as connection. Right click , make selection and apply also.

32. Now I will use Paint Bucket tool to fill color.

33. Double click this connection wire and drop shadow as show in above step also.

Click to enlarge

34. Completed Image .