Making the head

Right, things have been pretty easy this far, now it’s time to increase the difficulty of this tutorial, we are going to create our robot’s head. For start, we need to select the pen tool and draw the basic shape that will determine the working space from now on.

We now proceed implementing a 2 pt stroke to the object with a basic brush.

As for the fill, let’s use a five color gradient (radial type, 88.4 angle and 77.6 aspect radio).

I bet you’re probably saying at this moment something like “What the hell?, my gradient looks different!!!” and you’re right, that’s because we haven’t hit the G key, which allows to make changes to the gradient’s center. Use it and you will be able to get the same gradient as we did.

The next shape we need to trace is the first insinuation of our robot’s mouth.

This shape is particular in terms of the gradient, because we need to reduce to 0 % the opacity of one of the gradient’s colors, (the properties are linear type and 54.3 angle), there’s also a need of using the G key to move a little bit the gradient’s center.

Now a tiny line to demarcate the last gradient, just trace it with the pen tool.

And with a 1 pt stroke (basic brush) is more than enough.

Using the ellipse tool, let’s make a small shape on the top of robot’s head.

Use a black and white gradient (linear type and 0 angle) to fill it, then switch its blending mode to screen and reduce the opacity to 60%.

Maybe another glow will be a nice complement for this ellipse, let’s do it.

Similar process, fill with the black and white gradient (linear type and 0 angle) and adjust the blending mode to screen, then reduce the opacity to 50 %.

Let’s begin with the eyes, you can make them however you like, for example we are making them big and rounded.

OK, follow these next steps to complete the shape. First you need to fill the object with a 2 color gradient (radial type, 0 angle and 136 % aspect radio), then adjust the gradient’s center hitting the G key, finally, switch the blending mode to multiply.

Copy paste this element (Ctrl + C, Ctrl + F) and reduce its size a little bit, then move it to the right. After doing that, we need to modify the gradient’s colors, the new gradient will have a total of 4 colors, do not change the type, angle or aspect radio.

Copy paste (Ctrl + C, Ctrl + F) these two ellipses and place them at the left side of the head, as you can see, there’s a perspective issue, and that’s why you need to decrease the size of the duplicated element.

The next thing to do is the pupils, let’s start with the right eye, select the ellipse tool and draw it.

We used a 1 pt stroke (basic brush), check it out.

This is probably the most complex fill on the entire tutorial, but don’t worry, we will show you step by step. The gradient filling consists of five colors and comes in radial type, 94.6 angle and 79.86 % aspect radio. It’s important to check the position of each color inside the gradient bar, otherwise you won’t get the result that we’re looking for.

Great work guys, we’re doing well, just a few more steps and our robot will be completed. Copy paste (Ctrl + C, Ctrl + F) the pupil and put it over the left eye, now our robot can stare to the infinite and beyond!!!.

Because it’s a robot, it’s necessary to place occasionally dividing lines indicating that our robot is made of assembled parts. Select the pen tool and trace the next line.

The line must be 2 pt width and basic brush.

Copy paste (Ctrl + c, Ctrl + F) the line and move it over the original line, then change its color towards a darker green tone.

Now our robot wants to yell, but he does not have a mouth, let’s give him one, this is what you need to do. Draw a large shape and give it a 1pt stroke.

The shape must look closer to this:

Remember what we did with the arms?, well we need to repeat that process, select the knife tool and start cutting until you get the following result.

OK, now let’s adjust the gradient fill for each part of the object.

Look at the following screenshot in order to complete each part’s filling, all the divisions have the exactly same gradient properties, so when you complete the first one, the rest will come out easily.

That was the stroke, now let’s see how the filling goes.

We need to reunite all this divisions into a single layer, select all the layers that you have used so far on the making of our robot’s mouth, then make click over the right menu at the layer section and select “Collect in one layer”.

And now that we have done this, we can assign some extra properties to the layer that will affect all the divisions of the previous shape that we were working at.

Pay attention to these part, go to Windows>Appearance and then we can begin working with layers.

From the appearance window, let’s start by adding a new fill, click on the button “add new fill”.

This fill is going to be a 2 color gradient (radial type, 0 angle and 57.16 % aspect radio), both colors are the same, but one of those (the right one) has a 0 % opacity.

Add another fill to the appearance section and adjust the gradient to the following parameters: Radial type, –0.15 angle and 81.52 % aspect radio, also leave in 0 % the opacity of the left side color.

Now we need you to draw a clipping path, for doing this, you need to first vectorize the figure with the pen tool.

Then adjust the stroke to 1 pt basic brush and fill it with a solid color.

Yes, the previous object should be seeing, we removed manually in Adobe Photoshop to help you realize better the structure of the figure that we will be using for the clipping path. Select everything (of the mouth of course) and go to the layer menu, then open the contextual menu and select “Make Clipping Mask”, now our robot’s mouth has been completed.

That was the tuffest part of this tutorial, what comes next is very simple, that means that our robot is almost ready, hurry up and grab the pen tool and start making the next object.

This next figure is a glow, fill it with a black and white gradient (linear type and 0 angle) and then change its blending mode to screen and reduce its opacity to 50 %.

Then we’re going to add a subtle shadow over the mouth, draw it using the pen tool.

Assign a 1 pt stroke to our shadow object.

Adjust its filling to a two color gradient (radial type, 0 angle and 100 % aspect radio) and reduce its opacity to 53 %, also make sure that the gradient’s center is at the same place that the screenshot.

Then we add a highlight over the left eye of our robot.

Fill it with a black and white gradient (linear type and 0 angle) and adjust the blending mode to screen, after that, you need to reduce the opacity to 60 %.

Same thing for the right eye.

No further changes on this part.

More highlights, the next one goes on the lower part of the left eye.

Once again, do not make any changes to the gradient values.

Keep it up, we’re almost there, just a couple of minutes before we finish our robot, next part is another highlight.

This one needs you to change the angle to –37.8.

Let’s add another classical structure line to our robot’s head.

The line must have a 2 pt stroke, basic brush.

Copy paste (Ctrl + C, Ctrl + F) the line and put it a little above the original, the switch the stroke color for a darker tone of green.

Perhaps an additional glow near the mouth will look nice, let’s give it a shot.

Fill this one with the classic black and white gradient (linear type and 0 angle), then adjust the blending mode to screen and reduce the opacity to 50 %.

And here comes the final part, a true robot must have an antenna!!!, right Bender?.

This one has a 6 pt stroke, basic brush.

And the little ball that goes on top of any robot’s antenna.

First is the stroke, I think that a 2 pt basic brush is more than enough.

As for the filling it goes like this: 5 color gradient (radial type, 0 angle and 100 % aspect radio).

And that’s it, the robot is finished, aren’t you happy?, I think this has been one of the most amusing tutorials to the date, take all the time you need to fulfill it and let us know your results. We also like to ask you to leave all your suggestions and comments regarding Tutorialshock, we are always looking to improve the quality of our contents, thanks for reading us and well, see you next time.

Дата добавления: 2015-07-12