FanExtra Network

drawblenderthumb200

Members Area Tutorial: How to Create a Detailed Blender Illustration From Scratch

Hi there. In the following tutorial your will learn how to create a detailed blender illustration.

Final Image

As always, this is the final image that we’ll be creating:

Step 1

Open Photoshop and hit Control + N to create a new document. Enter all the data shown in the following image and click OK. Enable the Grid (View > Show > Grid) and the Snap to Grid (View > Snap To > Grid). For the moment you need a grid every 5px. Go to Edit > Preferences > Guides, Grid & Slices and focus on the Grid section. Enter 5 in the Gridline Every box and 1 in the Subdivision box. Also, set the color of the grid at #696969. Once you set all these properties click OK. Don’t get discouraged by all that grid. It will ease your work later. You should also open the Info panel (Window > Info) for a live preview with the size and position of your shapes.

Step 2

Pick a random dark color for the foreground color, grab the Rounded Rectangle Tool, set the radius at 25px and create a 395 by 350px vector path. Focus on the top side of this new path and switch to the Direct Selection Tool. Select the two, left anchor points and drag them 70px to the right then select the two, right anchor points and drag them 70px to the left. The Snap to Grid will ease your work. In the end your vector path should look like in the second image.

Step 3

Make sure that the Direct Selection Tool is still selected, keep focusing on the anchor points moved in the previous step and simply move those handles as shown in the second image. Again, the Snap to Grid will ease your work.

Step 4

Reselect the vector path edited in the previous step and go to Edit > Transform > Warp. Select Bulge from the Warp drop-down menu, check the Orientation button, enter 10 in the Bend box and hit Enter. Now, your vector path should look like in the first image. Make sure that it is still selected and go again to Edit > Transform > Warp. Select Arc Lower from the Warp drop-down menu, enter 15 in the Bend box and hit Enter. In the end your vector path should look like in the second image.

Step 5

Again, grab the Direct Selection Tool, focus on the bottom anchor points and edit those handles as shown in the second image.

Step 6

Make sure that your vector path is still selected and grab the Ellipse Tool. Â Check the "Subtract" button from the top bar then draw a 235 by 35px shape as shown in the second image.

Step 7

Move to the Layers panel and double click on your vector path to open the Layer Style window. Check the Gradient Overlay box and enter the properties shown in the following image. The yellow zeros from the Gradient Overlay image stand for opacity percentage while the white numbers stand for location percentage.


Step 8

Reselect your dark vector path and duplicate it (Control + J). Move to the Layers panel, right click on the copy and click on Clear Layers Style. Select your copy, lower the Fill to 0% then open the Layer Style window. Check the Inner Shadow box then enter the properties shown in the second image.


Step 9

Reselect the vector path made in the previous step and duplicate it (Control + J). Move to the Layers panel, open the Layer Style window for this new copy and edit the Inner Shadow as shown in the second image.


Step 10

Reselect the vector path made in the previous step and duplicate it (Control + J). Move to the Layers panel, open the Layer Style window for this new copy and edit the Inner Shadow as shown in the second image.


Step 11

Reselect the vector path made in the previous step and duplicate it (Control + J). Move to the Layers panel, open the Layer Style window for this new copy and edit the Inner Shadow as shown in the second image.


Step 12

Reselect the vector path made in the previous step and duplicate it (Control + J). Move to the Layers panel, open the Layer Style window for this new copy and edit the Inner Shadow as shown in the second image.


Step 13

Reselect the vector path made in the previous step and duplicate it (Control + J). Move to the Layers panel, open the Layer Style window for this new copy and edit the Inner Shadow as shown in the second image.


Step 14

Reselect the vector path made in the previous step and duplicate it (Control + J). Move to the Layers panel and focus on this new copy. First, clear its layer style. Next, lower the Fill to 0% and open the Layer Style window. Enter the properties shown in the following image and click OK.


Step 15

Move to the Layers panel, right click on the vector path made in the previous step and click on Convert to Smart Object. Select this new smart object and move it 30px up using the arrow keys. Return to the Layers panel, hold Control and click on one of your vector paths. This should load a simple selection around it. Reselect the smart object and simply click on "Add layer mask" button from the bottom of the Layers panel. In the end, your masked smart object should look like in the second image. Hit Control + D to get rid of that selection.

Step 16

Reselect the masked smart object made in the previous step, open the Layer Style window and enter the properties shown in the following images.




Step 17

Move to the Layers panel, select all the vector paths created so far and convert them to a smart object. Drag this new smart object below the masked smart object and go to Filter > Noise > Add Noise. Enter the properties shown below, click OK then open the Layer Style window and enter the properties shown in the second image.


