Swiss Knife.docx

7/28/2019 Swiss Knife.docx

1/14

Step 1: Setting Up Your File

Create a 700px by 700px document. First, turn on the Grid (View > Grid) and the Snap to Grid (View >Snap to Grid). Next, youll need a grid every 5px. Go to Edit > Preferences > Guides & Grid, enter 5 in theGridline Every box and 1 in the Subdivisions box. You should also open the Info palette for a live previewwith the size of each shape. All these options will significantly increase your work speed.

Step 2: First Shape

Now, lets create the first shape. Grab the Rectangle Tool (M) and create a 500px by 120px shape. Selectit and go to Effect > Stylize > Rounded Corners. Enter a 55px Radius, click OK then go to Object >Expand Appearance. The resulting shape should look like the second image below.

Step 3: Cutting Into Our Main Shape

Pick the Ellipse Tool, create a 70px by 40px shape and place it as shown in the image below. Select italong with the shape made in the previous step and click on the Minus Front button from the Pathfinderpanel. Now you need to add a discrete rounded corners effect for the anchor points highlighted in thesecond image. To achieve this effect youll need theRound Any Corner Script.

Save it to your hard drive then pick the Direct Selection Tool (A). Use it to select the two anchor pointsand go to File > Scripts > Other Script. Open the Round Any Corner Script, enter a 5px Radius and clickOK. Take a closer look and youll notice that the points got rounded.
http://vector.tutsplus.com/articles/web-roundups/20-free-and-useful-adobe-illustrator-scripts/http://vector.tutsplus.com/articles/web-roundups/20-free-and-useful-adobe-illustrator-scripts/http://vector.tutsplus.com/articles/web-roundups/20-free-and-useful-adobe-illustrator-scripts/


2/14

Reselect this shape and go to Object > Path > Offset Path. Enter a -9px Offset and click OK. Now,double-click on the bigger shape (in the Layers panel) and name it 1, then double -click on the othershape and name it 2. It will be easier for you to find them when I refer to them during the tutorial.

Step 4: Color the Main Shape

First, lets focus on shape 1. Select it and fill it with the radial gradient shown below, then add a 3pt,

aligned to inside stroke (R=140 G=39 B=45). Add a second stroke (from the flyout menu of theAppearance panel) and make it 0,5px wide (R=105 G=39 B=45).

Select the fill from the Appearance panel and go to Effect > Stylize > Inner Glow. Enter the data shownbelow then click OK. Select the first stroke and lower its opacity to 50px, then select the second strokeand lower its opacity to 80%.


3/14

Step 5: Add Lower Highlights

Disable the Grid (View > Hide Grid) and the Snap to Grid (View > Snap to Grid). Go to Edit > Preferences> General and enter 1 in the Keyboard Increment box. Duplicate shape 2 (Command + C > Command +F). Select this copy, hit the up arrow once and the right arrow four times (to move it one pixel up and fourto the right).

Reselect this copy along with the original 2 shape and click on the Minus Front button from thePathfinder panel. You should get a group of 2 shape. Remove the left shape (pointed by the arrow) andselect the other one and fill it with white.

Step 6: Create More Highlights

Re-enable the Grid and the Snap to Grid. Pick the Ellipse Tool (L) and create a 5px by 70px shape. Grabthe Convert Anchor Points Tool and click on the top and bottom anchor points (highlighted with yellow).You should get a shape like the one shown in the second image.

Fill it with white and duplicate it. Select these two shapes and place them as shown in the third image.Take a closer look at the grid to understand the exact position. Add the Arc effects (Effect > Warp > Arc)

shown below, then go to Object > Expand Appearance.


4/14

Step 7: Soften the Highlights

Select the shape made in the previous step and set the Opacity to 60%. Now, select these two shapesalong with the shape made in step 5 and hit Command + G (to group them). Select this new group, lowerits Opacity to 40% then go to Effect > Blur > Gaussian Blur. Enter a 2,5px Radius and click OK.

Step 8: Create the Branding Mark

Now, lets create the little cross. The Grid and the Snap to Grid will ease your work. Grab the theRectangle Tool (M) and create a 50px by 50px shape. Fill it with none and add a 4px, aligned to insidestroke.

