Introduction to the Photoshop Toolbar (Part 1)

In this article (Part 1 of 3) I will give you a quick introduction to the Photoshop CS5 toolbar. The toolbar is a floating panel normally placed at the left of the screen.


View Other Articles in This Series


Resources


In case your workspace looks different choose Window > Workspace > Essentials. In case you moved the floating panels and palettes all around your document and you want them back the way they were simple reset the Workspace by choosing Window > Workspace > Reset “NAME OF THE CURRENT WORKSPACE”.

Introduction to the Photoshop Toolbar (Part 1) 1

Similar tools on the toolbar panel are grouped but only one icon is shown. If you want to display all the tools in the group either hold the cursor over a specific tool icon for a longer time or right click the icon in the toolbar.

Introduction to the Photoshop Toolbar (Part 1) 2

All tools groups have shortcuts assigned to them. The shortcut is the letter on the right of the tool name.
To access the last used tool in the tool group press the respective key. If you hold Shift while pressing the key you will cycle through all the tools in that group. For example below we have the Spot Healing Brush Tool selected. If I select another tool and then I press J the Spot Healing Brush Tool will be selected again. If I hold Shift and press J the next tool will be selected (the Healing Brush Tool).

Introduction to the Photoshop Toolbar (Part 1) 3

Now let’s see what each tool does.

Move Tool

It is used for moving pixels on the screen. You can move text, layer masks, normal layers, selected areas. The shortcut for this tool is V but to temporarily access it while having another tool selected simply hold Ctrl and do the moving. Once you’re done moving release Ctrl and ­you will have the control of your previous tool (the tool you had before pressing Ctrl).

Introduction to the Photoshop Toolbar (Part 1) 4

Rectangular Marquee, Elliptical Marquee, Single Row Marquee Tool and Single Column Marquee Tool

Shortcut – M.

The Rectangular Marquee Tool is used for making rectangular selections and the Elliptical Marquee tool is used for making elliptical selections. If you want to create perfect circles or squares hold Shift while dragging with the respective tool. If you want to move the selection while creating it, hold Space. To add to an existing selection press and hold Shift BEFORE using the tool – you’ll see a little + sign next to the tool cursor. If after you see the + sign next to the cursor you release and press Shift key you will create perfect circles or squares. Holding Alt before dragging will subtract from an existing selection and holding Alt and Shift will intersect with an existing selection. If you’re subtracting from a selection a little minus sign will appear at the right of the tool’s icon and a little X for intersecting.

These little shortcuts for adding, subtracting and intersecting with existing selections apply to almost all selection tools so I won’t be repeating them anymore.

I almost never use the Single Row Marquee tool or the Single Column Marquee Tool but maybe if you’re a web designer you’ll have a use for them. What do they do? If you select one of them and click once on the image you will have a 1px selection row or column.

Introduction to the Photoshop Toolbar (Part 1) 5

Lasso Tool, Polygonal Lasso Tool and Magnetic Lasso Tool

The Lasso Tool is used for making freehand selections. Not a very precise tool and I almost never use it but beginners may find it attractive.

The Polygonal Lasso tool is a bit more precise, allowing you to create a selections formed by straight lines. It has limited uses for selecting rectangular objects- like benches or fences. If you are using the Lasso Tool you can temporarily access the Polygonal Lasso Tool by holding Alt.

The Magnetic Lasso Tool has the most precision of all the tools in the group. It works by snapping to the edges of the objects. You simply click once on the edge of the object you want to select and release the mouse button. Then carefully drag around the object and notice how the Magnetic Lasso Tool “snaps” to the edges.

Introduction to the Photoshop Toolbar (Part 1) 6

You can see below a selection I made with the Magnetic Lasso Tool. It’s the blue umbrella. Not a very bad selection considering the fact that I spent 20 seconds to create it. This is a recommended tool for beginners.

Introduction to the Photoshop Toolbar (Part 1) 7

Quick Selection Tool and Magic Wand Tool

Shortcut-W.

I find myself using the Quick Selection tool quite often despite its imperfections. It has the advantage of being, as the name suggests, quick. Its icon looks like a brush and if you start painting with this brush inside of an object you will quickly select it. It helps a lot if the object has strong edges but even if it has soft edges (like a face against a reddish sky) it still behaves pretty well. Highly recommended for quick work or if you don’t know how to use other tools. Not recommended for precise selections.

The Magic Wand Tool is a nice little tool that has its uses from time to time. If you click somewhere in the image it will select all pixels in that area that have a luminosity level close to the luminosity level of the level you clicked. You can set this by entering a value in the Tolerance box (the Tolerance is situated in the tool option bar along the top of the screen).

Introduction to the Photoshop Toolbar (Part 1) 8

In the image below I set the Tolerance setting to 2 and I clicked on the wall. Notice how ragged and ugly my selection is.

Introduction to the Photoshop Toolbar (Part 1) 9

After I changed the Tolerance level to 20 and clicked on the same spot on the wall (after deselecting the previous selection) the selection is much better.

Introduction to the Photoshop Toolbar (Part 1) 10

Also in the tool option bar is a checkbox that allows you to select noncontiguous areas (areas that are not connected) so if I click again on the same spot on the wall after removing the check from the Contiguous check box I would select both the wall on the left and right and generally every pixel with a close luminosity to the clicked area.

Introduction to the Photoshop Toolbar (Part 1) 11

Crop Tool, Slice Tool and Slice Select Tool

The Crop Tool allows you to crop your images to the desired size. Click, drag, press Enter and you just cropped your image. The cropping is best done at the end of the editing process.

The Slice Tool and Slice Select Tool are mainly for Web Designers and have very few uses for regular uses. How it works? Well, you drag with the Slice Tool and create rectangles (usually web pages layouts). After you’re done you select Save for Web & Devices from the File menu and select a folder. This process will save each sliced portion as a separate image thus allowing you to quickly use these images for website creation.

Introduction to the Photoshop Toolbar (Part 1) 12

Eyedropper Tool, Color Sampler Tool, Ruler Tool, Note Tool, 123 Count Tool

Shortcut – I.

If you’re doing color correction in an image then the Eyedropper Tool is your best friend. To use it properly first set the Sample Size in the option bar (the option bar I keep talking about is situated just below the Menus) to 3×3 or even better 5×5.

Introduction to the Photoshop Toolbar (Part 1) 13

Hover the Eyedropper tool over the image and notice how the R G B values change. If you click with this tool anywhere on the image you will set the Foreground color to the color below the Eyedropper Cursor. A quick way to access the Eyedropper tool while having the Brush Tool selected it is to press the Alt key.

Hold Shift and left click while using the Eyedropper tool to access the Color Sampler Tool and create a new color sampler (you can have a maximum of 4 color samplers). You can see in the image below where my color sampler is and what are the R G B values in the area I have sampled from. This information is very useful when you do color correction or you want to know what are the values of a specific area. Even better, you can change the Mode to Lab, CMYK, HSB or other wacky modes. I remember that I used this tool a lot when I was first learning about Photoshop to see how various adjustments and blend modes affect the pixels values.

Introduction to the Photoshop Toolbar (Part 1) 14

The Ruler Tool is for measuring the actual dimensions on the screen. Not a lot of uses for this tool (maybe if you’re a web designer) but it has one nice feature. In the options bar there’s a button called Straighten. Here’s how to use it. Notice that in the picture below, the level of the ground is not horizontal. It looks like the house is falling to the left side.

Introduction to the Photoshop Toolbar (Part 1) 15

To correct this, select the Ruler Tool then click and drag where the horizon line is in the picture

Introduction to the Photoshop Toolbar (Part 1) 16

Press Straighten and voila, we’ve straighten the horizon line. A bit of cropping occurs at the edges but that’s a good trade off for a straight image.

Introduction to the Photoshop Toolbar (Part 1) 17

I never use the Note Tool but you may find it helpful if you’re passing documents to other people and you want to indicate something. In the image below I added several notes and each could indicate a specific problem you want someone to address or maybe if you’re extremely forgetful write notes to yourself, like “Don’t forget to reduce the saturation here” or “Remove this ugly spot here”.

Introduction to the Photoshop Toolbar (Part 1) 18

Finally, the 123 Count tool is for counting objects. It probably has its uses for certain people but I haven’t ever felt the need to count objects in an image with a tool.
NOTE: The original house picture was straight to start with, but for the purposes of the tutorial I rotated the picture slightly to the left and then used the Ruler Tool on it.

Part 2

That’s it for the Part 1 of Photoshop Toolbar Introduction; stay tuned for part 2.

Facial Rejuvenation Effect in Photoshop

We have another nice Photoshop tutorial on how to do facial retouching as this is one of the most requested type of tutorials.


We have already other tutorials published on this topic like How to do Professional Facial Retouching in Photoshop or How to Make Facial Retouching in Photoshop among others.


Final Image Preview

Facial Rejuvenation Effect in Photoshop

Resources


Step 1

Open photo in Photoshop. Select Healing Brush Tool and remove as many wrinkles as possible. See before and after images below.

Facial Rejuvenation Effect in Photoshop 1
Facial Rejuvenation Effect in Photoshop 2

Step 2

Select Clone Stamp Tool to create pores on the skin, if in the process of wiping the wrinkles appeared very smooth skin. As a sample we can use skin on the nose, because there pores are very good.

Facial Rejuvenation Effect in Photoshop 3
Facial Rejuvenation Effect in Photoshop 4

Create a new layer. Make color sample to get color of the skin with the Eyedropper Tool and use the Brush Tool with soft round brush to reduce skin texture on the nose.

Facial Rejuvenation Effect in Photoshop 4

Merge all layers in one.


Step 3

Duplicate layer with Ctrl+J and work on duplicated layer. Apply Polygonal Lasso Tool to select face area and use Select > Invert to invert selection.

Facial Rejuvenation Effect in Photoshop 5

Press Delete button to clear selected area. Select eyes and eyebrows and then delete selected areas as well.

Facial Rejuvenation Effect in Photoshop 6
Facial Rejuvenation Effect in Photoshop 7

Step 4

Apply Filter > Blur > Gaussian Blur.

Facial Rejuvenation Effect in Photoshop 8
Facial Rejuvenation Effect in Photoshop 9

Change layer mode to Soft Light.

Facial Rejuvenation Effect in Photoshop 10

Step 5

Apply Image > Adjustments > Hue/Saturation to make color correction on this layer.

Facial Rejuvenation Effect in Photoshop 11
Facial Rejuvenation Effect in Photoshop 12

I think the photo will look better if we reduce visible border between edited copy and original layer. Select the Eraser Tool with soft round brush and erase some pixels on borders to make it more smooth.

