If you have been following PSD Vault Photoshop tutorial for a while, you probably would have noticed a lot of them contain steps involving Photoshop Masks – which can be a little difficult to understand if you just started Photoshop.

In this second part, I will cover the following topics:

• The Use of Quick Mask
• The Use of Clipping Mask
• Apply Mask on Image Adjustment Layer

Also if you would like to read the first part of this series, please click this link below:

A Beginner’s Guide to Photoshop Masks – Part One

OK let’s get started!

The Use of Quick Mask

Firstly download this stock image and use it for this part of the tutorial.

Before we begin, I would like to mention a bit of introduction of “Quick Mask” – although it’s got the word “Mask” in it, it’s more widely used as a tool to make selection of certain objects on an image, rather than hide or reveal them.

Quick mask can be quite useful if want to cut out one part of the image that would be otherwise difficult to select using selection tools such as lasso or marquee tools.

Now let’s load the stock image you just downloaded into Photoshop.

To enter the Quick Mask Mode, Press the “Q” key or Press the button down the bottom of the toolbox:

Choose the black colour as the foreground colour:

Now you can also adjust the brush size prior to painting the mask:

Use this brush to paint over the eagle, as shown below: (for tutorial purpose, I did not go into making a precise selection here)

Now press “Q” key to exit quick mask mode, you will see the mask become a selection:

Once the selection is made, you can copy, cut and move it anywhere you want.

That’s pretty much it for Quick Mask. If you want to make a more precise selection, adjust the brush size and use erase tool along with the brush tool when you paint the mask.

The Use of Clipping Mask

Now let’s get to the clipping mask part. Personally I think this is one of the greatest feature of Photoshop and I seriously can not be without it :)

Basically a clipping mask can take the shape of the  base layer – the base layer can be text, shape, or a filled selection.

Let’s take a look at the clipping mask in action. Download this stock image and use it for this part of the tutorial.

Create a new document sized 600px * 600px with a white background and type some texts onto it:

Load the stock image in and select a portion of it, copy and paste onto the text document you just created:

Right-click on this layer and choose “Create Clipping Mask”:

Now you can the layer has a little down arrow attached to it, meaning it has been transformed into a clipping mask:

Now if you take a look at the canvas, you will see the texture layer takes on the shape of the text layer. As a result, we successfully apply the texture to the text and make it look more stylish :)

You can also use clipping mask on shapes, just using the same method as on a text layer. Have a try with it and experiment the effect yourself :)

Applying Mask on Image Adjustment Layer

On later versions of Photoshop, we’re introduced a new featured called “Adjustment Layer”, which you can apply image adjustment options such as curves, color balance and channel mixer, etc onto it – without the need of changing the original layer content.

Now on those adjustment layers, you can also apply mask in order to hide or reveal certain portion.

As shown below, I added a color balance adjustment layer to the background layer. By default, Photoshop will automatically attach a mask to the adjustment layer:

Same as the layer mask on a normal layer, you can use brush tool/eraser tool to paint or erase on the layer mask:

As the portion on the adjustment layer will be hidden, and reveal the content on the layer below:

One more thing you need to remember is that you can make the adjustment layer as clipping mask via right-clicking menu:

This way you can apply image adjustment only on the layer that it “clips” onto, without affect other layers. Also when you combine the layer mask on the adjustment layer, and the clipping mask option together, you can add very complex effect to the image :)

OK that’s it for this tutorial! Hopefully you learn a few things about the masks in Photoshop and find those tips useful :)

Till next time, have a great day!

In this post, I will show you 5 Good Photoshop Habits You Must Form Right from the Start. Personally I think it will be quite beneficial for you to try and adopt those good practices, especially if you consider using Photoshop as a working tool and be professional with it.

The version of Photoshop I use here is CS4, but the points mentioned here should apply well for older version, too.

Habit 1: Get Your Workspace Setup Right, and Memorise Keyboard Shortcuts

Have a comfortable workspace setup for your Photoshop can make your life much easier in terms of the various task you’re trying to achieve in Photoshop. Have the right arrangement window position, layer palette layer, brush panel setup can get you a long way.

