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.

1. PREPARING THE CANVASS
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.
1a.PNG
1b.JPG
2a.JPG
2. CREATING THE POP ART 
There are 3 main applications used here : Filters,Blending Option, and Color 
Balancing.

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.
3a.JPG

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.
4a.JPG

Here's the the result of the application above:
4b.JPG
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.
5a.JPG

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

5b.JPG

A border was created as a result as shown below.
5c.JPG

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

5.1a.JPG

5.1b.JPG

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

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

6a.JPG

6b.JPG

6c.JPG
3. FINALIZING THE RESULT
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.

7a.JPG

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

7b.JPG

Finally, set the mode to Soft Light..

8a.JPG

And the expected result!

8b.JPG


Continue reading

Retro Photo Effect

Wonder how an ordinary photo turned into a somewhat old yet cool effect? There are many of them seen in the internet, most popular of which is the Instagram, with millions of followers posting pictures everyday. Well, you can do the effects too like the ones posted there. In this tutorial, we’ll limit the topic though to retro effect and then, maybe, you can try yourself making other effects as well.

There are only a few steps to do here to make the job done. Yep, and it’s easy!

First off, open the photo to work with in Photoshop, then duplicate it.

solenn-heussaff

duplicate-1

Now the most exciting part:

1.Go to the Adjustment Layer button located at the bottom of the layers palette. Choose            Curves. The Curves dialog box appears like the one below.

curves-2

2. Select the Red in the dropdown menu. Make an upward bend like an arc to increase              the amount of reds in the overall colour balance of the photo.

red-softlight-2a

3 .Now, select the Blue and make a downward bend (the opposite curve of Reds),                        decreasing the blues and creating a yellow tone.

2c

4. Then, select the Green and then make an s-shaped curve like the one shown below.            This will make the reds more prominent in the shadows and the yellows in the                         highlights.

green-2c

Set the mode into Soft Light and Opacity to 50%. This is to effect the steps we did above. Depending on the photo used, Overlay, Screen, or Lighter Color will do. You must try it.

softlight50-2c

5. Go to Filter>Noise>Add Noise.. Check Monochromatic and Gaussian. You can choose also Uniform in place of Gaussian. This has no big difference in this case.

noise-3a

6. Filter>Blur>Gaussian Blur… This is to hide the hard dots and creating a vintage look at the photo by the soft tone and the noise as well.

gaussian-3b

7. Go back to Adjustment layer again and, this time, select Color Balance and play with the sliders to meet the right values for your photo (e.g., enhancement of the reds, blues and yellows without eroding the result we’ve done already). Here’s mine:

colorbalance-4a

8. Still with the Adjustment Layer, select Solid Color and perform the right amount of yellows to be applied. This is to enhance more the vintage look of our photo. Here’s what I come up with:

solidcolor-5a

9. In the layers palette, set the layer style to Overlay and Opacity 32%.

final

Voila, your retro effect!

solenn-final

solenn-final-vignette

*Note: You can fine tune it if you feel unsatisfied with the result by trying some different values in the curves created. Note that there can’t be no identical effect in every photo that is used. It is a must to play the sliders, other tools to meet the desired result. For example, you may want to add also a vignette (like the one above) and/or other effects as well.

  • For related post, visit https://easytweaks.wordpress.com/2013/05/10/instagram-effect-in-photoshop/.

How to make a floating landscape in Photoshop

With some image stocks, image adjustments and filters, we can create a realistic floating landscape. This tutorial involves cut and pastes, lights and shadows, and proper blending.

Final Result Preview

Stock Images Needed:

cloudy sky
The above photo can be downloaded here : http://nameda.deviantart.com. My full credit to him.

Step 1
Open the sky stock and duplicate it. After this, open the farm house and make a selection out of it (the house, trees, and grasses) by using the Lasso Tool. Copy and paste it on our background layer. Apply Free Transform to enlarge and reposition the image. Set Mode to Darker Color. It should look like this:

Step 2
What we will do here is to make it appear that the farm house is something like uprooted from the ground, and we have to make that realistic. To do this, erase the lower portion of the grass first.


Now open the third stock image (i.e., the eroded soil), make a selection from the tip of the ground downward, with the roots included. Copy, paste, and apply Free Transform. And this is how it looks now:

Step 3
Erase some of the portruding parts of the eroded soil. Take the Burn Tool (soft brush: 15px, Range: Midtones, Exposure: 50%) and apply at the tip of the grass to blend well with the soil. Apply the same to the soil as well to have a better contrast. After this, apply Gaussian Blur a bit on the soil’s edges to soften it a bit.

Step 4
We’ll make image color adjustments some more here because the soil is too bright and doesn’t look real to blend with the house. So, go to Levels (Image>Adjustments>Levels) and apply the following settings:

Step 5
Almost done with our main image. It’s time to make a motion effect of the image as if it is falling or rising up, depending which direction you prefer. First, merge layers down to the Background copy layer, then apply Motion Blur (Filter>Blur>Motion Blur).

Step 6
Add falling soil particles below the image. Make a new layer group (Layers>New>Group) then make selections out of the eroded soil we used earlier and paste it. You can name the layer group as Falling Soil or anything you like. Apply image adjustment levels and appropriate motion blur like we did above. The outcome looks something like this:

Step 7
Add falling rocks to spice-up our main image. Make a new layer group and name it Falling Rocks. After this, open the rock photo and make some selections, copy, and paste them beside, on top, or below the image. Apply image adjustments and filters like we did previously. When done, merge group. It should look like this one:

Step 8
Merge all visible layers now. Duplicate the existing layer (the Background layer). Apply the following image adjustment settings:

