Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Mordy Golding demonstrates how to be more productive, efficient, and creative by taking advantage of Adobe Illustrator to create pixel-perfect web graphics and interactive Flash content. Illustrator CS4 for the Web investigates the pros and cons of pixel- and vector-based web graphics, demonstrates efficient workflows, and explores the creative options available in Illustrator. Mordy also covers design techniques, such as creating typography that works well on screen, adding reflections, and making Flash animations. He discusses new Illustrator CS4 features, including using multiple artboards, bringing art into Dreamweaver, and utilizing Flash Catalyst. Exercise files accompany the course.
So it's obvious that Illustrator has plenty of tools to allow us to become inspired about color or to even define color, all within the web safe color space. However, one of the true benefits of using Illustrator is the fact that you can develop content, not only for web design, but for all types of design, for any kind of treatment, and therefore, it could be quite often that you are working with graphics that were first created for print and that you are now repurposing for web design. Take this banner for example. I may have pulled in pieces of artwork from other existing artwork that was created for print; maybe this little symbol for example. If I click on this little blue color right here, you can see that right now it is not a web safe color. In fact, I doubt that any of these colors are web safe colors.
Well, Illustrator has some great functionality for taking existing colors and converting them to web safe colors as well. Let me take my Regular Selection tool, and I will select this group right here. What I am going to use is Illustrator's Live Color feature to adjust these colors. Now, I could do that either by coming to this little icon in the Control panel right here called Recolor Artwork, or alternatively, I can go to the Edit menu, choose Edit Colors, and then choose Recolor Artwork here as well. Let me bring this dialog box down about over here. It says Recolor Artwork right now. Basically, what Illustrator is saying is I am going to take these colors and remap them to these colors. By default, Illustrator automatically remaps each color to itself. But I want to make sure that these colors get converted to web safe colors, and I want those web safe colors to be as close as possible to these original colors.
Well, let me go over here to the Edit menu. You can see here on our Color Wheel that here are where my colors exist, but this particular Color Wheel right now represents all colors in a visual spectrum within the RGB workspace. What I can do is I can click on this icon right here, which is the same icon that you may have seen inside of the Color Guide panel, to limit the Color Wheel to only a certain palette of colors. I will click, scroll down to the bottom here and choose Web, and now you will see that this particular Color Wheel that looked all nice and smooth before is broken into segments which are all only web safe colors.
By clicking OK I have now simply converted the colors that were there before to web safe colors. It's that simple.
There are currently no FAQs about Illustrator CS4 for the Web.
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.