Step 18

Grab the Ellipse Tool, create a 235 by 35px vector path and place it as shown in the first image. Open the Layer Style window for this new path and enter the properties shown in the following images.



Step 19

Reselect the vector path made in the previous step and duplicate it (Control + J). Move to the Layers panel and focus on the copy. Clear the current layer style properties, lower the Fill to 0% and open the Layer Style window. Enter the properties shown in the following image and click OK.


Step 20

Reselect the vector path made in the previous step and convert it to a smart object. Select it, lower its Fill to 0% then open the Layer Style window and enter the properties shown in the following image.


Step 21

Reselect the vector path made in the eighteenth step, convert it to a smart object and go to Filter > Noise > Add Noise. Enter the data shown below and click OK.

Step 22

Grab the Ellipse Tool, create a 235 by 30px vector path and place it as shown in the first image. Lower its Fill to 0% then open the Layer Style window and enter the properties shown in the following images.



Step 23

Reselect the vector path made in the previous step and duplicate it (Control + J). Move to the Layers panel, focus on this new copy, clear the layer style, lower the Fill to 0% then open the Layer Style window. Enter the properties shown in the following image and click OK.


Step 24

Reselect the vector path made in the previous step and duplicate it (Control + J). Move to the Layers panel, open the Layer Style window for this new copy and edit the Inner Shadow as shown in the second image.


Step 25

Reselect the vector path made in the previous step and duplicate it (Control + J). Move to the Layers panel, open the Layer Style window for this new copy and edit the Inner Shadow as shown in the second image.


Step 26

Set the foreground color at red, grab the Rectangle Tool, create a 235 by 470px vector path and place it as shown in the first image. Focus on the top side of this new path and switch to the Direct Selection Tool. Select the left anchor point and drag it 40px to the left then select the right anchor point and drag it 40px to the right. In the end your vector path should look like in the second image.

Step 27

Reselect the vector path made in the previous step and go to Edit > Transform > Warp. Select Bulge from the Warp drop-down menu, check the Orientation button, enter 5 in the Bend box and hit Enter.

Step 28

Make sure that your red vector path is still selected and grab the Ellipse Tool. Check the "Subtract" button from the top bar and draw a 315 by 30px shape as shown in the following image. Make a copy of this vector path, drag it in the bottom of the Layers panel and make it invisible. You’ll need this copy later.

Step 29

Select the visible, red vector path and grab the Ellipse Tool. Check the "Subtract" button from the top bar and draw a 235 by 35px shape as shown in the following image. Move to the Layers panel and name this path "ContainerBack".

Step 30

Reselect "ContainerBack", lower its Fill to 0% then open the Layer Style window and enter the properties shown in the following image.


Step 31

Reselect "ContainerBack" and duplicate it (Control + J). Open the Layer Style window for this new copy and edit the Gradient Overlay as shown in the second image.


Step 32

Reselect "ContainerBack" and duplicate it (Control + J). Open the Layer Style window for this new copy and enter the properties shown in the following images.


Step 33

Reselect "ContainerBack" and duplicate it (Control + J). Focus on this new copy, clear the layer style, lower the Fill to 0% then open the Layer Style window. Enter the properties shown in the following image and click OK.


Step 34

Reselect "ContainerBack" and duplicate it (Control + J). Focus on this new copy, clear the layer style, lower the Fill to 0% then open the Layer Style window. Enter the properties shown in the following image and click OK.


Step 35

Reselect the copy made in the previous step and duplicate it (Control + J). Open the Layer Style window for this new copy and enter the properties shown in the following images.


Step 36

Reselect the copy made in the previous step and duplicate it (Control + J). Open the Layer Style window for this new copy and enter the properties shown in the following images.


Step 37

Reselect the copy made in the previous step and duplicate it (Control + J). Open the Layer Style window for this new copy and enter the properties shown in the following images. Reselect "ContainerBack" along with all the copies created in the last seven steps and group them (Control + G). Move to the Layers panel and name this new group "ContainerBack".


Step 38

Focus on the Layers panel and look for the invisible vector path made in the finale of step #28. Make it visible, drag it in the top of the Layers panel and select it. Grab the Ellipse Tool, check the "Add" button from the top bar and draw a 235 by 30px shape as shown in the following image. Return to the Layers panel and name this vector path "ContainerFront".

Step 39

Reselect "ContainerFront", lower its Fill to 0% then open the Layer Style window and enter the properties shown in the following image.


Step 40

