How to Create a Conceptual Headdress in Photoshop

How to Create a Conceptual Headdress in Photoshop

Today we will create a really cool conceptual headdress using stock photos, Photoshop and our imagination. The idea hit me when I saw a picture of a native American while browsing around some pictures. So I thought it would be interesting to make one with a totally different twist, with bone and metal.

Difficulty: Intermediate
Completion time: 1-2 hours
Tools: Photoshop CS3

Resources:
girl by reine-haru
skull 1 by lumix2004
skull 2 by mkroot
dragonfly by bradimarte
train by wetape
compass by aldoaldoz
corkscrew by buri-osiol
motorcycle by mzacha

Final Image Preview Of the Conceptual Headdress

How to Create a Conceptual Headdress in Photoshop Final Image Preview

STEP 1

Create a new document of 2300 x 2600 px in RGB color mode and the โ€œBackgroundโ€ setting set to โ€œTransparentโ€. Name the document โ€œconcept-headdressโ€ and save it (CTRL+S).

How to Create a Conceptual Headdress in Photoshop Step 1

STEP 2

Open the โ€œgirlโ€ picture. Select it (CTRL+A), copy it (CTRL+C), go to Window > concept-headdress.psd (our document) and paste it (CTRL+V). Name this layer to โ€œgirlโ€.

How to Create a Conceptual Headdress in Photoshop Step 2

STEP 3

Go to Edit > Free Transform (CTRL+T), hold the SHIFT key and click-drag one of the corners to make it a bit smaller, as shown below. Hit Enter.

How to Create a Conceptual Headdress in Photoshop Step 3

STEP 4

Open the โ€œskull 1โ€ picture. In the Layers palette (F7), double-click the lock and hit OK. Now grab the Quick Selection Tool (W) and click-drag on the blue areas and the pillar. This will load a basic quick selection.

How to Create a Conceptual Headdress in Photoshop Step 4

STEP 5

Hit Q to enter Quick Mask mode, grab the Brush Tool (B), set it to a hard, round brush and paint over the areas of the skull not yet covered with red. The red tint is only a mark, donโ€™t try to use actual red to paint over.

How to Create a Conceptual Headdress in Photoshop Step 5

STEP 6

Hit Q again to exit Quick Mask mode and hit Delete. Go to Select > Deselect (CTRL+D). Select all artwork (CTRL+A), copy it (CTRL+C), go back to our document (Window > concept-headdress.psd) and paste it (CTRL+V).

How to Create a Conceptual Headdress in Photoshop Step 6

STEP 7

Hit CTRL+T (Free Transform mode), resize it and place it like below. Hit Enter. Name this layer โ€œskull 1โ€. Do the same for the โ€œskull 2โ€ picture, but name the layer to โ€œskull 2โ€.

How to Create a Conceptual Headdress in Photoshop Step 7

How to Create a Conceptual Headdress in Photoshop Step 7

STEP 8

Open the โ€œtrainโ€ picture. Select the entire picture (CTRL+A), copy it and paste it into our document. Hit CTRL+T, resize it and place it like below. Go to Layer > Layer Mask > Reveal All.
Grab the Brush Tool (B) and paint over the area shown below.

How to Create a Conceptual Headdress in Photoshop Step 8

How to Create a Conceptual Headdress in Photoshop Step 8-2

How to Create a Conceptual Headdress in Photoshop Step 8-3

STEP 9

Select the โ€œSkull 1โ€ layer and repeat STEP 8 for the area shown below.

How to Create a Conceptual Headdress in Photoshop Step 9-1

How to Create a Conceptual Headdress in Photoshop Step 9-2

STEP 10

Repeat STEP 9 for the โ€œskull 2โ€ layer.

How to Create a Conceptual Headdress in Photoshop Step

How to Create a Conceptual Headdress in Photoshop Step 10

STEP 11

Go back to the โ€œtrainโ€ picture, grab the Path Tool (P), set it on Paths and trace the bar shown below. Close the path and right-click > Make Selection. Copy it, go back to our document and paste it. Name this layer โ€œiron barโ€.

How to Create a Conceptual Headdress in Photoshop Step 11

Iโ€™ve extended one of the bars because I want more weight in the back of her head. Hereโ€™s how to do this.

How to Create a Conceptual Headdress in Photoshop Step 11-2

How to Create a Conceptual Headdress in Photoshop Step 11-3

How to Create a Conceptual Headdress in Photoshop Step 11-4

How to Create a Conceptual Headdress in Photoshop Step 11-5

STEP 12

Go to Layer > Duplicate Layer (CTRL+J). Hit CTRL+T, resize it and place it like below. Duplicate it again (CTRL+J) and place the copy as shown.

How to Create a Conceptual Headdress in Photoshop Step 12

STEP 13

Go to Image > Adjustments > Levels (CTRL+L). Use the settings below. ย Duplicate it again. Do this for all bars.

How to Create a Conceptual Headdress in Photoshop Step 13

Youโ€™re wondering why I didnโ€™t place this step earlier, so you can avoid extra work? Well, I wanted to re-create the actual work flow, not the optimal route to the final product. Itโ€™s irrational to create the tones before the placement of the elements in the composition.

STEP 14

Open the โ€œdragonflyโ€ picture. Now grab the Path Tool (P), set it on Paths and trace the contour of a dragonfly wing. Close the path and right-click > Make Selection. Copy it and paste it into our document.

How to Create a Conceptual Headdress in Photoshop Step 14

STEP 15

Name this layer โ€œwingโ€. Hit CTRL+T to enter Free Transform mode, resize it, rotate it and place it like below. Duplicate it multiple times (CTRL+D) and place them as below.

How to Create a Conceptual Headdress in Photoshop Step 15

How to Create a Conceptual Headdress in Photoshop Step 15-2

STEP 16

Hold the CTRL key and click every โ€œwing copyโ€ and โ€œiron bar copyโ€ layer tag and hit CTRL+G to place them in a layer group. Name this group โ€œwingsโ€ and right-click > Duplicate Group.

How to Create a Conceptual Headdress in Photoshop Step 16

STEP 17

Hit CTRL+T, make it smaller and place it like below. Hit Enter to exit Free Transform mode.

How to Create a Conceptual Headdress in Photoshop Step 17
Now the design is starting to be a bit too complex and the colors from the original pics might have an influence on your final design, misleading you. So hereโ€™s a neat trick!

STEP 18

Select the top-most layer and go to Layer > New Adjustment Layer > Black & White. Use the default settings and hit OK. Click the lock in the Layers palette (F7) to make it un-editable (for now!).

How to Create a Conceptual Headdress in Photoshop Step 18

STEP 19

Grab the Move Tool (V) and CTRL+click the girl, directly on the canvas. This will set the โ€œgirlโ€ layer as the current layer. Create a new layer (Layer > New > Layer) and set its Blending mode to โ€œMultiplyโ€. Name this layer โ€œshadows on girlโ€.

How to Create a Conceptual Headdress in Photoshop Step 19

STEP 20

ALT+click between these layers to create a clipping mask. Now grab the Brush Tool (B), set it to a soft, round brush and a dark gray, then paint some shadows in the areas shown below.

How to Create a Conceptual Headdress in Photoshop Step 20

STEP 21

Open the โ€œcorkscrewโ€ picture. Grab the Quick Selection Tool (W), click-drag in the white area until you get an outer selection. Hold the SHIFT key and click-drag in the inner white areas.

How to Create a Conceptual Headdress in Photoshop Step 21

STEP 22

Double-click the lock near the layer thumb and hit OK. Hit Delete and go to Select > Deselect.
Select all (CTRL+A), copy it and paste it into our drawing. Hit CTRL+T, resize it and place it like below.

How to Create a Conceptual Headdress in Photoshop Step 22

How to Create a Conceptual Headdress in Photoshop Step 22-2

STEP 23

Go to Layer > Layer Mask > Reveal All. Grab the Brush Tool (B), set it to a hard, round brush and paint over the areas shown below (the layer mask is selected!).

How to Create a Conceptual Headdress in Photoshop Step 23

How to Create a Conceptual Headdress in Photoshop Step 23-2

STEP 24

Open the โ€œpistonโ€ picture. Grab the Path Tool (P), trace it and right-click > Make Selection. Copy it, paste it into our document and place it as shown below. Hit CTRL+L and use the settings below.

How to Create a Conceptual Headdress in Photoshop Step 24

STEP 25