Select this stroke (from the Appearance panel), add a 8px Rounded Corners effect, then go to Effect >Warp > Inflate. Enter the data shown below, click OK then go to Object > Expand. Reselect the RectangleTool(M) and use two simple rectangles to create the cross. Select these two shapes and click on theUnite button from the Pathfinder panel.


5/14

Select the resulting shape along with the expanded stroke and go to Object > Compound Path > Make.Youll get a single path. Place it as shown in the final image. Fill it with the linear gradient, then add theOuter Glow Effect (Effect > Stylize > Outer Glow).

Step 9: Add More Detail

Grab the Ellipse Tool (L) and create a 15px by 15px shape. Fill it with none, add a 5pt, aligned to theinside stroke (R=153 G=34 B=46) and lower its Opacity to 25%. Make three copies of this shape andplace them as shown in the following image.

Step 10: Add the Tweezer Handle

Duplicate shape 1. Pick the Rectangle Tool (M), create a small square (10px by 10px) and place it asshown below. Add a 2,5px Rounded Corners Effect, then go to Object > Expand Appearance. Select theresulting shape and the copy of 1, and then click on the Intersect button from the Pathfinder panel.

Fill the resulting shape with the linear gradient, then make two copies. Go to Edit > Preferences >General and enter 0,25 in the Keyboard Increment box. Select the top copy and hit the up arrow and the


6/14

left arrow. Reselect both shapes and click on the Minus Front button from the Pathfinder panel. Fill theresulting shape with black and lower its Opacity to 25%.

Step 11: Add a Soft Shadow

Select the Rectangle Tool (M) and create a shape like the one shown in the first image. Fill it with white,add a 0,5px, aligned to the inside stroke (R=163 G=170 B=175). Now Send it to Back (Shift + Command+ Left Bracket key). Add a second fill for this rectangle and use the linear gradient shown below (theyellow text from the gradient stands for Opacity).


7/14

Step 12: Create the First Knife Shape

Now, lets make the blades. Lets start with the right one. Grab the Rectangle Tool (M) and create a 85pxby 430px shape. Pick the Add Anchor Point Tool (+) and add an anchor point in the point highlighted withred (image 1).

Next, pick the Direct Selection Tool (A) to move some anchor points. Select the top left anchor point andmove it 105px down, select the top, right anchor point and move it 160px down, then select the bottomleft anchor point and move it 30px to the right. Now your shape should look like the second image. Pickthe Convert Anchor Point Tool (Shift + C), click on the left anchor point and drag up. Drag the handles asshown in the third image.

Once again, the Snap to Grid will ease your work. Again, with the Convert Anchor Point Tool, click on thetop anchor point and drag it to the right. Now you need to move each handle separately. Pick the DirectSelection Tool (A), hold Shift, hover over the right handle (a plus sign should show up) then click and drag

it to the point shown in the final image. Lastly, select the left handle and drag it as shown below. Namethis shape RightBlade.


8/14

Step 13: Color the Blade

Select RightBlade, place it as shown in the first image, fill it with R=206 G=213 B=217 and Send it toBack (Shift + Command + Left Bracket key). Add three new fills for this shape and use the linear and the

radial gradients shown below. Select each fill (from the Appearance panel) and lower its Opacity asshown in the following images.

Step 14: Duplicate the Blade

Disable the Grid (View > Hide Grid) and the Snap to Grid (View > Snap to Grid). Go to Edit > Preferences> General and enter 1 in the Keyboard Increment box. Make two copies of RightBlade, select the topone and hit the left arrow.

Reselect both copies and click on the Minus Front button from the Pathfinder panel. Select the resultingshape, remove the extra fills (from the Appearance panel), fill it with R=96 G=101 B=106 and lower itsOpacity to 50%. Add two new fills for this shape and use the radial gradients shown below.


9/14

Step 15: Make the Knife Edge

Make another two copies of RightBlade. Select the top one and hit the right arrow three times. Reselectboth copies and click on the Minus Front button from the Pathfinder panel. Focus on the resulting shape,especially on the top area. Remove the top left anchor point and play a little with the handles to make itlook sharp. Fill this shape with white, lower its Opacity to 50%, then add a new fill and use the lineargradient shown below in the final image.

