Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
The Live Trace feature inside of Illustrator is wonderful for starting off with photographic content and turning that into vector artwork. However, there maybe times when you want to take vector artwork and actually turn that into pixel based artwork. Starting off with something that's vector and then turning to pixels is called rasterizing it. You may do that if you want to create some interesting design element like purposely scale something up in size that you can actually see that pixels in the file. Alternatively, you may need to turn something to raster so that we can display it on the web using a GIF or a JPEG format for example as well. I have opened this file called rasterizing_artwork, which you can find inside of Chapter 15 in your exercise files. I'm simply going to start off by selecting it, going to the Object menu and choosing the setting here called rasterize.
I can choose, which resolution I want to rasterize it at. For example, I could use a very low resolution; I could also choose Other to go into a really low resolution. For example, should I rasterize this to maybe 20 pixels per inch, I might get a really interesting and cool effect again depending on what I might be working with. I'll press Undo here because I want to show you that I also have the ability to export this for the web. There is a setting inside of Illustrator in the File menu called Save for Web and Devices. If I choose this option, I could take my artwork right now and view it what it might look like in several different versions.
For example, right now this is what my artwork would look like rendered in a browser using the GIF file format. However I can choose to preview that as a JPEG image or as a PNG for example. Once I choose a particular image for example maybe a GIF, I can see what that particular image would look like if I reduce the number of colors inside of it or if I change some of the settings. For example, interlacing it or turning on some of the Dither settings. Once I'm done, I could either click on this button down here to preview it inside of my default web browser. So for example, this is what my image would like when displayed in a web browser. It tells me the settings here, it even gives me some of the code that I could use to copy and paste into a web page if I wanted to. But I would come back into Illustrator here. Once I'm done, I can either click on the Done button or I could choose Save to actually save my image as a GIF.
Get unlimited access to all courses for just $25/month.Become a member
119 Video lessons · 51354 Viewers
117 Video lessons · 39207 Viewers
113 Video lessons · 81713 Viewers
65 Video lessons · 12024 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.
Your file was successfully uploaded.