How to Create a 90s Graphical Photo Effect in Adobe Photoshop

The nineties were packed with incredible, bold colors and abstract shapes! And you can create an awesome nineties-inspired photo effect using custom shapes and more in Adobe Photoshop.

Learn how to create the initial background before applying the shapes, model, and final colors to the composition.

Want more ideas? Create cool retro photo effects using Photoshop Actions from Envato Elements.

Let's begin!

Tutorial Assets

The following assets were used in the production of this tutorial:

• Model Stock

Music Video Inspiration

One of the best places to find inspiration is in your favorite music videos. This tutorial is inspired by the cool 90s vibes from the music video: Hard Times by Paramore.

Instead of making a carbon copy of the original, we'll just take note of all the different design elements seen here. They'll help guide us to our own result!

So I'll focus on adding simple shapes and bold colors to achieve this effect.

1. How to Create the 90s Background

Step 1

Create a New Document at 1000 x 648 pixels. Fill the background with a deep purple color #211f26 using the Paint Bucket Tool (G).

Step 2

Right-click the background layer within the Layers panel and select Blending Options. Using the Right Diagonal Line preset, add a Pattern Overlay with the following settings:

Here is the result. The background appears dark at first, but we'll lighten it in later steps.

Step 3

Add a New Layer above the background. With a Soft Round Brush (B) at 0% Hardness, paint a large blue #2e6be1 spotlight in the top left corner of the composition.

2. How to Add the Initial Abstract Shapes

Step 1

Before we add the model, let's focus on creating the initial abstract shapes for the scene. We'll need to access all the shapes under the Custom Shape Tool (U) in order to do this.

Select the Custom Shape Tool (U), and then select the drop-down options and select All. Once you're prompted to replace/append, select Append.

Now you have all the necessary shapes needed for this tutorial!

Step 2

Select the Ellipse Tool (U) and place a large blue #0467ea circle a little off the center.

Step 3

Adding a few shapes to the circle will really make it pop! Start with a custom one by using the Line Tool (L).

Create a zigzag-like shape with the following settings:

• 
  Weight: 4 pixels


• 
  Color: #002ad7
  
  

1. Start by making one line, and then hold Control-J to duplicate it. 
   


2. 
   Rotate the copy with the Free Transform Tool (Control-T) so that it's perpendicular to the first line.
   
   


3. Continue this process of connecting the lines together. Do this until you have a shape like the one above.

When you're finished, select all the shapes and right-click to Merge Shapes.

Step 4

Hold Control-J to create a few more copies of your new zigzag shape. Place the zigzag shapes all around the circle. Then select all the shapes and right-click to set them as a Clipping Mask to the circle.

Now create a skinny black line with a 2 px Weight. Duplicate it twice (Control-J) to get three black lines on the circle. Keep setting the shapes as Clipping Masks to the ellipse.

Step 5

Add more abstract shapes! Use the Custom Shape Tool (U) and select the Triangle Frame option to add several colorful triangles to the circle.

I used these colors:

• 
  Green: #39b54a
  


• 
  Yellow: #fff568
  
  


• 
  Pink: #f06eaa
  
  

Follow up by adding a few small white circles into the mix using the Ellipse Tool (U).

Select the Custom Shape Tool (U) again, to add a few white circle frame shapes.

Then finish with some custom cross hairs. To make these, simply create a white 1px line then Duplicate it (Control-J) before Rotating and Merging the shapes together. Add as many as you'd like to the ellipse.

3. How to Add More Shapes and Color

Step 1

To balance out the shapes we have going on in the circle with the rest of the composition, we'll add a few to the background as well. But first, let's adjust the colors.

Go to Layer > New Adjustment Layer > Brightness & Contrast and add the following settings:

• 
  Brightness: 21
  
  


• 
  Contrast: 25
  
  

Step 2

Add some large, dark purple #292631 triangles to the background. Use the Free Transform Tool (Control-T) to adjust the triangles to different angles.

Create a New Layer above the shapes. Then use the Brush Tool (B) at 0% Hardness to paint a large, green #2edfb0 spot light on top of the blue light in the upper left corner. Adjust the Opacity to 42%.

Experiment often. Adding more shapes will create an even better composition!

1. Add three large, dark triangles. Make them overlap the others.
   
   


2. Use black and blue #07101c colors for the first two.


3. Then create the third blue #242954 triangle shape and add a Gradient Overlay with the following settings:

Add a few more triangles to the composition, including these green #00a651 ones.

Here is the result when you're finished.

Step 3

For more atmosphere, let's create a quick vignette. To do this, create a New Layer above all the others.

Then select the Gradient Tool (G) and apply a black to transparent Radial Gradient to the layer. Make sure the Reverse option is checked to get a good vignette effect.

