{"id":5512,"date":"2010-10-15T18:25:39","date_gmt":"2010-10-15T18:25:39","guid":{"rendered":"http:\/\/photoshopcafe.com\/?p=5512"},"modified":"2024-02-19T15:36:30","modified_gmt":"2024-02-19T23:36:30","slug":"manipulating-styles-photoshop-photoshop-tutorial","status":"publish","type":"post","link":"https:\/\/photoshopcafe.com\/tutorials\/actions\/actions3.htm","title":{"rendered":"Getting started with Layer styles, Photoshop Tutorial"},"content":{"rendered":"

(By Al Ward)<\/p>\n

Though I’m generally known as an actions guy, I’m interested in all types of addons you can create in Photoshop in presets that can be created, saved and reused in Photoshop, as well as be distributed to others.<\/p>\n

1<\/h3>\n

Maybe you are unfamiliar with Layer Styles as yet, and so I’ll cover them briefly. Layer Styles are simply groups of commands saved as a preset, that may be instantly applied to type or a filled selection in Photoshop. Going to Window>Show Styles will bring up the Styles Palette, which may look something like this:<\/p>\n

When you initially open the palette, there will be a few styles loaded. These are not all that came with the program. If you want to check out more styles click the small arrow to the upper right of the palette and go to load or replace styles. The rest of the presets available are in Edit\u00a0>Presets>Styles. (can also be access by the panel options menu in the styles panel)<\/p>\n

\"Screen<\/a><\/p>\n

2<\/h3>\n

Let’s run through a couple examples. To begin with I’m creating a new image with a white background. I’ll enter some large type so you can see what is going on\u2026 any color will suffice. For those of you interested, this font was found online. The name is Viper Squadron\u2026 very cool I think!<\/p>\n

\"image2\"<\/a><\/p>\n

3<\/h3>\n

With the type layer active, let’s pick a couple Layer Styles and see what happens. With one click, we get this:<\/p>\n

\u00a0\"image3\"<\/a><\/p>\n

4<\/h3>\n

\u2026 or this:<\/p>\n

\"image4\"<\/a><\/p>\n

or even this:
\n\"\"<\/p>\n

\"image5\"<\/a><\/p>\n

5<\/h3>\n

Pretty cool stuff, huh? The obvious benefit to developing and using layer styles is to create a site with similar effects in the buttons, titles, portions of an interface, etc. The graphics mesh, thus giving the viewer of your site the impression that you know what you are doing when it comes to design\u2026 and you did it all with a couple mouse clicks! These can also be fantastic in generating rollovers, and Adobe has even labeled a couple of their style sets thusly.<\/p>\n

\"Screen<\/a>\u00a0\"Screen<\/a><\/p>\n

Let’s go back to that last style we used. Let’s say it is close to the effect you are looking for, but not quite\u2026 is there a way to alter the Style to suit your needs? Sure there is\u2026 we can even save the style in it’s altered state without losing the original style. Once you have applied the style, go to the layers palette. Beneath the active type layer there are a few commands attached to the layer, under the heading ‘Effects’. Clicking this will bring up the layer style options, where we may change any of the presets to taste. For example, say I’d like more of a metallic effect. I know from past experience that I want to adjust the curve applied to the bevel, and by selecting the bevel\/emboss option I can apply either a saved preset curve to the bevel or, by clicking directly in the small curve window, create my own to apply to the text. Here are my settings:<\/p>\n

6<\/h3>\n

Here is the result:<\/p>\n

\"image7\"<\/a><\/p>\n

7<\/h3>\n

Not too bad, but I’m not too fond of red. I started with blue type, and I can still have a semblance of blue with this style by deselecting the Color Overlay option. I can them apply a gradient overlay instead for another variation.<\/p>\n

\"Screen<\/a>\u00a0\"Screen<\/a><\/p>\n

Again, the result:<\/p>\n

\"image10\"<\/a><\/p>\n

That I like! I used to have\u00a0to record all these steps in an action to recreate the effect later, but as I’ve stayed within the realm of the Layer Styles and only effected one layer, I can instead save this as my own style for later application. When I’m satisfied with the effect, in the Layer Style Options window I can click ‘New Style’ and the preset will now be loaded into my Styles Palette for later use. Once I have a bunch created, I can then save the group and, as I’ve done on Action Fx and here, distribute them to whoever has an interest.<\/p>\n

I hope this little article has been informative as well as helpful. Until next time, Chow!<\/p>\n

Al Ward, Action Fx Photoshop Actions Resource<\/b><\/p>\n

Photoshop VAULT<\/h3>\n

Access valuable Photoshop extras and goodies for free and much more a<\/p>\n

\"photoshop<\/a>

\r\n\r\nPS Don\u2019t forget to follow us on Social Media for more tips..<\/strong>\r\n