Join Emily Kay for an in-depth discussion in this video How to use the exercise files, part of Photoshop for Web Design.
- [Instructor] If you have access to the Exercise Files for this course, you can download them from my course page. If you don't you can still follow along with your own assets. In the Exercise Files you'll find there's going to be folders that are associated with each chapter of the course. In addition, there's a Fonts folder. This contains the two fonts that I'm using within my design comps. You can install these onto your operating system so that the fonts will not give you errors when you open the files.
If you go into any of the chapters, you'll find that there's going to be subfolders titled with that particular movie. And if you go in there, there'll be beginning and final files based on that particular task. Not all of the movies have Exercise Files, so if you don't see files for every single item, it's just because that movie does not require an Exercise File. When you open the files for this course you may find that you'll get some warnings.
Let me show you what happens and let me show you how to resolve it. I'm just going to open up this file, which is a file that's a more completed version of a project that we're working on within the course. You can see as soon as I open up the file, I'm getting a bunch of warnings. And Photoshop is letting me know that it can't locate all of the linked assets. In this course I'm making use of the library items. And because these are cloud-based items, if I'm on a machine where I have not created the library, I will get this warning.
If you look at the names of the files, you can see that before the forward slash it's going to tell you the name of the library. So this one's called ui elements. This one's called Aloha Pineapples. So in this particular file I'm using library items from two libraries. I've provided the libraries for you. If you go ahead and type in the links that are showing on your screen currently, you'll be able to have access to the library files. I'm going to go out to the Web and load these two library files.
Here's the Aloha Pineapples library file. I'll click the Save button, and it's going to prompt me to log in with my Creative Cloud ID. So you're going to go ahead and do that now. Once you've logged in, you're going to see that you have access to Save the library. You're going to want to click this. And when you do so it's going to let you know that this library has been saved into your libraries. I'm going to do that for the other library that I'm using for this file as well.
I'll go ahead and click Save, and you can see that now the library is saved and I can use it within my document. I'll jump back into Photoshop, and I'll just click OK. I had left this window open from before, but I'll click OK. You also may get a warning that the fonts Don't Resolve. And again, this is because you have not installed the fonts yet. If you install the provided fonts, then you won't get this message. If you do get this message, and you don't want to resolve it, it's really not a big deal. And even opening the file without linking in the library items is not that big a deal.
The document is still going to display fine, but if you want to make any edits to any of the elements, then you're going to run into warnings and possibly the inability to make any sorts of edits. You'll find, if you go to the library panel and use the pull-down menu, you should see the libraries that we just loaded. They're going to display with two little people next to them, indicating that they're a shared library. Because you're using the shared library, all of the assets will be available to you. And if I click on that particular library item, you'll find that the library items are going to show in the Library panel.
Now you have everything you need to get started in this course.
- Setting up workspaces and artboards
- Using libraries
- Responsive design tips and tricks
- Setting breakpoints
- Creating navigation elements
- Creating textures and backgrounds
- Embedding or linking smart objects
- Making custom templates
- Creating reusable UI elements
- Saving and exporting for the web
- Using Generator