Facial Rejuvenation Effect in Photoshop 13
Facial Rejuvenation Effect in Photoshop 14

Step 6

Duplicate photo layer (the one on bottom) and move it above all other layers. Apply Filter > Other > High Pass.

Facial Rejuvenation Effect in Photoshop 15
Facial Rejuvenation Effect in Photoshop 16

Increase contrast with Image > Adjustments > Brightness/Contrast.

Facial Rejuvenation Effect in Photoshop 17
Facial Rejuvenation Effect in Photoshop 18

Change layer mode to Overlay for this layer.

Facial Rejuvenation Effect in Photoshop 19

Step 7

It is very important to make eyes look brighter and clearer.

Facial Rejuvenation Effect in Photoshop 20

Select Clone Stamp Tool to remove under-eye hollows, then use the Brush Tool to reduce blood vessels on eyeball areas. You can take color samples with the Eye Dropper Tool.

Facial Rejuvenation Effect in Photoshop 21

Step 8

Create new layer above all other layers and change layer mode to Darken. Select Brush Tool (Opacity: 20%, black color) and color hair area with soft round brush.

Facial Rejuvenation Effect in Photoshop 22

Set layer opacity to 60%.

Facial Rejuvenation Effect in Photoshop 23

Step 9

Create new layer above all other layers and change layer mode to Color. Repeat same process as before to color the hair but use brown color (#483626).

Facial Rejuvenation Effect in Photoshop 24

Set layer opacity to 45%.

Facial Rejuvenation Effect in Photoshop 25

Step 10

Create new layer above all other layers and change layer mode to Soft Light. Repeat same process as before and apply it to beard’s men.

Facial Rejuvenation Effect in Photoshop 26

Set layer opacity to 60%.

Facial Rejuvenation Effect in Photoshop 27

To complete this tutorial select Clone Stamp Tool or Healing Brush Tool and remove some eyebrows over the centuries a bit.


Final Image

Facial Rejuvenation Effect in Photoshop

How to Create a Mini Music Player in Adobe Photoshop

In the following tutorial you will learn how to create a mini music player using Photoshop.


Final Image

As always, this is the final image that we’ll be creating:

How to Create a Mini Music Player in Adobe Photoshop

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).

You’ll need a grid every 1px. Go to Edit > Preferences > Guides, Grid & Slices and focus on the Grid section. Enter 1 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.

How to Create a Mini Music Player in Adobe Photoshop 1

Step 2

Pick the Rounded Rectangle Tool, set the radius at 5px and create a 492 by 40px vector shape. Move to the Layers panel and double click on this new shape to open the Layer Style window. Enter all the properties shown in the following images and click OK.

How to Create a Mini Music Player in Adobe Photoshop 2
How to Create a Mini Music Player in Adobe Photoshop 3
How to Create a Mini Music Player in Adobe Photoshop 4
How to Create a Mini Music Player in Adobe Photoshop 5
How to Create a Mini Music Player in Adobe Photoshop 6

Step 3

Pick the Rectangle Tool and create a 10px square. Select this new vector shape and switch to the Direct Selection Tool. Select the top, left anchor point and move it 5px down then select the bottom, left anchor point and move it 5px up. In the end your rectangle should turn into a triangle. Open the Layer Style window for this new shape and enter the properties shown in the following images.

How to Create a Mini Music Player in Adobe Photoshop 7
How to Create a Mini Music Player in Adobe Photoshop 8
How to Create a Mini Music Player in Adobe Photoshop 9
How to Create a Mini Music Player in Adobe Photoshop 10

Step 4

Duplicate the triangle created in the previous step (Control + J) and move the copy a few pixels to the right. Select this copy along with the original triangle and place them as shown in the first image. Make three new copies of your triangle, rotate them 180 degrees and places them as shown in the second image.

How to Create a Mini Music Player in Adobe Photoshop 11

Step 5

Pick the Rounded Rectangle Tool and make sure that the radius is set at 5px. Set the foreground color at #4b738c, create a 200 by 4px vector shape and place it as shown in the first image. Open the Layer Style window for this new shape and enter the properties shown in the following images.

How to Create a Mini Music Player in Adobe Photoshop 12
How to Create a Mini Music Player in Adobe Photoshop 13
How to Create a Mini Music Player in Adobe Photoshop 14
How to Create a Mini Music Player in Adobe Photoshop 15

Step 6

Pick the Rounded Rectangle Tool, set the foreground color at #a6ddff, create a 135 by 2px vector shape and place it as shown in the first image. Open the Layer Style window for this new shape and enter the properties shown in the following images.

How to Create a Mini Music Player in Adobe Photoshop 16
How to Create a Mini Music Player in Adobe Photoshop 17

Step 7

Pick the Ellipse Tool, create a 12px circle and place it as shown in the first image. Open the Layer Style window for this new shape and enter the properties shown in the following images.

How to Create a Mini Music Player in Adobe Photoshop 18
How to Create a Mini Music Player in Adobe Photoshop 19
How to Create a Mini Music Player in Adobe Photoshop 20
How to Create a Mini Music Player in Adobe Photoshop 21
How to Create a Mini Music Player in Adobe Photoshop 22

Step 8

Pick the Ellipse Tool, set the foreground color at #4b738c, create a 4px circle and place it as shown in the first image. Open the Layer Style window for this new shape and enter the properties shown in the following images.

How to Create a Mini Music Player in Adobe Photoshop 23
How to Create a Mini Music Player in Adobe Photoshop 24
How to Create a Mini Music Player in Adobe Photoshop 25

Step 9

Pick the Type Tool and add some white text as shown in the following image. Use the Calibri font with the size set at 11pt. Open the Layers Style window for your text and enter the properties shown in the following images.

How to Create a Mini Music Player in Adobe Photoshop 26
How to Create a Mini Music Player in Adobe Photoshop 27
How to Create a Mini Music Player in Adobe Photoshop 28
How to Create a Mini Music Player in Adobe Photoshop 29

Step 10

Pick the Rectangle Tool and create a 7 by 10px vector shape. Select it and switch to the Direct Selection Tool. Select the top, left anchor point and move it 5px down then select the bottom, left anchor point and move it 5px up. In the end your rectangle should turn into a triangle. Select it and pick the Rectangle Tool. Check the "Add to Shape Area" button from the top bar and create a 4px square as shown in the third image.

How to Create a Mini Music Player in Adobe Photoshop 30

Step 11

Pick the Ellipse Tool, create a 10px circle and select it. Continue with the Ellipse Tool, check the "Subtract from Shape Area" button from the top bar and create an 8px circle as shown in the second image.

Now, your vector shape should look like in the second image. Select it and switch to the Rectangle Tool. Make sure that the "Subtract from Shape Area" button is still checked and create a 5 by 10px rectangle and shown in the third image.

How to Create a Mini Music Player in Adobe Photoshop 31

Step 12

Pick the Ellipse Tool, create a 4px circle and select it. Continue with the Ellipse Tool, check the "Subtract from Shape Area" button from the top bar and create an 2px circle as shown in the second image.

Now, your vector shape should look like in the second image. Select it and switch to the Rectangle Tool. Make sure that the "Subtract from Shape Area" button is still checked and create a 3 by 6px rectangle and shown in the third image.

How to Create a Mini Music Player in Adobe Photoshop 32

Step 13

Select the vector shapes created in the last three steps and place them as shown in the following image. Open the Layer Style window for these shapes and enter the properties shown in the following images.

How to Create a Mini Music Player in Adobe Photoshop 33
How to Create a Mini Music Player in Adobe Photoshop 34
How to Create a Mini Music Player in Adobe Photoshop 35
How to Create a Mini Music Player in Adobe Photoshop 36

Step 14

Pick the Rounded Rectangle Tool and make sure that the radius is set at 5px. Set the foreground color at #4b738c, create a 50 by 4px vector shape and place it as shown in the first image. Open the Layer Style window for this new shape and enter the properties shown in the following images.

How to Create a Mini Music Player in Adobe Photoshop 37
How to Create a Mini Music Player in Adobe Photoshop 38
How to Create a Mini Music Player in Adobe Photoshop 39
How to Create a Mini Music Player in Adobe Photoshop 40

Step 15

Pick the Rounded Rectangle Tool, set the foreground color at #a6ddff, create a 29 by 2px vector shape and place it as shown in the first image. Open the Layer Style window for this new shape and enter the properties shown in the following images.

How to Create a Mini Music Player in Adobe Photoshop 41

Step 16

Finally, pick the Rectangle Tool and set the foreground color at black. Create three, 1 by 10px vector shapes and place them as shown below. Open the Layer Style window for these new shapes and enter the properties shown in the following images.

How to Create a Mini Music Player in Adobe Photoshop 42

Final Image

Here is how your final result should look.

How to Create a Mini Music Player in Adobe Photoshop

Create a conceptual surreal photo-manipulation (Part 2)

In this Photoshop tutorial (Part 2 of 2), we will learn how to create a conceptual surreal photo-manipulation.


Part 1

Part 1 of this tutorial has been published here.


Final Image Preview


Step 15

Activate the Erase tool (E) with these settings. Now let’s erase :

Brush size: 300px

Hardness: 0%

Opacity: 65%

Flow: 100%

Color: #000000

Now paint over the highlighted area.


Step 16

Activate the Erase tool (E) with these settings. Now let’s erase :

Brush size: 300px

Hardness: 0%

Opacity: 65%

Flow: 100%

Color: #000000

Now paint over the highlighted area.


Step 17

Activate the Erase tool (E) with these settings. Now let’s erase :

Brush size: 300px

Hardness: 0%

Opacity: 65%

Flow: 100%

Color: #000000

Now paint over the highlighted area.


Step 18

Now we are going to make a source light so activate a new layer(ctrl+n) and named it “Source light1″.

Activate the Brush tool (B) with these settings :

Brush size: 500px

Hardness: 0%

Opacity: 100%

Flow: 100%

Color: #FFFFFF

Paint over the highlighted area.

Change the layer mode of “Source light1″ to “Soft light” and opacity to 65%.


Step 19

First off, let’s open the engine-moteur stock in Photoshop. We will be using the engine from this stock image so we will need to transfer it to our main canvas.

Click the engine-moteur and select the Elliptical Marquee tool, and then make a selection around the engine, then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change the layer name to “engine”.

Next, activate the Transform tool (Ctrl/Cmd +T), then while the “Engine” layer is selected, resize it as shown below:


Step 20

Now activate the Blur tool (B) to make our engine’s sharp edges a little blury

Now take these settings :

Brush size: 65px

Mode: Normal

Strength: 10%

Flow: 100%

Paint over the highlighted area.


Step 21

Now let’s adjust the color tone of our engine image

Create a Color Balance adjustment layer:

When the Color Balance box opens, input the following:

Press Alt+left click in between the 2 layer’s (engine layer and color balance) to make a mask.

Now create a new Curves adjustment layer from the bottom of the layers palette .

When the Curves box opens, input the following. Press Alt+left click in between the 2 layer’s (engine layer and Curves) to make a mask.


Step 22

Now let’s create a source light for the engine. So activate a new layer and name it “Source light2″.

Activate the Brush tool (B) with these settings :

Brush size: 200px

Hardness: 0%

Opacity: 80%

Flow: 100%

Paint over the highlighted area.


Step 23

Now we are going to adjust the atmosphere of our image:

Create a new Solid color adjustment layer from the bottom of the layers palette .

When the Solid color box opens, input the following:

Change the layer mode to “Exclusion” and opacity to 40%

Create a new Solid color adjustment layer:

When the Solid color box opens, input the following:

Change the layer mode to “Soft light” and opacity to 20%

The result should be similar to this:

Create a Gradient map adjustment layer:

When the Gradient map box opens, input the following:

Change the layer mode to “Luminosity” and opacity to 60%

Create a Hue/Saturation adjustment layer:

When the Hue/Saturation box opens, input the following:

Now create a Brightness/Contrast adjustment layer:

When the Brightness/Contrast box opens, input the following:

Create a Photo filter adjustment layer:

When the Photo filter box opens, input the following:

Now create a Curves adjustment layer:

When the Curves box opens, input the following:


Step 24

