Pop Art Tutorial in Photoshop

Here's a quick and easy way to create a fantastic pop art from a photo.This is an
alternative to the more complicated method of using the pen tool, image adjustment,
clipping masks, and others.

The process we're going through make you realize it's not really that hard to make
a pop art afterall, which were popularized by Warhohl and Lichtenstein.

Open photo in Photoshop. Duplicate this twice, thus creating 3 layers, namely,
Background, Background Copy, and Background Copy 2. Crop photo if needed. In this
tutorial the image is reduced to 684x745 pixels from its original size.
There are 3 main applications used here : Filters,Blending Option, and Color 

First, we have to turn off the uppermost layer (Background copy 2), then
proceed by activating the middle layer (Background copy) which we are going
to work with.

Next, we are going to posterize the photo and, to do this, go to Filter>
Filter Gallery>Artistic>Poster Edges... Apply default values in the
dialog box that appears.

Here's the the result of the application above:
Now that we're through posterizing the photo, we'll make a border of the 
photo. To do this, click the fx icon located below your layers palette and 
select Blending Options.. 

In the dialog box that appears, click Stroke and provide the values and 
settings as shown below.

Note that the color selected is white for the above photo. Just
click the square box provided to go to the Color Picker (below).


A border was created as a result as shown below.

Done with the border, we'll create a glow of it by selecting Inner Glow (still
with Blending Options).



Below photo has now a white border with gray inner glow.

Below shows the application of Color Balance and its result. Just click that
small circle divided with black and white in your layers palette to prompt
you to the color balance properties (RGB color adjustment).



Applying Halftone Color and the right blending mode creates our final image
result we're expecting - a pop art work!

First, activate Background copy 2. Now, go to Filter>Pixelate>Color Halftone,
then set the radius to 5.


Our photo will look like this...a halftone photo effect.


Finally, set the mode to Soft Light..


And the expected result!


Continue reading

Easy Skin Toning in Photoshop

Ever wonder how you can enhance your photo and look even greater? You can do this yourself easily in a few steps in Photoshop (or GIMP if you prefer it). Try it yourself and see how it makes wonders for you!



A plain black and white like this photo of Drew Barrymore below


can be converted into these:


How is it done?


Variation 1

Step 1: Open a black and white photo. If you don’t have it, no problem. Open your colored photo, duplicate and desaturate it (Image>Adjustments>Desaturate…).


Step 2: Press Ctrl+Shift+N to make a new layer. A dialog box will appear, and the layer’s name is Layer 1 (by default). Rename this into say, Gold, because we will be using this color in the following step.


Step 3: Pick the soft Brush Tool with the color gold (dcbe2f)

, then paint carefully all over the skin (face and neck). Set the blending mode to Linear Light and Opacity: 20.

It should look like this now after applying the Linear Light with Opacity to 20:

Step 4: Go to Image>Adjustments>Hue/Saturation…and set the following values: Hue=0, Saturation=-50, Lightness=-10. Note: the values can be changed depending on the photo you’re editing. This is the expected output:

Step 5: Merge all visible layers then save.

Variation 2

Step 1: Duplicate the original photo. Make sure RGB mode is selected (Image>Mode>RGB…). Don’t flatten image when the dialog box is prompting you what to do.

Step 2: Press Ctrl+L to adjust Level. Choose Options to set new color. Set midtones and shadows as default, and change Highlight with fae78d. Set input levels to 0, 1.10, 245.

Step 3: Set Brightness/Contrast with the following values: Brightness=5, Contrast=5.

Step 4: Set the following values under Selective Color options (Image>Adjustments>Selective Color…): Cyan=-30, Magenta=-20, Yellow=10, Black=10.

Step 5: Levels (Image>Adjustments>Levels…): Input Values: 0, 1.10, 255.

And here’s the final result, as expected:

How to easily make your photo clearer in Photoshop

So you’ve taken a photo of yourself and it’s great, only if that blurry, hazy, or underexposed could be fixed. Helpless, only you could do is sigh…and you’re hesitant if you still have to share it with your friends. Now, you don’t have to worry about that anymore if you happen to stumble on this tutorial.

In this tutorial, you will learn the basic steps to sharpen or make your photo clearer.

Here is the preview of the unedited and edited photo we’ll work with on:


After opening your photo, duplicate it by pressing Ctrl-J. You now have your duplicate copy, named Layer 1 at your layers palette.


