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.

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

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

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

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

Let’s begin!

Tutorial Assets

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

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

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

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:

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

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

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

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.

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

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.

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

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.

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

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

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

  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.

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

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.

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

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

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

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

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

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

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

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.

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

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

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

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.

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

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

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

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

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

  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:

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

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

Here is the result when you’re finished.

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

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.

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

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

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

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

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

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

  • Brightness: 27
  • Contrast: 54

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

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:

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

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.

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

Step 2

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

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

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

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

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.

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

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

  • Brightness: -1
  • Contrast: 12

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

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.

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

Step 2

Let’s tackle the glasses!

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

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

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

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

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.

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

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.

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

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

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

Check out the result below.

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

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.

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

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

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

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

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

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

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.

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

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

  • How to Create a 90s Graphical Photo Effect in Adobe Photoshop
    Photo Manipulation
    How to Create an Enchanted Rose Photo Manipulation in Adobe Photoshop
    Melody Nieves
  • How to Create a 90s Graphical Photo Effect in Adobe Photoshop
    Photo Manipulation
    How to Create a Human Cyborg Photo Manipulation in Adobe Photoshop
    Melody Nieves