The post Creating your Very Own Knife Vector Icon in Illustrator appeared first on mameara.
]]>Welcome to this step by step tutorial in creating a knife vector icon in Adobe Illustrator. Whether you will be using this icon for web design, or even printed materials such as catalog prints, flyer printing, and posters, these vector graphics will always look crisp and sharp, simply because they are easily scalable. So just follow the steps below and even you as a beginner should easily discover how to create your own knife vector icon.
1. The first step to creating the knife is of course creating the basic knife shape. With a new document open, use the pen tool to draw your knife. Now, there are different types of knives, but for our purposes, we are going to use a classic kitchen knife shape. Create the shape by drawing three anchor points just like this shape.
2.With the basic shape ready, remove the black stroke, and add a light grey to grey gradient like so. Make sure that you adjust the angle of the gradient color so that the lighter side of the gradient is on the cutting side of the knife.
3. Now, duplicate the knife shape by pressing CTRL+C then pressing CTRL+Vwhile the knife shape is selected. Once duplicated, reposition it back over the original knife shape. Then use the Direct Selection tool(shortcut A) to extend the bottom-left anchor a little bit as you can see below.
4. Next, send this shape to the back by right-clicking on it and choosing the send to back option. Also change its gradient color to a grey and light grey gradient, coming from top to bottom. Just adjust the angle and color gradient as you can see below.
5.Next, draw two bent rectangles into the middle of your knife shape. Weare creating the shine of the knife here. Color them to shades of light grey (white slightly darker of course), and then add a gradient that goes left to right along the angle of their slope. Reduce their transparency to around 60% using the transparency panel.
6.Next, draw the part where the knife attaches to the handle. Again we are using the pen tool here. We used five anchor points here. Color it with a grey to dark grey color like so.
7.Next, you will want to draw the handle. This can be tricky with the pen tool, but you only need to use 5 anchor points as you see below. Make sure you add a black to dark grey color for this shape.
8. Using the ellipse tool, draw three small circles into the handle. Remember that you can hold down the SHIFT key as you drag the ellipse tool to make sure that the circles have constrained proportions creating a perfect circle. Color them a light grey and grey gradient. Make sure they do not have strokes, and they align perfectly across the handle.
9. Great! Now you have a nice kitchen knife icon to use for your various specialized designs.
10.To easily manipulate its orientation, group the whole thing together by right-clicking on the knife and selecting “Group” in the context menu.
11.Then, with the selection tool activated, hover your mouse near the selection box. When you see a curved arrow cursor, you can then rotate the knife at will to your desired angle.
12.You can then just easily put the knife into anything that it must cut, just like an orange. Here we have placed an ellipse circle shape, with orange gradient color. We just sent the orange circle to the front with the knife positioned at the back, extruding on top of the orange.
Great! Now you know how to create a nice Knife icon from scratch.
The post Creating your Very Own Knife Vector Icon in Illustrator appeared first on mameara.
]]>The post Collection of useful illustrator tutorials #3 appeared first on mameara.
]]>poster printing, website, or any other design media.
Retro car vectors
View Tutorial
Pixels and vectors
View Tutorial
Tips for Working with the Gradient Mesh Tool In Illustrator
�
View Tutorial
Layer up vectors for unique effects
View Tutorial
Create a Burning, Vector Match Using Gradient Meshes
View Tutorial
Create a Polished Raised Type Treatment
View Tutorial
Create a Chalkboard Type Treatment
View Tutorial
Neon Text Effect
View Tutorial
Vector Snake
View Tutorial
Create Advertising Billboard
View Tutorial
Windows 7 icon with Illustrator
View Tutorial
Glassy Text Effect Filled with a Green
View Tutorial
The post Collection of useful illustrator tutorials #3 appeared first on mameara.
]]>The post Syringe Icon Tutorial appeared first on mameara.
]]>Step 01
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.
Step 03
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.
Step 04
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:
Step 05
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.
Step 06
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.
Step 07
Duplicate rectangle and resize it as showing here:
Step 08
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.
Step 09
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:
Step 11
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.
Step 12
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.
Step 13
Do the same with upper circles.
Step 14
now apply the gradient to the rectangles below.
Step 15
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
Step 16
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.
Step17
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.
Step 18
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.
Step19
Select the tow circles that above the rectangles and click right click Arrange > Bring to front.
Step 20
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.
Step 21
Set the Gradient as showing on this image
Step 22
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.
Step 23
By selection tool just move back the shape, and select the gradient tool and color the shape as the following:
Step 24
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.
Step 25
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%.
Step 26
Same we did in step22!
Step 27
Move the shape back by the selection tool, and send it above the object Shift+Ctrl+] or right click Arrange>Bring to Front
Step 28
Apply the gradient as below and make the Opacity:20%.
Step 28
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.
Step 29
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.
Step 30
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.
Step 31
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.
Step 32
Create Rounded rectangle as below and make the Opacity50% then from Effect>Blue>Gaussian Blur set the Radios value 2Px and hit OK.
Step 33
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
Step 34
4- Keep selecting the line and hit Enter and set the Vertical: 3px. 5- then hit Ctrl+D two time.
Step 35
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.
Final
Learn how you can find the perfect collaborator for graphic designers.
Click here to download the source file
The post Syringe Icon Tutorial appeared first on mameara.
]]>The post 3D Text Tutorial With Illustrator and Photoshop appeared first on mameara.
]]>
Click here to see the full size
Required Files: Weathered Texture – Dol Guldur texture – kilogram font
Lets Start 3D Text Tutorial with Adobe Illustrator
Step01
Create a new document in adobe illustrator, use the font kilogram and type “Graphic Design”, and keep every word in a single line, play with the font size and spaces to make it look like a rectangle, or follow the following settings.
Step 02
Select the text by the Selection Tool 
and press right click on the mouse, from the listed menu select create an outline, keep selecting the text and choose from the menu Filters>>3D>>Extrude & Bevel and set the following settings:
Step 03
Select the 3D Objects and choose Object >> Expand Appearance from the menu.
Step 04
Now Ungroup the 3D objects by hit Ctrl+Shift+G many times on the keyboard to ungroup every part, double click on the Magic Wand Tool 
to open the magic wand pallet and set the value of the Tolerance “0” by the magic wand tool select the upper part, and group it Ctrl+G and move it up then select below parts and group them.
Step 05 – Photoshop
Create a new document with size 1024*700.
Step 06
load the texture “Weathered Texture” and re-size it to fit the file size and make the Fill opacity 65%, and? rename the layer to BG.
Step 07
load the texture “Dol Guldur texture ” also re-size to fit all the file size and make the Fill opacity 40% and the blend mode: Color Burn, and rename the layer to BG02
Step 08
Drag the 3d text from Illustrator to Photoshop, and keep in mind drag the upper part by itself and the below part by itself. and place them as Vector Smart Object, now select the two layers and re-size them to any size you like to work on,
Step 09
Close these two shapes to each other and rename the lighter shape layer to Upper Part and the darker shape layer Below Part.
Step 10
Duplicate the BG02 and clear the layer style by setting the Fill Opacity 100% and the blend mode: normal, also decrease the size of about 60%, and move it to above of Upper part? layer then press Ctrl + left click on the Upper part layer to make the selection.
Step 11
Select the BG02 copy and click on the Layer mask?
on the layers pallet, also hide the Upper part layer.
Step 12
Repeat the previous? step on the Below part layer, but here we need to add some layer styles select the layer BG copy3 and select Layer>> Layer style>> Drop shadow.
Select the Gradient Overlay set the below settings and click on the gradient 
to open the Gradient Editor.
Step 13
Create a new layer and fill it with black color and the opacity 60%, and select the Erase tool 
with size 700px and Opacity 30%, then start to erase from the center of the black layer.
Step 14
Duplicate the Upper part layer and show it, then make the fill opacity 0% and add color overlay from layer>> layer style>> Color overlay, and set the color Black and the opacity 60%, now keep selecting the duplicated layer and hit Ctrl + T to transform the layer.
Step 15
Duplicate the Upper part again and follow the previous step and change the opacity on the color overlay to 30%, and apply the Gaussian Blur and set the radios 2px.
Final
I hope you find this 3D text tutorial useful and help you learn new tips and tricks.
The post 3D Text Tutorial With Illustrator and Photoshop appeared first on mameara.
]]>The post Another Collection of useful illustrator tutorials appeared first on mameara.
]]>you can use the result of the tutorials to design a brochure printing, website, or any other media design.
Wrap a Ribbon Around a Sphere, Using 3D Revolve
How to Use the Perspective Grid to Create a Modern TV
Geometric Flower Effect
Chinese Bamboo
Polished Raised Type Treatment
Stylized Wave
Kitty Walkthrough
Three-dimensional Airplane
Shiny Bucket Icon
Cute Little Tiger
Cool Monkey Character
Mini Logo
Silky Ribbon Text Effect
Realistic Vector Bubbles
Monster Character Series
Super Happy Octopus Character
New Icon In Illustrator
Design Float Circle Icon (AI Tutorial)
Creating trees
Simple Storefront Icon
The post Another Collection of useful illustrator tutorials appeared first on mameara.
]]>The post Collection of useful illustrator tutorials appeared first on mameara.
]]>
Funny Bee Illustration
Briefcase Icon
Simple Cardboard Box Icon
laptop icon
Vector Dog Character
Sleek DVD Player
Flowers and leaves
Gradient Strokes
Grimy Text Treatment with a Pen Tablet
Delicious 3D Lollipop
Vector Panda Character
Ominous Jar of Purple Ooze
Cute Panda Bear Face
Perfect Diamond
Realistic Grapes
Mouthwatering Chocolate Covered Strawberry
Happy Sun Character
Trendy Seamless Pattern
Tube of Paint and a Brush
Vector Bug
Shiny metal Icon
The post Collection of useful illustrator tutorials appeared first on mameara.
]]>The post Shiny metal Icon Tutorials appeared first on mameara.
]]>
Step 01
Open the adobe illustrator and create new page, select the size (1024px*768px) as the below.
Step 02
Create three circles using (Ellipse Tool) select Ellipse tool and right-click on the stage the Ellipse window options will appear, and set the options and colors for the three circles as in the following:
– Circle1 size: “210px*210px ” color: “#c1c1c1”
– Circle2 size: “160px*160px” color: “#e2e2e2”
– Circle3 size: “62px*62px” color: “#c1c1c1”
The following step is basic. if you know how to arrange the shapes please skip this step!
Step 3 “Arrange the shapes?”
The Arrange in adobe illustrator is to arrange the shapes over each other, for example, if you select a shape that behind other shapes then you select it and press right-clicks on the mouse then select “Arrange > bring to front” from the menu it will bring the shape to the front of all the shapes.
Step 4
Arrange the circles and set the smallest circle to the front the largest circle to the back to appear, then select the circles and open the align palette from “window>align” or shift + f7 and select the Horizontal Align Center and the Vertical Align Center, to align the circles to the center.
Step5
Select the small circle click Swap Fill and Stroke (shift+x) then from the stroke palette make the stroke weight:7.5pt .
Step6
In this step, we need to create a power icon. Press Ctrl+R to show the ruler and drag a guide to the top of the small circle, and add two points by Add Anchor Point Tool then select Direct Selection Tool and click on the top point and hit delete from the keyboard.
Step7
Select Line Segment Tool and draw it as below, then select the power icon and open stroke palette and click on the Round Cap. to round the endpoint of the strokes.
Step8
Keep selecting the power icon and go to Object>>Expand then click Ok on the expand window to convert the stroke to fill color. we do that because we can’t give the stroke gradient color.
Step9
Rotate the shapes. Go to the Effect>>3D>>Rotate from the menu, and put the following values:
X-axis: 29 -?? Y-axis: 16 – Z-axis: 11 and the Perspective: 115.
Step10
Expand 3D object and clean the shapes. Select the object and click on the Object>>Expand Appearance from the menu, then right-click select Ungroup right-click again select “Release Clipping Mask” then delete the mask *note that the mask appears without stroke and fill color. then select the shape and right-click again ungroup.
Step11
Coloring, select the gray frame and click on the Gradient icon where placed in the bottom of the Tools, and open the gradient palette, then add five gradient points on the gradient slider. we will start from the left point in the gradient slider:
When you select any point choice the Grayscale from the color options
Point01: Color: 40%K, Location:5% – Point02: Color: 0%K, Location:30%
Point03: Color: 40%K, Location:50% – Point04: Color: 0%K, Location:70%
Point05: Color: 40%K, Location:95%
Step12
Coloring the inner circle. first, select it and click on the gradient from? tools choose the color for the left point on the gradient slider Red: 214 – Green: 222 – Blue: 35 and for the right point on the gradient slider Red: 0 – Green: 104 – Blue: 65 then select the gradient tool and start a drag from the top left corner to the bottom right corner as below image, then select the power icon and choice the white color (#FFFFFF).
Step13
Select the metal frame and hit Ctrl+C and Ctrl+F to copy it and paste it in the same place, click fill color icon on the tools then click none to make empty fill color, now select the stroke with 4pt weight and light gray color (#EEEEEE).
Step14
Select the stroke and go the? Menu >> Object >> Expand and from the expand window hit ok to convert the stroke to fill color. again we do that because we can’t give the stroke gradient color.
Step15
Now keep select the expanded object and pick the Eye Dropper tool then click on the frame to fill the same gradient.
Step16
Select the Gradient tool and start a drag from the top left corner to the bottom right corner and apply the stroke with 0.5pt weight and gray color (#D3D3D3).
Step17
Select the green circle and copy and paste it in the same place, note that the power icon appear as part of the green circle, but it is not! That’s happened when we do Expand Appearance for the 3D rotate, so we can fix it just keep selecting the duplicated green circle and right-click on it and select Release Compound Path, that will separate the power icon, now keep selecting the objects and open pathfinder palette and select Add to shape area icon and the expand button will be active click on it.
Step18
Now just re-size the duplicated green circle by click on the top right point of the bounding box and start drag to the left bottom corner and keep pressing the Ctrl+Alt+Shift on the keyboard.
Step19
Select the bigger green circle and click on the gradient tool then open the gradient palette and select the type Linear and start a drag from the bottom right corner to the top left corner and keep dragging to the out of the object as showing below.
Step20 (The final step)
Duplicate the power icon, and move it up by pressing on the up arrow on the keyboard, then select the bottom power icon and click on the Eye Dropper tool then pick the green gradient color from the bigger green circle.
Final:
Beautiful! I hope you enjoy this tutorial.
The post Shiny metal Icon Tutorials appeared first on mameara.
]]>