Select the โ€œcorkscrewโ€ layer mask and paint over the cylindrical area of the piston. Then open the โ€œcompassโ€ picture, cut out the shape shown below and paste it into our document. Hit CTRL+SHIFT+U to desaturate it. Use the Levels setting from STEP 24 or similar to bring it to the same tonal value.

How to Create a Conceptual Headdress in Photoshop Step 25

STEP 26

Open the โ€œmotorcycleโ€ picture. Grab the Path Tool (P) and trace an exhaust pipe. Copy it, paste it into our document and place it like below.

How to Create a Conceptual Headdress in Photoshop Step 26

STEP 27

Duplicate it multiple times and place the copies like below (CTRL+J).

How to Create a Conceptual Headdress in Photoshop Step 27

STEP 28

Select the โ€œBlack & Whiteโ€ adjustment layer and unlock it. Set the the layerโ€™s Opacity to 50%.

How to Create a Conceptual Headdress in Photoshop Step 28

STEP 29

Create a new layer (Layer > New > Layer) and place it below any other layer (CTRL+SHIFT+[).
Grab the Paint Bucket Tool (G) and fill the layer with black. Set the โ€œbackground color to a midtone orange and go to Filter > Render > Clouds.

How to Create a Conceptual Headdress in Photoshop Step 29

STEP 30

Open the โ€œHistoryโ€ window (Window > History). Click the โ€œCreate New Snapshotโ€ button and select it. Now grab the Art History Brush Tool (Y), grab a nice grungy brush and draw short strokes on this layer (created in STEP 29).

How to Create a Conceptual Headdress in Photoshop Step 30

STEP 31

Create a new layer (CTRL+SHIFT+N). Now grab the Brush Tool (B), set it to an oval, hard brush with about 40% Opacity and paint a feint light spot, as below. Draw a smaller one over it, then another smaller than the last.

How to Create a Conceptual Headdress in Photoshop Step 31

STEP 32

Go to Filter > Blur > Gaussian Blur. Use a setting of 7.5 px and Hit OK.

How to Create a Conceptual Headdress in Photoshop Step 32

STEP 33

In the Layers palette (F7), select the โ€œwingsโ€ layer group and go to Layer > Merge Layers (CTRL+E). Create a new layer (Layer > New > Layer or CTRL+SHIFT+N) and set its Blending mode to Multiply.

How to Create a Conceptual Headdress in Photoshop Step 33
Iโ€™ve decided I should mask out the body of the girl, leaving only the head. Add a layer mask and simply paint over the unwanted areas, like you did with the skulls.

STEP 34

ALT+click between these layers to create a clipping mask. Grab the Brush Tool (B), set Opacity to about 40% and draw shadows in the areas below.

How to Create a Conceptual Headdress in Photoshop Step 34

How to Create a Conceptual Headdress in Photoshop Step 34-2

STEP 35

Select the Black & White adjustment layer and go to Layer > New Adjustment Layer > Gradient Map. Use the settings shown below and hit OK. Set the Blending mode to โ€œSoft Lightโ€.

How to Create a Conceptual Headdress in Photoshop Step 35

How to Create a Conceptual Headdress in Photoshop Step 335-2

STEP 36

The background looks a bit โ€œflatโ€, letโ€™s fix that with a vignette effect! Select the bottom-most layer. Now grab the Burn Tool (O), set it on Shadows at 30% Exposure and paint over the corners of the background.

How to Create a Conceptual Headdress in Photoshop Step 36

STEP 37

Select the โ€œgradient mapโ€ layer, select all artwork (CTRL+A or Select > All), copy merged (CTRL+SHIFT+C) and paste it (CTRL+V).

How to Create a Conceptual Headdress in Photoshop Step 37

STEP 38

Duplicate this layer (CTRL+J), go to Image > Adjustments > Desaturate (CTRL+SHIFT+U) and set Blending mode to โ€œScreenโ€ and Opacity to 95%.

How to Create a Conceptual Headdress in Photoshop Step 38

STEP 39

Duplicate the original again, hit CTRL+SHIFT+] to place it on top of all layers and go to Filter > Other > High Pass. Use a 1 px setting, hit OK and set the layerโ€™s Blending mode to Overlay.

How to Create a Conceptual Headdress in Photoshop Step 39

Done!

How to Create a Conceptual Headdress in Photoshop Final result

3 Comments on “How to Create a Conceptual Headdress in Photoshop

Leave a Reply

Your email address will not be published. Required fields are marked *