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 Design a Vector Character

How to Design a Vector Character

Browse Pages: << < 1  2 

image 72

We need to make him a little bit more real, so let's draw a couple of eyebrows. Simply use the pen tool to create it and the gradient will come automatically because it was the last fill that we used.

image 73

image 74

Copy paste this eyebrow (Ctrl + C, Ctrl + F) and go to Object>Transform>Reflect, then verify that vertical is checked and hit OK, place it over the left eye.

image 75

image 76

image 77

He can see but not speak, some girls will love that, but we don't, so let's give him a mouth. Create it using your pen tool and adjust the gradient colors to white to the left and gray to the right, also leave the type linear and the angle -90.

image 78

image 79

image 80

For the next step, use the pen tool once again and draw it in top of the last shape we did, leave the gradient values the same but change the colors to red and dark red.

image 81

image 82

image 83

We have completed the head, but we know that there is no oxygen in space and for that reason our astronaut needs a helmet. The process is very simple, use the ellipse tool to draw it and change the gradient colors to blue and light orange (right to left), leave unchanged the other values.

image 84

Once you've done it, go to Transparency and change the blending mode to Overlay and reduce the opacity to 40 %.

image 85

image 86

image 87

Without lighting effects our helmet will look like a simple gradient shape. Use the pen tool to create two shapes similar to an exclamation sign, then select and join the two pieces using the pathfinder tool.

image 88

image 89

Don't touch the gradient values, just the colors. Change both to white but reduce to 0 % the opacity of the left one.

image 90

The glass alone will probably break, so it probably needs some protection. Grab the pen tool and draw a shape on the upper side, then use the eyedropper tool to copy the fill properties but switch the angle to -78.

image 91

image 92

image 93

Proceed by making a copy of this shape so we can use the knife tool one more time. Once you have placed the copy, make a first incision over the upper side, then adjust the properties as the ones we show you at next. (type>radial, angle>-78, screen and 50 % opacity).

image 94

image 95

OK, more highlights. Use the knife tool again to generate a shape over the right side of the helmet, then check that both the gradient and transparency properties remain the same than the last one.

image 96

image 97

We are missing the shadows, lets make a large shape by cutting with the knife tool the lower side of the helmet. As you have seen, the difference between shadows and highlights relies on the transparency window, in this case, you must switch those properties to screen and 50 % opacity.

image 98

After completing the space helmet, lets draw a tiny line across the body to give our character some extra detail. Make sure that the stroke is set in 1 px and the opacity 50 %, also make sure that you're drawing a stroke and not a fill.

image 99

image 100

image 101

image 102

Did you realize that our guy was missing his hands?, he needs them to grab some space rocks and place the flag over the moon. Pick up your pen tool and draw the left hand, regarding the fill, use the eyedropper tool to copy the properties of the body, also make sure that the angle is set in 90 degrees.

image 103

image 104

Now the highlights of the hand. Generate a copy of the hand and place it over the original (Ctrl + C, Ctrl + F), then use the knife tool to slice a piece of the shape.

image 105

Leave all the gradient properties untouched and change the transparency to screen and 50 % opacity.

image 106

Proceed by tracing a line with the knife tool at the lower side of the hand's copy and clear all the rest. Adjust this shape properties to multiply and 100 % opacity.

image 107

image 108

The same process must be completed to create the right hand. So first, draw the basic shape with the pen tool.

image 109

Then use the eyedropper to copy the properties of the left hand's mid tone.

image 110

image 111

Be patient my friend, we are almost done. As we did with the left one, copy the hand and paste the duplicate exactly over the original. Then use the knife tool to trace where the shadow is supposed to be.

image 112

Finally, copy the properties of the left hand's shadow using the eyedropper tool.

image 113

image 114

Same way for the highlights, slice the hand's copy at the upper side.

image 115

Now copy the fill properties of the left hand's highlight with the eyedropper tool.

image 116

image 117

I think we are almost done. The only thing left to do is the left food, so hurry up and lets finish our astronaut. Pick the pen tool and draw the main shape for the foot.

image 118

image 119

Copy paste the foot so we can start working on the highlights and shadows. Then use the knife tool to divide the shape and generate the shadow.

image 120

This shadow is darker than the rest, so copy the fill properties directly from the darkest gradient at the back using the eyedropper. Make sure that the transparency is set on Multiply, 0 angle and 100 % opacity.

image 121

image 122

The highlight is less visible than the shadow, due to the volume reference. Cut it with the knife tool and clear all the spare parts.

image 123

Now copy the fill properties from the right foot's highlight with the eyedropper.

image 124

image 125

The next step is going to be made with no slices or copies. With the pen tool, lets draw a shape at the upper right side of the foot.

image 126

After that, copy the fill properties of the foot's mid tone, make sure to leave in Normal the blending mode.

image 127

Finally, the last thing before our astronaut is complete. Lets draw a volume shape over the left foot's shadow.

image 128

Now use the eyedropper tool to copy the right foot's shadow properties.

image 129

image 130

Houston, we have no problems. Our astronaut character has been completed. We have learned to take advantage of tools such as the knife and eyedropper tool to generate some pretty cool drawings. Feel free to check the complete background within our Twitter. See you around guys.

How to design a vector character



Author's URL: tutorialshock
Browse Pages: << < 1  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: