Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
It may seem like there's a lot of new document profiles here in the startup screen. However, if we think about intent some of these are very similar. For example, if you look at Flash Catalyst Document, Web Document, Mobile and Devices Document or the Video and Film Document they all have one basic thing in common and that is that the intent of that artwork is to be displayed on a digital device or screen. Because is probably the most common, let's take a closer look at the Web Document profile. I am going to click on it to open up a New Document dialog box and while we do see the same basic settings from when viewing the Print profile but now when you click on the pop-up menu for size instead of offering standard print sizes you'll see screen resolutions, for examples 640x480, 800x600, or 1024x768.
Of course you may have a specific resolution you need to use, maybe for example of banner size of 720x90 in which case you would enter those values here for Width and Height. Notice that the Unit chosen is already set to Pixels which is the correct setting for screen-based design, you can pretty much ignored the Bleed setting as that doesn't really apply to Web design. However if you click on the Advanced button, you will see now that the Color Mode is set to RGB. RGB stands for Red, Green, and Blue and is the color mode that digital screens used such as computer monitors, televisions, and handheld devices like cell phones.
Because screens use a lower resolution, you'll see that the Raster Effects setting now is also set to low resolution, a screen value of 72 pixels per inch. And while the Preview mode is set currently to default, if you want to get a more accurate preview of exactly how your artwork is going to appear when viewed on a computer screen, you may want to choose the Pixel Preview mode. But as we'll are later on this title, I would prefer working in the default Preview mode and just using the Pixel Preview mode as a way to test my artwork before I send it out. Finally there's one other important sitting here that applies specifically to screen-based design.
This is a new setting for Illustrator CS5. It's called Align New Objects to Pixel Grid. With this option checked Illustrator will always snap the antialiasing of pixels to the grid itself. This keeps your graphics clean and sharp so that they look great on any device. I'll hide the Advanced settings here and I just want to point out one more setting. Notice right now we are viewing the new document profile for Web, which lists these few sizes here in the pop-up menu. However, one of the main differences between Web profiles and another screen-based profiles is that they often use different sizes.
For example let's take a look at the Video and Film profile. Notice that now this pop-up menu is populated with presets specific for DV and if I go back to does pop-up here for the profile and I choose now Mobile and Devices, once again I find common sizes for mobile device screens. I will return back to the Web profile right here, I'll choose 1024x768, and now I can click OK and now you're ready to start designing your Web graphics.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 63351 Viewers
119 Video lessons · 71031 Viewers
125 Video lessons · 31985 Viewers
84 Video lessons · 18620 Viewers
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.