Join Chris Converse for an in-depth discussion in this video Saving web graphics from Photoshop, part of Create Navigation Menus with jQuery.
- View Offline
Now to create the graphics for our layout, let's come up to the folder 2, Art…Templates, inside of the exercise files, and let's open up template_items.psd.…Now inside the Layers panel, I have a layer at the bottom called fpo.…This is simply just a gray layer, but since we have some semitransparent artwork…on the stage here, this is going to make it easier for us to see that artwork.…So I am going to zoom up here on the individual slices.…Now to get to the Slice tool, we're going to come over here to the Cropping…tool, click and hold, and we'll see two Slice Tools here, the Slice Creation…tool and the Slice Selection tool.…
I am going to select the Slice Selection tool, double-click on Logo and here we…can see the Slice settings.…The Name is logo, the Width is 120, the Height is 70.…This is the semitransparent PNG file that's used inside of the IE7 and 8 CSS file.…We use a semitransparent PNG here since IE7 and 8 don't support…semi-transparency with CSS3, and this is set to 15 x 15.…And if I zoom up even further, we can see the two small arrows, we're going to…
To preview the finished project, visit: http://codifydesign.com/chris/lynda/samples/course-0015
This course was created and produced by Chris Converse. We are honored to host his material in the Lynda.com online training library.