In the case of CS4, you will find a list of pre-defined workspace in window > workspace:

You can also drag and drop windows to your desired position:

and save them as your own favourite workspace setup for future use:

Give your workspace a name:

Another feature is Keyboard shortcuts – you can define them here:

this will bring up a list of shortcuts and you can make changes there:

You can also summarise them by pressing the “Summarize” button:

This will ouput a .htm file – I suggest you print this out and hang them somewhere easy to see:

I don’t have to mention the benefit of using shortcuts – after all, they are “shortcuts” to the art of Photoshop.

Habit 2: Don’t be lazy, Name Your Layers

OK, everybody is lazy in some way. But no matter how lazy you’re, name those layers you created in Photoshop! It has two major benefits:

• You will remeber what you did to your design, 15 days ago. Because the layers are named and structured.
• It will help others to understand your design better, and avoid abusive comments (especially if you work in a collaborative environment)

For instance, the screenshot below doesn’t make any sense:

We can give the layer some meanful names:

The named layer will help you remember what you did in the past, and help others understand your layer structure better.

Habit 3: Use Layer Blending Options Wisely

Layer Blending Option are used quite frequently by designers. It is quite a powerful feature where you can apply lots of effects to one layer:

Obviously, as a beginner, you tend to add on as many blending options as possible to make your design “POP”:

Sometimes, it is better keep things simple:

and the result may be better:

So use those blending options wisely :)

Habit 4: Learn Pen Tool, and Master it

Yes, Pen Tool is probably one of the trickiest tool in Photoshop to learn. I’m sure some people may choose to ignore it and use other tools instead.

I’m not sure how many people here have used Pen Tool (the icon with a little pen) in Photoshop before, but personally I think it is quite a useful tool when it comes to outlining and creating custom shapes.

In the beginning the Pen Tool can be a bit awkward to use, but once you practice and get used to it it will become a very handy tool for you, especially when you are trying to outline objects with complex lighting and backgrounds.

Here are some tutorials I found on the web covering the use of Pen Tool in Photoshop:

How to Use the Pen Tool in Photoshop: A Tutorial on Outlining Objects

Pen Tool Tutorial – Creating Selections With Photoshop’s Pen Tool

Photoshop Pen Tool (Video Tutorial)

You may find once you master the Pen Tool, you can use it to create a lot of elegant effects and make precise selection for your objects. Definitely worth the trouble.

Habit 5: Use Layer Mask More Often

That’s begin this part with a scenario:

You have an image (a flying bird in this case), and you decide to erase some parts of the bird so it looks like something else. But after a few hundred steps later, you found you probably overdid the image a bit:

Naturally, you seek help from the history window, try to reverse a few actions:

But often you find the list isn’t long enough to record your messiness, even if you go to the very top:

And you may have to start over again from the original image:

Worse still, you have a bunch of unnamed layers and objects mixing together, and you don’t even know where to begin:

So, to avoid the above frustrations, add a layer mask to the layer you want to modify – in case, you’re erasing some parts off the bird:

And you realise you made a mistake and erased the wrong part, or change your mind, you can simply right-click the mask and delete it:

And you can have your bird back just like that:

Put it simply: layer mask gives you extra protection against accidental mess-ups and save your time by not having to go back to the very beginning.

That’s it for this post! I hope this would help beginner learn something useful and try and form those habits before it’s too late. After all, you will be the one who benefits from it, eventually.

Till next time, have a great day!

When you first started with Photoshop, you might be overwhelmed by the amount of features and functionalities built for various graphic design tasks and basically don’t know where to begin. So what can we do to overcome this initial difficulty? Just like learning every other thing in life, we start with the easiest part.

In this post, I will provide 5 Simple, Yet Useful Photoshop “How-to”s for Absolute Beginners. Take a look and hopefully you will see after all, Photoshop is not that hard to start with!

Before we start, please note that this tutorial is made in Windows with Adobe Photoshop CS3 and CS4, options may vary in version and OS platform.

How to Draw a Perfect Circle/Square

This might be the first question every beginner would ask. So let’s take a look at the toolbox and find the set of drawing tools as shown below: (to expand, left-click on the rectangular tool and hold)

