Jump to content

[Tutorial]How to Draw an Adidas Sneaker from Scratch


Recommended Posts

Posted

Step 1

First thing first: create a new image (File > New) with these dimensions.

 

Width: 900 pixels

Height: 500 pixels

Resolution: 300 pixels/inch

 

step1.png

 

 

Step 2

Use the Pen Tool (P key) to make a path as what you see in the picture below. Then right click on it and choose “Make Selection”.

 

step2a.png

 

Use the Brush Tool (B Key) with the settings below, and fill the selection we just created with a dark gray color such as #181c1b.

 

step2b.png

 

 

Step 3

Use the Pen Tool (P key) to create a path. Right click on the path, and select “Make Selection”.

 

step3a.png

 

Fill the selection with a gray color #3d4444.

 

step3b.png

 

 

Step 4

In a new layer (Ctrl+Shift+N), make a path as in the picture below with the Pen Tool (P key). Right click on it and select “Stroke Path”.

 

step4a.png

 

Use these Brush Tool settings for the stroke:

 

Master Diameter: 3 px

Hardness: 0 %

 

step4b.png

 

Set the blending mode for the layer on “Soft Light” and decrease the “Fill” option to approx. 40%.

 

step4c.png

 

 

Step 5

Again use the Pen Tool (P key) to create a path, then right click on it and choose “Make selection”.

 

step5a.png

 

Fill the selection utilizing the Brush Tool (B key) in a dark gray color #181c1b.

 

step5b.png

 

 

Step 6

Create paths with the Pen Tool (P key), then right click and select the “stroke path”.

 

step6a.png

 

Use a 2px #2f3030 for the stroke.

 

step6b.png

 

 

Step 7

Make a selection with a 5px Feather.

 

step7a.png

 

In a new layer (Ctrl+Shift+N), fill the selection with a dark gray color #181c1b,

 

step7b.png

 

then decrease “Fill” to 70%.

 

step7c.png

 

 

Step 8

Make the next selection with the Lasso Tool (L key) with a 0.5 px Feather.

 

step8a.png

 

Use the Brush Tool (B key) with a huge Diameter such as 150px, and add some highlights in white in the designated places.

 

step8b.png

 

 

 

Step 9

Use the Pen Tool (P key) to make a path, then right click on it and choose “Make selection”.

 

step9a.png

 

Fill the selection with color #1b1e1d with the Brush Tool (B key).

 

step9b.png

 

Go to Filter > Noise > Add Noise and enter 1.1 % for Amount.

 

step9c.png

 

 

 

 

Step 10

Create a new layer (Ctrl+Shift+N). Make some paths with the Pen Tool. Then right click and select “Stroke Path”.

Posted

step10a.png

 

Add a 2px gray #2f3030 stroke on the side.

 

step10b.png

 

Now right click on the layer we just created > Blending Options > Drop Shadow, and enter these settings:

 

Blend Mode: Overlay

Opacity: 40%

Angle: 2*

Distance: 1px

Spread: 0 %

Size: 1px

 

step10c.png

 

 

 

Step 11

Use the Pen Tool (P Key) to make a path, then right click on it and choose “Make selection”

 

step11a.png

 

Use the brush tool with a 150 px diameter and add some highlights in a white color in the selection.

 

step11b.png

 

 

 

Step 12

Use the Pen Tool (P) to make a path in a new layer (Ctrl+Shift+N). Make a selection.

 

step12A4.png

 

Fill the selection with a gray color such as #464b51.

 

step12B4.png

 

Right click on the layer > Blending Options > Bevel & Emboss:

 

Style: Inner Bevel

Technique: Chisel Soft

Depth: 150%

Direction: Up

Size: 25 px

Soften: 10 px

Angle: 2°

Altitude: 32°

 

step12C4.png

 

 

 

Step 13

Use the Pen Tool (P) to make the next path in a new layer (Ctrl+Shift+N). Right click on it and choose “Make Selection”.

 

step13A4.png

 

Use the Brush Tool (B) to fill the selection with a gray color; I used #464b51, but it’s up to you.

 

step13B4.png

 

Right click on the layer and go to Blending Options > Bevel & Emboss and enter the settings from the picture below.

 

step13C4.png

 

 

 

 

Step 14

Make a new layer (Ctrl+Shift+N). Then use the Pen Tool (P) to make a path, then right click on it and choose “Make selection”.

 

step14A4.png

 

Fill the selection with color # 464b51 with the Brush Tool (B).

 

step14B4.png

 

Go to Filter > Noise > Add Noise and enter the settings from the following picture.

 

step14C4.png

 

Right click on the layer, and go to Bevel & Emboss and enter these settings.

 

step14D4.png

 

 

 

Step 15

Use the Pen Tool (P) to make the next paths in a new layer.

 

step15A4.png

 

Right click on the path and click on “Stroke Path”. Have simulate pressure ON, and you should have something like this as in the picture.

 

step15B4.png

 

Decrease Fill to 15%.

 

step15C4.png

 

 

 

Step 16

Again use the Pen Tool (P) to make some paths like in the picture below. Right click > Stroke Path

 

step16A4.png

 

Add a 2px black stroke.

 

step16B4.png

 

Decrease Fill to 15%.

 

step16C4.png

 

 

 

Step 17

Make a path with the Pen Tool (P). Right click > Make Selection.

 

step17A6.png

 

Fill the selection with the Brush Tool (B) with a gray color such as #565656.

 

step17B4.png

 

Filter > Noise > Add Noise and enter 1% for Amount.

 

step17C4.png

 

 

 

Step 18

Make a new layer. Then right click > Make Selection.

 

step17A7.png

 

Use the Brush Tool with a white color to highlight the right part as you see in.

 

step18A4.png

 

Set the blending mode for the layer on Overlay.

 

step18B4.png

 

 

 

Step 19

Make some paths with the Pen Tool (P), then right click > Stroke path.

 

step19A4.png

 

Add some 2px #333535 strokes.

 

step19B4.png

 

 

 

Step 20

Add some shadows with the Brush Tool (B) in black to the top of our selection.

 

Posted

Step 21

With the Pen Tool (P) make a path.

 

step21A4.png

 

Right click on the path then choose Make Selection. Add a 50 px white spot in our selection with the Brush Tool (B)

 

step21B4.png

 

Decrease Fill to 40%.

 

step21C4.png

 

 

 

Step 22

In a new layer (Ctrl+Shift+N), make the selection of a path created with the Pen Tool (P).

 

step22A4.png

 

Fill the selection with color #1b1e1d.

 

step22B4.png

 

Choose Filter > Noise > Add Noise enter 1.1% for Amount.

 

step22C4.png

 

 

 

Step 23

Use the Brush Tool (B) to add some highlights to the bottom of the selection in a new layer (Ctrl+Shift+N).

 

step23A4.png

 

Set the blending mode for the layer on Overlay.

 

step23B4.png

 

 

 

Step 24

Make some paths with the Pen Tool (P) as in the picture below. Right click on the path then choose Stroke Path.

 

step24A4.png

 

Add some 2px #2f3030 strokes

 

step24B4.png

 

Go to Layer > Blending Options > Drop shadow and enter the settings that you see in the following image.

 

step24C4.png

 

 

 

Step 25

Make a path with the Pen Tool (P) then right click on it and select “Make Selection”.

 

step25A4.png

 

Fill the selection with a gray color such as #1b1e1d.

 

step25B4.png

 

Filter > Noise > Add Noise and use 1.2% for Amount.

 

step25C4.png

 

 

 

Step 26

Make the next selection in a new layer. Add some highlights with the Brush Tool (B) in white.

 

step26A4.png

 

Set the blending mode for the layer on “Overlay”.

 

step26B4.png

 

 

 

Step 27

