Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own.  Home Vector Graphics Adobe Illustrator How to Make a Robot Character in Adobe Illustrator

How to Make a Robot Character in Adobe Illustrator

Browse Pages: 2  > >>

Look for inspiration

Well sure not all of us have the gift of being creative, but it's also true that every person has the ability to imagine an be creative in different levels and areas. We want to make a robot, right?, so check out some robot designs and notice what do they have in common, having that established, it will be easier for you to design your original robot character.

image 1

Create the canvas

First of all, we need to create our canvas, which is going to be 800 px X 800 px, more than enough for us to place our artwork, the other important values are RGB color mode and 72 dpi, these last to are making reference to the fact that we will be working for screen instead of printed medias.

image 2

Time to start our robot

OK, the first thing that we're going to do is the left arm of our robot; using the pen tool, let's trace the following shape (remember that for making straight turns you need to click over the last anchor point and then continue drawing, otherwise, you will be making curved turns).

image 3

Try not to use many anchor points because that will reduce the smoothness of our shape.

image 4

Now we need to colorize our robot's arm, use a gray tone for the stroke, which must be at 1 pt and basic brush.

image 5

As for the filling, we are going to use a radial type gradient, -129 angle and 100 % aspect radio.

image 6

image 7

image 8

image 9

This was a practice exercise for us to determine the proper gradient for the filling, it's time to make some extra adjustments to make our robot's arm to look great. Using the knife tool, let's make some divisions similar to those on Futurama Bender's arm, hopefully our robot doesn't get as beer addict as our beloved Bender ha ha.

image 10

Take a look at the first cut, all the rest are exactly the same.

image 11

Complete all the divisions until you finally get something like this:

image 12

With the divisions made, we proceed adjusting each part's properties, let's start from above. The stroke will remain the same across the whole arm, is the fill what we're going to modify, but not on its color properties, just in terms of the gradient position. Hit the G key to see the gradient modifier, all you need to do is switch every part's gradient position so we can work out a nice volume vibe.

image 13

Notice that the G key allow us to modify the gradient beyond the standard adjustments, let's see all the remaining part to see where the gradient handler needs to be placed on each occasion.

image 14

image 15

image 16

image 17

image 18

image 19

image 20

Zoom out and take a look at the arm, it looks great, isn't it?.

image 21 

Next thing to do is the shoulder, which is basically an ellipse filled with a gradient and a stroke. Using the ellipse tool, draw the shoulder and give it a 2 pt stroke.

image 22

If you hold Shift while making specific shapes, you can make them perfectly symmetrical.

image 23

As for the fill, let's use a 5 color gradient (radial type, 0 angle and 101 % aspect radio) and move the gradient center (G) towards the left side of the object.

image 24

As for the other colors, here are the screenshots.

image 25

image 26

image 27

Now copy paste the shoulder (Ctrl + C, Ctrl + F) and there are two things to do initially, first, remove the stroke and second, use the knife tool to divide it in two pieces, then clear the left part.

image 28

This is because we are going to make a shadow over the shoulder, is on these details where we reach quality on any design. Also move the gradient's center to the left.

image 29

It looks nice but I'm not satisfied, let's play with the transparency and switch the blending mode to multiply and the opacity to 50 %.

image 30

Next part is the torso, simply use the pen tool to draw it and give it a 2 pt stroke.

image 31

Regarding the fill, we used a 5 color gradient (radial type, -29 angle and 100 aspect radio) and moved the gradient's center to the left.

image 32

And these are the color values left.

image 33

image 34

image 35

image 36

Using the pen tool let's add a little detail that will indicate the area where the robot's head will be placed.

image 37

The stroke properties will be 1 pt and basic brush.

image 38 

Copy paste this line and move it a little bit over the original, then change the stroke color for a dirty green.

image 39

After this part, we are moving towards the right arm and for start, we're going to make the hole where the arm goes into, use the ellipse for fulfilling this purpose.

image 40 

Use a 2 color gradient for the filling (radial type, 0 angle and 100 % aspect radio).

image 41

Copy paste twice (Ctrl + C, Ctrl + F) this element, leave the first copy on the exactly same position as the original and as for the second copy, increase its size a little bit and move it towards the right.

image 42

Then select both copies and look for the pathfinder window at Windows>pathfinder.

image 43

Make sure that you still have the two copies selected, then click on the second button of the first row at the pathfinder menu. Apparently nothing will happen, but it did, we've just cleared the inner ellipse area from the big copy. We can now change its filling for a 2 color gradient (linear type and 0 angle).

image 44

With this base ready, we can start making the right shoulder, so grab the ellipse tool.

image 45 

Assign to this shape a 2 pt stroke, basic brush.

image 46

We need a 5 color gradient for the filling, radial type, 0 angle and 98 % aspect radio.

image 47

Check below the remaining color values for this gradient.

image 48 

image 49

image 50

Coming up are the left hand's finger, simple task for us , using the pen tool, draw the basic shape and place a 1 pt stroke on it.

image 51

As for the fill, let's go with a 5 color gradient (radial type, -106 angle and 100 % aspect radio).

image 52

And these are the other color values that conform the gradient.

image 53

image 54 

image 55

image 56

We are done with the first fingers, now let's move on to the division stage, take your knife tool and let's the operation begin.

image 57

Now we have our finger cut like this.

image 58

Like we did with the arm, let's adjust the color properties of each one of the divisions. The stroke will remain the same all the time, so the adjustments will only occur in terms of the gradient.

image 59

image 60

image 61

Then we make the main body of the hand, for this purpose we use the ellipse tool.

image 62

For this object we will use a 1 pt stroke, basic brush.

image 63

And how should we fill it?, yes, with a gradient (radial type, 0 angle and 100 % aspect radio) .

image 64

These are the same color values tan before, but just in case, lets check them out one more time.

image 65

image 66

image 67

Move to the right so we can start making the right arm, trace it using the pen tool.

image 68

And use a 1 pt line for the stroke of the object.

image 69

And now the gradient that fills the arm, you know what to do, the fill parameters will be radial type and 199 aspect radio.

image 70

And the other color values are the following:

image 71

image 72

image 73

image 74

And then comes the division, so grab the knife tool and start cutting.

image 75 

And it will look like this.

image 76

As you know, every division must keep the same properties than before the original was cut, I'm talking about both the stroke and the filling gradient. All we need to do is hit the G key and start adjusting the gradient centers.

image 77

image 78

image 79

image 80

image 81

And done with this part, so far our robot character must be looking closer to this.

image 82

Let's add another finger to the left hand, select the pen tool and start vectorizing.

image 83

We are using a 1 pt stroke for this finger.

image 84

Filling goes like this, a 5 color gradient (radial type, -116 angle and 100 % aspect radio).

image 85

And now take the knife tool and make the cutting, you already know how to do it image 86 .

image 87 

You must leave the finger looking like this.

image 88

And as usual, keep both the filling and stroke properties untouched, then hit the G key and start making the proper adjustments.

image 89

The two left have the following gradient's center position.

image 90

image 91

Great, we are doing fine so far, it's to finish this hand by making the last finger.

image 92

As usual, we set a 1 pt stroke for the exterior of the figure.

image 93

Then comes the gradient filling (radial type, -116 angle and 100 % aspect radio), the colors are exactly the same than the ones used on the other fingers.

image 94 

After that, you know that it's time for the cutting to start, so hurry up and select your knife tool.



Author's URL: tutorialshock
Browse Pages: 2  > >>
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own. More Adobe Illustrator Tutorials: Featured Materials | Fresh Materials | More Adobe Illustrator Tutorials at Vectorials.com


Like us to: