Find out the real might of Photoshop filters and the techniques used to create abstract images. This section contains the most unexpected graphic results.  Home Photoshop Special Effects Create the "Sackboy" Video Game Character in Photoshop

Create the "Sackboy" Video Game Character in Photoshop

Browse Pages: 2  > >>

Step 1

We'll create a new transparent canvass of 800 by 800 pixels. From the Tools bar, select the Pen Tool (P) and sketch out the head of our animated 'hero' as shown below. It doesn't have to be perfect.

image 1
(*note: select Paths from the Pen Tool's menu bar)
image 2

Step 2

By right clicking the drawn shape, select Fill Path and the colour; #6c4f32 to fill the shape and name this layer "head". To point out, for every shape drawn in this tutorial, we'll be using the Marquee Tool (M) to clear its outline after a fill's been applied. For example, select the whole shape with the Marquee Tool(whatever suitable shape as of the time) and press the delete key. Then press Ctrl+D to deselect the shape.

image 3

Step 3

Create a new layer by clicking the "New Layers" icon below the Layers Palette. Name this layer "body". Next, select the Ellipse Tool (U) and draw a tummy in an oval shape. With the Pen Tool, sketch out the arms and legs each with its own layer.You may name these layers "arm1?, "arm2?, "leg1? and "leg2."

image 4

Step 4

Right click each of these sketches and fill with the colour, #6c4f32.

image 5

This is the order the layers are arranged:

image 6

Step 5

We are now going to add a texture to all five layers.Go to Filter > Texturizer and in the dialog window, select the texture Burlap with Scaling at 103% and Relief at 3.

image 7

Step 6

Like Ive said, apply this texture to the arms and legs of the character.This is the result. Rather flat it may seem for now.

image 8

Step 7

I however felt that "arm1? was a little 'disjointed' for me. Hit Ctrl+T for Free Transform, right click and select Distort and adjust by from the corners as shown below. But this step could be avoided by drawing this arm perfectly from the start.

image 9

Step 8

Select the "head" layer and bring up the Layer Style menu by double clicking the layer. For the Bevel and Emboss style, enter the following:

image 10

This would add a directional light to the head of the subject.

image 11

Step 9

For the "leg1? layer, add an Inner Shadow Layer Style with it's Angle at 207, Distance at 20px, Size at 13px and Noise at 31%. More importantly, have the Global Light unchecked first before making these adjustments.

image 12

Step 10

Select the "Leg2? layer and add an Inner Shadow Layer Style. Of course with Global Light unchecked first, the Inner Shadow's angle placed at -149, Distance at15px, Size at 21px and Noise at 25%.

image 13

Step 11

For your "body" layer, the Inner Shadow Layer Style parameter would look like this:

image 14

Step 12

The "arm2? Inner Shadow Layer Style:

image 15

Step 13

The "arm1? Inner Shadow Layer Style:

image 16

Step 14

Select the "head" layer and duplicate it by right clicking it and choosing the Duplicate Layer option to do so. Then go on ahead to add a new Layer Style for it as shown below:

image 17

Now we're giving the figure a little more dimension.

image 18

Step 15

In a new layer, draw with the Line Tool or (any prefered tool of choice), a mouth at the lower base of the head.

image 19

Step 16

For another layer, draw two straight eyebrows and apply a Drop Shadow Layer Style to it.

image 20

image 21

Step 17

For the eyes, in a new layer, draw two round shapes right below the eyebrows making it intersects at points of each brow. Note that the right eye should be a lot more rounded and left eyes a little more
stretched in appearance. By pressing Crtl+T and right clicking to select Warp, have the eyes positioned as shown below.You can see that the left eye has a slight tilt upwards and the right eye is fairly bent at an angle towards the left.

image 22

Step 18

Have the "mouth", "eyebrows" and "eyes" layers selected accordingly and merge with the "head" layer. Go to Layer > Merge Down or simply hit Ctrl + E to do so.That done, Select Edit > Transform > Warp and only just slightly adjust the handles of the warp and the end result would be a head with a a more 3D look.

image 23

Step 19

In a new layer, select a soft brush at a size of 3px.With closely dotted application of the brush to the eyes, have the brush concentrated on the upper part of the eyes.

image 24

Step 20

Create a new layer and select the a Splatter brush - 24px and a black foreground colour. Delicately paint the face as shown below. There however are two methods you can use to clear the areas the brush overlaps. First, you can use the Eraser Tool (E) or select the layer while holding down the ALT key. Do this when done painting.

image 25

Step 21

Proceed to paint parts of the arms, body and legs.

image 26

Step 22

Still with the Splatter brush, change the brush colour to #d9bf9b. Across our subject's forehead, draw a near-crooked slanted line with the brush and also use the brush to trace out the bulge over the eyes for an angry look.Continue to apply the brush around the eyes and line that forms the mouth.

image 27

Step 23

Still with the same brush, paint over the portions encircled below, you may paint round other parts of the figure until you satisfied the figure is appropriately highlighted towards the direction of light

image 28

The final outcome.

image 29

Step 24

Add a new layer for the zipper, select the Rectangle Tool and draw intersecting rows of rectangles in the shapes of 'Ys'. Fill the these shapes with a white colour and deselect afterwards (when their outlines have been cleared). Hit Ctrl+T and right click to select the Warp option. Bend slightly the zipper to the right.

image 30



Author's URL: Design Reviver
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
Find out the real might of Photoshop filters and the techniques used to create abstract images. This section contains the most unexpected graphic results. More Special Effects Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: