Create an Hourglass in Photoshop Photoshop Tutorials

Learn how to create a realistic hourglass with Photoshop only. In this tutorial, youll learn how to create your own hourglass, add realistic shadows and lighting, then complete it with custom sand and wood texture. Throughout the tutorial, youll learn techniques that will help you create more realistic artworks in Photoshop.

What youll be creating

Hourglasses are common elements in print and web design. You will find them everywhere in various forms. They used as a symbol of time or passing of time. To create this image of an hourglass, well start by creating shapes, then edit them to the hourglass shape. Next, well add shadows and lighting to create the glossy surface of glass and wood. Finally, well finish it up with a custom-made sand with Noise filter and use the Fibers filter to create the wood texture for the base and stands. Youll need Photoshop CS3 or newer to follow this tutorial.

final-result

Step 1

Open a new file (File > New) in Adobe Photoshop with the following settings. Save the file as Hourglass.psd. During work remember to frequently use File > Save (Ctrl/Cmd + S) to save and update the file.

step-001

Step 2

We need the Info Panel to create the hourglass shape precisely. Go to Window > Info to turn it on. In the Info Panel click on the + sign besides the X and Y coordinates and select Pixels as your unit. Then select the Rectangle Tool from the Toolbox and change the Foreground color to #808080. Go to the Option Bar above and select Path if it is not already selected. Then drag a 164 x 235 pixel rectangle like the below screen shot. Rename the layer to Glass upper.

step-002

Step 3

Take the Path Selection Tool and drag a selection around the rectangle to select it. Four selected Anchor Points are now visible like black solid squares. Select Pen Tool and add eight Anchor Points on the selected path of the rectangle by clicking on it. In the image below red dots indicate where you have to click to insert anchor points. Next we will edit the points to change the rectangle shape into the upper portion of the hourglass.

step-003

Step 4

We will edit the points with Convert Anchor Point Tool and Direct Selection Tool. With Convert Anchor Point Tool, we will extend handles from Anchor point. Also it is helpful for creating spiky or angular shapes. Direct Selection Tool help us to rotate and move the Points. Direct Selection tool is good for creating or shaping curve shapes. Delete the two bottom corner points of the rectangle. This will help to create the neck portion of the upper hourglass. Practice with Anchor Point editing to refine your shape more.

step-004

Step 5

RT-click on the Glass upper layer and select Duplicate layer. In the Duplicate layer option box type Glass lower then click OK. Then Edit > Transform Path > Flip Vertical. Position the shape of the Glass lower layer like the image below. This is the lower portion of the hourglass.

step-005

Step 6

Double click on the Glass lower layer to open the Layer Style window. Create a Gradient Overlay like shown in the image below.

step-006

Step 7

RT-click on the Layer Style symbol of the Glass lower layer and select Copy Layer Style. Then RT-click on the Glass upper layer and select Paste Layer Style. Double click on the Glass upper layer to open the Layer Style window. Check the Reverse option at the right side of the gradient bar in the Gradient Overlay.

step-007

Step 8

Again double click on the Glass lower to open the Layer Style window. In the left side Blending Option: Custom should be selected, which is the first category. In the right side check Blend Interior Effects as Group. Then reduce the Fill Opacity to 35%. By checking this option we are ensuring that reduction of Fill Opacity will not effect the layer style opacity. This will give the glass a transparent look. Do the same for Glass upper layer.

step-008

Step 9

Select both Glass upper and Glass lower layers. Then Layer > New > Group from Layers. Rename the group to Glass upr + lwr.

step-009

Step 10

Click on the Background layer and create a new layer on top of it by clicking the Create a new layer button in the Layers Panel. Name this new layer Bg grd then double click on it to open the Layer Style window. Match the layer style settings from the images below. First the Inner Shadow.

step-010a

Inner Glow settings:

step-010b

Gradient Overlay settings:

step-010c

Step 11

Click on the Glass upr + lwr group and expand it by again clicking on the arrow at the left side. Now CTRL-click on Glass upper layer to select. Collapse the group by again clicking on the arrow. Layer > New > Group to create a new group on top of that. Rename this group to Glass upr highlights + shadows. Click on Create a new layer button in the Layers Panel to create a new layer within this group. Rename this layer to Glass upper shadow edge 1. Fill this layer with Black (#000000).

step-011

Step 12

Selection still active, Select > Modify > Contract. Type 2 pixels in the Contract by field the click OK. Again Select > Modify > Feather and type 2 pixels in the Feather Radius field then click OK.

step-012

Step 13

Press Delete key to delete the selected area. The Feather is creating a nice fading effect from the edge.Change the layer opacity to 30

step-013

Step 14

Again CTRL-click on Glass upper layer to select. Then create new layer on top of Glass upper shadow edge 1 with the name Glass upper shadow edge 2. Select > Modify > Contract with a value of 6 pixels.

step-014


Create an Hourglass in Photoshop | Photoshop Tutorials
Learn how to create a realistic hourglass with Photoshop only. In this tutorial, youll learn how to create your own hourglass, add realistic shadows and lighting

Photoshop Tutorial: Making a 3D Hourglass in Photoshop
Under Drawing Effect, Photoshop Tutorial. This is to show you how to create a realistic hourglass with Photoshop. In this tutorial, you learn how to create your own

Create a Photo-realistic Realistic Hourglass | Photoshop ...
Preview. In this tutorial you will learn how to create an elegant hourglass in Photoshop. While using simple techniques and paying a little attention to the lights

Create a Photo-Realistic Realistic Hourglass | PSDFan
Create a Photo-Realistic Realistic Hourglass. In this tutorial you will learn how to create an elegant hourglass in Photoshop. While using simple techniques and

Photoshop hourglass logo stock photo in Photoshop | Fun ...
Hi friends . . . you know how to create the Photoshop hourglass logo stock photo in Photoshop? Lets see, how to create. [1]-First of all open New Document of

How to Make an Hourglass With Photoshop | eHow
Sometimes, it's necessary to create an hourglass in your art to convey time. the process of creating an hourglass in Photoshop doesn't have to take an hour.

Create an Hourglass in Photoshop
Learn how to create a realistic hourglass with Photoshop only. In this tutorial, youll learn how to create your own hourglass, add realistic

Drawing | Photoshop Tutorials
Learn how to create a realistic hourglass with Photoshop only. In this tutorial, youll learn how to create your own hourglass, add realistic shadows and lighting

Photoshop Elements: When I import photos into Organizer i ...
when I import my photos to organizer in elements 9 I get hourglass instead of thumbnails how do i Tips & tutorials; Spotlights; Experts; Photoshop Photoshop

How to Create a Chilling Photo Manipulation in Photoshop ...
How to Create a Chilling Photo Manipulation in Photoshop. by Take a look at the image we'll be creating. Tutorial Open the picture with the hourglass and make

Previous
Next Post »