Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Join Justin Seeley as he reveals how designers can create vibrant web graphics, wireframes, and complete web site mockups in Adobe Photoshop. The course covers creating a custom web workspace for maximum efficiency; drawing, coloring, and optimizing web graphics; creating vector shapes and text that scale seamlessly; mastering transparency; building navigation bars and buttons; and speeding up these tasks with the Photoshop automation tools.
As you continue to create layer styles inside of Photoshop, undoubtedly you're going to want to save those so that you can then apply them to other pieces of artwork that you have in other documents. In this movie, I'm going to be showing you how to save your layer styles and then how to apply them to other objects that might not even exist in the document that you're working on. The first thing we need to do though is save the layer style. So I have a series of effects applied to this circle in the background, and it's Ellipse 1 in my Layers panel over here. So what I want to do is save this as a layer style. In order to do that, I can go just by double- clicking on the fx icon in the Layers panel, into my Layer Style dialog box, and I can choose New Style.
When I choose New Style, I can set it to be called anything I want. In this case, I'll call it Metal, and I'll hit OK. When I do that the style is now saved to my Styles panel. I'll hit OK. If I go over to my Styles, drag those out where you can see them, I now have this new style right here. This style is called Metal. And let's create a new document. This document I'll make 500 x 500. And I'll just grab another ellipse, draw it out, and when I do that, I'll come over and I'll click the Metal layer style and it instantly gives me that same metallic texture, even the bevel around the outside and the stroke around that as well, saving me a ton of time.
Now I can also collect several layer styles inside of this box and I can save those out and then allow people to load them themselves or distribute them to coworkers or whatever I might want to do with them. So let's say that I wanted to save this out as its own layer style by itself. I'm going to remove all the default layer styles from here. I'm going to do that by hovering over, holding down my Option or Alt key, and then clicking. You'll notice they just go away. I'm continuously holding down my Alt key, or my Option key on the Mac, and just clicking with my mouse.
There we go. We'll leave that right there. I'll go up to this panel menu and I'll choose Save Styles. I can save this out to the Desktop as metal_style.asl. Hit Save. Now, even if I delete this, just like that, anytime anybody wanted to use that, or even if I wanted to use it, I can come back up to this panel menu, choose Load Styles, select metal_style.asl, open it.
There it is, right there. So even if I didn't have any effects applied to this ellipse, I could select it and it instantly changes it back. So as you continue to develop your own layer styles here inside of Photoshop, just remember that you should always save them out as your own layer styles so that you can then load them on other computers, give them to coworkers, or use them in other documents that you might have. It's a great way to ensure that you're working faster and smarter, and not harder.
There are currently no FAQs about Photoshop for Web Design.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.