New layer (Ctrl+Shift+N). Create the next path with the Pen Tool (P). Right click then choose Stroke Path

 

 

step27A4.png

 

Add a 2px white stroke.

 

step27B4.png

 

 

 

Step 28

Add a 2px black stroke.

step28A4.png

 

Merge the two layers then set the blending mode for the merged layer on “Overlay”.

 

step28B4.png

 

 

 

Step 29

Create a path with the Pen Tool (P). Right click then choose Make Selection.

 

step29A6.png

 

step29A7.png

 

Fill in the selected area with with #565656.

 

step29B4.png

 

 

 

Step 30

Create a selection with the Lasso Tool (L) with a 10px Feather Radius.

Posted

step30A4.png

 

In a new layer, add some highlights in the selection with the Brush Tool (B).

 

step30B6.png

 

 

 

Step 31

Set the blending mode of the current layer to Overlay. Make another selection with the Lasso Tool (L). Feather the selection (Select > Modify > Feather) by 10px.

 

step31A4.png

 

Use the Brush Tool (B) to add some black.

 

step31B4.png

 

Erase the excess with the Eraser Tool (E).

 

step31C4.png

 

 

 

Step 32

Make paths with the Pen Tool (P). Right click on the path then choose Make Selection.

 

step32A4.png

 

In a new layer, fill the selections with color #0c0c0c.

 

step32B4.png

 

 

 

Step 33

Create a new layer (Ctrl+Shift+N) then add some white strokes.

 

step33A4.png

 

Set the blending mode for the strokes layer to “Overlay”. Duplicate the layer.

 

step33B4.png

 

 

 

Step 34

Create a new layer then use the Pen Tool (P) to make the paths shown in the image below. Right click on the path then choose Make Selection.

 

step34A4.png

 

Fill the selection with a gray color, I used #272b2a.

 

step34B4.png

 

Choose Layer > Layer Style > Bevel & Emboss > add the same texture as in the picture below > enter these settings.

 

step34C4.png

 

 

 

Step 35

Now we’ll work on the interior. Make a selection with the Lasso Tool (L) and fill it with a dark gray color #181c1b.

 

 

 

Step 36

Make a new layer ,then make a path like in the picture below using Pen Tool (P). Right click on the path then choose Make Selection.

 

step36A4.png

 

Fill the selection created at the step 36 a with a white color

 

step36B4.png

 

Decrease the opacity of the layer at 20%

 

step36C4.png

 

 

 

Step 37

Use the Pen Tool (P) to make a path, then right click on it and make a selection.

 

step37A4.png

 

Add some shadows with a black brush with these settings.

 

step37B4.png

 

 

 

Step 38

Use the Eraser Tool (E) with the settings below to erase a little from the shadows.

 

 

 

Step 39

Make a new layer and a path with the Pen Tool. Right click on it then select “Stroke Path”.

 

step39A4.png

 

Enable the Simulate Pressure option then click OK to create the white stroke.

 

step39B4.png

 

 

 

Step 40

Set the blending mode for the layer with the white stroke to Overlay. Make the next path then right click > Make Selection.

 

step40A4.png

 

Add some black color to the right side of the selection.

 

step40B4.png

 

 

 

Step 41

Select the layer created in step 35 and apply the next pattern with the settings as you see in the next picture.

 

step41.png

 

 

Final Results

Step42Custom_3.png

 

 

Source: photoshoptutorials.ws

Posted

to much time u can do that in 10 mins with a pen tablet and illustrator.

 

Yeah... but the guide is how to make it with photoshop and not illustrator.

Posted

yep im just saying pretty much time for nothing.

 

If you want to practice your skill to pen tool, is the best way to do it... xD

Posted

If you want to practice your skill to pen tool, is the best way to do it... xD

not really.

The best way is this :).

Do this tutorial and without even noticing u will have advanced techniques on ur pen tool ^^.

 

1274639783.png

 

i did it too it was a bit difficult but its godlike

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...