and You can use those tools to draw rectangule or oval shapes, as shown below:

Now here is the trick: if you would like to draw a PERFECT circle or a square, you must hold down the Shift Key while dragging your mouse:

How to Adjust Brush Opacity and Flow

This is an interest topic – it may seem to be really simple, but the amount of emails and comments I received in regards to this question made me think to include it here.

The options are in fact quite easy to find – if you select the brush tool first, on the option bar above you will the opacity and flow adjustment right there, as shown below:

How to Load Custom Brushsets into Photoshop

These days there are many free Photoshop brushsets you can download from the net, but how to load those beautiful brushset into Photoshop? Here are the steps:

Click on the Brush Tool in the toolbox and click on the drop down arrow next to the brush shape symbol, as shown below”

Next, click on the right arrow on the right hand side of the brush pallette:

You will see a list of options appearing, select the “Load Brushes” option from the list:

and a window will pop up, choose the brushset from the folder and click on “load”:

and that’s it! You will see the newly loaded brushsets in the brush panel:

How to Draw Paths with Pen Tool

Pen Tool can be use to create paths – however, it’s not enabled by default. If you select Pen Tool and straight away to use it, you will see Shapes instead of Paths, as shown below:

So to change it to Path, follow the steps below:

Click onthe Pen Tool in the toolbox and you will a bunch of options appearing on the top bar, click on the second symbol as shown below to change it to Paths:

and that’s it, you can now draw pure paths on your canvas as shown below:

How to Quickly Create Guides in Photoshop

Personally I think this is a rather important and useful function in Photoshop. When you design interfaces (eg. website mockups), you will need to create a sets of guides to ensure precision. But exactly how do we do this?

Here are the steps:

Firstly, if you haven’t turn the Ruler option on, Press Ctrl + R to turn it on, you will see the rulers appearing on top and right of the canvas:

Now if you move your mouse over on the ruler, then left-click and drag, you will see the guides appears on the canvas, as shown below:

and if you would like to clear the guides, simply go to View > Clear Guides

One extra tip with guides: if you right-click on the ruler, you will see a list of options to change the measurements, as shown below:

That’s it for this post! Hope you find it helpful and if you have any further question, just drop me a comment below and I will try my best to assist.

Cheers and have a great day!

In this tutorial, I will show you how simple it is to create effective, clean and fresh call-to-action button that will surely attract visitor’s attention, plus a super quick way to create this trendy Embossing text effect in Photoshop. Very easy tutorial, have a try!

For those who haven’t yet came across the idea of “Call-to-Action” button – basically they’re buttons that you would want all your users to click on when they land on your page. Usually they’ll be a link to a download, signup or sale. By making those buttons easy to easy and click on, you increase the likelyhood that user will notice the button, then follow up with relevant actions.

As for embossing text, they’re everywhere now on the web, and I personally quite like this particular effect :)

Here is a preview of the final effect for this tutorial: (click to enlarge)

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

OK let’s get started!

Step 1

Create a new document size 750px * 400px (size doesn’t really matter here) and fill this background layer with White. Create a new layer on top of the background layer called “gradient”, grab the Gradient Tool from the toolbox and fill it as shown below:

I decide to use this light gradient because it’s easier to demonstrate several important points in the next few steps. You can of course try out darker ones.

Step 2

Let’s type some text on the canvas. I used this font because I personally feel it’s a very clean and bold font, which you can use for a wide range of headings, or descriptive text.

So type some sample text on the canvas as shown below: (use a slightly darker colour for font colour)

Appy the following layer blending option to the text layer:

Inner Shadow

Stroke

And you will have the following effect to the text layer:

See, that’s our embossing text effect done. Very simple, yet effective.

Step 3

Ok let’s get on with creating the call-to-action button. Use the Rounded Rectangular Tool with a 7px radius, draw a button on the canvas as shown below: (Make shape you select “shape layers” on top option bar)

Apply the following layer blending effect to this button:

Bevel and Emboss

Gradient Overlay

With the Gradient Colour, apply the following settings:

Location 0% – Color: #0083be

Location 99% – Color: #31c8fa

Location 100% – Color: #FFFFFF

Stroke

And you will have the following effect:

Step 4

Now we have a button background, let’s add some symbol onto it so it provides some kinds of graphical meaning. In this case, I decided to make this button a download button. So naturally I thought of a down arrow would mean something to the user.

So grab the Custom shape tool from the toolbox:

and choose the bold arrow from the library as shown below:

Draw an arrow on the position as shown below, rotate it clockwise 90 degree when you done the drawing:

Apply the following layer blending options to the arrow layer:

Drop Shadow

Gradient Overlay

Location 0% – Color: #09c228

Location 100% – Color: #b4ff97

Stroke

You will have the following effect so far:

Step 5

Now we can type some text onto the button:

Apply the following layer blending options to the text layer:

Inner Glow

Gradient Overlay

Stroke

and you will have the following effect:

Step 6

Ok we’re almost done. To spice up the final effect, we can add some light and shadow to the button and text to increase their depth. To do this, create a new layer underneath the button background layer, grab a big soft brush with a dark colour, do a single click on the centre of the canvas:

Use free transform tool to resize it and position it as shown below:

To create a light divider between the text and the button, simply create a new layer on top of the shadow layer, use a big soft brush with white colour, do a single click to the position as shown below:

Again we resize it and fit it to the postion under the text:

and here is the final effect for this tutorial:

Final Thoughts

There are several things I think we need to pay attention to when it comes to making call-to-action buttons:

1. Always try to use fresh, vibrant colour as button background, and make sure the color differs significantly from the rest.
2. Apply gradient to the background creating more depth and make the button stand out
3. Use graphic element and symbol on the button to make it more meaningful to visitors
4. Use Light and shadows to draw user attentions.

Further Readings

1. Web Design Trends: Call To Action Buttons

That’s it for this tutorial! Hope you enjoy it!

I remembered when I first started learning Photoshop many years ago, there are many features I never knew how to use, or just don’t bother use them at all. Well, I was wrong, and I have since realised everything has their uses and they’re there for a purpose :)

In this tutorial, I will show you 5 Highly Applicable, Yet Easily Ignored Features in Photoshop -  and How to Best Use Them. Hopefully they’re of use to you as a starter, thus make your life as a photoshopper a bit easier right from the beginning.

Meanwhile, I guess even if you’re an experienced Photoshopper already, it nevers hurt to have a read :) Perhaps you’d like to share some tips and tricks too? Just drop me a comment below :)

Ok enough talk, let’s get started!

Turn on the Alignment Options in Move Tool

Let’s face this: you create a new document, copy and paste a new image onto the canvas, and try to position it to the center. If you’re a beginner, you may try to judge the center point by your eyes (I did it once). But believe me, your eyes don’t always tell the truth!

That’s when the alignment options come in handy. Simply click on the Move Tool (V), then you will see the alignment options appears on the top:

And let’s say you want to position an object in the center of the canvas, simply Ctrl + A to select the whole canvas, and you will see some alignment option become clickable:

And then you simply click “Align vertical centers” and “Align horizontal centers”, you will see the object is now positioned in the center of the canvas:

Also if you wish to align your object to a different spot, simply change the selection range instead of the whole canvas.

Image > Trim…

Ok, there will be time that you will face the following situation: you will have image sitting on top of a transparent or a single solid colour background, and you will want to get rid of all the background and leave just the image object.

Naturally you will want to use the Crop tool, however that can sometimes be tricky. So the Trim function can come in handy. (Image > Trim…)

What trim function does is that it lets you instantly crop your document’s canvas to the outer border of your image and clear out the rest of the image, as along as you have a transparent background or a solid colour background. Here is a demo: (I have a solid white background)

Before Trim

After Trim

Isn’t this much easier than cropping?

Unlock the Background Layer

Trust me, there will be time comes that you will want to unlock the background layer, for whatever purpose. To do so, simply double-click the background layer on the layer pallette, as shown below:

You will then be prompted with a new window, simply click “OK”:

And you will now see the lock on the background layer is gone, that means the background layer is now unlocked:

You can now drag this background layer up and down, just like all other unlocked layers.

An even quicker to unlock the background layer: (Thanks to dietoself86)

Actually the quickest way to unlock the background layer is to alt-double click on the layer.

Convert to Smart Object

Since Photoshop CS2, there is a new feather called Smart Object being introduced. We may know it’s there, however many of us may never use it until now.

This feature is available when you right-click the image layer on the layer palette, as show below:

I won’t go into great detail about the use of smart object here, however what I would like to talk about is that by converting your image into smart object, you can overcome the issue whan resize the image, it becomes blurred when enlarge back to the original size. Below is the screenshot of comparison:

Without converting to smart object, after resizing back to original size:

Converted to smart object, after resizing back to original size:

You can see by converting the image to smart object, it preserves the details and no matter how many times you resize it, it won’t go blurry.

More smart object options are available under Layer > Smart Object, as shown below:

Further Readings about Smart Object:

Photoshop Smarter: Smart Objects

Photoshop How-To: Get Smart About Smart Objects

A Word of Caution for using Smart Object: (Thanks to B. Moore for commenting this)

Using smart objects will increase the file size by a large amount. It all depends on size of the original piece thats was turned into a smart object. Using lots of high rez smart objects will make a HUGE increase to file size.

The Info Window

As a photoshop beginner, every now and then you will need extra information about the image you’re working on. And you may ask: How do I work out the size, colour and see extra information about the tools I’m using?

That’s when the info window come in real handy. To bring it up, simply go to Window > Info or press F8:

Once you have the info window open, it display some real handy information about the tool you’re using, and the size of the selection you’re drawing, etc.

Here is a example info window I have when I draw a rectangular marquee selection on a white canvas:

As you can see, it displays information about the rectangluar marquee tool I’m using, the size of the selection (in pixel) I’m drawing, the X/Y position of the selection, and the colour mode stats.

Those information would be quite useful especially when you need precise measurement, such as web graphic, prints, etc.

Ok that’s all for this tutorial! Hope you enjoy it and find those information useful. Cheers and have a great day!

Previously I posted an interesting (well, at least I think it’s intersting) showcase displaying 30 Stunning, Absolutely Magical Photo Manipulations Focusing on Human Eye. A lot of people asked if I could produce a simple tutorial show the steps you can take to do eye makeups. Well, here it is :)

This is a faily basic tutorial and it’s designed for beginner. Tools we will be using included Spot Healing Brush, Dodge/Burn Tool, layer blending, and adjustment layers. Have a try!

Here is a preview of the before and after effect of the eye:

Before

After

Ok let’s get started!

To complete this tutorial, you will need the following stock:

Eye

Step 1

Load the “Eye” stock image into Photoshop, now let ‘s take a look at the original image and here is the analysis I came up with:

1. The image has a lot of black spots, and bits of hair that really disturbs me
2. The skin is OK, but if we can make it smoother would be bettter
3. The eye colour is perferably better in Blue, and those bloodlines in the white part of the eye can go.

After you’ve done the above analysis, duplicate the background layer once and name it as “face skin”let’s grab the Healing Brush tool (J):

Set the brush size to 15px, and hold down the Alt to define a source point as shown below:

Gently work you brush around the spots you wish to heal:

And clean up the lower part of the image as well, until you reach the following effect:

Step 2

Now we have a fairly clean face, let’s tackle the eye. Firstly duplicate the previous “face skin” layer once and name it as “eye”. Firstly we want to get rid of the bloodlines in the eye. To do this, again we use the healing brush tool, define a new source point on this layer as shown below:

Adjust the brush size accordingly to around 10-12px, work your way around the white of the eye until you reach this effect:

Step 3

Now we onto the smoothening of the skin. We have used the healing brush tool before however, for the overall effect, it’s really handy to apply the dodge/burn tool (O):

So duplicate the previous “eye” layer once and name it as “dodge and burn”, use the dodge tool with the following settings:

The secret here to to set exposure level to a very low amount.

Work your dodge tool around the area you want the skin to become smoother and lighter, until you reach the following effect:

Please note, you will have to adjust the brush size for different area, for the best result possible. Practice with it!

Step 4

Ok we can tweak the image a bit by adding some image adjustment layers:

Black and white (Set to blending mode to “Screen”)

Duplicate this Black and White adjustment layer once, and change the blending mode of the duplicated layer to “Hard Light”, you will have the following effect:

Now we’re on the interesting part of changing the eye colour. I simply created a new layer called “eye colour” on top of all other layers, grab a soft, round brush with a light blue colour and paint around the pupil:

Change the layer blending mode to “colour” and you will have to the following effect:

We can now add a shining reflection on the pupil. To do this, create a new layer called “reflection” on top of all other layers, grab a small white brush and paint on the centre of the eye, as shown below:

Step 5

Now we can add some dotty effect around the eye. Firstly let’s make this dynamic brushset:

Shape Dynamics

Scattering

Other Dynamics

and make sure you tick “Airbrush” and “Smoothing”.

Create a new layer, use this brushset to paint around the eye: (Set brush flow to around 40%)

and we can add a curve adjustment layer to bring some depth into the image:

and you will have the following effect:

We can add some final effect onto our eye. How about some colours?

To add some colour around the eye, simply create a new layer on top of all other layers, set its blending mode to “overlay”, and grab some nice markup colour you like and paint around the eye:

That’s it for this tutorial! Hope you enjoy it, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!

In this tutorial, I will show you how you can utilise the amazing power of image adjustment layers to make colour, contrast and lighting change for any chosen image in Photoshop, by walking you through the design process of this man jumping scene.

The reason I put up this basic tutorial is that lately I have receive some requests from people wishing to learn some techniques involved in using adjustment layers.

Along the way, not only I will be using image adjustment layers techniques, but also I will show you some skills I use to create break-apart effects, pen tool and layer blendings. Have a try!

Here is a preview of the final effect of this tutorial:  (click to enlarge)

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

OK let’s get started!

To complete this tutorial, you will need the following stock:

Jump

Step 1

Load the “Jump” stock image into Photoshop, double-click on the background layer inside the layer pallatte to unlock it. Then create a new layer called “bg” , fill it with black colour and put it under the background layer we just unlock.

Use whatever selection tool you perfer to clear out the surroundings, and leave just the jumping man on the canvas:

It doesn’t really matter if the selection isn’t perfect. The tutorial is not about teaching you how to make the perfect human selection (However if you do want to learn, here is a tutorial for you).

Step 2

Now let’s head straight to the image adjustment layers. You will find those options under Layer > New Adjustment Layer > … , as shown below:

In this tutorial, I will be using three adjustment layers to retouch this jumping man: colour balance, curves and brightness and contrast. In my opinion, these are probably the most frequent used adjustment layers you will be using for whatever design you’re doing.

Step 3

Let’s go ahead and apply those adjustment layers. From bottom to top,

Color Balance

Curves

Brightness and Contrast

And you will have the following effect:

You will see now the colour tone and the lightness of the image are completely changed, just by adding those three adjustment layers. And the good thing about them is that you can have more flexibility if you do want to make changes later on, because the original layer is not altered.

Also, because those adjustment layers are in fact layer, you can apply mask, or change the blending mode for them, to experience different result.

Step 4

Now I will show you a quick way I use to create this cool dis-integration effect. Firstly let’s create a custom brushset.

Select a 5px, soft round brush, and apply the following brush dynamics to it:

Shape Dynamics

Scattering

and tick Noise, Airbrush and Smoothing options.

Now load the selection of the jumping man layer by Ctrl + left click the thumbnail image of that layer, click the rectangular marquee tool, then right-click inside the selection and choose “Make work path”:

Then define the Feather as 2px, and you will have the following effect:

After you made the work path, create a new layer called “stroke” and put it just under the jumping man layer, then click on the Pen Tool icon, and right-click on the work path and choose “stroke path”:

Make sure the brushset you just created is still selected and choose “Brush” in the next window, leave “simulate pressure” option un-checked.

Change the layer blending mode of this stroke layer to be “Screen” and drop the opacity to 40%. You will now have this effect:

Step 5

To create some motion for the image, we can duplicate the “stroke” layer from the previous layer once, drag the duplicated layer to the top of the jumping man layer, and apply the following radial blur:

Change the blending mode to “Hard Light” for this duplicated layer, and duplicate it once again. You will now have this effect:

Step 6

To add some more effect to the image, we can grab this Debris brushset and create a new layer just below the “Brightness and Contrast” adjustment layer, and paint some debris on it:

And that’s pretty much it for this tutorial! I added some abstract lines stretching from his arm to make this image more vibrant. This require some basic use of the Pen Tool, if you’re interested, I have a pretty neat tutorial here showing you how to make this sort of effect.

Here is the final effect I have for this tutorial: (click to enlarge)

Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!

In this tutorial, I will show you the method I use to quickly and effectively clean out Body Hair in Photoshop, which you can use for a wide range of occasions in your Photoshop Retouch works. The method itself is really easy (done in 3 steps and I’m sure you will have no problem in acquiring it :)

There are a lot of tutorials out there showing how you can do so by using the Healing Brush Tool. However in my opinion, healing brush tool is only useful when the area you try to heal is reletively small, and it can be a bit difficulty to adjust the source position.

Here I’m going to show you  an alternative way via the Smudge Tool and the Blur Tool to tackle the shortcomings of the Healing Brush Tool. Have a try :)

Here is a preview of the before and after effect:

Before

After

OK Let’s get started!

To complete this tutorial, we will need the following stock image:

Female Hand

Step 1

Load the Hand Image we just downloand into Photoshop and duplicate the background layer once (always a good habit, just in case something goes wrong).  The resolution of this image is quite high, and that brings the attention to the hair on the forearm (especially when you zoom in):

So our task here to remove them with the quickest possible method and make it as clean as possible.

Step 2

We need to make a selection around the hand and the arm. The reason we do this because later on when we apply the smudge tool, we only want to apply it on the arm and hand, not anywhere else.

So we can grab the Quick Selection Tool (W key) and make a selection outside and the hand, and hit Ctrl + Shift + I to inverse the selection:

Then Grab the Smudge Tool from the Toolbox and apply the following settings:

Increase the brush size to approximately the same as the width of the arm (as shown below):

Left-click and hold, and move the Brush toward the position as shown below:

You will see all the hair magically disappeared! But it doesn’t end here, we still have a bit retouch job to do to make it look better

Step 3

You will see around the Bracelet area, we still have some hair left. To remove them, simply grab the Blur Tool and set its strength to 100%, gently brush arcoss the surface around the bracelet:

Also under the palm there is a bit of hair there, we can remove them using the Blur Tool as well:

Maintain the selection, hit Ctrl + J to make a Layer via Copy and apply following Surface Blur Settings to this layer:

Change the layer blending mode of this layer to “Screen” and reduce the opacity of 60%, you will have the following effect:

Add a layer mask to this layer as shown below, this will create a better lighting contrast for the hand and make this overall image look better:

And here is the effect after apply the mask:

OK that’s it for this tutorial! Of course the retouch won’t just stop here, there are still plenty of methods you can try out to make the picture even better.

Hope you enjoy it drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!

In this tutorial, I will show you the method I use to create a stylish, clean and shining button for your website in Photoshop. This method is extremely simple with no more than five steps, yet it’s very effective since you can use the button for a wide range of occasions.

Along the way, the tools we will be using include the shape tool, layer blending options, brush and eraser tool. This tutorial is suitable for beginners as the steps are quite easy to follow in my opinion. As for advance Photoshoppers, I would love to hear you the methods you use to achieve such effect, just drop me a comment below.

Have a try, let me know if you have any problem, I will try my best to help you out :)

Here is a preview of the final effect for this tutorial:

Ok let’s get started!

Step 1

Let’s create a new document sized 640 x 480px and fill the background layer with Black.

The reason I chose not to create a document with the size same as the button we’re creating, is because ultimately we will be placing this button somewhere on a web page. Therefore, I think it would be better if we start on a bigger canvas so we will have a better overview of the button design.

Now add a new layer on top of the background layer and name it “background lighting”, grab a big, soft and round brush with a dark grey colour, do a single-click in the position shown below:

Step 2

Grab the Round Rectangular Tool (U) and apply the settings to it:

Draw a rectangular shape in the centre of the canvas, as shown below: (Don’t worry too much about the dimension, just a rectangular shape will do)

On this shape layer, apply the following layer blending options:

Drop Shadow

Inner Shadow

Gradient Overlay

and you will have the following effect:

Step 3

Now let’s load the selection of the shape layer by holding down the Ctrl key and left-click the thumbnail image of the shape layer on the layer palette.

Create a new layer called “Lighting”, on this layer, grab a soft round brush with white colour, do a single click in the position as shown below:

and you will have the following effect:

On this “lighting” layer, apply the following layer blending options:

Drop Shadow

Bevel and Emboss

Gradient Overlay

and you will have the following effect:

Optionally, you can duplicate this “lighting” layer once for more depth. You will notice on the top we created a shining edge line, which add a bit of extra flavour to the button design.

Step 4

Duplicate the “lighting” layer one more time and put this layer on top of all other layers. On this duplicated layer, go to Edit > Transform > Flip Vertical and flip this layer vertically once.

You will now see on the bottom we now have a shining edge line as well, this makes the button more stylish.

In order to reveal the top shining edge line created in the previous step, we can simple grab an eraser tool with a soft round brush, and do a single click on the position shown below:

and you will now have this effect:

Step 5

Now we can simply type some text onto the button. Font choice is quite important here because we want to the button to be as eye-catching as possible. Personally I think those Bold, Clean Font always work wonders. There is a pretty nice article here containing a list of bold fonts free for download, simply grab one of those and type some text onto it:

And on this text layer, apply the following layer blending options:

Drop Shadow

Bevel and Emboss

Gradient Overlay

And you will have the following effect:

To make the text stronger, simply duplicate the text layer once and you have made a very stylish, clean and shining button:

That’s it for this tutorial! Hope you enjoy it drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!

Along the way, we will be using the Polygon Tool to draw the star, and use some simple layer blending effect to add the shining, glossy effect to it. I will also use the Pen Tool and dynamic brush settings for the final effect. The effect is easy to achieve and very practical. Have a try!

Here is preview of the final effect for this tutorial: (Click to enlarge)

Alternative coloured version:

OK let’s get started!

Step 1

Create a new document size 800 * 800 px and use the gradient tool to fill the background layer as shown below:

Select the Polygon Tool by left-click the Shape Tool symbol from the toolbox and hold, as shown below:

You will notice a series of shape tool options appearing across the top, apply the following settings:

Sides: 5

Radius: 10px

Indent Sides By: 50%

Make sure to tick “Smooth Corners” and “Star” option.

Draw a star on top of the background layer as shown below: (You can press Ctrl + T to free-tranform it if you like)

Rename this layer as “Star”.

Step 2

On the “Star” layer, apply the following layer blending options:

Drop Shadow

Inner Shadow

Outer Glow

Inner Glow

Bevel and Emboss

Contour

And you will have the followin effect on the star layer:

Step 3

Now we can add some decoration on the star so it doesn’t look too boring. To do this, we can simply create a new layer below the “Star” layer, use the Pen Tool to draw a working path like this:

Hint: Try holding down “Shift” key while dragging the anchor points.

Then grab a 18px, 0% hardness brush, select the Pen Tool and right-click on the path and choose “storke path”:

Apply the following settings:

And you will see the following effect:

Duplicate this working path layer a few times, rotate, scale and distort the duplicated layer using the Free Transform tool (Ctrl + T). Here is my effect so far:

Once you’re happy with the result, you can merge those duplicated abstract line layers together, then duplicate some more layers based on the merged layers, result as shown below: (rotate, resize if necessary)

And we can add some dots around the star for the final touch-ups. To do this, grab a 9px, soft round brush and press “F5″ or go to Window > Brushes to bring up the brush window, apply the following dynamic settings:

Shape Dynamics

Scattering

Other Dynamics

Make sure to check “Airbrush” and “Smoothing” options, too.

Once the brush is made, create a new layer under the “star” layer and paint those dots in random areas as below:

OK, that’s it for this tutorial! You can of course add some of your own texture or filter effect and see what the end results are! Remember to always keep your own creativity!

Here is an alternative version I have:

Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!