This is where your photo can make changes. To apply ‘high pass’ filter, go to Filter>Other>High Pass… You can adjust the radius which give best result to you. I set mine to 100 here.


Done with the High Pass Filter, you are now ready to set your Blending Mode from Normal to Overlay (or Soft Light, or whichever suites you). Adjust also the Opacity if necessary. Normally, Overlay is applied, but in this case, I applied Soft Light here.

This is how it looks now:

You can stop here now if you like. Most tutorials stops here actually. But if you like to make it more sharp or clearer, apply some necessary Adjustments (Brightness/Contrast, Levels, Curves, Hue/Saturation, Color Balance) by going to Image>Adjustments


Multi-colored Effect in Photoshop

This tutorial is one of the easiest to do with amazing effects. It gives life and colour to your dull photos in just a few steps.

1. Open up your Photoshop, then select a photo from your gallery or from the internet. After that, go to File Menu>Open to open your selected photo.

2. At the bottom of your layer dialog box, click the Fill/Adjustment icon (that small, half-shaded circle), then select Hue/Saturation. Set the saturation value to about -50 to -70.

We’re desaturating the image to have a better contrast to what we’re planning to do next – make a rainbow color over the whole image! And, of course, without noticing the brush strokes and giving the illusion that all is natural.

3. Make a new layer by clicking the New Layer button at the bottom of the dialog box. In every unique step you’ll do, it’s a good habit to always make a new layer to have easier access and getting rid of deleting important task or layer you want to edit in the process whenever you want it to do so.

4. Select the brush from your Toolbox, a big size is preferable (about 40-50 pixels). Set it to hard. I bet you don’t want to spend hours just painting a small image using a small brush eh? 🙂

5. Paint over the photo with bright, solid colors in layers, either in diagonal, horizontal, vertical direction, or whatever you like. Set the blend mode to Soft Light or Overlay. There’s not much difference between the two in this subject.

6. Go to Filters>Blur>Gaussian Blur… Set blur radius to about 50-70.

Note that the lesser the radius, the more the color is transparent. Set then the radius value where the effect is best (i.e., in this case, the colors should be visible but not to the point that the brush strokes are noticed). Freely slide the adjuster to get the desired effect. Click Ok when done.

7. Finally, go to Layers>Flatten Image.

Flatten Image or Merging Visible Layers means merging all layers into a single, final copy which you could then save. This is always what you do if you are already finished with your work.


Here’s the sample: (that’s Janis Joplin)

How to replace someone’s face using Adobe Photoshop

One of the interesting and easy to learn from Photoshop is changing someone’s face (from their photo) by another one. If you are still new to the program and discovered for yourself you’ve learned the stuff, it’s really fun and I’ll bet you’ll enjoy it very much. Actually, once you know already what this tutorial is, you can replace any part of an image or photo you like; edit colors and shades, change backgrounds; remove or replace anything you like; and other more you’d like to imagine. And then, you can amaze your friends of your new-found trick by posting your creation to top social media websites or right to their emails! That’s really fun eh?

Just follow these simple steps to know how:


Open Photoshop (CS2 and later). By the way, I used Adobe Photoshop CS5 here.


Go to File menu>Open. Select a photo from your computer which you want to be edited/manipulated. In this case, mine is a photo of Osama Bin Laden.
*The selected photo should be on your screen now.


Open another photo by doing the same step as above (e.g., File>Open). You can put the photo beside the first by dragging down the link, like the one below.


With the second photo being the active layer (should be the one visible in your layer dialog box), click Lasso Tool and select the face by drawing the line around it. When done, go to Edit>Copy.
*With the face already copied, it is now ready to be pasted onto the first photo.


Click the first photo now to activate it, then go to Edit>Paste. The selected face from your second photo should now be visible on your first photo, but most likely too large or small to fit the face. Don’t worry, that’s what we will do next…


Click Ctrl T (or Edit>Free Transform), scale it right, and then put it properly to the face to cover and replace the old one. Hit Enter if done. By now, don’t bother yet about the color, rough edges, and other parts to be fixed or enhanced. We’ll do that next…


Go to Image>Adjustments>Color Balance. Adjust the 3 sliders on the dialog box until the color matches (or nearly matches) the subject’s color. If in case the desired color is not yet met, use the other adjustment tools (Image>Adjustments>Exposure, Color Levels, Color Curves, etc.).


