Join Chris Converse for an in-depth discussion in this video Creating HTML and CSS with Photoshop, part of Design the Web: Slice Tool.
- View Offline
Now that we've created web graphics from both Illustrator and Photoshop.…Next we're going to to take a look at how we can…use slices inside of Photoshop to create more than just web graphics.…We're going to create some HTML CSS.…So let's go into the exercise files. Let's open up CSS layout.psd.…Now we have the layout inside Photoshop. So first let's create our slices.…Let's come over to the Tool bar, select our Slice Tool First…slice is going to be around the logo, so let's click and drag.…Now…Photoshop will start snapping to the artwork on the layer.…Now if you want to temporarily override the snapping you can hold the Ctrl key.…
This will let you go pixel by pixel.…So I'm going to hold the Ctrl key and just…give myself a little bit of space around the logo.…Next let's double click. Let's name this logo, click OK.…Next we'll draw a slice around the text block.…Let's double click this. Let's name this text, click OK.…Next let's create a slicer on the top photo, let's name this barrels.…Another one around second graphic.…
This course was created and produced by Chris Converse. We're honored to host this content in our library.