Layer Styles in Photoshop allow us to create an unbelievable array of effects such as glass, ice or plastic. Best of all, after you’ve played around with the styles to get the effect you like, you can then save it and reuse it on other objects on different layers.
1. Create a new document 600 x 600 pixels.
2. Set the foreground color to #003366 (mid blue) and the background color to #000033 (dark blue/navy). Select the Gradient Tool (G) and on the tool options bar at the top of the screen, choose ‘Foreground To Background’ and choose ‘Radial Gradient’.
3. Drag out from the centre of the document towards the edge, so you have a gradient that looks a bit like this:
To give the background more texture, choose Filter > Texture > Texturiser. Choose Sandstone for the texture, 100% for Scaling and 2 for Relief. Click OK to apply the texture.
That’s the background setup. Now we can focus on the type.
4. Add some text. I’m using Times New Roman regular, size 150pt and set to white.
5. With the Type layer selected, click on the Layer Style icon at the bottom of the Layers palette and choose Gradient Overlay from the drop down menu.
When the Gradient Overlay dialog box opens up, click on the Gradient in the middle to open up the Gradient Editor. Set up a Gradient with three stops as follows. The first stop is dark blue (#000033), the second stop is white and the third, on the right hand side is mid blue (#003366). Don’t click OK yet.
6. Now click on the word Stroke on the left hand side. Set the Stroke Size to 1 px, position to Outside and Opacity to 84%. Set the Fill Type to Gradient, then click on the Gradient in the middle.
When the Gradient Editor opens, click on the small triangle in the upper right corner and choose Metals from the drop down menu. Then choose Silver from the Presets. Click OK to close the Gradient Editor.
7. Still inside the Layer Style dialog box, choose Inner Shadow and use the following settings. Don’t click OK yet.
8. And where would we be without a Drop Shadow to finish? Click on the words Drop Shadow on the left hand side and set the following:
The final effect should look something like this.
To save the style you’ve created for future use, simply click the New Style button on the Layer Style dialog box and give it a name.
It’s easy to go back and change any of the styles you’ve applied by clicking on the name on the Layers palette and the text is still fully editable.
Five Ways to Remove Backgrounds in Photoshop in 2021
By Amber Leigh Turner,
Need to remove an image background? Learn five ways to remove backgrounds in Photoshop, depending on the kind of image you're working with.
Figma Prototypes: A Quick, Step-by-Step Guide to Useful Mockups
By Daniel Schwarz,
Take your wireframes and mockups to the next level by creating interactive FIgma prototypes that are navigable and animated. Here's how!
5 Web Design Trends for 2021
By SitePoint Sponsors,
Web design trends come and go. 2020 was no exception. Web designers will see some familiar trends replaced by safer and more dependable design choices.