Finally, set blending Mode to Soft Light, Flatten Image, and we’re done!

Here’s the final result:

Multi-Colored Eyes, Lips, and Hair

Earlier, I’ve made a tutorial on how to make a multi-colored photo. This time, with a different approach, I will show you how to make a multi-colored eyes, lips, and hair, bringing a cool, savvy effect you surely would like!

As always, this tutorial is easy-to-follow.

Here is the final product we shall work with…

Open a photo.
Here is a photo of Go Ara, a Korean beauty which I snipped from one of her photo gallery. You can google it to have a picture of her, if you like. You can have any photo to work with, maybe a photo of a friend or yours yourself.

After opening the photo, double-click the “Background” layer. This will then become “Layer 0”, which means it is an open layer and ready for any succeeding editing work.


Create a Colored Gradient
We will be using this colored gradient throughout, to paste onto the eyes, lips, and hair of our subject. Apparently, this is one of the main element needed in our subject and is quite easy to do. To create this,

1. Make a new document (File>New…). A 200×200 pixels would do. It can be resized anyway by using the Free Transform tool later. Set color to black. Double-click this layer.

2. Go to Filter>Render>Fibers…

3. Click the “fx” icon below the layer dialog box (or right-click layer) then choose Gradient Overlay. From the box that appears, click the Gradient (black-to-white) option which will then lead you to the Gradient Selector box. Select that multi-colored gradient. The Gradient Overlay box will look like the one below now.

And the black-and-white fiber that we’ve created earlier would now become like this on your window:

For now, we’re done with the color material that we will use. It’s time to paste it onto our target parts.

Select, Copy, and Paste Gradient

Throughout, we will be doing the same process in selecting, copying, and pasting the created gradient, as said earlier. Plus, of course, a use of the Layer Styles and Opacity. How is it done, we’ll proceed :

1. Select the gradient we’ve created (Select>All), copy (Edit>Copy);

2. Go back to the photo layer, then paste the gradient (Edit>Paste) over the lips.The lips are covered by now and can’t be seen. Set the Opacity to 50% (or lesser) so we can do the next – selecting the lips to be colored.

3. Grab the Pen Tool (from the Tool Box) and select the lips. When done, right-click mouse and click “Make Selection”.

4. Go to Select>Inverse. This leaves the lips intact when we erase. So, grab the Eraser and erase the selection.

5. Set the layer Mode to Overlay and Opacity to 50%. You can do a little bit of Gaussian Blur (Filter>Blur>Gaussian Blur) to 2px, depending what suites you best. Yay, we’ve finished the lips! One down.

Here is the result for the lips:

6. Next, the eyes… Just follow the procedure above to get the desired result. Do it first with the first eye, then the second.

7. Do the same procedure for the hair as above but only this time, the gradient will fill-in exactly the whole photo. Just the size, because the hair is big, of course.

Almost done here except for the edges that needs to be fixed. To do this grab the Brush tool, set to smooth, and Opacity to about 60%. Brush carefully around the hair edged especially those with excessive colors that doesn’t blend well with the hair color. Blur (Gaussian Blur) a bit to about 1 to 2 pixels to smooth edges and blend well.

And there you have it!

Text Reflection Effect

There have been countless tutorials on how to make a text reflection using Photoshop, but then I would like to share my own way of doing it, nevertheless. So easy, you can do it maybe in 5 minutes depending how fast you deal with it. Let’s start right away then…

This is the image we’re working with, step-by-step:

Step 1 : Create a new document (File>New). You may follow the settings I did below:

Step 2 : Double-click the layer (Background) on the layer dialog box. That would then be changed into an unlocked layer named “Layer 0”.


Step 3 : Fill layer with black (Edit>Fill>Black).

Step 4 : Type text. Grab the text tool (that big T located in the Tools box), choose the font type and size you want, big bold font is preferable. I used Gill Sans MT here.



Hit the check icon located on the top right of your screen to get rid of that line below your text and accepting what you just typed (e.g., “REFLECTION”).

Step 5 : Resize and reposition the text. To do this, go to Edit>Free Transform. Just drag the handler (adjustment points) to enlarge and reposition the text. Hit Enter when done.

Step 6 : Duplicate the text layer. Right-click the active layer (REFLECTION) then select “Duplicate layer…”. You have then your “REFLECTION copy” by now as seen in your layer dialog box.

Step 7 : Flip the text vertically. You can do this by going to Edit>Transform>Flip vertical. You should have the flipped text by now, overlapping the original text. Grab the Move tool then drag down the flipped text while pressing the Shift key. Release mouse when done. You should have something like the one below.

Step 8 : Create layer mask. With the “REFLECTION copy” being the active layer, click the “Add layer mask” icon located below the layer dialog panel (that little square with a white circle in it).
We are doing this to make a fading effect on the flipped text we just created.

Step 9 : Make a gradient. Grab the gradient tool, then select Linear gradient. While holding the Shift key, make a gradient out of your mouse from bottom up to the middle.

This is what it looks like now:

You can stop here actually. Most tutorials end here. Well, for me, I’d like to add a little bit more effect on the text. I don’t want it to be too flat. Let’s apply more layer style to make the text stand out.

Step 10 : Apply layer style. Right-click the existing active layer (“REFLECTION copy”) then select Blending Options. With the Layer Style dialog box in view, check Inner Shadow, then hit Ok.

Step 11 : Apply layer style again. This time, right-click the original text layer (“REFLECTION”), hit Blending Options, then check Inner Shadow again. Just leave the default values as is. Hit Ok.

Finally, this is what it looks like now… and done!