Have every post delivered to your inbox and get access to hundreds of useful design freebies.
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.
As always, this is the final image that we’ll be creating:
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.
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.
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.
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.
Again, grab the Direct Selection Tool, focus on the bottom anchor points and edit those handles as shown in the second image.
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.
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.
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.
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
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.
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.
wow, great tutorial, thanks for post it!
Thanks for the feedback Mike