How to make a vector traffic light using gradient tool in adobe illustrator
Here another amazing tutorial on gradient tool operation in adobe illustrator. In this tutorial, with the gradient tool we will be creating a vector traffic light.
Here is the final image
Program :- adobe illustrator
Topic :- gradient tool, appearance panel, pattern tool, shape tool, swatches
Time :- 45 minutes
Step 1: choose rectangle tool to drag out the rectangle.
Step 2: Fill it with the gradient yellow
RGB:242,211,110 RGB:234,196,79 RGB:197, 156, 45
Step 3: Draw a square and fill it with the shown gradient.
Choose effect> stylize>outer glow and set the preference as shown. This will give a shadow look to the box.
Step 4: choose ellipse tool and draw a circle by holding shift key. Fill it with the gradient.
Step 4: copy the circle paste it front and fill it with white and black gradient. Draw a circle in front of it with small radius and fill it with red radial gradient.
Select the circle and choose effect>stylize>outer glow. Fill the preference as mine.
Step 5: simple filled red color won’t look good so fill it with the pattern swatches
Step 6 : Follow the step 2,3,4,5 to make yellow ,green light.
Making of side light parts
Step 7: on to the side cones. Draw a rect. angle and fill it with shown gradient. using the pen tool, draw the side cone shape. Then fill it with custom gradient, as shown in the image below. Copy and paste it for the next five places.
Step 8: let’s make the side bolts. Using the pen tool, make the shape of side bolt and fill it with gradient. Place it in front of side cones. Paste it at all five places.
Step 9 : Using pen tool, draw the shape at the top part of the light and fill the gradient. Make an offset of -2px and fill it with using eyedropper.
Choose effect>stylize>outer glow and set the preference.
That’s it. Now we have a detailed illustration of a traffic light made up with simple tool like gradient tool, outer glow and shape tool.
|vector traffic light|