Let’s face it, those minion characters from Despicable Me were pretty darned cute. In today’s tutorial, we will use Photoshop and Illustrator to create a cute minion character. Let’s get started!
Step 1 – IllustratorCreate an 800x600px document in Illustrator (Cmd/Ctrl + N).
Step 2Begin to draw the body. Select the Rounded Rectangle Tool then as you drag the cursor, repeatedly press the up arrow key to change the radius of the corners until you get some like the image below.
Step 3Now copy the body (Cmd/Ctrl + C) and paste it in the same position (Cmd/Ctrl + F), move the original body away for now. With the Rectangle Tool (M) draw a rectangle like the image below, then in the Pathfinder panel press the Minus Front button to obtain the first part of the shape.
For the second one, draw another rectangle and on the Menu Bar select Effect > Warp > Bulge. Set Horizontal and Bend to -11%, leave the rest to 0, click Ok button to confirm. Select the rectangle and in the Menu Bar let’s click on Object > Expand Appearance.
Now dispose the first and the second part like image below, select them and in Pathfinder Panel click on Unite button. To make the shape more rounded use the Direct Selection Tool (A), then try to move the anchor point and handles.
Step 4With the Rectangle Tool (M) draw a square (hold down Shift while dragging). Then use the Direct Selection Tool (A) to select the two bottom points and press the Convert Button in the Option Bar. Adjust the handles until you get a result like the image below. (You don’t need to do those shapes exactly as I do, because the aim of this tutorial is to create a pack of different minions, so follow my guidelines but try to customize your minion too).
Step 5For the shoulder strap let’s draw another rectangle. Then in the Menu Bar select Effect > Warp > Arc set Vertical; Bend to 11% and Vertical Distortion to 20%. Remember to Expand Appearance like before or when you will try to rotate or transform this object the effect will be re-applied with some unwanted results.
With the Direct Selection Tool (A) round a little the top left corner.
Let’s add a circle with the Ellipse Tool (L) and dispose it like the image below. Then duplicate the shoulder strap and right click on the copy, select Transform > Reflect set the mode to Vertical and click Ok button.
Step 6Now let’s draw the arm. Select the Pen Tool (P) and draw a shape like below. Then duplicate and reflect it.
Step 7To draw the hand we have to use the Pen Tool (P). Let’s draw something like the image below. When you’re done, duplicate and reflect vertically the hand. This time you wont need to Expand Appearance because there’s no effect applied to the path. Instead, if you select, by mistake, in the Menu Bar Object > Expand you will expand the stroke and the fill (if some) of the path, getting a totally different result, so pay attention.
Step 8Do the same for the shoe. Draw it with the Pen Tool (P). Create the curved line and then place it on the shoe. So, as usual, duplicate and reflect. If wanted, you can adjust the copied shoe as shown.
Step 9For the mouth draw a casual shape like below. The really nice thing about this tutorial is that we are working with vector layers (and smart objects in Photoshop) so you can make an infinite number of minions simply by change some anchor point.
Step 10Time for glasses now. Draw a circle with the Ellipse Tool (L), then duplicate and make it smaller. Select the two circles and in the Paths Elaboration panel, click the Minus Front button to obtain the final shape.
Step 11Create another circle, this time smaller. Select the previous shape and the small circle. Next click on the Horizontal Align Center button in the option bar. Put the smaller circle on top like the image below (Hold Shift button and press Up Arrow key to move the circle only vertically).
Now select the small circle and in the Menu Bar click Effect > Distort and Transform > Transform. Set the copies value to 10, Horizontal to -41pt, Vertical to 12pt and Angle to 33 degrees. You may need to play with those values until you align correctly the circles like below. This step will be very frustrating if you’ve never used this feature before. My advice is to experiment until you get a nice result, otherwise you can simple duplicate the circle and place it where you want. The trick is: if you decrease Horizontal value increase Vertical and vice versa.
Step 12To create the first part of the band draw a rectangle, select the Add Point Pen Tool (+) and add three points on the left side. Then convert the points to curves and adjust them like below. If you want to do a really precise work, just create the first curve, then subtract a rectangle from the shape to crop it. Duplicate, reflect and merge the two shapes with Pathfinder panel, done.
Step 13For the second part, simply draw two rectangles and round the corner as the Step 4, then merge them. Let’s assemble the pieces now.
Step 14Last thing to do for the skeleton is to create the eye. Draw a circle and squeeze it a little (hold Alt key to reflect the transformation in two way). Finally place the eye inside the glasses. Now if you want, you can draw the little circles to complete the eye, but it’s optional.
Step 15 – PhotoshopCreate a 1200x1200px document in Photoshop set the resolution to 300dpi and color mode to RGB. (Cmd/Ctrl + N).
Step 16In this project we will use this color palette and some variations derived.
Step 17Now open the previous skeleton.ai file and select the entire skeleton. Let’s do a copy and paste into Photoshop, be sure to select Smart Objects in the pop-up window that appears. Now double click on the layer in Layers Panel to open the Layer Style window. Check the Color Overlay style and select a red color, press the Ok button to confirm. Rename the layer "skeleton" and lower the opacity to 60%. We will use it as a reference to adjust the various elements. Put this layer on top.
Step 18Import every single piece of the character separately. Start with the body. But first in Illustrator, invert the color of stroke and fill by pressing the invert button in the toolbar. Copy the body and import it in Photoshop as a Smart Object.
Step 19Let’s do the fun part now. Rename the imported layer "body" and double click on it (always stay organized with layers, in this project there are more than 70). In the Layers Style windows check Gradient Overlay and set it as image below. The color for the gradient are #f6da6e and #9a701b. Press Ok to confirm.
Step 20Now import the left arm from Illustrator, remember to invert stroke with fill first. Add the Layer Style below. Once finished duplicate the arm layers (Cmd/Ctrl + J) then press Cmd/Ctrl + T to transform the layer, when you see a box surrounding the arm, right click on it and then select Flip Horizontal. In the Layer Style of the copied arm, adjust the angle, you have to do it for each reflected layers in this tutorial. Use now the skeleton layer as a reference to place arms in right place. The original body in the movie has no texture; it’s look like plastic instead.
Step 21Import the left hand and add the following style.
Step 22To create the finger detail, add a new empty layer, make a little round selection with the Elliptical Marquee Tool (M), then with the Gradient Fill Tool (G) fill the selection with a white to transparent gradient as below.
Duplicate this layer, then move the copied layer by pressing one time the right arrow key and then the up arrow key. Now hold down the Cmd/Ctrl key and click on the icon at the bottom of layer thumbnail to load the layer as a selection, and then press Backspace to erase the selected part.
Merge the two finger layers by selecting in them in Layer Panels (Hold Cmd/Ctrl to select multiple layer) and pressing Cmd/Ctrl + E. Decrease opacity to about 40-60%. Finally add this Layer Style to the finger. Duplicate and reflect the hand and the finger. Keep organized the layers by grouping them.
Step 23Import the left shoe now, without the curved line. Add the following Layer Style. (To move the gradient simply drag it once you open the Layer Style panel in the Gradient Overlay tab).
Create a new empty layer, select the Brush Tool (B), right click on the image to open the Brush Tool Option Panel and choose a grunge brush. Let’s paint with white to add some detail, then lower the opacity to 50% and set the blending mode to Overlay to gain much deeper color.
Step 24To add more detail to the shoe import the curved line, add this Layer Style and decrease the fill of the layer to 0%. You have to repeat step 23-24 for right shoe (simply import it and add the previous Layer Style by dragging it in the imported shoe layer while holding down the Alt key). Although, you have only to duplicate and reflect the left shoe, and change the gradient position.
Step 25Now is time to do the first part of the suit. Import the center part and add the following style. You’ll notice that the drop shadow comes out from the edges of the suit. To fix it on the Menu Bar select Layer > Layer Style > Create Layer to isolate the individual layer style into layers. This is a very nice feature, useful in cases like this. So just use the Eraser Tool (E) on the shadow layer to fix the problem.
Step 26To give a more realistic look to our minion we have to texturize it. So open up the jeans texture in another document, desaturate it by pressing Shift + Cmd/Ctrl + U. Then copy and paste the texture inside the minion document and adjust it like below.
Step 27Now let’s create a layer mask, simply by loading the suit layer as a selection, Cmd/Ctrl + click on layer’s thumbnail, and then press the apply Layer Mask button. Set the blending mode to Screen.
Step 28With the Brush Tool (B) select a very soft brush and try to smooth the texture on the edge by painting on the mask like image below. The famous rule is: white shows, black hide. If you think that the overall texture effects is too strong, try to decrease the opacity or apply a Adjustment Layer Levels and decrease the Output Levels right cursor until you get the desired effects.
Step 29Do the same as step 25-28 to add textures and shadows to the shoulder straps. While repeating Step 25 add only the Drop Shadow styles.
Once finished use this Layer Style below. A good thing is to rotate the texture to give a more realistic looks, remember to unlock the mask from the layer by clicking the little icon between thumbnails in the layer.