![]() So we can compress the images a little bit more since they're going to show a little bit more detail on those high resolution screens. Now the reason I prefer to pick different compression settings here is that if somebody is looking at this on a tablet or small-screen device, most of the devices today have higher pixel densities. And next, for the smallest one, we'll come up to JPEG and we'll set this to about 45%. For this, we'll set the quality around 65%. Let's come over and set this to a JPEG file. We also have a Slice Selection tool here. Hold the Option key to zoom out a little bit. Now, inside of here I'm going to come over and grab the magnifying glass. And next, let's choose File > Save for web. Slices are saved with your Photoshop file so you can go back as many times as you want and modify the artwork inside of the slices. ![]() Bring up the slice options, name it banner small. And then lastly, let's come down and create one final slice around the banner small. I'll name this banner medium, this is set to 800 by 200. Let's come down and create another slice and run the medium size banner graphic. We'll name this banner large We'll notice down here that the width and height is set to 980 by 275, which matches the size of the clip area. ![]() Once we've drawn the slice, we can come in here, double click, bring up the Slice Options Dialogue box. You'll notice that the Slice tool is somewhat sticky, so it'll snap to the nearest art work on any layer. Let's move the cursor to the upper left hand corner of the large clip area. What the Slice tool does is it creates an object above all of the elements on the canvas that can be accessed through the save for Web Dialogue box. Now to get multiple web graphics out of a single Photoshop file, we're going to use the Slicing tool.
0 Comments
Leave a Reply. |