Let’s create a Vignette. So activate a new layer and name it “Vignette” and fill this layer with white color (#ffffff)

Now go to Filer > Distort > lens correction.

Use these settings:

Vignette amount: -100

Midpoint: +20

Change the layer mode to “Multiply”.

Duplicate the “Vignette” and change it’s layer mode to “Multiply” and opacity to 50%.


Step 25

First off, let’s open the Umbrella stock in Photoshop. We will be using the Umbrella from this stock image so we will need to transfer it to our main canvas.

Click the Umbrella and press P to activate the Pen tool and then make a selection around the Umbrella and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change the layer name to “Umbrella1″.


Step 26

Next, activate the Transform tool (Ctrl/Cmd +T), then while the “Umbrella1” layer is selected, resize it as shown below:


Step 27

Create new Hue/Saturation adjustment layer from the bottom of layers palette .

When the Hue/Saturation box opens, input the following:

Press Alt+left click in between the 2 layer’s (umbrella1 layer and Hue/Saturation) to make a mask.

Step 28

Now let’s create a shadow for our umbrella.So Activate a new layer (ctrl+n) and name it “Shadow of umbrella1″.

Now activate the Brush tool (b) with these settings :

Brush size: 100px

Hardness: 0%

Opacity: 40%

Flow: 100%

Color: #000000

Now paint over the highlighted area.

Add more Umbrellas.

Final Image

Create a conceptual surreal photo-manipulation (Part 1)

In this Photoshop tutorial (Part 1 of 2), we will learn how to create a conceptual surreal photo-manipulation.

Final Image Preview


Resources


Step 1

Create a new file with a width of 3500 px and a height of 3500 px at 300 dpi (Dots per Inch). Background Contents should be White.


Step 2

First off, let’s open the dark gray storm in Photoshop. We will be using sky from this stock image so we will need to transfer it to our main canvas.

Activate the Transform tool (Ctrl+t) as shown below:

Once again activate the Transform tool (Ctrl+T) then right click and choose “Flip Vertical”.


Step 3

Now, let’s open the Sea, Greece in Photoshop. We will be using the sea from this stock image so we will need to transfer it to our main canvas.

Click the Sea, Greece image and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Sea”.

Activate the Transform tool (Ctrl+t) as shown below:


Step 4

We do not need that sky in that sea stock so let’s erase it.

Activate the Erase tool (E) with these settings.  Now let’s erase :

Brush size: 300px

Hardness: 0%

Opacity: 100%

Flow: 100%

Color: #000000

Paint over the highlighted area.


Step 5

Let’s adjust the color and tone of our sea we are going to adjust with our image’s atmosphere.

Create a Color Balance adjustment layer which can be found by pressing on the create New Fill/Adjustment layer button shown on the layer window:

When the Color Balance box opens, input the following:

Press Alt+left click in between the 2 layer’s (Sea layer and Color balance) to make a mask.

Now Create a new Curves adjustment layer from the bottom of the layers palette .

When the Curves box opens, input the following. Press Alt+left click in between the 2 layer’s (Sea layer and Curve) to make a mask.

Now create a new Hue/Saturation adjustment layer from the bottom of layers palette .

When the Hue/Saturation box opens, input the following. Press Alt+left click in between the 2 layer’s (Sea layer and Hue/Saturation) to make a mask.

Create a new Brightness/Contrast adjustment layer from the bottom of the layers palette. Press Alt+left click in between the 2 layer’s (sea layer and Brightness/Contrast) to make a mask.

When the Brightness/Contrast box opens, input the following. Press Alt+left click in between the 2 layer’s (sea layer and Brightness/Contrast) to make a mask.


Step 6

Open the American dream 4 in Photoshop. We will be using the mountain from this stock image so we will need to transfer it to our main canvas.

Click the American dream 4 and press P to activate the Pen tool and then make a selection around the mountain and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change the layer name to “Mountain1″.

Next, activate the Transform tool (Ctrl/Cmd +T), then while “Mountain1” layer is selected, resize it as shown below:


Step 7

Activate the Erase tool (E) with these settings.  Now let’s erase :

Brush size: 300px

Hardness: 0%

Opacity: 65%

Flow: 100%

Color: #000000

Paint over the highlighted area.


Step 8

Create a Hue/Saturation adjustment layer:

When the Hue/Saturation box opens, input the following:

Press Alt+left click in between the 2 layer’s (Mountain1 layer and Hue/Saturation) to make a mask.

Now create a Color Balance adjustment layer:

When the Color Balance box opens, input the following. Press Alt+left click in between the 2 layer’s (Mountain1 layer and Color balance) to make a mask.

Now create a new Curves adjustment layer from the bottom of the layers palette.

When the Curves box opens, input the following. Press Alt+left click in between the 2 layer’s (Mountain1 layer and Curves) to make a mask.


Step 9

Let’s open the Stock179 stock in Photoshop. We will be using the Mountain from this stock image so we will need to transfer it to our main canvas.

Click the Stock179 and press P to activate Pen tool and then make a selection around the mountain and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Mountain2″.


Step 10

Next, activate the Transform tool (Ctrl/Cmd +T) with the “Mountain2” layer selected and then resize it as shown below:


Step 11

Create a new Hue/Saturation adjustment layer from the bottom of the layers palette .

When the Hue/Saturation box opens, input the following:

Press Alt+left click in between the 2 layer’s (Mountain2 layer and Hue/Saturation) to make a mask.

Now create a new Curves adjustment layer:

When the Curves box opens, input the following. Press Alt+left click in between the 2 layer’s (Mountain2 layer and Curve) to make a mask.


Step 12

Return to the Stock179 stock in Photoshop. We will again be using the Mountain from this stock image so we will need to transfer it to our main canvas.

Click the Stock179 and press P to activate the Pen tool and then make a selection around the mountain and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change the layer name to “Mountain3″.


Step 13

Next, activate the Transform tool (Ctrl/Cmd +T), then while the “Mountain3” layer is selected, resize it as shown below:


Step 14

Now create a new Curves adjustment layer from the bottom of the layers palette.

When the Curves box opens, input the following:

Press Alt+left click in between the 2 layer’s (Mountain3 layer and Curves) to make a mask.

Create new Hue/Saturation adjustment layer:

When the Hue/Saturation box opens, input the following. Press Alt+left click in between the 2 layer’s (Mountain3 layer and Hue/Saturation) to make a mask.

Create a new Brightness/Contrast adjustment layer:

When the Brightness/Contrast box opens, input the following. Press Alt+left click in between the 2 layer’s (Mountain3 layer and Brightness/Contrast) to make a mask.

Create a new Color balance adjustment layer from the bottom of the layers palette .

When the Color Balance box opens, input the following. Press Alt+left click in between the 2 layer’s (Mountain3 layer and Color balance) to make a mask.


Part 2

Part 2 of this tutorial will be published in a few days.

Fabric Text Effect

This Photoshop tutorial explains how to use Layer Styles and two patterns to create a nice looking fabric text effect.

Final Image Preview

Fabric Text Effect

Resources


Note: Original tutorial published on Photoshopstar.com had several errors. Tutorial was rewritten and now published.


Step 1

Open the Seamless Plaid 0024 image, then go to Image -> Image Size, and type 150 in the Width (and Height) fields then click OK.

Fabric Text Effect 11

Go to Edit -> Define Pattern, and type in a name for the pattern. Here, it is “Background”.

Fabric Text Effect 11

Step 2

Open the Seamless Plaid 0033 image, then go to Image -> Image Size, and type 300 in the Width (and Height) fields then click OK..

Fabric Text Effect 11

Go to Edit -> Define Pattern, and type in a name for the pattern. Here, it is “Texture”.

Fabric Text Effect 11

Step 3

Create a new 1200 x 768 px document. Pick the Paint Bucket Tool, and choose Pattern from the Fill dropdown menu in the Options bar. Next, choose the pattern you’ve just defined (Background pattern) from the patterns menu and fill the background with it.

Fabric Text Effect 11

Go to Image -> Adjustments -> Hue/Saturation, and change the Saturation value to 60. This will brighten up the pattern color.

Fabric Text Effect 11

Create the text in black. The font used is Strenuous, the Size is 300pt, and the Tracking value is set to 75 to increase the space between the letters.

Fabric Text Effect 11

Step 4

Double click the text layer to apply the following Layer Style:

– Drop Shadow: Un-check the Use Global Light box, change the Angle to 92, the Opacity to 80%, the Distance to 20, the Spread to 20, and the Size to 27.

Fabric Text Effect 11

– Inner Shadow: Change the color to #2a530b, the Opacity to 85%, the Distance to 18, the Spread to 25, and the Size to 37.

Fabric Text Effect 11

– Outer Glow: Change the Spread to 47 and the Size to 10.

Fabric Text Effect 11

– Inner Glow: Change the Blend Mode to Multiply, the color to #1ba500, and the Size to 13.

Fabric Text Effect 11

– Bevel and Emboss: Change the Size to 20, check the Anti-aliased box, change the color to #c8e833, and set the Shadow Mode Opacity to 0%.

Fabric Text Effect 11

– Contour: Choose the Gaussian contour, check the Anti-aliased box, and set the Range to 100.

Fabric Text Effect 11

– Texture: Choose the “Texture” pattern, change the Scale to 75%, the Depth to 5%, and check the Invert box.

Fabric Text Effect 11

– Satin: Change the Blend Mode to Overlay, the color to #2c0402, the Opacity to 100%, the Angle to 90, the Distance to 63, the Size to 63 as well, choose the Ring contour, and check the Anti-aliased box.

Fabric Text Effect 11

– Color Overlay: Change the color to #2d8900, and the Opacity to 50%.

Fabric Text Effect 11

– Pattern Overlay: Choose the “Texture” pattern, and change its Scale value to 75% (this should match the Bevel and Emboss Texture Scale value).

Fabric Text Effect 11

– Stroke: Change the Size to 7, make sure the Position is set to Outside, change the Fill Type to Pattern, and choose the “Texture” pattern, then change the Scale value to 50% (a value less than the original Pattern Overlay Scale value).

Fabric Text Effect 11

And you’re done! You have a nice fabric text effect that uses only two patterns and a couple of Layer Effects.

Fabric Text Effect 11

Final Image

Hope you enjoyed the tutorial.

Fabric Text Effect

How to Change Shape of an Ornamental Plant

Would you like to know how to create the desired shape of an ornamental plant by using only Photoshop tools? Then this Photoshop tutorial is especial for you.


Final Image Preview

How to Change Shape of Ornamental Plant

Resources


Step 1

Download and open both photos in Photoshop. On the duckling photo use the Polygonal Lasso Tool to select the young duck shape. Once selected, press Ctrl+C to copy the selection and on the garden photo press Ctrl+V to paste.

How to Change Shape of Ornamental Plant 1

Reduce the opacity of the duckling layer to 50% to make the background visible.

How to Change Shape of Ornamental Plant 2

Step 2

Select the Polygonal Lasso Tool. On the background layer select part of the plant and copy it to a new layer with Ctrl+J. Place this new layer above the duck layer and position the duplicated content above the duck’s head as you can see below.

How to Change Shape of Ornamental Plant 3
How to Change Shape of Ornamental Plant 4

It’s important to note that illuminated parts of the plant should be located in areas of convex shape, that is on the wing or back of the duckling.

How to Change Shape of Ornamental Plant 5
How to Change Shape of Ornamental Plant 6

If the shape doesn’t match the  form of the duckling, then you should change it with the Polygonal Lasso Tool and then transform with Edit > Transform > Rotate and move it to the correct position.

How to Change Shape of Ornamental Plant 7
How to Change Shape of Ornamental Plant 8

Next, place the plant parts over the shape of the duck’s body.

How to Change Shape of Ornamental Plant 9

When the whole shape of the duckling is filled with plant fragments, merge all layers into one except the background layer and the duck layer. Use the Clone Stamp Tool to remove borders around the plant fragments. After that delete the duckling layer, we don’t need it any more.

How to Change Shape of Ornamental Plant 10

Step 3

To make a natural look, create a new layer under the plant layer, now use the Brush Tool with a small diameter brush to make small twigs around the plant. Get color samples with the Eye Dropper Tool.

How to Change Shape of Ornamental Plant 11
How to Change Shape of Ornamental Plant 12

Step 4

To finish off this tutorial we have to replace the old plant shape on the background behind the created plant in the shape of a duck. To do this go to the background layer again and then get the Clone Stamp Tool. Hold down the Alt key — the cursor will change to a target. Click the point you wish to use as a sampling point. This will be used as the reference point for cloning. Click and draw where you want the cloned image to appear. As you draw, a cross will appear on the original image while a corresponding circle appears where you are drawing.

Remove the old plant from the background image and this tutorial is complete.


Final Image

How to Change Shape of Ornamental Plant

How to Draw a Portrait in Photoshop

Another nice tutorial teaching you how to draw a portrait by using Photoshop. This technique is based on using Photoshop brushes and for people who may have some experience in art it’s a good technique but it takes time to achieve this result.

Final Image Preview

How to Draw a Portrait in Photoshop

Resources


Step 1

Start by opening photo. Select the Crop Tool to select part of the image and press Enter to cut selected area.

How to Draw a Portrait in Photoshop 1

Step 2

We are now going to create a background for future portrait. I would like to choose the same color as the real background on the photo. It is green, but much darker, so the portrait will look more expressive. Unlock the background layer (double click on thumbnail on layers palette), then create a new layer under the existing layer (name it background) and fill it with color #3d4038 by using the Paint Bucket Tool.

How to Draw a Portrait in Photoshop 2

Step 3

Create a new layer (strokes layer) above all other layers. Select the Brush Tool with a soft round brush and size of 2 pixels. Zoom into the photo and start making small strokes to duplicate animal fur. You can take a sample of the color with the Eyedropper Tool and it is very important to change color on small areas, because when you zoom into the picture, you can see a big variety of color.

To save time you can keep switching between Brush Tool and Eyedropper Tool using hot keys: B to select the Brush Tool and Alt to take a sample of color with the Eyedropper Tool.

How to Draw a Portrait in Photoshop 3

You can hide the photo layer to check your progress (click on the layer eye, which indicates layer visibility).

How to Draw a Portrait in Photoshop 4

If you are satisfied with the result, make photo layer visible again. You should continue making the animal’s fur with small brush strokes (always on the strokes layer) and changing color with the Eyedropper Tool from time to time.

How to Draw a Portrait in Photoshop 5

From time to time, hide photo layer visibility to see what you have done so far.

How to Draw a Portrait in Photoshop 6

Keep working with the brush tool using the same technique on the strokes layer.

How to Draw a Portrait in Photoshop 7
How to Draw a Portrait in Photoshop 8

As you can see on my screenshot below, there are some plain color areas on the photo without any strokes in them. If you look at the dog in real life, it will be looking plain in the shadow, you can’t see the texture properly. The texture can be seen only with bright sun, during normal daylight or indoor lighting.

How to Draw a Portrait in Photoshop 9

Step 4

Select the layer with the photo and reduce it’s size with Edit > Transform > Scale. Move the photo to the top left of the canvas so it can help you focus on the photo to keep painting the portrait. Create a new layer under the strokes layer (color spots layer) and paint over the area color with the Brush Tool, don’t forget to take color samples with the Eyedropper Tool.

How to Draw a Portrait in Photoshop 10

Turning the strokes layer visibility off helps you see what color spots are already painted and which colors you used.

How to Draw a Portrait in Photoshop 11

Keep working with the Brush tool using same technique.

How to Draw a Portrait in Photoshop 12

You can see below how the color spots layer should look  (turn off the strokes layer visibility to see).

How to Draw a Portrait in Photoshop 13

Keep painting other areas.

How to Draw a Portrait in Photoshop 14
How to Draw a Portrait in Photoshop 15

Turn off the visibility of the layer with the photo and the background layer and merge together the layer with strokes and layer with color spots using Ctrl+E.

How to Draw a Portrait in Photoshop 16

Step 5

Select the Smudge Tool, set the Strength parameter to 50-60%, select Spatter brush (59 px). If you can’t find Spatter brush (it’s one of the standard Photoshop brushes) then choose option Reset Brushes and it should appear. Zoom into the canvas and begin mashing the harsh strokes and mixing some colors together.

How to Draw a Portrait in Photoshop 17
How to Draw a Portrait in Photoshop 18

Start creating fur texture from the nose, this is because near the nose the fur is the shortest and needs to be processed more carefully. Further, the diameter of the brush can be increased, but the most important thing is that you must move the brush only in the direction of hair growth. The longer stroke you make, the longer hair you will create.

How to Draw a Portrait in Photoshop 19

Now you should add a few more details. Choose the Burn Tool and Spatter brush (59 px) and darken some areas of the portrait. Do not forget that you have to make strokes in the direction of hair growth. Then select the Dodge Tool and apply the Spatter brush about 59 pixels again. Lighten some areas to your own taste. Please remember that the hair on the ends is lighter than at the root, so use Burn Tool and Dodge Tool to make lighter and darker work.

How to Draw a Portrait in Photoshop 20

Step 6

To finish our tutorial, create a new layer and update layer mode to Soft Light for it. Select the Brush Tool (set opacity to about 5-10% and a soft round brush), then darken and lighten large areas of the portrait to your own taste, so in the end it will look like more contrast. Change brush size according to situation and you can see on the image below where I applied brush with white or black colors.

How to Draw a Portrait in Photoshop 21

Final Image

Below you can see final result (don’t forget to turn off visibility of the photo layer).

How to Draw a Portrait in Photoshop

Transform a Female into a Dark Elf Using Photoshop Drawing Techniques

In this Photoshop tutorial you will learn how to make drawing-style picture in a fantasy style from one photo. This tutorial is not difficult but it is more suitable for people who have some experience in Photoshop drawing.

Final Image Preview

Transform Female into Dark Elf

Resources


Note: if you have a graphics tablet you can use it and you will get better results. But you can also do this tutorial with a computer mouse.

Step 1

Start by opening the photo in Photoshop.

Transform Female into Dark Elf 1

Let’s start by changing the proportions. Go to Filter > Liquify and work on changing the shape of the face and make the eyes bigger. Make sure Forward Warp Tool is selected and use it to increase the size of the eyes.

Transform Female into Dark Elf 2
Transform Female into Dark Elf 3

Step 2

Select the Healing Brush Tool to remove skin defects if they are present on the photo.

Transform Female into Dark Elf 4

Step 3

We need to reduce brightness and increase contrast with Image > Adjustments > Brightness/Contrast.

Transform Female into Dark Elf 5
Transform Female into Dark Elf 6

Change the color balance by going to Image > Adjustments > Color Balance.

Transform Female into Dark Elf 7
Transform Female into Dark Elf 8

Go to Filter > Liquify again to increase the fantasy effect on the photo (eyes, lips and face shape especially).

Transform Female into Dark Elf 9

Step 3

Create a new layer (Ctrl+Shift+N). Select the Brush Tool and press F5 to open the window with Brush Presets or go to Window > Brush. Select Soft Brush, 80px and 20% hardness. Change foreground color to #230b47. Choose Shape Dynamics option and update Control to Pen Pressure (if you have a graphics tablet). If not leave the Control option off and we will work with the computer mouse. Apply the brush to the photo background. Finally, change layer opacity to 70%.

Transform Female into Dark Elf 10

Duplicate layer with Ctrl+J. Change the layer mode to Soft Light and opacity to something around 50%-60%.

Transform Female into Dark Elf 11

Step 4

Create a new layer above all other layers. Now we need to create the ear shape. Select the Eyedropper Tool and click on the face area to get the color sample. Now with the Brush Tool (soft brush) start creating an ear shape and use other colors and different brush sizes to get a more real ear.

Transform Female into Dark Elf 12

Keep creating the ear shape.

Transform Female into Dark Elf 13
Transform Female into Dark Elf 14

Finally we need to get some texture to apply to ear. Go to the original photo and with the Rectangular Marquee Tool selected make a small selection of skin. Copy selection.

Transform Female into Dark Elf 15

Paste the selection on our psd file and a new layer will be created. Place the new layer on top of all other layers and place the skin exactly over the ear. Use Image > Adjustments > Desaturate to desaturate.

Transform Female into Dark Elf 16

Change layer mode to Soft Light.

Transform Female into Dark Elf 17

Load selection of the layer with the ear (press Ctrl and click ear layer thumbnail on layers palette).

Transform Female into Dark Elf 18

Select the ear texture layer. Invert selection with Selection > Invert and press the Delete button to clear selected area. Remove selection with Ctrl+D.

Transform Female into Dark Elf 19

Step 5

Create a new layer on top. Select the Brush Tool (soft round brush) and paint over the hair and neck with white. This layer will be called “hair”.

Transform Female into Dark Elf 20

Change layer blending mode to Color.

Transform Female into Dark Elf 20a

Create a new layer on top. Set foreground color to #e8ddfc and with the Brush Tool selected (soft brush, opacity: 10%) apply brush to face.

Transform Female into Dark Elf 21

Change layer blending mode to Color.

Transform Female into Dark Elf 21a

Duplicate layer “hair”. Move on top of all layers and change blending mode to Overlay.

Transform Female into Dark Elf 22

Select Brush (diameter of around 3-4px) and draw new hair with white (if you have a graphics tablet use it). Check next screenshots.

Transform Female into Dark Elf 23
Transform Female into Dark Elf 24
Transform Female into Dark Elf 25
Transform Female into Dark Elf 26

Step 6

Repeat the same process now for eyebrows and name the layer “eyebrows”.

Transform Female into Dark Elf 27

Step 7

Duplicate “hair” layer with Ctrl+J.

Transform Female into Dark Elf 28

Merge both “hair” layers into one. After that select the Smudge Tool (Strength: 65%) and use the Spatter 59px which is one of the standard Photoshop brushes to make the  hair smoother and more realistic looking.

Transform Female into Dark Elf 29
Transform Female into Dark Elf 30

Step 8

Create a new layer above all other layers. Select Brush Tool (Opacity: 70%) and draw more hair with a 1 pixel brush using white. It will give a more natural look to the hair.

Transform Female into Dark Elf 31

Duplicate the layer with Ctrl+J and move it a little bit.

Transform Female into Dark Elf 32

Create a new layer again. Choose the Brush Tool (Soft brush with opacity 10-20%) and paint over sections of the hair, where the largest amount of hair is present. Once done, select the Eraser Tool (Opacity: 35%) to clear a little bit where the hair ends.

Transform Female into Dark Elf 33

Step 9

Now we need to bring more volume to the hair. Create a new layer and set blending mode to Multiply. Select the Brush Tool (Opacity: 20% and soft round brush) and darken the hair around the face with black. Apply Brush Tool also to lips.

Transform Female into Dark Elf 34

Create a new layer on top of previous layer and change layer mode to Color. Select some very bright color for the eyes and paint slightly.

Transform Female into Dark Elf 35

Step 10

Now we are going to make the face more voluminous. Create a new layer on top of all other layers and change layer mode to Soft Light. Use the Brush Tool (Opacity: 10% and a soft round brush) to darken the shadow side of the face use black (#000000) and lighten the highlights with white (#ffffff).

Transform Female into Dark Elf 36

Step 11

Now we have to consider reflection on the picture. As we can see the background is purple, so we should have the same color shade on hair, clothes and face. To do this create a new layer, assign blending mode to Soft Light, take a sample of the background color using the Eyedropper Tool, then add a purple hue to all of the picture using the Brush Tool (Opacity: 30-40% with soft round brush).

Transform Female into Dark Elf 37

To finish off the tutorial we have to remove the button from the clothes. Create a new layer and select the Clone Stamp Tool (select the parameter Sample All Layers) and remove the button using this tool.


Final Image

And we are done with this tutorial. Hope you liked it.

Transform Female into Dark Elf

Introduction to Photoshop Layers

Learn to work with Photoshop Layers in this introduction tutorial which show you the basics of layers.


View Other Articles in This Series


Resources


There is no simple way to start describing layers so let’s begin by seeing them in action. You can see I opened an image and I have some text that says “Pushing the car”.

Introduction to Photoshop Layers 1

Now let’s take a look at the Layer palette (if it is not opened go to Window > Layers) below. You can see the background image and the text I have written over. The text is on a new layer. That’s what layers are, thank you for reading the tutorial, the end.

No, wait, I am joking. Don’t go yet. But that’s the essence of layers, having things on different layers and being able to manipulate them separately.

Introduction to Photoshop Layers 2

If I select the Move tool (V) and click on the text layer I can reposition it without affecting the background layer (the original image). I can resize the layer using Free Transform, I can apply Adjustments, I can erase, I can liquify, and I can apply filters and so on. And the best part is that I can do that without affecting other layers.

Introduction to Photoshop Layers 3

You may say to yourself: “But why in the world would I want that? Why make things complex? I just want to do it easily, without any complications”.

Well, you could do that and you know what? Let’s emulate that. Let’s do all the work on a single layer. I added some more text to the image, tweaked the colors with Color Balance (Image > Adjustments > Color Balance) and increased the contrast with Curves (Image > Adjustments > Curves).

Introduction to Photoshop Layers 4

As you can see in the Layers palette below all the work is done on a single layer. I am happy with it and I send it to my client. But, bad luck, my client is not in a bright mood and wants me to change the text from “MAKES ME HAPPY” to “MAKES ME SAD” and also change the color of the text to yellow. Oooops… I am in trouble. Because I have done all my work on a single layer I cannot change the text or alter it’s colors without affecting the whole image. So I have to start all over again…thanks a lot Photoshop!

Introduction to Photoshop Layers 5

“But that’s not my fault! You should’ve used layers!” replies Photoshop. And he’s right. Using layers gives us the ability to work non-destructively. That’s a nice concept and it basically means that I can alter different objects on my document as many times I want without making any permanent (irreversible) changes. So that’s something you should try to achieve with every document. It may seem a bit hard at first, but it will become second nature after a while and you will be thankful for this ability.

Now that we covered some conceptual grounds let’s see some practical examples and learn about ­different types of layers.

Introduction to Photoshop Layers 6

First take a look at the Layers palette. Notice how each layer is represented by a thumbnail and each has a little eye next to it. If you click on the eye icon you will turn off the visibility of that layer.

The layer on the top covers the bottom layer in terms of visibility. “TO LEARNING” layer covers both the “Background” layer and “THE ROAD” layer, while “THE ROAD” layer covers the “Background” layer. Notice the little lock at the right of the “Background” layer. This means that the layer is locked and you can’t perform certain operations on it (like moving it). If you open an image it will automatically become a background layer. To make the background layer a regular one simply double click on it and then click ok when the dialog box appears.

You can’t make changes to a layer that is not selected. Trying to move something on the screen while no layer is selected will result in a lot of frustration, even to experienced users. First click on the layer and make sure it’s selected (if it is selected it will be encompassed in a blue rectangle, like the “TO LEARNING” layer below) and then apply changes to it.

Introduction to Photoshop Layers 7

You can move layers up and down by simply dragging them with the mouse. In the example below I double clicked the “Background” layer to make it a regular layer and dragged the layer above the “THE ROAD” layer but below the “TO LEARNING” layer.

Introduction to Photoshop Layers 8

You can see the effect in the image below. Because it sits above the “THE ROAD” layer it covers it completely. “TO LEARNING” layer is still fully visible because it sits above the “Layer 0” layer.

Introduction to Photoshop Layers 9

But what if we want to make “TO LEARNING” layer semi-opaque? Well, then we could lower the opacity. In the image below I lowered the opacity to 50%. This means that the pixels of the layer “TO LEARNING” are only 50% visible thus allowing the pixels below them (pixels from the image with the road) to partially show through.

Introduction to Photoshop Layers 10

But we can do more. Have you ever heard of blending modes? They are basically recipes for how the pixels from the above layer blend with the pixels from the below layer. There is math involved and if you want to know more about them you can start by reading the Help file that comes with Photoshop. I changed the blend mode of the text layer “TO LEARNING” to Color Dodge and raised the Opacity to 100%. Notice that it has become brighter and it borrowed some texture from the layer below.

Introduction to Photoshop Layers 11

The available blending modes are shown in the image below. You can try and play with them to achieve interesting (or more likely unexpected) results but you should definitely try and understand them at least once in your life. You’ll make good use of them, of that I can assure you.

Introduction to Photoshop Layers 13

What kind of layers does Photoshop offer? Well, you saw text layers in the images above and pixel layers (Layer 0). Let me introduce you to adjustment layers. You’ve probably heard of Image Adjustments (like Curves or Brightness/ Contrast). The problem with these adjustments is that once you make them it’s not possible to adjust them further. Imagine that you apply a Curves Adjustment to a layer and darken it but after several other layers and adjustments you decide to lower the effect of the Curves Adjustment. Well, you can’t do that really (unless you do some tricky stuff with the History Brush tool or press Undo until your finger is numb).

That is where Adjustment layers come in. They are just like Image Adjustments but while you can’t modify Image Adjustments once you have applied them you can always come back and modify an Adjustment layer. In the image below I applied a Hue/Saturation Adjustment layer. An Adjustment layers affects the entire layer below it. You can see that in the image below, it lowered the saturation of the whole image.

Introduction to Photoshop Layers 14

If I move the “TO LEARNING” layer above the Hue/Saturation Adjustment layer than the low saturation effect it’s no longer applied to it. You can see that in the image below.

Introduction to Photoshop Layers 15

This brings us to another subject that’s very dear to me: layer mask. They are a wonderful invention and once you start using them you start wondering how you could have lived without them. A layer mask is exactly what the name suggests: a mask over a layer. Imagine that you have a black, opaque mask. If you put a mask over something you’ll cover that thing completely. If you take the mask off, you can see the thing. If you half cover the thing, you can see only the half that is not covered by the mask. Actually, a layer mask is on the image above. Take a look and try to guess where the layer mask is. Got it? Now look at the image below to see if you guessed right.

Introduction to Photoshop Layers 16

In a layer mask white reveals, black conceals and gray partially reveals (the darker the grey the less it reveals). Our layer mask is completely white and that means that it reveals everything, making the low saturation effect apply to the entire image (except of course the “TO LEARNING” layer which sits above the Hue/Saturation).

But what if we make half of the layer mask black? Select the Rectangular Marquee Tool, click in the layer mask and drag to make a selection as shown below.

Introduction to Photoshop Layers 12

Press D to set default colors and Alt + Backspace to fill the selection with black. And voila, you just modified a layer mask. Notice that where the layer mask is black the Hue/Saturation effect is no longer applied and we can enjoy the green colors of the image below. Where the layer mask is white the Hue/Saturation is fully applied, making the image more of a dark and white one. But what if you painted with gray in the layer mask? Go ahead, select a brush and a gray color and paint in the layer mask. You’ll see how it partially hides the Hue/Saturation layer.

Introduction to Photoshop Layers 17

That’s nice, but how do we create our own layer masks and apply them to our layers? That’s very simple to do and there’s more than one way to do it. First select a layer for which you want to create a mask. Then choose Layer > Layer Mask > Reveal All to create a white layer mask or Layer > Layer Mask >Hide All to create a black layer mask. Or you can click on the little button in the Layers palette that looks like a box with a little circle in the middle.

Introduction to Photoshop Layers 18

But what if you have lots of layers and you want to organize them somehow? Then you should create Groups. To create Groups of layers simply select multiple layers (or one layer) by holding Ctrl and clicking on the layers you want to group. Then press Ctrl + G or choose Layer > Group Layers. You can add a layer mask to a layer group or you can move a Group just like a layer with the Move tool (V) thus adding new possibilities regarding editing and organization of your document.

Introduction to Photoshop Layers 19

To create a new, empty layer on which you can draw or paste from other sources press Ctrl + Shift + Alt + N or choose Layer > New Layer (there is also a button on the layers palette, the one next to the little recycle bin).

Introduction to Photoshop Layers 20

Conclusion

That was just a simple introduction to the world of layers and it doesn’t cover all the aspects. However, I hope that I made you interested in the wonderful world of layers and motivated you, the reader, to further increase your knowledge in the area.

Abstract Picture from the Photo

This Photoshop tutorial will explain one interesting technique of making abstract picture from the photo.


Final Image Preview

Abstract Picture from the Photo

Resources


Step 1

Open photo in Photoshop. Go to Image > Image Size and update size to 1000×750 pixels. Double click on layer thumbnail on layers palette to unlock background layer. Create a new layer under flower layer and fill it with black color (Name it “background”). Select flower layer and with Polygonal Lasso Tool select flower. Invert selection by going to Select > Inverse and press Delete to clear selected area.

Abstract Picture from the Photo 1

Step 2

Create a new layer. Select Brush Tool (hard round brush with 2px) and set foreground color to white. Select Pen Tool (make sure Paths is selected instead of Shape Layers) and draw your line like I did to select one petal.

Abstract Picture from the Photo 2
Abstract Picture from the Photo 3

Right-click selection and select Stroke Path.

Abstract Picture from the Photo 4

A dialog box will appear. Choose Brush and make sure there is a tick on Simulate Pressure.

Abstract Picture from the Photo 5

Right-click again and select Delete Path. If you hide temporarily flower layer (by clicking on layer thumbnail on layers palette) you will see this:

Abstract Picture from the Photo 6

Repeat same process to recreate all other petals into shapes and also inner part of flower. Each petal should be on a separate layer. In the end you can delete flower layer.

Abstract Picture from the Photo 7

Step 3

Hide all layers except “background” layer and first petal layer that you created on step 2.

Abstract Picture from the Photo 8

Duplicate layer with petal (Ctrl+J) and move it above all layers. Apply Filter > Stylize > Wind.

Abstract Picture from the Photo 9
Abstract Picture from the Photo 10

Press Ctrl+F a few more times to increase filter effect.

Abstract Picture from the Photo 11

Apply Filter > Blur > Motion Blur.

Abstract Picture from the Photo 12
Abstract Picture from the Photo 13

Move this layer with Move Tool (V) to have something similar to what I did.

Abstract Picture from the Photo 14

Next, apply Edit > Transfom > Warp to place layer content inside petal shape.

Abstract Picture from the Photo 15
Abstract Picture from the Photo 16

Delete original petal layer with shape.

Abstract Picture from the Photo 17

Repeat all these steps for each other petal layers and in the end you will have something similar to my image below.

Abstract Picture from the Photo 18

We just need to create inner part of the flower. Repeat same process as with petals but do not apply Motion Blur.

Abstract Picture from the Photo 19

We can still add some more lines to improve picture like we did with flower petals.

Abstract Picture from the Photo 20

Step 4

We are now going to add color. Create a new layer above all other layers and fill it with color #a100ff.

Abstract Picture from the Photo 21

Change layer mode to Overlay.

Abstract Picture from the Photo 22

Step 5

Create a new layer on top of all other layers. Now we are going to add some glowing to this picture. Select Brush Tool with soft round brush (brush size varying from small to large) and add a few spots with white color.

Abstract Picture from the Photo 23

Change layer mode to Overlay.

Abstract Picture from the Photo 24

Create a new layer on top of all other layers. Add a little more glowing with the Brush Tool (Opacity: 20%) and we are done with this tutorial.


Final Image

Abstract Picture from the Photo

Cool Unusual Text Effect

This tutorial will explain how to create an amazing 3D-like text effect using some gradient fills, lasso tools, and the Dodge and Burn Tools. It is really simple but the final result is great. Lets get started.

Final Image Preview

Cool Unusual Text Effect

Note: Original tutorial published on Photoshopstar.com had too many errors. Being one the most popular tutorials, tutorial was rewritten and now published.


Resources


Step 1

Create a new document, 800×500 pixels, or any other dimensions depending on the text you’re going to create. Then, set the Foreground color to #b7e101, and the Background color to #74a203, and pick the Gradient Tool. Choose the Foreground to Background fill, and click the Radial Gradient icon in the Options bar, then click and drag from the center of the document to one of the corners to create the gradient fill.

Cool Unusual Text Effect 1

Create the text in Bold All Caps using the color White and the font Familian with a Size value of 175 pt, then, set the Tracking value in the Character panel (Window -> Character) to 100 to avoid overlapping.

Cool Unusual Text Effect 2

Go to Layer -> Rasterize -> Type to rasterize the text layer, then duplicate the text layer and make the original layer invisible by clicking the eye icon next to it.

Cool Unusual Text Effect 3

Step 2

Double click the copy text layer to apply a Gradient Overlay effect, and click the Gradient box to create the gradient used.

Cool Unusual Text Effect 4

There are only two colors used: #fffca6 to the left, and #cce80d to the right.

Cool Unusual Text Effect 5

This is how the text should look like.

Cool Unusual Text Effect 6

Step 3

Go to Edit -> Transform -> Skew, and move the upper corners to get a result similar to the one below. Then press Enter to get out of the Skew Mode

Cool Unusual Text Effect 7

Pick the Rectangular Marquee Tool, and draw a 5 x 188 px rectangle on top of the first letter. You can check the dimensions in the Info panel (Window -> Info).

Cool Unusual Text Effect 8

Create a new layer on top of all layers then fill the selection with white. Go to Select -> Deselect (or press Ctrl + D) to get rid of the selection.

Cool Unusual Text Effect 9

Go to Filter -> Blur -> Gaussian Blur and enter 2.5 for the Raduis value.

Cool Unusual Text Effect 10

Step 4

Create a new 24 x 195 px selection, create another new layer, fill the selection with white, and get rid of the selection.

Cool Unusual Text Effect 11

Go to Filter -> Blur -> Gaussian Blur and enter 9 for the Raduis value this time.

Cool Unusual Text Effect 12

Select both blur layers then go to Layer -> Merge Layers, and rename the merged layer to “Blur”.

Cool Unusual Text Effect 13

Step 5

Go to Edit -> Transform -> Rotate, and rotate the blurred part as below, then press Enter.

Cool Unusual Text Effect 14

Duplicate the “Blur” layer and move it so that you have blur placed over each letter. Then, select all the Blur layers and merge them (Layer -> Merge Layers).

Cool Unusual Text Effect 15

Ctrl + Click the copy text layer’s thumbnail (icon) to create a selection, then go to Select -> Inverse to invert the selection.

Cool Unusual Text Effect 16

Press Delete to get rid of the outer parts of the blur, then press Ctrl + D to get rid of the selection.

Cool Unusual Text Effect 17

Step 6

Make the original text layer visible again.

Cool Unusual Text Effect 18

Go to Edit -> Transform -> Skew, and skew this text a bit more to the right. Press Enter when done.

Cool Unusual Text Effect 19

Go to Edit -> Transform -> Scale, and scale the text down vertically. Don’t forget to press Enter after you do so.

Cool Unusual Text Effect 20

Make sure that the original text layer is selected (active), and click the “Lock transparent pixels” icon in the Layers panel. Set the Foreground color to #689106 and pick the Paint Bucket Tool. Un-check the Contiguous box in the Options bar then fill the white part with the Foreground color.

Cool Unusual Text Effect 21

Step 7

Create a new layer on top of the original text layer. Pick the Polygonal Lasso Tool and draw a selection around the empty areas between the two text layers.

Cool Unusual Text Effect 22

Once you create the selection fill it with the same Foreground color then get rid of the selection (Ctrl + D).

Cool Unusual Text Effect 23

Do the same for the rest of the letters, then merge this layer with the original text layer.

Cool Unusual Text Effect 24

Step 8

Next we are going to use the Dodge Tool and Burn Tool to lighten and darken certains areas.

Pick the Dodge Tool, set the Range to Midtones and the Exposure to 30% (in the Options bar). If you are working on edges you’ll need to select those edges (using the Polygonal Lasso Tool) so that they look sharp, then, lighten the lower part of the selection.

Cool Unusual Text Effect 25

As for curves, no need for selections.

Cool Unusual Text Effect 26

Use the Burn Tool with the same settings as the Dodge Tool to darken the areas left.

Cool Unusual Text Effect 27

Using the Dodge and Burn tools help give depth to the 3D effect.


Final Image

Hope you enjoyed the tutorial and found it useful.

Cool Unusual Text Effect

Create a Dark Dreamy Emotional Photo Manipulation (Part 2)

In this tutorial (Part 2 of 2) I’ll show you how to create a Dark dreamy emotional photo manipulation. We’ll come through techniques of manipulating, retouching, layer mask, adjusting light and shadow as well as other several techniques.


Part 1

Part 1 of this tutorial has been published here.

Final Image Preview

Create a Dark Dreamy Emotional Photo Manipulation

Step 14

First off, let’s open the Suitcase 5 stock in Photoshop. We will be using the Suitcase from this stock image so we will need to transfer it to our main canvas.

Click the Suitcase 5 and press P to activate pen tool and then make a selection around the snail and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Suitcase”.

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Next, activate the Transform tool (Ctrl/Cmd +T) and while the “Suitcase” layer is selected resize it as shown below:

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Step 15

Now Create new Curves adjustment layer from the bottom of layers palette .

When the Curves box opens, input the following:

Create a Dark Dreamy Emotional Photo Manipulation 11

Press Alt+left click in between 2 layer’s (Suitcase layer and Curves) to make a mask.

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Create a Hue/Saturation adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window:

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Hue/Saturation box opens, input the following settings. Press Alt+left click in between 2 layer’s (Suitcase layer and Hue/Saturation) to make a mask.

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Step 16

Let’s create Suitcase’s shadow. Activate new layer and name it”Suitcase shadow”.

Activate Brush tool (B) with these settings :

Brush size: 100px

Hardness: 0%

Opacity: 40%

Flow: 100%

Color: #000000

Now paint over the highlighted area.

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Step 17

First off, let’s open the Victorian Street Lamp 3 stock in Photoshop. We will be using the Lamp from this stock image so we will need to transfer it to our main canvas.

Create a Dark Dreamy Emotional Photo Manipulation 11

Click the Victorian Street Lamp 3 and press P to activate pen tool and then make a selection around the Lamp and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Lamp”.

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Next, activate the Transform tool (Ctrl/Cmd +T) and while the “Lamp” layer is selected resize it as shown below:

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Now activate Erase tool (E) with these settings Now let’s erase :

Brush size: 100px

Hardness: 0%

Opacity: 75%

Flow: 100%

Paint over the highlighted area.

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Step 18

Create new Hue/Saturation adjustment layer from the bottom of layers palette .

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Hue/Saturation box opens, input the following settings. Press Alt+left click in between 2 layer’s (Lamp layer and Hue/Saturation) to make a mask.

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Create new Brightness/Contrast adjustment layer from the bottom of layers palette .

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Brightness/Contrast box opens, input the following info. Press Alt+left click in between 2 layer’s (Lamp layer and Brightness/Contrast) to make a mask.

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Step 19

First off, let’s open the Retro TV stock in Photoshop. We will be using the tv from this stock image so we will need to transfer it to our main canvas.

Create a Dark Dreamy Emotional Photo Manipulation 11

Click the Retro TV and press P to activate pen tool and then make a selection around the tv and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Tv”.

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Activate the Transform tool (Ctrl/Cmd +T) and while the “Tv” layer is selected resize it as shown below:

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Step 20

Create new Hue/Saturation adjustment layer from the bottom of layers palette .

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Hue/Saturation box opens, input the following info. Press Alt+left click in between 2 layer’s (Tv layer and Hue/Saturation) to make a mask

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Create new Brightness/Contrast adjustment layer from the bottom of layers palette .

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Brightness/Contrast box opens, input the following info. Press Alt+left click in between 2 layer’s (tv layer and Brightness/Contrast) to make a mask

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Step 21

Let’s open the Dark Blue eyes in Photoshop. We will be using the Eye from this stock image so we will need to transfer it to our main canvas.

Create a Dark Dreamy Emotional Photo Manipulation 11

Click the Dark Blue eyes and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Eye”.

Create a Dark Dreamy Emotional Photo Manipulation 11

Next, activate the Transform tool (Ctrl/Cmd +T) and then while the “Eye” layer is selected resize it as shown below:

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Create new Hue/Saturation adjustment layer from the bottom of layers palette.

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Hue/Saturation box opens, input the following info. Press Alt+left click in between 2 layer’s (Eye layer and Hue/Saturation) to make a mask.

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Step 22

Let’s make lamps shadow so activate a new layer and name it “lamps shadow”.

Activate Brush tool (B) with these settings :

Brush size: 100px

Hardness: 0%

Opacity: 40%

Flow: 100%

Color: #000000

Paint over the highlighted area.

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Step 23

Let’s adjust image environment.

Now create a Solid color adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window:

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Solid color box opens, input the following:

Create a Dark Dreamy Emotional Photo Manipulation 11

Change layer blend mode to “Exclusion” and opacity to “30%”.

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Create a Solid color adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window:

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Solid color box opens, input the following:

Create a Dark Dreamy Emotional Photo Manipulation 11

Change layer blend mode to “Soft light” and opacity to “50%”.

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Create a Gradient map adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window:

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Gradient map box opens, input the following:

Create a Dark Dreamy Emotional Photo Manipulation 11

Change layer blend mode to “Luminosity” .

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Create a Color Balance adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window:

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Color Balance box opens, input the following:

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Create a Photo Filter adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window:

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Photo Filter box opens, input the following:

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Create a Hue/Saturation adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window:

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Hue/Saturation box opens, input the following:

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Create a Brightness/Contrast adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window:

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Brightness/Contrast box opens, input the following:

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Step 24

Create a new layer and name it “Vignette”. Fill it with White color “#ffffff”.

Create a Dark Dreamy Emotional Photo Manipulation 11

Now go to Filters > Distort > Lens Correction:

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Lens Correction box opens, input the following:

Create a Dark Dreamy Emotional Photo Manipulation 11

The result should be similar to this:

Create a Dark Dreamy Emotional Photo Manipulation 11

Change the layer mode to “Multiply” and the opacity to 100%:

Create a Dark Dreamy Emotional Photo Manipulation 11

Final Image

Create a Dark Dreamy Emotional Photo Manipulation

Create a Dark Dreamy Emotional Photo Manipulation (Part 1)

In this tutorial (Part 1 of 2) I’ll show you how to create a Dark dreamy emotional photo manipulation. We’ll come through techniques of manipulating, retouching, layer mask, adjusting light and shadow as well as other several techniques.


Final Image Preview

Create a Dark Dreamy Emotional Photo Manipulation

Resources


Step 1

Create a new file with a width of 4500 px and a height of 4500 px at 300 dpi (Dots per Inch). Background should be White.

Create a Dark Dreamy Emotional Photo Manipulation 11

Step 2

Let’s start with our background (sky).

Let’s open the desolate storm in Photoshop. We will be using the sky from this stock image so we will need to transfer it to our main canvas.

Click the desolate storm image and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “sky”.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 3

Next, activate the Transform tool (Ctrl/Cmd +T), then while the “sky” layer is selected resize it as shown below:

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 4

Now Create new color balance adjustment layer from the bottom of layers palette.

Create a Dark Dreamy Emotional Photo Manipulation 11

Fill values see as below :

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Now Create new Curves adjustment layer from the bottom of layers palette.

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Curves box opens, input the following:

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 5

First off, let’s open the Clevedon Pier – sxc.hu stock in Photoshop. We will be using the Clevedon Pier from this stock image so we will need to transfer it to our main canvas.

Create a Dark Dreamy Emotional Photo Manipulation 11

Click the Clevedon Pier and press P to activate pen tool and then make a selection around the Clevedon Pier and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Clevedon Pier”.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 6

Next, activate the Transform tool (Ctrl/Cmd +T), then while the “Clevedon Pier ” layer is selected and then resize it as shown below:

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 7

First off, let’s open the Swan IV – IQuitCountingStock stock in Photoshop. We will be using the Swan from this stock image so we will need to transfer it to our main canvas.

Create a Dark Dreamy Emotional Photo Manipulation 11

Click the Swan and press P to activate pen tool and then make a selection around the Swan. Click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Swan”:

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Activate transform tool and then make a right click and choose flip horizontal

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 8

Now Create new Curves adjustment layer from the bottom of layers palette.

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Curves box opens, input the following:

Create a Dark Dreamy Emotional Photo Manipulation 11

Press Alt+left click in between 2 layer’s (swan and Curves) to make a mask.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Create new brightness/contrast adjustment layer from the bottom of layers palette.

Create a Dark Dreamy Emotional Photo Manipulation 11

Input the following and Press Alt+left click in between 2 layer’s (swan and brightness/contrast) to make a mask.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 9

Let’s make a Source light to our image.Activate a new layer (ctrl+n) and name it “Source light”.

Activate Brush tool (B) with these settings :

Brush size: 600px

Hardness: 0%

Opacity: 40%

Flow: 100%

Color: #FFFFFF

Paint over the highlighted area.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 10

Let’s make swan’s shadow.Activate a new layer and name it “swan shadow”

Make a duplicate of swan layer by using Ctrl+J, activate transform tool (ctrl+t) and right click and choose flip vertical.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Activate the duplicate layer by (ctrl+left click on duplicate layer) and fill with black color.

Create a Dark Dreamy Emotional Photo Manipulation 11

Activate Erase tool (E) with these settings:

Brush size: 200px

Hardness: 0%

Opacity: 40%

Flow: 100%

Let’s erase and ease little bit of our shadow to make it light.

Create a Dark Dreamy Emotional Photo Manipulation 11

Step 11

First off, let’s open the Old top hat set stock in Photoshop. We will be using the hat from this stock image so we will need to transfer it to our main canvas.

Create a Dark Dreamy Emotional Photo Manipulation 11

Click the Old top hat and press P to activate pen tool and then make a selection around the hat and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “hat”.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 12

Next, activate the Transform tool (Ctrl/Cmd +T), and while the “Hat” layer is selected resize it as shown below:

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 13

Now Create new Brightness/Contrast adjustment layer from the bottom of layers palette.

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Color Balance box opens, input the following.

Create a Dark Dreamy Emotional Photo Manipulation 11

Press Alt+left click in between 2 layer’s (Hat layer and Brightness/Contrast) to make a mask.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Now Crate new Hue/Saturation adjustment layer from the bottom of layers palette.

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Hue/Saturation box opens, input the following.Press Alt+left click in between 2 layer’s (Hat layer and Hue/Saturation) to make a mask.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Part 2

Part 2 of this tutorial will be published in next few days.

Frosted Glass Text Effect

This tutorial will explain how to create a beautiful frosted-rolled glass inspired text effect, using Photoshop Filters and Layer Styles.


Final Image Preview

Frosted Glass Text Effect

Resources


Step 1

Create a new document, 1152×864 pixels, set the Foreground color to #006d68, and the Background color to #004e49, then, go to Filter -> Render -> Clouds.

Frosted Glass Text Effect 1

Place the “fire texture 02″ on top of the Background layer, and change its layer’s Blend Mode to Multiply, and its Opacity to 50%.

Frosted Glass Text Effect 2

Place the “Weathered Texture” on top of both layers and change its layer’s Blend Mode to Soft Light.

Frosted Glass Text Effect 3

Step 2

Create the text using the color #7b7b7b. The font used is “Atrox”, and the Size is 330 pt.

Frosted Glass Text Effect 4

Duplicate the text layer, and change the copy’s Fill value to 0%.

Frosted Glass Text Effect 5

Step 3

Double click the original text layer to apply the following Layer Style.

– Drop Shadow: Just change the color to #686868.

Frosted Glass Text Effect 6

– Inner Shadow: Change the color to #737373, the Distance to 0 and the Size to 10.

Frosted Glass Text Effect 7

– Bevel and Emboss: Change the Technique to Chisel Hard, the Depth to 150, the Size to 27, and the Soften value to 5. Un-check the Use Global Light box, then, change the Angle to 90, the Altitude to 30, the Gloss Contour to Gaussian, and check the Anti-aliased box. Also, change the Highlight Mode to Overlay, its color to #ded96c, and the Shadow Mode’s color to #7b7b7b.

Frosted Glass Text Effect 8

This is what you should get after applying the style above:

Frosted Glass Text Effect 9

Step 4

Press the Ctrl/Cmd key, and click a text layer’s tumbnail (icon) to create a selection.

Frosted Glass Text Effect 10

Create a new layer between the two text layers and call it “Texture”. Fill the selection with the color #005954. Then go to Select -> Deselect (or press Ctrl/Cmd + D) to get rid of the selection.

Frosted Glass Text Effect 11

Set the Foreground color to #006d68 and the Background color to #004e49.

Frosted Glass Text Effect 12

Step 5

It’s time to apply the Filters to create the texture, so change the values as shown in the images below for each filter. Start by going to Filter- > Texture -> Mosaic Tiles:

Frosted Glass Text Effect 13
Frosted Glass Text Effect 14

Next, go to Filter -> Artistic -> Dry Brush:

Frosted Glass Text Effect 15
Frosted Glass Text Effect 16

Now, change the “Texture” layer’s Blend Mode to Hard Light.

Frosted Glass Text Effect 17

Step 6

Double click the copy (top) text layer to apply the following Layer Style.

– Outer Glow: change the Blend Mode to Overlay, and the color to #00a49d.

Frosted Glass Text Effect 18

– Inner Glow: Change the Blend Mode to Overlay, the Opacity to 50%, the Noise to 50% as well, the color to 8df4f2, the Technique to Precise, the Source to Center, and the Size to 20.

Frosted Glass Text Effect 19

– Bevel and Emboss: change the Technique to Chisel Hard, the Depth to 150, and the Size to 10. Un-check the Use Global Light box, then, change the Angle to 110, the Altitude to 15, the Gloss Contour to Cove – Deep, and check the Anti-aliased box. Also, change the Highlight Mode to Vivid Light, and the Shadow Mode’s color to #7b7b7b.

Frosted Glass Text Effect 20

– Contour: Choose the Rolling Slope – Descending contour, and check the Anti-aliased box.

Frosted Glass Text Effect 21

– Texture: choose the Metallic Snakeskin Pattern, and change the Depth to 20.

Frosted Glass Text Effect 22

This will add a nice glossy effect to the text.

Frosted Glass Text Effect 23

Step 7

Right click a text layer and choose Create Work Path.

Frosted Glass Text Effect 24

Create a new layer right below the original text layer and call it “Stroke”, then choose a hard round 7 px brush.

Frosted Glass Text Effect 25

Set the Foreground color to #159282. Then, pick the Direct Selection Tool, right click the path you’ve just created, and choose Stroke Path.

Frosted Glass Text Effect 26

Choose Brush from the Tool drop down menu, and make sure that the Simulate Pressure box is unchecked.

Frosted Glass Text Effect 27

Hit Enter/Return to get rid of the path.

Frosted Glass Text Effect 28

Step 8

Double click the “Stroke” layer to apply the following Layer Style:

– Drop Shadow: Just change the Size to 2.

Frosted Glass Text Effect 29

– Bevel and Emboss: Change the Gloss Contour to Cone – Inverted and check the Anti-aliased box. Also, change the Highlight Mode to Vivid Light, and the Shadow Mode’s color to #009d9e.

Frosted Glass Text Effect 30

– Contour: Choose the Cone – Inverted contour and check the Anti-aliased box as well.

Frosted Glass Text Effect 31

– Texture: Just choose the Clouds Pattern.

Frosted Glass Text Effect 32

This is what you should get.

Frosted Glass Text Effect 33

Step 9

Ctrl/Cmd + Click a text layer’s thumbnail once again to create a selection, then press Delete to get rid of the inner part of the stroke. .

Frosted Glass Text Effect 34

With the text selection still active, create a new layer on top of all layers and call it “Soft Brush”, then change its Blend Mode to Overlay and its Opacity to 50%. Set the Foreground color to #90eadc, and use a soft round brush, with a quite big size (aroud 100 px) to add some bright dots over some parts of the text. Try not to add too much dots as this will ruin the original effect.

Frosted Glass Text Effect 35

Create another new layer on top of all layers and call it “Color Brush”, then change its Blend Mode to Hue and its Opacity to 20%. Set the Foreground color to #eaddd6, and use a little bit bigger soft round brush (aroud 150 px) to add some color dots. The color is very subtle, but it adds nice depth to the effect. Try not to overdo it as well.

Frosted Glass Text Effect 36

Step 10

Next, we are going to apply the same effect using different colors to a star shape. So pick the Polygon Tool, and make sure that the “Shape Layers” icon in the Options bar is clicked, then enter 5 in the “Sides” box.

Frosted Glass Text Effect 36

Also in the Options bar, under the Polygon Options, check the Star box and set the “Indente Sides By:” value to 50%. Then, set the Foreground color to #7b7b7b.

Frosted Glass Text Effect 36

Create the star shape wherever you want to, then duplicate the shape layer and set the copy’s Fill value to 0%.

Frosted Glass Text Effect 36

Step 11

Double click the original shape layer to apply the following Layer Style:

– Drop Shadow: Change the color to #686868, the Distance to 3, and the Size to 3 as well.

Frosted Glass Text Effect 36

– Inner Shadow: Change the color to #737373, the Distance to 0 and the Size to 5.

Frosted Glass Text Effect 36

– Bevel and Emboss: Change the Technique to Chisel Hard, the Depth to 150, the Size to 14, and the Soften value to 3. Un-check the Use Global Light box, then, change the Angle to 90, the Altitude to 30, the Gloss Contour to Gaussian, and check the Anti-aliased box. Also, change the Highlight Mode to Overlay, its color to #ded96c, and the Shadow Mode’s color to #7b7b7b.

Frosted Glass Text Effect 36

This is almost the same Layer Style applied to the original text layer, but using different size values to suit the shape used. So you can modify the values depending on the shape you created and its size compared to the text.

Frosted Glass Text Effect 36

Step 12

Now double click the copy shape layer to apply the following Layer Style:

– Outer Glow: Change the Blend Mode to Overlay, the color to #a46000, and the Size to 3.

Frosted Glass Text Effect 36

– Inner Glow: Change the Blend Mode to Overlay, the Opacity to 50%, the Noise to 50% as well, the color to #cfad7b, the Technique to Precise, the Source to Center, and the Size to 10.

Frosted Glass Text Effect 36

– Bevel and Emboss: Change the Technique to Chisel Hard, and the Depth to 150. Un-check the Use Global Light box, then, change the Angle to 110, the Altitude to 15, the Gloss Contour to Cove – Deep, and check the Anti-aliased box. Also, change the Highlight Mode to Vivid Light, and the Shadow Mode’s color to #7b7b7b.

Frosted Glass Text Effect 36

– Contour: Choose the Rolling Slope – Descending contour, and check the Anti-aliased box.

Frosted Glass Text Effect 36

– Texture: Choose the Metallic Snakeskin Pattern, then change the Scale to 50% and the Depth to 20.

Frosted Glass Text Effect 36

Once again, this is similar to the copy text layer’s Layer Styles, but with different size and color values.

Frosted Glass Text Effect 36

Step 13

Create a new layer on top of the original shape layer, call it “Star Texture”, and change its Blend Mode to Hard Light. Then Ctrl/Cmd + Click the shape’s vector mask thumbnail to create a selection.

Frosted Glass Text Effect 36

Fill the selection with the color #8f7708, then press Ctrl/Cmd + D to get rid of the selection.

Frosted Glass Text Effect 36

Set the Foreground color to #4e4400 and the Background color to #8f7708. It’s time to apply the Filters to create the texture (like we did in Step 5), so change the values as shown in the images below for each filter. Start by going to Filter- > Texture -> Mosaic Tiles:

Frosted Glass Text Effect 36

Next, go to Filter -> Artistic -> Dry Brush:

Frosted Glass Text Effect 36
Frosted Glass Text Effect 36

Step 14

Creating the path to add the stroke is a little bit different as this is a shape. You’ll need to pick the Direct Selection Tool, click the star shape itself, then click and drag around the star shape to select its anchor points. After that, go to Edit -> Copy to copy the path

Frosted Glass Text Effect 36

Create a new layer below the original shape layer and call it “Star Stroke”, then go to Edit -> Paste to paste the path to the new layer.

Set the Foreground color to #958938 and choose a hard round 7 px brush.

Frosted Glass Text Effect 36

Pick the Direct Selection Tool again, then stroke the path just like you did before. Right click the path you’ve just created, and choose Stroke Path. Choose Brush from the Tool drop down menu, and make sure that the Simulate Pressure box is unchecked. Hit Enter/Return to get rid of the path.

After that, Ctrl/Cmd + Click the shape layer’s vector mask thumbnail and press Delete to get rid of the inner parts of the Stroke, and preass Ctrl/Cmd + D to get rid of the selection.

Frosted Glass Text Effect 36

Step 15

Double click the “Star Stroke” layer to apply the following Layer Style:

– Drop Shadow: Just change the Size to 2.

Frosted Glass Text Effect 36

– Bevel and Emboss: Change the Gloss Contour to Cone – Inverted and check the Anti-aliased box. Also, change the Highlight Mode to Vivid Light, and the Shadow Mode’s color to #9e8e00.

Frosted Glass Text Effect 36

– Contour: Choose the Cone – Inverted contour and check the Anti-aliased box as well.

Frosted Glass Text Effect 36

– Texture: Just choose the Clouds Pattern.

Frosted Glass Text Effect 36

This is what you should get.

Frosted Glass Text Effect 36

Final Image

And that’s it! You can use other color shades as well if you like, and the effect will look awesome on all colors.

Frosted Glass Text Effect

Hope you enjoyed the tutorial and found it useful.