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

Download the PSD

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

Converse Chuck Taylor Shoes Photoshop Tutorial

Resources

• Channel - DaFont
• Bou College - DaFont
• Bradley Hand ITC font - Design Graphics
• Brushed metal Pattern - Tutorials ETC
• Weave Pattern - Texture Mate

Step 1 New Document

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

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 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 4

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

Step 5

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

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 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 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 9

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

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 11

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

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 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 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 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 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 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 18

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

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 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 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 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 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 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 25 Contract the selection

Select>Modify>Contract then click 'ok'

Step 26

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

Step 27

Duplicate this layer and place it adjacent to the first ring

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 29

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

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 31

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

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 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 34 Converse logo

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

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 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 37 Stitching

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

Step 38

Edit>Stroke

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 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 41

Click the 'Warp text' symbol and add this setting

Step 42

Type out 'All Star' and add this setting

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 44

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

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 46

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

Step 47

Add this drop shadow

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 49

Add thses layer styles

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 51

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

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 53

Add a Drop Shadow

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 55

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

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 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 58

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

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 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 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 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 63

Then click the warp text icon and add this setting

Step 64

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

Step 65

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

Step 66

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

Step 67

Change this layer to Divide

Final Results

Authors Comment