PSDFan Extra

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

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. You’ll master Photoshop’s more advanced drawing capabilities and tools, all whilst learning a professional, non-destructive workflow for 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.


That’s the end of the preview!


About the Author:

I spend most of my time working in Adobe Illustrator and I have my own website that focuses on this program. So far, I published over 150 tutorials on my websites and on other vector-related websites. You can see them all on VForVectors

Leave a comment

3 Comments:

  1. Thank you so much for this post. I want to let you know that I posted a link to your blog in CBB Digital Scrapbooking Freebies, under the Page 7 post on Oct. 06, 2012. Thanks again.

  2. Mike says:

    wow, great tutorial, thanks for post it!

Leave a Comment:

Related Posts

Your Design Work, But More Awesome:

Do you know the basic tools in Photoshop but feel that your work is still looking average? Join our creative community at FanExtra and get the direction you need to take your work to the next level.

JOIN OUR FANEXTRA COMMUNITY TODAY