Preview of Final Results

image


Download the PSD

Hipster Effect.zip | 29.41 MB

Download from FileSonic Download from Website


Video Tutorial

Written tutorial continues below


Hipster Photo Effect Photoshop Tutorial


Step 1

Open a photo into Photoshop. This effect works best for sunny outdoor photos.

image


Step 2

First, we’ll create a bloom effect to make it appear more sunny. Before we apply any filters, convert the layer to a Smart Object. Right click on the Background layer then choose Convert to Smart Object. Now that your layer is a Smart Object, you can apply Smart Filters which are basically non-destructive (settings changeable at any time without any loss in quality) version of filters.

image

Duplicate the layer (Ctrl/Cmd+J or Layer > Duplicate Layer). Select the top layer; this is the layer we will be applying the bloom effect to.

image

Go to Filter > Blur > Gaussian Blur then apply a Gaussian Blur with a setting that blurs the image like shown below. You should still be able to make out the shape of the objects. Click OK.

image

Double-click on the image button to edit the filters blending options. Change the mode setting to Screen.

image

You just created the bloom effect! Unfortunately, it looks a little fake and there are glowing edges around the black areas. Some people like it like this and some don’t. In the next step, we’ll show you how to make this bloom effect more realistic. You can skip it if you like the dramatic bloom effect.

image


Step 3

In this step, we’ll show you how to make the bloom effect more realistic. This step is optional and you may skip to step 4 if you want to keep the bloom effect strong. To make the bloom effect more realistic, we’re going to modify the blending options for the layer to tell Photoshop to keep the bloom effect to the bright areas but hide it in the dark areas.

First, delete the filter mask because we won’t be using it. This is just to keep our layers clean. Right click on the filter mask then choose Delete Filter Mask.

image

Right click on the layer then choose Blending Options.

image

In the Blending Options, move the black input slider to the middle like shown in the image below. As you move the input slider, the number on the This Layer property will change. You can tell when it is in the middle when this number is 127.

image

While holding down the Alt key on your keyboard, click and drag the black input slider towards the very right like shown in the image below. Click OK.

animation[3]

Here’s what the image looks like now. What we just did in the blending options made the layer visible according to the brightness of the layer. This means that the bloom effect is only visible in the brighter areas of the photo.

image

We still have the bloom effect, it just looks much more natural now.

image


Step 4

We got the bloom effect so now we are going to add an effect gives the photo a low dynamic range look. Start by adding a Black & White adjustment layer (Layer > New Adjustment Layer > Black & White. Don’t worry about the settings, we’ll change this later.

image

Change the blending mode of the Black & White layer to Overlay.

image

In the Adjustments palette (Window > Adjustments), you can change the settings of the black and white layer. The Auto button works pretty well for getting good results.

image

Now we have this lo-fi look which some people say is great while others say it’s ugly. Don’t worry too much about the results right now because in the next step, your image will look completely different. Also, because we’re working on an adjustment layer, you can change the settings anytime you like.

image