Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
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.
As you're working on your content here inside of Flash Catalyst - in this case here working on some kind of a widget for a web site, you maybe faced with making some kind of significant design changes, and rather than try to struggle with some of the limited drawing tools that are available inside of Flash Catalyst, you can always return to Illustrator to create content and simply copy and paste it into Flash Catalyst. For example, in this case here, maybe I want to remove the actual prices that appear at the bottom here, and I want this to be some kind of a scrolling data list. So I am going to find that I need to have some kind of a slider that may appear here at the bottom.
So I am going to switch over to Illustrator, and I am going to create a new document that can actually use the Flash Catalyst Document profile. I don't really care about the size here, because I just want to get some artwork on the artboard itself, so I am going to click OK, and in my Symbol panel you can see that I have various different UI elements. For example, there is something called a slide bar here that I can use, which is kind of interesting. But alternatively, I can also load a whole library of these different elements, by going over here to the Libraries button, and then at the bottom here, choosing Web Buttons And Bars. I have a few of them here, for example, this one looks interesting, Slide bar 4.
Let's see how that looks. That's kind of interesting. We have one over here. You know what? I really like the way that this one looks, maybe I want to use this element here. Now, if I take a look over here, the Width is only about 158, and if I go over here to Flash Catalyst, I know my project here has the width of about 300. So I want to make this a little bit bigger. I am going to break the link to the symbol because I really don't need it as a symbol at all, and I am simply going to go ahead now and take this and just kind of extend it somewhat, so it's a little bit closer to 300, about 270. That looks great. And I'm now going to take these two elements right here, select them right here, and copy them, and then come over to Flash Catalyst and simply paste it.
I get a similar Illustrator Import Options dialog box, which I am going to click OK on, and that artwork now comes right here into Flash Catalyst where I can start to turn this into a component as a slider that I might use for a data list. So it's really easy to use both Illustrator and Flash Catalyst together, and as needed, just simply copy and paste the content to get it in here.
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.