AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
![]() ![]() This step allows you to see the original artwork onscreen with the final optimized form, so you can compare them (see Figure 6). In the Save For Web & Devices dialog box, click the 2-Up tab in the upper-left corner. If your document contains multiple artboards, make sure that the correct artboard is selected before optimizing. Once the artwork is created, you need to optimize it. Whether in print or on the Web, organized files are easier for other people (or for you) to work with later. Most of the time, the best way to ensure consistency and make your life easier later is to determine which artwork you're going to use multiple times, and save it as a symbol. If you're creating web designs, you most likely will reuse things such as button bases again and again. With this option selected, each artboard is saved as a separate graphic when you choose File > Save For Web & Devices. This option should be selected by default, but it pays to make sure. Select Object > Slice > Clip to Artboard.If that's the situation and it can't be helped, you may end up with an image that has a decent-looking gradient when the file is saved for the Web (with the correct file type), but a larger file size. Try to confine your gradients to a smaller areathe top 100 pixels or so, for instancerather than the entire page background, and make sure that the colors aren't complete spectrum opposites. When you save content for the Web, it's easy to optimize gradients so much that they appear to be bandedGIFs are especially troublesome. If your artwork uses a gradient that covers a vast area or is really short, and colors in the gradient are at opposite ends of the spectrum (such as black and white), you may hit banding issues. Choose Fit to Selected Art from the Presets menu in the control panel. If your artwork is either too big or too small for the artboard (the artboard should match the size of the artwork if you're creating a single button or logo), select the artwork, and then select the Artboard tool in the Tools panel. This can be a great idea for aligning content such as shapes and other artwork to the pixel grid for better precision. If you create an entire web page design, you most likely will need to divide the artboard into smaller pieces by using the Slice tools.Īs mentioned earlier, clicking the arrow to the left of the Advanced option allows you to select Align New Objects to Pixel Grid. Illustrator will crop each artboard to be a single image when the artwork is optimized (saved for use on the Web). ![]() Since Illustrator allows you to create multiple artboards, you may have many "pieces" for your web design in a single documentbuttons, logos, and much more. If you're going to create a button or a logo, you want to match the artboard to the final optimized size (the size that the graphic needs to be on the web page). If you're going to design a standard web page, the artboard dimensions should be approximately 970 pixels in width by 600 pixels in height (the standard size of a page these days). You should make the artboard(s) the correct size for the artwork. Figure 4 Creating a new file in Illustrator. ![]()
0 Comments
Read More
Leave a Reply. |