In this syringe icon tutorial you will learn how to create Syringe icon with Adobe Illustrator CS5, there is new tips and techniques that will help creating objects with adobe illustrator. if you fried from the syringes this tutorial not for you :P, hope you find this tutorial useful ;).
Create new file with size 800*600 and select Pixels unit.
Step 02 Drawing draft
Select the Ellipse Tool and hit left click on the stage and set the width:76px and height:40px then click OK.
Now show the Smart Guides by press Ctrl+U, and select the selection tool, then press Alt+Shift and select the circle and drag to the top about -105px, you will notice that showing rounded gray box and green lines that’s appear when you show the smart guides, now duplicate this circle 5 times with the following specifics.
in this step we need to resize the circles, select the circle2 from the bottom and copy this circle (Ctrl+C) then paste in place (Ctrl+F) then open the Transform Pallet (Window>Transform) and click on the (Constrain width and height proportions) and set the width:140px, do that with the circle5 and circle6 with the specifics shows here:
Select first 4 circles from bottom, duplicate them (Ctrl+C) and paste in place (Ctrl+F) and move them to the bottom about 3 pixels, then hit right click Arrange > Send to Back to send them behind all the objects.
Draw a Rectangle in bottom with width:31 and height:110px, then select the Pen Tool and add point on the bottom center of the rectangle. then select the direct selection tool and select this point and move it to bottom about 10px, the draw another rectangle with width:7px and height:120px.
Duplicate rectangle and resize it as showing here:
Duplicate the same shapes to the top, and then resize them by selection tools, then by the direct selection tool close the point to the circle.
Draw a rectangle between the top small circles with 3px width, the scale and rotate the top circle as showing here:
Step 10 coloring
Select first circle from the bottom the lower one, and click on the gradient icon then click on the stroke and click on none icon, then select the gradient tool and set the specifications as following:
now select all the lower circles and select the Eye dropper tool then click on the colored circle, to apply the same gradient to all selected circles.
This time we want to color the upper circles, select the upper circle from the bottom then the Eye dropper tool the click on the lower circle, then select the Gradient tool and hover the cursor to the right Point that will show the rotation icon click and hold the left click and drag to the bottom to rotate the gradient.
Do the same with upper circles.
now apply the gradient to the rectangles below.
Group the bottom part rectangles and circles by select them and press Ctrl+G, and set them behind all the object Press Shift+Ctrl+[ or right click Arrange>Send to back
Apply the gradient to the upper rectangles, select the small rectangle and pick the Eye Dropper tool then click on the below small rectangle, do the same with larger rectangle.
We need to create a mask to hide the bottom part of the upper rectangles, so duplicate the circle by select it and Ctrl+C + Ctrl+F then move it to the right, the select the top point and by the Direct selection tool and hit delete key, then select the Pen tool and points to complete the mask.
Move back the mask to the circle, then group the upper rectangles Ctrl+G then select this rectangles and the mask and hit Ctrl+7 to make the mask on the rectangles.
Select the tow circles that above the rectangles and click right click Arrange > Bring to front.
Select the top small rectangle and select Eye dropper tool, then click on the bottom rectangle, do the same with the larger rectangle, then by the Selection tool select the upper part and hit Shift+Ctrl+] to move it up all the parts.
Set the Gradient as showing on this image
1- By the selection tool select the circle and click Ctrl+C and Ctrl+F then move the duplicated circle to the right 2- as point1 but move it to top 3- By direct selection tool select the upper points 4- hit delete to remove this point 5- Select Pen tool and connect between the points. 6- select the gradient tool and hit shift and click from the right to the lift.
By selection tool just move back the shape, and select the gradient tool and color the shape as the following:
Select Pen tool and hold on the shape point will appear the pen tool with minus icon, click on the point to remove it. then select the direct selection toll and move the handle to the anchor, do that to the top anchor and the bottom.
Select the Gradient tool and click from the bottom and keep pressing on shift key drag to the top and release the lift key then the shift key. open the transparency pallet window>Transparency, then put the Opacity 80%.
Same we did in step22!
Move the shape back by the selection tool, and send it above the object Shift+Ctrl+] or right click Arrange>Bring to Front
Apply the gradient as below and make the Opacity:20%.
Keep selecting the glossy then click Ctrl+C and Ctrl+F and resize the duplicated shape, then by the direct selection tool select the bottom point by click and hold shift key when you select all the bottom anchors move by the down arrow key.
Before you move the top point, select the upper part and then group them Ctrl+G and send them above the all the objects Shift+Ctrl+], then select the top points and move them to top keep them hidden under the top part.
By selection tool select the gloss part and lock the Ctrl+2 to unlock Ctrl+Alt+2, then select the Blue part, maybe you select the mask layer that we create in Step18 hold shift and click on it to release it.
Group the blue parts Ctrl+G, then resize it to as the small gloss part, then by direct selection tool select the left anchors and move to up and top center anchor and move to down.
Create Rounded rectangle as below and make the Opacity50% then from Effect>Blue>Gaussian Blur set the Radios value 2Px and hit OK.
1- By line segment tool draw line with width 10px 2- select the selection tool and hit Enter or Double click on the selection tool to show the move menu, set the Vertical: 3px and Press Copy button 3- rezise the width of the duplicated line to 3px
4- Keep selecting the line and hit Enter and set the Vertical: 3px. 5- then hit Ctrl+D two time.
6- Group the lines Ctrl+G. 7- Hit enter and set the Vertical: 15px and press copy button, then Ctrl+D 11 times, and group all the duplicated and move it to the Syringe icon.
Learn how you can find the perfect collaborator for graphic designers.