How to Make Your Photos Look Hipster with Photoshop

How to Make Your Photos Look Hipster with Photoshop
How to Make Your Photos Look Hipster with Photoshop

Turn your mainstream photos into retro coolness. This Photoshop tutorial will show you how to apply a retro/lomo photo effect using professional non-destructive editing techniques. You’ll need Photoshop CS3 or newer to follow this tutorial.

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

Step 5

Now we are going to add a retro color effect to the photo. Start by adding a Color Fill adjustment layer (Layer > New Fill Layer > Solid Color). A window will appear asking you to select a color. Don’t worry about the color for now; just click OK. Change the blending mode of the layer to Exclusion then reduce the opacity to 25%.

image

Double click on the Color Fill layer to edit the settings.

image

Pick any color you like. You can get a lot of different color effects depending on the color you pick. The most popular color people use is #007fff.

image

Here’s an example of different colors you can use to create different color effects.

image

Step 6

To complete the photo effect, we’re going to add some Lomo Light Leaks. Download the light leak graphics below.

Light Leaks.zip | 125 MB Download from Filesonic Download from website

Place (File > Place) the light leak you want to use into your document. You can just drag and drop the photo into Photoshop and it will automatically be placed in there for you.

image

First, change the blending mode to Screen.

image

Position and transform the light leak to your likings.

image

You can also add more than one light leak. These light leak graphics are stackable.

image

Here’s what the effect looks like.

image

If you rasterize the light leak layers, you can use the Hue/Saturation tool to change the colors. To rasterize the layer, right click on the light leak layer then choose Rasterize Layer.

image

Once the layer is rasterize, you can go to Image > Adjustments > Hue/Saturation to change the color by playing with the Hue setting.

image

Here’s what my image looks like after changing the color of the two light leak layers.

image

Final Results

There are many variations for this photo effect. You can get different results by changing the settings of the adjustment layers, using different blending modes, or hiding an adjustment layer.

Outdoor Social Event
image

The effect in the image below was created with Black & White adjustment layer hidden.

Social Event at a Beach

Here’s one more example.

Social Event for Mountain Goats
Download Free Presets
Sponsored

Download Lightroom presets and LUTs, absolutely free. Use the presets to add creativity and style to your photos.

7 comments on “How to Make Your Photos Look Hipster with Photoshop”

  1. Doesn't look hipster to me. Sorry.
    Hipster photo treatment is making a photo look like it was captured by analog film camera. To do so it is better to use film presets for lightroom

  2. Hi,

    I have a problem when i place my light.
    The thing is, i want to mold it to something, i don't want that square when i place and select screen mode.

    M.

Leave a Reply

Your email address will not be published. Required fields are marked *

cross