How to Draw a Converse “Chuck Taylor” Shoe in Photoshop

How to Draw a Converse “Chuck Taylor” Shoe in Photoshop
How to Draw a Converse “Chuck Taylor” Shoe in Photoshop

Learn how to create a Converse Chuck Taylor shoe and create beveled text. This tutorial will show you some drawing basics and techniques for applying textures.


Preview of Final Results

final-results

Download the PSD

Chuck Taylor.zip | 8.55 MB
Download from FileSonic
Download from Website


Converse Chuck Taylor Shoes Photoshop Tutorial


Resources


Step 1 New Document

Create a New Document. The size of my canvas is 600px x 700px with a 72dpi resolution.

step-001

Step 2 Background

Now we will create the background. On your 'background' layer add this Layer style by double clicking this layer and adding a Gradient Overlay

step-002
step-002a

Step 3

Create a new layer above your background layer and grab your Rectangular Marquee tool. Make a selection, a little less than half of your canvas.

step-003

Step 4

Next, grab your Gradient Tool and make sure that your tool is set to these settings. The gradient is #5B3C70 to transparent.

step-004

Step 5

Take your tool and start from the top of the selection and drag it down to the bottom.

step-005

Step 6 Illustrator

Now open up Adobe Illustrator and with the pen tool selected, create the shape of a shoe. I created my outline of my shoe in Illustrator because the pen tool is a bit easier for me to use. It doesn't matter what color you fill it with.

step-006

Step 7

Now transfer it over to Photoshop by using 'drag and drop' and name it shoe and duplicate this layer. Now apply this color overlay to the 'shoe' layer.

step-007


Step 8

Then go to Layer>Layer Style>Create Layer. Now we will leave this 'shoe' layer alone for now and on your 'shoe 2' layer add this pattern overlay. Make sure that this layer Fill is at 0%

step-008

Step 9

Now 'convert it to a smart object' and 'rasterize' it. Then change this layer to Multiply. You can rename this layer 'pattern'

step-009

Step 10

