Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your Free Trial Start your Free Trial Maybe Later
How to Make a Holographic Background in Photoshop
  • By Design Bundles
  • 8 Mins
  • Advanced
  • Photoshop Tutorials

How to Make a Holographic Background in Photoshop

Learn how to create a shiny holographic effect in Photoshop with this step by step tutorial.

There are a ton of different background designs that you can create in Photoshop. Today, we’ll show you how to create a holographic background in Photoshop using several filters.

How to Make a Holographic Background in Photoshop

You can use this background design for various applications, such as backgrounds for social media posts, holographic sticker PNG designs, or printable paper. You can also use it in sublimation designs or simply sublimate it as-is onto mugs, face masks, etc.

If you’d like to purchase holographic backgrounds instead, there are several holographic designs available on Design Bundles.

Step 1 - Create the Colors for the Holographic Background

Convert Layer to a Smart Object

Right-click on the Background layer and select Convert to Smart Object.

Convert Background layer to a Smart Object in Photoshop

Render Clouds

Go to Filter > Render Clouds.

Click on Filter, Render, and then Clouds to render some clouds in Photoshop

Your layer should look similar to the image below.

Shows what the layer looks like after rendering clouds

Apply Filters From the Filter Gallery

Open the Filter Gallery

Go to Filter > Filter Gallery.

Click on Filter and then Filter Gallery in Photoshop

Grain Filter

In the Texture folder, select Grain, and use the following values:

  • Intensity: 100
  • Contrast: 0
  • Grain Type: Clumped

Shows Grain filter option settings

Glowing Edges Filter

Without exiting the Filter Gallery, click on the Add New Filter button at the bottom of the window. Choose Glowing Edges from the Stylize folder, and use the following values:

  • Edge Width: 2
  • Edge Brightness: 6
  • Smoothness: 7

Shows Glowing Edges filter option settings

Watercolor Filter

Add another filter and choose Watercolor from the Artistic folder. Then use the following values:

  • Brush Detail: 3
  • Shadow Intensity: 0
  • Texture: 1

Shows Watercolor filter option settings

Film Grain Filter

Add another filter and choose Film Grain from the Artistic folder, and use the following values:

  • Grain: 3
  • Highlight Area: 0
  • Intensity: 10

Shows Film Grain filter option settings

Dark Strokes Filter

Lastly, add another filter, choose Dark Strokes from the Brush Strokes folder, and set the following options:

  • Balance: 1
  • Black Intensity: 0
  • White Intensity: 3
  • Now click OK.

Shows Dark Strokes filter option settings

Apply a Wave Filter

Go to Filter > Distort > Wave.

Click on Filter, Distort, and then Wave in Photoshop

Set the following values:

  • Number of Generators: 5
  • Wavelength Minimum: 25
  • Wavelength Maximum: 150
  • Amplitude Minimum: 5
  • Amplitude Maximum: 35
  • Scale Horizontal: 45%
  • Vertical Scale: 65%
  • Type: Sine
  • Undefined Areas: Wrap Around

Shows Wave filter option settings

Apply a Surface Blur Filter

Now go to Filter > Blur > Surface Blur.

Click on Filter, Blur, and then Surface Blur in Photoshop

Set the Radius to 3 Pixels and Threshold to 120 Levels.

Shows Surface Blur filter option settings

Apply a Liquify Filter

Go to Filter > Liquify (Shift + Cmd/Ctrl + X).

Click on Filter and then Liquify in Photoshop

You can set the Brush Tool Options to what will work for you, but we used the following settings in the Liquify window:

  • Size: 1606
  • Density: 40
  • Pressure: 100
  • Pin Edges: Checked

You want to use a large brush. Then click + drag the brush back and forth over the image on the left to move the colors around. When you are happy with how it looks, click OK.

Shows Liquify filter option settings in the Liquify window

Step 2 - Create Foil Texture Layer

Create, Rename and Convert a New Layer to a Smart Object

In the Layers panel, click the Create a New Layer button. Double-click on the new layer’s name and change it to Foil. Then convert the new Foil layer to a Smart Object.

Shows how to create a new Smart Object layer named Foil

Apply Filters

Render Clouds

With the Foil layer selected, render clouds the same way we did with the first layer.

Shows the rendered clouds on the Foil layer

Apply a Gaussian Blur Filter

Now go to Filter > Blur > Gaussian Blur.

Click on Filter, Blur, and then Gaussian Blur in Photoshop

In the Gaussian Blur dialog, adjust the slider to blur the clouds. We set the Radius to 90 Pixels, but you may need to use a different setting depending on your canvas size.

Shows Gaussian Blur filter option settings

At this point, your Foil layer should look similar to the image below.

Shows what the Foil layer currently looks like with the Clouds and Gaussian Blur filters applied

Apply an Ocean Ripple Filter

Open the Filter Gallery again and delete all of the previously added filters.

Delete all the previously added filters in the Filter Gallery in Photoshop

Then select Ocean Ripple under the Distort folder. Set the Ripple Size to 9 and Ripple Magnitude to 11, then click OK.

Shows Ocean Ripple filter option settings in Photoshop

Change Foil Layer’s Blending Mode

Change the Blending Mode of Foil layer to Screen and lower the Opacity to 80%.

Change Foil layer's Blend Mode to Screen and Opacity to 80%

Step 3 - Make Adjustments to Filters if Needed

Because both layers are Smart Objects, you can easily make adjustments to the filters. Simply double-click on the filter in the Layers panel that you want to change.

Shows to double-click on applied filters to make adjustments if needed

Step 4 - Add a Brightness/Contrast Adjustment Layer

Select the bottom layer. Then open the Adjustments panel (Window > Adjustments), and click the Brightness/Contrast icon that looks like a sun.

Select the bottom layer and add a Brightness/Contrast adjustment layer via the Adjustments panel

Adjust the Brightness and Contrast to your liking in the Properties panel. We set Contrast to 30 to make the colors pop out more.

Adjust the slider for Brightness and Contrast in the Properties panel

Our holographic background is complete! You can make several holographic backgrounds following this guide, as no two will be exactly the same.

To learn how to create a holographic effect using a slightly different method, you can read our guide on creating a holographic text effect in Photoshop.


6 Related Photoshop Tutorials

In this tutorial we will be creating a pastel gradient background in Adobe Illustrator. To select our colors we will be using a pastel color palette. Creating gradients in this way gives you full flexibility to create your preferred color blends. It allows you to add and remove colors to ...

Creating a design with a transparent background in Procreate is important when making stickers, patterns, sublimation designs, and much more. Designs with transparent backgrounds are easier to work with when adding to mockups. In this tutorial, we will show you how to make a transparent background in Procreate and how ...

Gradient backgrounds are great for making social media posts, graphics, and more. In Affinity Designer we don't have the luxury of a mesh gradient. However, we can blend multiple gradients using the Blending modes. How you position the layers also impacts on the final result.In this tutorial we will ...

In this tutorial, we will learn how to make tridimensional text in Photoshop using the 3D text feature.Step 1- Create a New DocumentIn Photoshop, create a New Document and use white as your background color. Ours was 15 x 10 cm @150 dpi, RGB, but you should choose yours depending on what ...

You can quickly make sublimation designs in Photoshop with ready-made graphics or images and some text. These designs can be used on all sorts of sublimation blanks, and they make for great gifts. This tutorial will show you how to import and edit images, add and edit text, and access ...

In this tutorial we will walk you through the steps on creating a GIF in Photoshop. By using the timeline window, you can quickly create animations.For this tutorial, we are using Last Dream which is a layered font, as well as fireworks clipart and a sunset color palette.Step 1: ...

photoshop filters holographic background

You may also like

Help Center
ol image