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.
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.
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.
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.
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.
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.
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.
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.
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.
To create a pattern, go to Edit > Define Pattern and name your pattern.
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.
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.
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.
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.
Move your gold foil layer above the text layer. With your gold foil layer selected, go to Layers > Create Clipping Mask (Ctrl+Alt+G).
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!
This is a great tutorial! Thanks!
Thanks, Sarah! I’m glad you like it!
This is awesome! Thanks so much!
Glad you like it, Cameron!
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! 🙂
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.
This is great! But how do I save it as a color swatch for later use?
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?
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 🙂
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
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.
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! 🙂
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!
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.