Reselect "ContainerFront" and duplicate it (Control + J). Open the Layer Style window for this new copy and enter the properties shown in the following image.


Step 41

Reselect the copy made in the previous step and duplicate it (Control + J). Open the Layer Style window for this new copy and enter the properties shown in the following image.


Step 42

Reselect the copy made in the previous step and duplicate it (Control + J). Focus on this new copy, clear the layer style, lower the Fill to 0% then open the Layer Style window. Enter the properties shown in the following image and click OK.


Step 43

Reselect the copy made in the previous step and duplicate it (Control + J). Open the Layer Style window for this new copy and enter the properties shown in the following images.


Step 44

Reselect the copy made in the previous step and duplicate it (Control + J). Open the Layer Style window for this new copy and enter the properties shown in the following images.



Step 45

Reselect the copy made in the previous step and duplicate it (Control + J). Focus on this new copy, clear the layer style, lower the Fill to 0% then open the Layer Style window. Enter the properties shown in the following image and click OK.


Step 46

Reselect the copy made in the previous step and duplicate it (Control + J). Open the Layer Style window for this new copy and enter the properties shown in the following image.


Step 47

Reselect the copy made in the previous step and duplicate it (Control + J). Focus on this new copy, clear the layer style, lower the Fill to 0% then open the Layer Style window. Enter the properties shown in the following image and click OK. Reselect "ContainerFront" along with all the copies created in the last eight steps and group them (Control + G). Move to the Layers panel and name this new group "ContainerFront".


Step 48

Set the foreground color at #61a3b3, grab the Ellipse Tool, draw a 255 by 30px vector path and place it as shown in the following image.

Step 49

Move to the Layers panel and load a selection around your "ContainerFront" path. Next, go to Select > Modify > Contract. Enter a 3px Contract and click OK. Grab the Rectangular Marquee Tool, hold Alt then click and drag to remove the top section of your selection, as shown inn the third image. Finally, return to the Layers panel, hold Control + Alt and simply click on the circle made in the previous step. In the end your selection should look like in the fourth image.

Step 50

Make sure that the selection made in the previous step is still active and create a new layer (Shift + Control + Alt + N). Select it, grab the Paint Bucket Tool and simply click inside your selection. Get rid of that selection (Control + D), lower the opacity of this new layer to 30% then open the Layer Style window and enter the properties shown in the following image.


Step 51

Reselect the vector path made in step #48, lower its opacity to 30% then open the Layer Style window and enter the properties shown in the following images. Move to the Layers panel, select this vector path along with the layer made in the previous step and drag them between the "ContainerFront" and "ContainerBack" groups.



Step 52

Pick the Type Tool and add the text for the gradation as shown in the following image. Use the Calibri font, set the style at Bold, the size at 13pt and the color at #f9fcff. Select all these text pieces and turn them into a single smart object.

Step 53

Reselect the smart object made in the previous step and go to Edit > Transform > Warp. Select Arch from the Warp drop-down menu, enter -5 in the Bend box and hit Enter. Make sure that your smart object is still selected, lower its opacity to 75, change the blending mode to Soft Light then open the Layer Style window and enter the properties shown in the following images.



Step 54

Grab the Rounded Rectangle Tool, set the radius at 10px, create a 20 by 245px vector path, place it as shown in the first image and go to Edit > Transform > Warp. Select Bulge from the Warp drop-down menu, check the Orientation button, enter 5 in the Bend box and -25 in the V box then hit Enter.

Step 55

Reselect the vector path made in the previous step, lower its Fill to 0% then open the Layer Style window and enter the properties shown in the following image.



Step 56

Reselect the vector path edited in the previous step and duplicate it (Control + J). Focus on this new copy, clear the layer style, lower the Fill to 0% then open the Layer Style window. Enter the properties shown in the following images and click OK.



Step 57

Grab the Ellipse Tool, create two, 20px circles and place them as shown in the first image. Select both shapes, lower their Fill to 0% then open the Layer Style window and enter the properties shown in the following image.


Step 58

Reselect the circles created in the previous step along with the two vector paths made in steps #55 and #56 and group them (Control + G). Select this new group and drag it in the bottom of the Layers panel (Shift + Control + [ )

Step 59

Focus on the top side of your illustration, grab the Ellipse Tool, create a 315 by 30px vector path and place it as shown in the first image. Select this new shape, switch to the Rectangle Tool, check the "Add" button and draw a 315 by 20px vector path as shown in the second image. Make sure that this vector path remains selected, reselect the Ellipse Tool, check the "Subtract" button and draw a new, 315 by 30px vector path as shown in the third image. Open the Layer Style window for this vector path and enter the properties shown in the following images.



