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.
We have spoken about how important the grid is when creating a web layout. One of the benefits of creating these grids is how it works well with slicing. For example, when you look at this particular web design, you may just see a simple page. However in my Layers panel, I am going to turn on a layer here called Slices; this is the grid that I kind of worked on before. You notice that how well everything kind of fits within the defined areas that I created. By splitting up a page into individual elements in this way, I can easily focus on individual parts of those graphics. More importantly, when it comes to actually building a website, not every part of the page is built in the same way.
For example, graphics get different consideration than text does. Maybe I want certain interactivity. For example, maybe I want to have rollovers, where these particular words light up as I move my mouse over them. Alternatively, I may want to define certain areas where video might play or maybe create some Flash animation. Finally, there may be some parts in my page that are dynamic. For example, maybe I am leaving an area here on the bottom of my page though I have rotating ad banners. The concept of slicing really came out of HTML or the way that tables are setup inside of HTML. If you think about each of the sections that appear on this particular layout, you might think of them as a table and each of these are individual cells within that table.
Web slicing is the act of taking an overall piece of artwork and chopping it up into pieces. Now traditionally, those pieces were turned into an HTML table, but nowadays many web developers also use this to create divs or divisions of areas on a page that are used in CSS layouts. No matter what your final output is, when you think about your entire web design, be it overall pages or even individual pieces of art, working with slices can help you get it done faster and better.
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.