twitter
    Find out what I'm doing, Follow Me :)

Swirl Girl in Photoshop

Swirl Girl in Photoshop

September 11th, 2009 by ART-D Posted in Adobe Photoshop, Designing, Photo Editing


In this tutorial, it will show ways to create swirls, and by mixing them you will learn some very powerful techniques that will allow you to easily make tons of different styles of swirls. The tutorial is all about combination. Nice to have a try!

Final Image Preview

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Begin working by creating a new file (File>New) of 1920×1200px/72 dpi. Choose then the Paint Bucket Tool (G) to give the new background layer black color.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Find a stock photo with a model represented on it, I used this photo from deviantart. I would like to thank the author of this photo:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Cut out her image and insert it on the new layer.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Create a new layer and apply here a standard brush to represent the background behind the girl’s layer. The brush’s color is #CD00FE (Opacity 20%)

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Continue creating the background with the Rectangle Tool (U) to draw a rectangle of the color #DD00FF. It should be inclined a little with the Free Transform option. The layer needs to be situated lower than the girl’s layer.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Create a new layer, applying here the standard brush, mentioned above of black color (Opacity 20%) and dark out the layer of the pink rectangle. This new layer needs to be placed also lower than the girl’s layer.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Press Alt button and click between the layers of the pink rectangle and the layer of the black brush (on the layers’ panel).

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Next we’ll use the Line Tool (U) (weight 5 px) to draw a line along the edge of the pink rectangle. The line has the color #DD00FF. Its layer should be placed lower than the layer containing the girl’s image.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Set the next Layer Styles for the layer containing the pink rectangle by clicking on this layer on the layers’ panel.
Blending Options>Gradient Overlay

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Gradient’s parameters:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Getting the best result is possible if combining in a group all the layers composing the pink rectangle, its shadow and the line on the edge (press Ctrl button to mark out the corresponding layers and hold on the left mouse’s button while moving the marked layers on Create a new group option).

Make a copy of the group and change the color of the rectangle on the copy and the line’s color on the edge on this one - #4F92C7. Using the Free Transform option, place the copy the same way indicated below:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Next we’ll open the Adobe Illustrator program. Choose the Pen Tool (P) and draw two lines of black color.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Using the Direct Selection Tool (A), mark out both lines and apply for them Object>Blend>Blend Options

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Mark out the lines of the ornament and then press CTRL+C and pass on Adobe Photoshop program. Press CTRL+V (select Smart Object). Select for the line’s layer the next Layer Styles:
Blending Options>Color Overlay

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The layer’s parameters:
Opacity 34%

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Create a new layer and apply the standard brush of black color (Opacity 10%) to dark out the line’s edges.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
On the next new layer (Create new layer) we’ll apply the standard brush mentioned above to make lighter the zone situated behind the girl. The brush has the white color (Opacity 15%). This layer needs to be placed lower than the girl’s layer.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Now we’ll create a circle on the girl’s head zone, applying the Ellipse Tool (U).

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The layer’s parameters:
Fill 0%
Blending Options>Inner Shadow

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Gradient Overlay

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Gradient’s parameters:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
For this tutorial I have used from DinPattern the next patterns:
Dead Kings

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Disco Gold

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Humidor

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Medallion Burned

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Now we’ll represent several swirls near the girl’s hands, choosing in this case the Pen Tool (P) and the Convert Point Tool.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The Layer Style:
Blending Options>Bevel and Emboss

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4


Next we’ll insert with the new layer the earlier saved texture, applying on it CTRL+U. Place the texture’s layer above the swirl’s layer.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Press Alt button and click between the texture’s layers and the previous layer (on the layers’ panel).

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Continue representing the ornaments, using the earlier applied instruments – Pen Tool (P) and the Convert Point Tool. The layer has the color #1685D4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The Layer Style:
Blending Options>Inner Glow

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Bevel and Emboss

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Insert the texture’s layer:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The layer’s parameters:
Fill 30%

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Press Alt button and click between the texture’s layers and the previous layer on the layers’ panel.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
This way we’ll represent the next element of our ornament, applying the Pen Tool (P) and the Convert Point Tool.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The Layer Style:
Blending Options>Drop Shadow

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Inner Glow

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Gradient Overlay

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Gradient’s parameters:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Place the texture above the layer, but the texture’s layer should be placed lower than the girl’s layer.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Press Alt button and click between the layers:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Let’s represent a highlight inside the drawn element of the ornament, applying the Pen Tool (P) and the Convert Point Tool.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The layer’s parameters:
Fill 0%
Blending Options>Gradient Overlay

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Gradient’s parameters:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Using the same Pen Tool (P) and the Convert Point Tool, try to represent the next element of the ornament, giving it the color #FFB904

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The Layer Style:
Blending Options>Drop Shadow

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Stroke

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Make three copies of the last made layer and choose Free Transform option to make smaller each following copy proportionally. Change the colors of the copies’ layers. The layer on the top layer has white color. Leave only this parameter on all the copies - Blending Options>Stroke

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Press Alt button and click between the copies’ layers and the very first layer:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Combine in a group all the layers composing the copies and the very first layer of the recently made ornament (press Ctrl button and mark out the corresponding layers and hold on the left mouse’s button while moving the marked layers on Create a new group option).
Make a copy of this group and choose Free Transform option to change its sizes, placing it as below:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Continue representing the ornament’s elements with the earlier used instruments – the Pen Tool (P) and the Convert Point Tool.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The layer’s parameters:
Fill 0%
Blending Options>Drop Shadow

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4


Blending Options>Inner Shadow

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Satin

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Gradient Overlay

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Gradient’s parameters:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Let’s represent a highlight on the ornament’s surface, applying the Ellipse Tool (U).

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The layer’s parameters:
Fill 0%
Blending Options>Gradient Overlay

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Gradient’s parameters:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Next we’ll represent another element of the ornament, giving its layer the color #2DA6C5. This layer will be situated lower than all the previous layers of the same ornament.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The Layer Style:
Blending Options>Drop Shadow

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Stroke

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Make three copies of the earlier made layer and choose Free Transform option to make smaller each following copy proportionally. Also we need to change the colors for the copies’ layers. Leave only the Blending Options>Stroke parameter for the made copies.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Continue representing the ornament’s elements, applying the same Pen Tool (P) and the Convert Point Tool.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The Layer Style:
Blending Options>Drop Shadow

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Gradient Overlay

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Gradient’s parameters:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Stroke

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
… and the next element with the same tools:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The Layer Style:
Blending Options>Drop Shadow

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Inner Shadow

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Bevel and Emboss

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Color Overlay

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Pattern Overlay (set Patterns 2)

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Stroke

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Insert a highlight on the ornament’s element, choosing the Pen Tool (P) and the Convert Point Tool.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The layer’s parameters:
Fill 0%
Blending Options>Gradient Overlay

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Gradient’s parameters:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The next ornament’s element must be represented the same with the previous one, having the color #CD5050

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The Layer Style:
Blending Options>Drop Shadow

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Outer Glow

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4


Blending Options>Bevel and Emboss

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Gradient Overlay

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Gradient’s parameters:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Stroke

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Gradient’s parameters:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Insert the texture above the ornament:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Press Alt button and click between the texture’s layers and the layer containing the ornament’s element (on the layers’ panel).

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Next we’ll represent one more element of the same ornament, applying the Pen Tool (P) and the Convert Point Tool.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The Layer Style:
Blending Options>Drop Shadow

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The Layer Style:
Blending Options>Gradient Overlay

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Gradient’s parameters:

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Blending Options>Stroke

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Choose a standard brush with the Opacity of 10% and select the Eyedropper Tool (I) on a new layer (Create new layer) to take some samples of the colors from the near situated objects around the girl’s body, representing the highlights on her body.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Press Alt button and click between the layers with the highlights on them and the girl’s layer (on the layers’ panel)

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Click on the bottom part of the layers’ panel on Create new fill or adjustment layer>Curves

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Create a new layer and choose a standard brush of black color (Opacity 20%) to dark out the girl’s leg.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The layer’s parameters:
Fill 80%
Blending Options>Drop Shadow

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Next we’ll represent several lines for our ornament, drawing firstly their paths. Choose in this case the Pen Tool (P) (Path mode)

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Next we’ll represent five new layers (Create new layer) for each line, using on them the standard brush and the colors indicated below (Diameter 3, Hardness 100%). Using the Direct Selection Tool (A), try to mark out the each line and then pass on the Pen Tool (P). Here make a right click on the marked line on Stroke Path (Brush mode).

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Repeat operation for each line.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Set the same parameters for each layer containing the line: Blending Options>Drop Shadow

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Click on each layer on the bottom part of the layers’ panel on Add a Mask selection and choose a standard brush of black color to clean out the zones of the near situated girl’s hands, cleaning the lines on the top part.

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Combine in a group all the layers composing the colored lines (Press Ctrl button and mark out the corresponding layers and hold on the left mouse’s button while taking the marked layers on Create a new group option).

Set the next parameters for the group:
(Opacity 82%)

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Next we need to apply the same technology for representing the lines on the other girl’s hand, the one applied earlier when representing the colored lines (create five new layers with the standard brush, using the color indicated below).

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Set the same Layer Style for each layer Blending Options>Drop Shadow (the same we’ve applied for representing the lines on the other hand).

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
Clean out the lines on the hand the same way we did with the lines on the other hand (click on each layer with the line on Add a Mask option and choose the standard brush of black color to clean out the same zones on the lines demonstrated on the picture).

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4

Learn some very powerful techniques to create swirls in Adobe  Photoshop CS4
The final result!