Step 16: Additional Knife Detail

Make another copy of RightBlade then select the Pen Tool (P) and create a shape like the red oneshown in the first image. Select it along with the copy of RightBlade and click on the Intersect buttonfrom the Pathfinder panel. Fill the resulting shape with the linear gradient and lower its Opacity to 10%.


10/14

Step 17: Insert Handle Grab Area

Pick the Ellipse Tool (L), create an 8px by 80px shape and place it as shown in the first image. Grab theConvert Anchor Point Tool (Shift + C), click on the top and bottom anchor points, then fill the resultingshape with R=163, G=163, and B=163.

Make two copies of this shape. Select the top one and hit the right arrow once. Reselect both copies, click

on the Minus Front button, then fill the resulting shape with R=130, G=136, and B=141. Now you need togive it a sharp look. Pick the Delete Anchor Point Tool (-) and click on the top, bottom, and right anchorpoints.

Step 18: Add a Shadow Across the Blade

Create one final copy of RightBlade, then select the Pen Tool (P) and create a shape like the red oneshown in the first image. Select it along with the copy of RightBlade, and click on the Intersect buttonfrom the Pathfinder panel. Fill the resulting shape with the linear gradient and lower its Opacity to 3%.


11/14

Step 19: Create the Left Blade

Next, well work on the left blade. Re-enable the Grid and the Snap to Grid. Grab the Rectangle Tool (M)and create a 90px by 430px shape. Select this shape and go to Object > Path > Add Anchor Points. Use

the Delete Anchor Point Tool (-) to remove the top, left and right anchor points (highlighted with red).

Now grab the Direct Selection Tool (A), and move the bottom, left and right anchor points. Move the leftone 10px to the right and the right one 5px to the left. Now, your shape should look like the secondimage. Use the Convert Anchor Point Tool (Shift + C) to add a bit of roundness for some of the anchorpoints. First, focus on the bottom anchor points, then move to the top one. In the end your shape shouldlook like image 4. Name it LeftBlade.

Step 20: Color the Left Blade

Select the shape made in the previous step and rotate it -45 (Object > Transform > Rotate). Place it asshown below, then Send it to Back (Shift + Command + Left Bracket key). Fill it with R=206, G=213, andB=217, then add three new fills and use the linear and the radial gradients shown below. Select each fill(from the Appearance panel) and lower its Opacity as shown in the following images.


12/14

Step 21: Create the Left Knifes Edge

Make another two copies of LeftBlade. Select the top one and hit the left arrow four times. Reselect bothcopies and click on the Minus Front button from the Pathfinder panel. Focus on the resulting shape,especially on the top area.

Remove some of the anchor points and play a little with the handles to make it look sharp. Fill this shapewith R=174, G=184, and B=188. Add two new fills for this shape and use the linear and the radialgradients shown below. Select the second and the third fill and set their Opacity to 50%.

Step 22: Add a Small Shadow on the Knife

Create another copy of LeftBlade, then select the Pen Tool (P) and create a shape like the red oneshown in the first image. Select it along with the copy of LeftBlade and click on the Intersect button fromthe Pathfinder panel. Fill the resulting shape with the linear gradient and lower its Opacity to 10%.


13/14

e

Step 23: Insert the Left Handle Grab Area

Duplicate the shapes made in step 17, resize them a little and place them as shown in the image below.

Step 24: Add the Final Shadows

Create one final copy ofthe LeftBlade, then select the Pen Tool (P), and create a shape like the red one

shown in the first image. Select it along with the copy of LeftBlade, and click on the Intersect button fromthe Pathfinder panel.

Fill the resulting shape with the lineargradient and lower its Opacity to 3%. Finally, lets add a simpleshadow effect below the penknife. Pitch the Rectangle Tool (M), create a 450px and 10px shape, place itas shown in the final image and Send it to Back (Shift + Command + Left Bracket key). Fill it with black,add a 5px Rounded Corners effect, a 13px Gaussian Blur effect then set the Opacity at 50% and youredone.


14/14

Conclusion

The final image is below.

Date post:	03-Apr-2018
Category:	Documents
Upload:	artis-tek
View:	216 times
Download:	0 times

Swiss Knife.docx

Documents