Create a new layer and name it 'shadow.' Grab your paint brush tool and with a 92px soft round brush (#000000) selected darken in the areas around the edge of the shoe erase any areas that go outside of the shoe. And change this layer to soft light.

step-0010

Step 11

Create a new layer and with your pen tool make a shape like the image below for the tip of your shoe.

step-0011

Step 12

Create a new layer and select your paint brush tool (#dedcdc 61px soft round brush Flow: 27%) and paint along the bottom tip of the shoe, erase away the areas that go outside the tip of the shoe.

step-0012

Step 13

Now we will create the outer lining of the shoe. Create a new layer and name it 'outer lining'. Grab your pen tool and make a shape like the image below, then make a selection of it and fill it with #ffffff

step-0013

Step 14

Now we will shade in the lining just like we did the tip of the shoe. Get your 32px soft round brush (#dedcdc, Flow:27%) and shade in the lining around the bottom

step-0014

Step 15

Create a new layer and again grab your pen tool. Make sure that your paint brush is set to 4px hard round brush and the color is set to #2f2f2f

step-0015

Step 16

Right click it and select stroke path. Then erase away the ends of the line so that it fades out, use a soft round brush

step-0016


Step 17

Create a new layer and make a shape like the image below. I made this shape red so that you could see the shape of it but fill your shape #f1f1f1

step-0017

Step 18

Duplicate this layer and add this Pattern Overlay to this second layer

step-0018

Step 19

Create a layer mask from this layer (circle inside a square icon) and erase away the pattern around the edges of this shape.

step-0019

Step 20

Create a new layer underneath this shape and add a bit of a shadow with a 15px soft round brush (color: #dbdbdc Flow: 100%). Also reapeat this same step but place it above this shape layer

step-0020

Step 21

Create a new layer and with a 58px soft round brush Flow: 25% Color: #e5e5e7 paint around the entire lining. Make sure to leave some areas white.

step-0021

Step 22

Create a new layer and with your pen tool selected make a line around the lining. Again make sure that your pen tool is set to 4px hard round brush #2f2f2f. Make your line and right click on the line and select stroke path.

step-0022

Step 23

Now we will add some highlights to this line. Create a new layer and with a small soft round brush #ffffff, paint in some highlights on the line. Then make this layer Opacity: 63%

step-001[1]

Step 24 Rings

Now we will create the holes or the rings that the shoe laces go through. Grab your Elliptical Marquee Tool and make a circle. Note: I like to hold down the shift key when doing this so that I get a even round circle. Fill it with #ffffff

step-0024

Step 25 Contract the selection

Select>Modify>Contract then click 'ok'

step-0025


Step 26

Press your delete key to delete the inside of the circle and apply these layer styles

step-0026
step-0026a
step-0026b

Step 27

Duplicate this layer and place it adjacent to the first ring

step-0027

Step 28

Repeat these last couple of steps again to make the circles but this time contract it by 2px instead of the 3px and duplicate this ring several times

step-0028

Step 29

Now we will create the inside of the shoe. Grab your pen tool and make this shape and fill it with #ffffff

step-0029

Step 30

Create a new layer and with 26px soft round brush #b9b9b8 paint on the inner lining like so. Change around the Opacity to create different shades. Erase the unessary areas

step-0030

Step 31

Create a new layer and with a 8px soft round brush #ffffff, paint along the outer edge primarily at the top

step-0031

Step 32

Go back to one of your ring layers and duplicate it and place it on top of the inner lining of the shoe. Erase the part of the ring that overlaps the shoe.

step-0032


Step 33

Create a new layer underneath this silver ring and paint a dark shadow underneath using the paint brush tool. Don't use black but use a dark gray color.

step-0033

Step 34 Converse logo

Create a new layer and with your Elliptical Marquee tool make a circle and fill it with white

step-0034

Step 35

Create a new layer and with a 46px soft round brush #d6d4d4 shade in the circle. Erase the areas that go outside the circle

step-0035

Step 36

Create a new layer and name it 'Star' and grab your pen tool and make star shape and make a selection of it and fill it with #2a355d

step-0036

Step 37 Stitching

Create a new layer and with your elliptical tool make another circle a little bit smaller than your last one

step-0037

Step 38

Edit>Stroke

step-0038

Step 39

Create a layer mask and with a small round brush erase away parts of the circle so that it looks like stitching

step-0039

Step 40

Grab your Type tool and type 'Converse' change the color of the text to #e34f4d. The text that I'm using is called Bou College the size is 8pt.

step-0040

Step 41

Click the 'Warp text' symbol and add this setting

step-0041


Step 42

Type out 'All Star' and add this setting

step-0042

Step 43

Type out 'Chuck Taylor', I'm using a font called Bradley Hand ITC at a 7pt size with a color of #2a355d

step-0043

Step 44

Go back down to the very first circle layer and add this drop shadow

step-0044

Step 45

Create a new layer and grab your pen tool and draw a line from the edge of the inner lining to the outside tip of the shoe. Make sure your paint brush tool is set at 2px hard round brush #f2f2f2. Select 'stroke path' after right clicking the pen tool line.

step-0045

Step 46

Create another line but change the color to #2c1b2c<

step-0046

Step 47

Add this drop shadow

step-0047

Step 48 Shoe strings

Now depending on whichever you prefer make your shoe string shapes in Photoshop or Illustrator. Grab your pen tool and start making your shoe laces.

step-0048

Step 49

Add thses layer styles

step-0049
step-0049a
step-0049b


Step 50

Create a new layer and with a small soft round brush #6e6e6e darken in the areas of the laces. Play around with different opacities too to get the right look.

step-0050

Step 51

Create a new layer and highlight some of the areas with #ffffff change the Opacity of this layer to 74%

step-0051

Step 52

It is best to place all of the files pertaining to shoe laces in a folder to keep it organized. Now create a new layer and with your Elliptical marquee tool and make a oval. Fill it with white

step-0052

Step 53

Add a Drop Shadow

step-0053

Step 54

Change the opacity of this layer to 53%. Create a new layer and with a small round brush #6e6e6e darken the edge of this shape

step-0054

Step 55

Now create the rest of the laces and repeat the above steps

step-0055

Step 56

Create a new layer and with a #5d5d5d 8px soft round brush paint inside the holes where the laces are. Just darken in those areas. Change this layer to Multiply with an Opacity of 72%

step-0056

Step 57

Create a new layer and with a medium size soft round paint brush #5d5d5d darken the area on the tip of the shoe

step-0057

Step 58

Create a new layer repeat the last step but use this color #6a506b with a Fill of 72%

step-0058


Step 59

Now go back down to your 'shoe' layer (it should be underneath your pattern layer) and 'convert it to a smart object' and 'rasterize it.' Then take your burn tool and use a combination of Ranges and different size brushes to darken your shoe

step-0059

Step 60

Now on your pattern layer go to Filter>Liquify and distort the pattern a bit. Brush size: 71 Brush Density: 100 Brush Pressure: 52 Brush Rate: 80

step-0060

Step 61

Now take all of your layers pertaing to your converse shoe and put it in a folder. Duplicate this folder and 'convert it to a smart object' and 'rasterize' it. Change the Color overlay to black #ffffff. Next, blur it.

step-0061

Step 62

Now we are done with the shoe and time for the text. The text that I will be using is called Channel. Type out 'Chuck'

step-0062

Step 63

Then click the warp text icon and add this setting

step-0063

Step 64

Change this layer to 'Soft Light' and a Fill of 0% and add these layer styles

step-0064
step-0064a
step-0064b
step-0064c
step-0064d

Step 65

Repeat these same steps and layer styles for the word 'Taylor'. The only thing to change is the 'warped text'

step-0065

Step 66

Create a new layer adn with a 8px soft round paint brush #5b3c70 paint along the edges of the word.

step-0066

Step 67

Change this layer to Divide

step-0067

Final Results

final-results[1]

Authors Comment

profileI hope you enjoyed it!

-Ashlee

Download Free Presets
Sponsored

Download Lightroom presets and LUTs, absolutely free. Use the presets to add creativity and style to your photos.

2 comments on “How to Draw a Converse “Chuck Taylor” Shoe in Photoshop”

Leave a Reply

Your email address will not be published. Required fields are marked *

cross