Follow up with two new Adjustment Layers. First, create a New Adjustment Layer of Color Lookup. Set the 3DLUT File to 2Strip.look.

Then add a New Adjustment Layer of Color Balance. Adjust the settings under the Midtones and Highlights to the following:

For more intensity, add a New Adjustment Layer of Brightness and Contrast.

• 
  Brightness: 27


• 
  Contrast: 54
  
  

Now let's finally add the model!

4. How to Add the Model

Step 1

This effect is framed around the model's image, so use a photo of yourself or grab a neat stock like this fashion model with glasses:

The key here is to pick a photo with the same 90s vibe for the overall effect. Study fashion styles to achieve a seamless look. This denim jacket, for instance, never goes out of style and is great for that hipster 90s vibe.

Copy and paste the entire image onto your background and position it into place. Then add a Layer Mask and use the Brush Tool (B) to paint black on the areas that you want to hide. Play with Brush Hardness levels, try to reveal only the model while softening the image in the bottom-right corner.

Step 2

Right-click the model layer and go to Blending Options. Create a quick Drop Shadow with the following settings:

Step 3

Now create a New Layer set to Hard Light. Set it as a Clipping Mask to the model. Use the Brush Tool (B) to paint soft black shadow onto the model. Try to diffuse the intensity of the image with some shadow. Adjust the Opacity to 34%. 

Set a New Adjustment Layer of Color Lookup as a Clipping Mask to the model. We need to adjust the image's colors to complement the background.

Set the 3D LUT File to FoggyNight.3DL then set the Layer Blend Mode to Luminosity.

Just like before, add a New Adjustment Layer as a Clipping Mask, this time of Brightness/Contrast.

• 
  Brightness: -1
  
  


• 
  Contrast: 12
  
  

5. How to Add the Final Effects

Now that we've got the majority of this style in place, all we need to do is make a few more tweaks for a better composition.

Step 1

Create a New Layer set to Difference. Use the Brush Tool (B) to paint soft blue #202e4d shadow on the right side of the composition. Melt the model into the background.

Step 2

Let's tackle the glasses!

Create a New Layer and use the Pen Tool (P) to fill the glasses with black.

We'll use the black as a base to apply more color. Set several New Layers as Clipping Masks to the black lenses.

On each layer, use the Pen Tool (P) to create one colorful lens shape for the glasses. Build different shapes and colors until you're happy with them.

Here I used these colors:

• 
  Pink: #fe4b86
  


• 
  Purple: #c813af
  
  


• 
  Blue: #5b6090
  
  

To make the lenses more realistic, let's add some shadow! Clip another New Layer to the shades base and set the Layer Blend Mode to Multiply. Use the Brush Tool (B) at 0% Hardness to paint soft shadow around the edges of the glasses. Diffuse the sharp lines for a cool, natural effect.

Step 3

For a trippy line effect, use the Pen Tool (P) to create a selection around your model (don't worry too much about a clean line shape—the crazier the better).

Then right-click and select Stroke Path (make sure that your Pencil Tool is set to 2 pixels in Size). Set the Stroke Path options to Pencil Tool with Simulate Pressure Unchecked.

Feel free to use white or any other color for this step.

Duplicate (Control-J) this line layer several times. For each new line layer, adjust the shape and size of the line with the Free Transform Tool (Control-T). Stretch them out in ascending order.

Then right-click each line layer and go to Blending Options.

Use the Color Overlay option to change the lines to different colors.

Here I used:

• 
  Pink: #ffa5c5
  
  


• 
  Yellow: #fff7b4
  


• 
  Purple: #242645
  
  

Check out the result below.

Step 4

Set a New Layer above all the other layers to Overlay. Use a Soft Round Brush to paint soft white over the model's chest, bringing some light back in. Lower the Opacity to 65%.

Follow up with two last Adjustment Layers, to tweak the colors.

The first, for Color Balance, with the following settings for Midtones and Highlights.

And the second, Color Lookup, with the 3D LUT File at 2Strip.look. Lower the Opacity to 45% for this brilliant blue look.

That's it! Check out the final result below.

And try out this effect on other photos for more awesome results!

Conclusion

Celebrate classic 90s styles with an awesome photo effect!

In this tutorial, we learned that a few well placed shapes can highlight any cool stock photo. Remember to unlock presets to access awesome vector shapes and more, and experiment with Adjustment Layers to tweak your color scheme to the one you want!

I hope you enjoy trying out this tutorial. Feel free to leave your questions and result in the comments. 

And for more awesome photo effects, check out my tutorials below:

• 
  Photo Manipulation
  
  
  How to Create an Enchanted Rose Photo Manipulation in Adobe Photoshop
  
  
  Melody Nieves


• 
  Photo Manipulation
  
  
  How to Create a Human Cyborg Photo Manipulation in Adobe Photoshop
  
  
  Melody Nieves