To fix the rough edges, select Eraser Tool (soft) and erase carefully around the face. You can blur a bit by selecting the Blur Tool to smoothen sharp edges.


More finishing touches… Other than the Blur Tool to smoothen edges and parts of the face (note: avoid to overdo it), can also use the Healing Tool and Clone Tool, if necessary. Try it freely. You can always undo every step you don’t like to appear (Edit>Undo).


If satisfied already with the outcome, go to Layer>Flatten Image. Delete inactive layers, if any. Then, finally, save your work by going to File>Save As…!

Here’s the final result:

That’s it! Enjoy!

Remove background around hair in Photoshop

This is a follow-up to my related tutorial in GIMP, and my first with Photoshop tutorial here.

Not contented much with the result of my GIMP tutorial, I tried doing it in Photoshop and, I daresay, it’s a lot easier indeed! It’s like magic doing it and I did with so much ease and fun. By the way, I use Adobe Photoshop CS5 here.

Here are the few steps to do:

1. With your Photoshop opened, proceed to File menu>Open… Select the image to be edited in your photo gallery. If you are using CS5, it’s more convenient to let the Mini Bridge open at start-up. This will minimize time and easier to select which photo or image you want to edit just by doing the ‘drag and drop’ method.

2. Pick the Quick Selection tool (Free Selection tool in GIMP)>click over to the image on screen and drag the dotted selection tool around it. Be sure to make the best selection but don’t bother if you can’t, that will be fixed later.

3. Click Refine Edge>Edge Detection. Adjust the radius to the right, about 30%, more or less. You’ll notice that the edges of the image is still rough, of course, so…

4. Still on the Edge Detection dialog, click that small brush icon, left of the radius adjuster, then paint over to the gray areas around the hair. Now, the result is better and almost done.

5. To enhance, adjust the selector under Decontaminate Colors to sharpen and hide gray areas. Don’t adjust too much because it will produce white and “warp effect” on the image. You can also adjust the Shift Edge to middle. Okay, we’re done with the image. Now, we’ll proceed to paste it on the selected background.

6. Put the selected background image on screen. Resize it accordingly with your first, if needed.

7. In your layer dialog, click the arrow icon below to move the ‘Background Layer’ (new layer) below your first image layer (background layer).

And that’s it!

How to extract hair from background using GIMP

In this tutorial I will show you how to extract strands of hair from the background. Capturing the best out of the image subject requires patience and modest amount of time (about 30 minutes, more or less, I guess – depending how familiar you are with GIMP and how fast you do it).

Here is a picture of Eva Longoria, before and after. You can download the stock image HERE. Result varies on the time involve in editing and enhancing.

Step 1 : Open GIMP, then go to File>Open. Select a picture from your computer then click Open.
Step 2 : Right-click the ‘background layer'(named eva-longoria.jpg in this case)>Add Alpha Channel.

Step 3 : Duplicate the ‘eva-longoria.jpg’ layer which creates a new layer ‘eva-longoria.jpg copy’.

Step 4 : At this time, we would like to make a good contrast out of our image in preparation to layer masking that we will do. So, to do this, go to Color>Curves and have the most desired adjustment settings like the one below:

Step 5 : Colors>Desaturate>Luminousity, then hit Ok. This step will reveal the image in black and white, where layer masking works.

Step 6 : Pick the Brush Tool and make the face/skin color the same with that of the hair (which is white), and the background with black. Don’t paint the cloth. When done, go to Select>All, then Edit>Cut. Notice that the layer will disappear, but don’t worry because that was just being queued ready to be pasted. A floating layer will appear in place instead.

Step 7 : Switch back to the ‘eva-longoria.jpg’ layer, right-click then select Add Layer Mask. In the dialog box that appears, select White (Full Opacity)>Add.

Step 8 : Now click the mask icon (that small white rectangle), not the image icon. This is where we paste the image we’ve cut earlier.

Step 9 : As we’ve mentioned earlier, a ‘floating layer dialog’ will then appear in the layers palette. Click the anchor button located below the layers palette and the second image below will appear as a result.

Step 10: Observe that the image above has a transparent background so we need to change the background so that the extracted hair will stand out. So create a New Layer (Layer>New…),fill it with black using the Bucket Tool.

Note : White is a better background than black, although you can choose any background of your preference.

Step 11 : Clone Tool>Clone all the grayish areas around the hair and edit the imperfections. Take your time. If satisfied, Flatten Image, then Save it.

Here is the final result: