• Skip to primary navigation
  • Skip to main content
  • Skip to footer
  • About
  • Portfolio
  • Blog
    • Blogging
    • Business Tips
    • Design
    • Photoshop Tutorials
    • Illustrator Tutorials
    • Freebies
  • Shop
    • Creative Market
    • Spoonflower
    • Design Cuts
    • Patternbank
  • Resources
    • Resources
    • The Library
  • Contact
  • Nav Social Menu

    • Bloglovin
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube

Elan Creative Co.

whimsical graphic design

How to create a gold foil texture in Photoshop

March 10, 2017

How to create a gold foil texture in Photoshop

In today’s tutorial, I want to show you how to make a realistic gold foil texture in Photoshop. As you probably know, Photoshop is my favorite design software because you can make a lot of interesting textures just by playing with colors and filters.

I don’t use metallic textures in my designs very often, but when I do, it’s usually a texture made by another designer. It always seemed like a very complicated process and I never bothered with it. That is until I decided to play with Photoshop filters and realized that it’s a very simple process. Here’s how you can do it too:

View my new YouTube channel

I’ve recently started a new YouTube channel where I will show you how to use Photoshop and Illustrator to create seamless patterns and graphics for your blog, business, or social media. Please subscribe to Elan Creative Co’s channel if you want to see more video tutorials.

I’m very new at this and very nervous, so please excuse my mistakes ?

Here’s how to make a gold foil texture in Photoshop. Scroll down for the written tutorial.

How to create a simple gold foil texture in Photoshop

To start, launch Photoshop and create a square canvas. My settings are 6×6 inches at 75ppi and in RGB colors since I don’t want to print the file and I like to start with a white background.

How to create a gold foil texture in Photoshop

This texture looks great for digital products, but if you want to use them for print you should apply real foil.

Double click on your foreground color and set it to your favorite mustard/gold. I use a bright gold color that has the HEX code #eece1a. Change the background color to a dark gold or brown. I use #262000.

How to create a gold foil texture in Photoshop

Now go to Filter > Render > Clouds. Your background will change to a cloudy light and dark gold background that will be the base of our gold foil texture.

How to create a gold foil texture in Photoshop

Go to Filter > Add Noise and add a small amount of noise. I like to use 5% and uniform distribution, but this is something you can experiment with. Or you can even skip this step, although a small amount of noise will make it look more realistic and that’s what we want.

How to create a gold foil texture in Photoshop

The last step is to go to Filter > Filter Gallery > Distort. You can use the Glass or Ocean Ripple filter to create your gold foil. For this tutorial, I’m using the Glass filter. You can tweak the distortion, smoothness, and scale until you have a nice gold foil.

How to create a gold foil texture in Photoshop

If your final texture is too dark you can change the Brightness and Contrast using an Adjustment layer. You can open your Adjustments panel from Window > Adjustments and click on Brightness. I set the brightness to 50 and the contrast to 10. This makes it so much shinier.

How to create a gold foil texture in Photoshop

To use the texture, select the gold foil and the brightness layer from the Layers panel, right-click on them and choose Merge Layers from the menu. Don’t forget to save it so you can use it in the future.

How to create a seamless gold foil pattern

This texture is perfect for small items, but if you want to use it on a larger artwork you should save it as a pattern. But first, we will have to transform it into a seamless pattern.

With your gold foil layer selected, go to Filter > Other > Offset. Move the vertical and horizontal arrow until you see a cross or divide the height and width of your canvas by two and enter the value.

My canvas is 432x432px, so I will enter 216px for both areas.

How to create a gold foil texture in Photoshop

This is my least favorite part of this tutorial. Select the Clone Stamp Tool (S) and use a soft brush. The size is not that important and you might need to change it.

How to create a gold foil texture in Photoshop

Using the Clone Stamp Tool, cover the edges that are visible in the middle of your artwork. You should select areas that are similar to the ones you want to cover by pressing the Alt key and then drawing over the edges. This will probably take a bit of time, but it’s not very difficult.

This is my final result.

How to create a gold foil texture in Photoshop

To create a pattern, go to Edit > Define Pattern and name your pattern.

How to create a gold foil texture in Photoshop

Now you can use this pattern over and over again.

How to recolor you patterns

If you want to use other colors, the first thing you have to do is create a silver foil. To do that, go to Adjustments and click on Hue/Saturation. Toggle the Saturation all the way to the left.

How to create a gold foil texture in Photoshop

Add a Brightness/Contrast layer over it and increase the brightness to make the silver texture lighter. When you are done, select the base layer and the adjustment layers and merge them. Don’t forget to save your texture.

How to create a gold foil texture in Photoshop

Let’s change the silver texture to a rose gold texture. Duplicate the silver texture so you won’t lose it and add an empty layer above it by pressing Shift+Ctrl+N. Change the foreground color to the color you want to use. I’m using #fabeb4. Fill the empty layer with color using the Paint Bucket Tool.

How to create a gold foil texture in Photoshop

Change the Blend Mode to Color. You can also use Multiply for a darker color or Opacity if you want a lighter color. Select the color and foil layers and merge them. Then save your new texture.

You can create as many textures as you like with this technique.

How to add gold foil to text

Before I end this tutorial, I want to show you how to add the gold foil texture to text using a clipping mask.

Using the Type Tool, enter your text. I’m using the Sea Salt font. You can do this with any font you like, but it looks better with a bolder font.

How to create a gold foil texture in Photoshop

Move your gold foil layer above the text layer. With your gold foil layer selected, go to Layers > Create Clipping Mask (Ctrl+Alt+G).

How to create a gold foil texture in Photoshop

Now you can create your very own gold foil texture in Photoshop and you can use any color you want! If you want to create more complex textures, you can use the gold foil we created and add other filters to it.

Please let me know in the comments if you have any questions or if there are any tutorials you are interested in!

Tweet
Share4
Pin4K
Share

Photoshop Tutorials

You might also enjoy:

How to make mockups for your printables in Photoshop
How to make mockups for your printables in Photoshop
How to make animated GIFs in Photoshop
How to make animated GIFs in Photoshop
How to make image templates in Photoshop for Pinterest and social media
How to make image templates in Photoshop for Pinterest
How to convert Illustrator swatches to Photoshop patterns
How to convert Illustrator swatches to Photoshop patterns

About Cristina Silvia

Hey there! I’m Cristina, and I’m a self-taught graphic designer and illustrator. With an everlasting love of all creative endeavors, I found joy in sharing with others what I’ve learned over the years and helping bloggers and entrepreneurs bring their dreams to life through beautiful designs.

The Newsletter

Subscribe to our mailing list to get the latest posts in your inbox + news and special offers.

Reader Interactions

Comments

  1. Sarah Carletti says

    March 11, 2017 at 3:07 pm

    This is a great tutorial! Thanks!

    • Cristina Silvia says

      March 11, 2017 at 3:16 pm

      Thanks, Sarah! I’m glad you like it!

  2. Cameron says

    May 30, 2017 at 12:44 am

    This is awesome! Thanks so much!

    • Cristina Silvia says

      May 30, 2017 at 2:53 pm

      Glad you like it, Cameron!

  3. Missa says

    July 9, 2017 at 12:57 pm

    Loved this tutorial. I’ve been looking for something like this for ages and though I had got some of the steps on my own initiative, I am by no means Photoshop fluent thus I didn’t know of the glass effect. 🙂 I’ve tweeted this post and pinned it to a number of boards I have. The effect is gorgeous! I made the rose gold version and used the Justin Road font to create a gorgeous background for my computer using a DIY marble effect background I made. I shall certainly be coming back to this site! 🙂

    • Cristina Silvia says

      July 9, 2017 at 2:01 pm

      I’m so happy you like it, Missa! I’m sure that your background looks lovely. Thanks for your comment and for sharing this post.

  4. Laurie says

    November 18, 2017 at 1:08 am

    This is great! But how do I save it as a color swatch for later use?

  5. Suz says

    March 13, 2018 at 6:55 pm

    Help me….When I get to Filter – Render-clouds, my selected gold colors are black and white. Any ideas what I may be doing incorrectly?

    • Cristina Silvia says

      March 13, 2018 at 7:27 pm

      Are you using 16 or 32 bits/channel? You can change it when you create a new document. It’s under color mode, right next to RGB/CMYK. Just use 8 bits instead of 16 or 32.
      You can see how my document is set at the beginning of the video and in the screenshot.
      Hope it helps 🙂

  6. yasmin abdeltawab says

    March 17, 2018 at 1:38 am

    its a great tutorial!
    put how to mave the gold foil texture image? when i try to move it, it doesn’t move, i use ephotoshop CS6

    • Cristina Silvia says

      March 17, 2018 at 12:04 pm

      Thanks! Maybe your layer is locked? You should be able to move it. You can also save it as a Jpeg and use it in your designs.

  7. Jenn says

    April 21, 2018 at 3:07 am

    Hi! Do you know if/how I could import this pattern into Illustrator to use as a fill color?

    Thanks! Cool tutorial by the way! 🙂

    • Jenn says

      April 21, 2018 at 3:38 am

      Or even as a pattern would work. When I go to up load texture in Illustrator, it doesn’t give me the option to upload my png that I saved of it and will only allow me to select the psd file, but when I do select the psd file nothing happens. I am trying to use this pattern as a fill color/texture for some mandalas I’m drawing in illustrator. Thanks in advance!

      • Cristina Silvia says

        April 21, 2018 at 9:11 am

        Glad you like it! Unfortunately, Photoshop patterns are not compatible with Illustrator, so you cannot open the .pat file or .psd in AI.
        You should save your texture as a JPEG and open it in Illustrator. Then rasterize it by selecting it and going to Object > Rasterize. After that, you can drag it to the Swatches panel or go to Object > Pattern > Make.

        • Jenn says

          April 29, 2018 at 9:29 pm

          Thanks so much!!!

Footer

Discover

  • Portfolio
  • Blog
  • Resources
  • The Library
  • Contact

Learn More

  • Policies
  • Terms
  • Licenses
  • F.A.Q.

Looking for something?

  • Bloglovin
  • Facebook
  • Instagram
  • Pinterest
  • Twitter
  • YouTube

Copyright © 2022 · Elan Creative Co