Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
In Illustrator CS5 Web and Interactive Design, Mordy Golding shows how to create pixel-perfect graphics for use in web sites, video compositions, and mobile apps. This course covers a wide range of workflows, from creating online ad campaigns, web sites, icons, to taking art from Illustrator to Flash Professional. Sharing tips, tricks, and creative techniques along the way, Mordy provides insight and instruction for taking projects from initial concept straight through to production. Exercise files accompany the course.
If you're going to be using both Illustrator and Photoshop to get your web design work done, you might want to be able to share swatches between these applications as well. The good news is that there's a really easy way to do it to make sure that all your colors stay consistent. For example, I am here inside of my home_page.ai file. If I look at my swatches here in this document, I have some of the standard swatches that come with Illustrator, along with some of the customized ones that I have created. Now before I actually move these into Photoshop, I want to start cleaning this up a little bit. So I am actually going to go ahead, and make sure I have nothing selected right now on my artboard, just click on a blank area. And I will click on let's say this red swatch here and then Shift+Click on this swatch right here, and then delete them.
I am going to choose Yes. I'll then take this group over here, the grays, and kind of drag that to the trash. I'll also get rid of these as well. In fact, in this document, I already have Color Group 1 that I've created that contains all of the swatches that I might want to use for this document. So I am going to actually just take all of these and simply remove them. So that leaves me with just the colors that I want here that I'm using in my web design work. I want to find a way now to take these swatches and to actually bring them into Photoshop. So I am going to come over here to the flyout menu, the Swatches panel, and if I scroll to the bottom, there is an option here that says Save Swatch Library as ASE, which stands for Adobe Swatch Exchange file.
I am going to choose that option, but it directs me automatically to my Swatches panel, which is local for Illustrator, but I want to be able to easily move this around, so I am actually going to save it. I'll save it to my desktop. I am going to go to exercise files and put it in my Chapter 08 Using Photoshop after all, and notice that the file is being saved as home_page.ase, or like I said before, Adobe Swatch Exchange file. So I am going to save that here inside of this folder. Let's click on Save. Now Illustrator is going to let me know that this only works with solid colors, meaning if I had gradients or patterns inside of my Swatches panel, those do not get saved because those aren't compatible between the two different applications, only the solid colors are, but I am going to click OK.
Now I am going to switch over to Photoshop, and if I am inside of this document, for example - or really any Photoshop file for that matter, I can open up my Swatches panel here, go to the flyout menu of the Swatches panel in Photoshop, and choose Load Swatches. I am going to navigate to Chapter 08 over here, which I was just working on before using Photoshop, and you can see that I can now select the home_page.ase file. When I choose Open, I can see that those colors now that I had created inside of Illustrator are now added to my Swatches panel here inside of Photoshop. Now if you are working the other way around, for example, you're creating some kind of color swatches inside of Photoshop, and now you want to move those colors from Photoshop into Illustrator, you can do that as well.
Simply create your swatches here inside of Photoshop, go to the flyout menu of the Swatches panel and choose Save Swatches for Exchange. Once again, this creates a .ASE file that you can then choose to open up directly inside of Illustrator.
Find answers to the most frequently asked questions about Illustrator CS5 for Web and Interactive Design.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
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.