website promotion banner
eturnkeys
Your Ad Here
Vector Graphics  Home Vector Graphics Adobe Illustrator Spiderman Eyes
rss

Spiderman Eyes

Author: dX-Blogger More by this author


Step 1: Create a new file with any Artboard Setup and make sure you select the RGB Color for Color Mode. I used 600px x 600px artboard setting in this tutorial.

Step 2: Select the Pen Tool (P) Spiderman Eyes image 1 and make sure your fill color look like this:

Spiderman Eyes image 2

Make the first Anchor Point Spiderman Eyes image 3 in your artboard. After that, make another Anchor Point at the top left from the first one. Stay at that point and don't release your left click. Drag your mouse cursor to the top a little bit to make a curve and release your left click. It would be something like this:

Spiderman Eyes image 4

Now, this is the important step. While the pen tool is still selected, click on the anchor point that we've just created to get rid one of the anchor point's handler.

Spiderman Eyes image 5

Why do I say that this is an important step?

Well, I don't know how to say but if you did this every time after you've added a new anchor point, you'll be able to control on how the curve will be drawing after that.

If you try to trace some photo using Illustrator, then, this is the step that you should know or you'll be end up with an ugly shape.

Step 3: Make the third anchor point on the bottom-center of the line created before. Hold your left click and drag your mouse cursor to the first Anchor Point a little bit until you satisfied with the shape (see below).

Spiderman Eyes image 6

Step 4: Complete the shape with clicking to the first Anchor Point (see below).

Spiderman Eyes image 7

Note:

1. At this point, I expect that you've know on how the pen tool works. We have to click at our very first anchor point to complete the shape except if you only want to draw a curve line.

2. The curve shape will be appear when you start dragging your second anchor point to the left-right or top-bottom.

3. By pressing the Shift key while you're dragging the anchor point, you'll able to draw the curve in 45 degrees, 90 degrees and so on.

Step 5: Select the shape that you have just created and go to Object > Path > Set Path. Enter this value, Offset: 5px, Joins: Miter, Miter Limit: 4. Press OK (see below).

Spiderman Eyes image 8

Step 6: To make the shape angle look nicely, select the Direct Selection Tool (A) Spiderman Eyes image 9, after that select the offset path and then select the Add Anchor Point Tool (+) Spiderman Eyes image 10. Add Anchor Point to the angle and move it up-down or left-right using the arrow key at your keyboard (see below).

Spiderman Eyes image 11

Step 7: Select the whole image, copy (Ctrl + C) and paste it in front (Ctrl + F). And then right click > Transform > Reflect and select Axis: Vertical, Angle: 90. Move the duplicate image to the right and congratulation, you've draw the Spider-man's eyes!

Spiderman Eyes image 12

And this is the Spider-man's eyes!

Spiderman Eyes image 13

Ok, go to next step to give this eye some color.

Step 8: Select the eye on the right side and remove the outline stroke by clicking the None tool or press the / on your keyboard. See below:-

Spiderman Eyes image 14

Just right after that, apply the White, Black gradient effect on it.

Spiderman Eyes image 15

Note: Go to the menu bar Window > Swatches to open your Swatches palette.

Step 9: Now, press V to select the eye on the left side. Repeat Step 8 to remove the outline stroke and apply the gradient. You should have something like this:-

Spiderman Eyes image 16

While the eye is still on selected, go to Gradient palette or press F9. Set Angle: 180 and press Enter.

Spiderman Eyes image 17

Step 10: Select both of the eyes offset path. To do it, click on the left offset path and while pressing the Shift key, select the right offset path.

Spiderman Eyes image 18

Then, once again, repeat Step 8 to remove the outline stroke and apply the gradient effect. You should have something like below:

Spiderman Eyes image 19

While the offset path is still on selected, go to Gradient palette or press F9. Set Angle: 90 and press Enter.

Spiderman Eyes image 20

Step 11: Next, we gonna apply some glow effect for the offset path. Go to Effect > Stylize > Outer Glow. You'll see the Outer Glow window. Click the faded yellow box to change the color. Enter CC0000 in the # box.

Spiderman Eyes image 21

Press Enter and press Enter once again. You'll get something like below:

Spiderman Eyes image 22

Ok, it's done for the eyes. Next, for the background.

Step 12: Select the Rectangle tool or press M and click once at the artboard. You'll see a popup window. Enter this value. Width: 350px and Height: 175px and press Enter.

Then, apply the White, Black gradient effect on it.

Spiderman Eyes image 23

Now, go to your Gradient palette or press F9. Set the Type: Radial. Then, drag the red color from Swatches palette to the left handler of the Gradient palette. See below:

Spiderman Eyes image 24

Finally, right click on our background image > Arrange > Send to Back or just press Ctrl+Shift+[.

Our final result:

Spiderman Eyes Tutorial: Final Result

Yeahh..that's all and hope you enjoy this tutorial. If you want to add the Spiderman 3 font, just download the Homoarakhan Font.



Author's URL: dx-xel.net

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Spiderman Eyes"