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

Halftone Effect

Converting a normal (RGB or Grayscale) photo into a Bitmap (halftone) image is very interesting and gives a unique and dramatic effect. Unknown to many, halftone is a popular form of digital art which can be seen in comic books, magazines, newspapers, and other media. It is characterized by dotted figures basically in black and white and gray. This tutorial is largely inspired by the works of Roy Lichtenstein, a famous pop artist.

The following guides you through a 3-step instruction to achieve the expected result which can be done so easily, even a newbie find it a ‘no sweat’ stuff.

Photo used here is Scarlett Johansson.

Open the photo you wish to edit. By default, this become your ‘Background’ layer as displayed in your layers palette.
Background

Background

Most probably you’re in RGB mode and we can’t effect a halftone right away. To be able to do such effect, first, we must convert our image into grayscale (Image>Mode>Grayscale…).

Next, convert grayscale into bitmap (Image>Mode>Bitmap…).Under Bitmap, you may select the default values and press Ok.

Bitmap and Halftone Screen

Bitmap and Halftone Screen

Enter a lower value if you want the effect bigger and higher if smaller (dot distribution). Voila, you have your halftone effect!

Bitmap Result

Bitmap Result

Note: Before you can proceed to the next step, convert back the image into grayscale, then to RGB.

If you wish to colorize, go on and apply Hue/Saturation. Play on the sliders to select the color you want, or, you may just check Colorize for an instant color.

This is the result:

Final Image

Final Image

2014 New Year Poster

With new year just around the corner, it is but timely to greet our friends and loved ones a cool poster or wallpaper via your favorite social media websites. Or, you can make a print out of it, kinda like a greeting card, and put your most lovely note into it. Ain’t that nice eh?

This tutorial shows you how to make such one, in a simple, easy-to-follow instructions below.

Preview

preview

Step 1: Background Setting
____________________________________________________________________________

Create a new document, about 1280×800 pixels (can be bigger for wallpaper, smaller for cards) and fill it with any solid color of your choice. This is because we are applying a chromatic color scheme here (meaning, the same color family which varies only by their lightness and darkness (e.g., hues). Just be sure that the color is bright and lively as we are about to make a new year greeting. The one i use here is almost like a burnt umber (be7032).

s1

Step 2: Creating the rectangular shapes
____________________________________________________________________________

There are 2 types of rectangular shapes that we will make – vertical and horizontal, with different width (of
which the former is thinner).

First off, create a new layer above the background layer. Pick the Rectangular Tool and draw your first rectangle. We will do the vertical first. Fill this with your background color. You’ll notice that as if there’s nothing changed, as a result. Don’t worry, the next step will make it visible.

Applying the layer styles.

Still on the same layer, click the fx icon below your layers palette then select Blending Options. Check Drop Shadow then input the following settings:

s2

With the first one done, create 2 more rectangles by duplicating twice the first rectangle layer. When done, position them evenly parallel with each other using the Move Tool (refer image below).

s3

Yay, we’re done with the vertical rectangles! What we’ll do next with these is to group it altogether and merge them. To do this, create a new layer group (name it ‘Vertical’) and drag each of the shape layer under it then Merge Group. This is how your layers palette should look by now:

s4

For the horizontal rectangles, do the same process as with the vertical. Create a new layer under the vertical layer, draw a fatter horizontal rectangle this time, then fill it the same color as the vertical rectangles. After this, apply the layer styles, duplicate the layer twice, and you’ve completed the 3 horizontal shapes! Group them together and then Merge Group.

s5

s6

Step 3: Making the numbers
______________________________________________________________________________

The numbers ca be a little bit lighter or darker, it’s all up to you. Mine is #ca8232, a little bit lighter than the first we used. Having decided for yourself what color to use, we’ll proceed in making the numeric characters.

First, create a new layer above all the other layers, then type your first number. I used the font Gill Sans MT Condensed here, size 100 pt. See below the values used for the Drop Shadow in the Blending Options (2nd figure).

s7

s8

Now that we’re finished with the first number, right-click that layer (‘2’ layer), then select Copy Layer Style. Click the other number layers (0, 1, 4) then apply the layer style by right-clicking the layer and selecting Paste Layer Style. Do this each of the layer.

This is how it should look by now:

s9

You can opt for the above image now or, if not yet satisfied, you can add more layer styles like the one below which is added with Bevel and Emboss in its default values.

s10

s11

Step 4: The finishing touches
______________________________________________________________________________

To complete our work, select a color again, a lighter or darker one than the previous ones. I chose lighter hue here (#eeac32).

s12

Type ‘Happy New Year’ using a Vivaldi font, size 18. Apply Drop Shadow, Opacity to 100, check Anti-alias, Ok. Position the text using the Free transform Tool on the right side vertically. Done!

final

Instagram-Effect in Photoshop

Instagram is getting more and more popular these days amid increasing smartphones and android phone users. That’s why it’s no surprise hundreds of images are uploaded everyday via Instagram application. So sad though for non-android or smartphone users that they cannot have the cool application. Well, I don’t have it either, but that’s not a problem anymore, as long as you have your PC and a Photoshop installed. So, for you all that have no Instagram like me, here is an easy tutorial to make your photo with effects like an Instagram. This is also known as Lomo (short for Lomograph) effect.

01Bring in your photo in Photoshop. With your selected photo now on the window, a corresponding layer of it is also created as a result as seen in your layers palette (named ‘Background’).

s1-horz

The photo above is credited to Theresa Hardy (via Vera Machado) and can be seen here.

02First thing that we will do is to make the photo with higher contrast. Click the Adjustment Layer button below your layers palette and adjust the slider in the Levels dialog box, with values best for your photo. I’ve used the following settings below:

s2-horz

03If you notice, Instagram-applied photos have the following features: high contrast colors, dreamy or blurry parts, color channels more pronounced individually, and focus is clear relative to the background, among others. Next thing that we will do here is to adjust each of the RGB color channels. To do so, click the Adjustment Layer icon again, but this time, choose the Curve… With the Curve dialog in view, apply the following settings:

s3-red

s3-green

s3-blue

s3-result

04Now, go back to your background layer and make a duplicate out of it. Click the Adjustment Layer and this time choose Gradient… Set the colors to black-and-transparent. Black-and-white is okay also as long as you lower the opacity. What we’re doing here actually is rendering a vignette to the photo with the black color at the bottom.

s4-1a-horz

05Apply Lens Blur (Filter>Blur>Lens Blur…) with the following settings:

s5-1a-horz

06To reveal the focus of the subject (e.g., the dogs), we will apply Layer Mask by clicking the icon of it below the layers palette. Make the opacity at a low level (about 25-30%) so that you have room for adjustment and you can choose the right opacity for your picture. To do it, pick a large, soft brush and click to the center of the photo. Repeat painting till the desired effect is met. By the way, don’t forget to set your FG color to black to apply layer mask.

s6-1a-horz

07Set blend mode to Screen (or Soft Light/Overlay), opacity to 50%.

s7-1a-horz

FinalResultLet’s take a look at our before and after images shown below to compare the original to that of the edited one. Well, I hope you enjoyed it. Try it yourself!

final-img