Step 60

Grab the Ellipse Tool, create a 315 by 30px vector path and place it as shown in the first image. Open the Layer Style window for this new vector path and enter the properties shown in the following images.



Step 61

Reselect both vector paths created in the last two steps, turn them into a smart object and go to Filter > Noise > Add Noise. Enter the data shown below and click OK.

Step 62

Keep focusing on the top side of your illustration, grab the Ellipse Tool, create a 105 by 10px vector path and place it as shown in the first image. Select this new shape,switch to the Rectangle Tool, check the "Add" button and draw a 105 by 5px vector path as shown in the second image. Make sure that this vector path remains selected, reselect the Ellipse Tool, check the "Subtract" button and draw a new, 105 by 10px vector path as shown in the third image. Open the Layer Style window for this new vector path and enter the properties shown in the following images.




Step 63

Grab the Ellipse Tool, create a 105 by 10px vector path and place it as shown in the first image. Open the Layer Style window for this new vector path and enter the properties shown in the following images.



Step 64

Grab the Ellipse Tool, create two, 45 by 15px vector paths, place them as shown in the first image and send them to back (Shift + Control + [ ). Open the Layer Style window for the left vector path and enter the properties shown in the following images. Move to the right shape, open the Layer Style window, enter the same properties mentioned in the following images, but inverse the angle.




Step 65

Set the foreground color at black, grab the Ellipse Tool, create a 355 by 65px vector path and place it as shown in the first image. Select it, convert it to a smart object and go to Filter > Blur > Gaussian Blur. Enter an 8px radius and click OK.

Step 66

Grab the Ellipse Tool, create a 415 by 95px vector path and place it as shown in the first image. Select it, convert it to a smart object, lower the opacity to 50% and go to Filter > Blur > Gaussian Blur. Enter an 25px radius and click OK.

Step 67

Grab the Ellipse Tool, create a 465 by 125px vector path and place it as shown in the first image. Select it, convert it to a smart object, lower the opacity to 20% and go to Filter > Blur > Gaussian Blur. Enter an 25px radius and click OK.

Step 68

Select the three smart objects created in the last three steps, group them (Control + G) and send it to back (Shift + Control + [ ).

Step 69

For the following step you need a grid every 1px. Go to Edit > Preferences > Guides, Grid & Slices and simply enter 1 in the Gridline Every box. Set the foreground color at #1e1e1e, grab the Ellipse Tool and create a 41px circle. Open the Layer Style window for this new vector path and enter the properties shown in the following images.



Step 70

Grab the Ellipse Tool, create a 35px circle and place it as shown in the first image. Open the Layer Style window for this new vector path and enter the properties shown in the following images.





Step 71

Add your power symbol then grab the Ellipse Tool, create a 25 by 18px vector path and place it as shown in the second image. Lower its Fill to 0% then open the Layer Style and enter the properties shown in the following image.


Step 72

Select all the shapes created in the last three steps and group them (Control + G). Select this new group and place it as shown in the following image.

Step 73

Set the foreground color at #1e1e1e, grab the Ellipse Tool and create a 101px circle. Open the Layer Style window for this new vector path and enter the properties shown in the following images.



Step 74

Grab the Ellipse Tool, create a 95px circle and place it as shown in the following image. Open the Layer Style window for this new vector path and enter the properties shown in the following image.


Step 75

Reselect the vector path made in the previous step and duplicate it (Control + J). Select this copy, clear the layer style then open the Layer Style window and enter the properties shown in the following images.





Step 76

Set the foreground color at #1e1e1e, grab the Ellipse Tool, create a 5px circle and place it as shown in the first image. Open the Layer Style window for this new vector path and enter the properties shown in the following images.



Step 77

Set the foreground color at #141414 and pick the Rectangle Tool. Create two, 2 by 5px vector shapes and place them as shown in the first image.

Step 78

Duplicate the rectangles made in the previous step. Select the copies, hit Control + T and rotate them 90 degrees. Reselect all four rectangles and duplicate them. Select these copies and rotate them 45 degrees. Delete the three, bottom rectangles then select the remaining five rectangles and turn them into a smart object. Open the Layer Style window for this new smart object and enter the properties shown in the following images.



Step 79

Select all the shapes created in the last six steps and group them (Control + G). Select this new group, place it as shown in the following image and you’re done.

And We’re Done!

Here is how your final result should look.

Member File Download

Download the original .psd file for this tutorial here:

DOWNLOAD .PSD FILE

Leave a comment

0 Comments:

No comments have been posted yet. Be the first!

Leave a Comment:

Related Posts