Go to your compression size dropdown (says very high) and see how low you can go without reducing the color and graphics too much. Now click on your slice select tool (it’s on this screen, magically, of course) and click on each image.
#SAVE FOR WEB SLICES PHOTOSHOP HOW TO#
For an example of how to do this, look below. Do this for every image on the page that you want to be clickable. As you know, target is if you want it to open in another window or not and alt text is for the visually impaired. For name, simply enter the name of your image, make it unique because EVERY slice will be in the folder you decide to hold this in. A box should pop up asking you the name, url, target, message text, and alt text. Go to your slice tool again and change it to your slice SELECT tool…now go to your horizontal tool bar and to the right of “Hide auto slices” is a little square box that looks sort of like a folder with the bullets and three lines on it. Okay, now to add your HTML links to these images. Pretty neat, huh? You can see this in the image below. These are called “auto slices” and photoshop makes these automatically. Now, notice there are other slice on your image, besides the one you created. After each slicing, I selected the next layer I was going to slice, just because I’m paranoid like that, but you don’t necessarily need to do this. Then, you are going to want to select your slice tool (click crop and hold down, switch to slice tool NOT slice select tool.) Next, draw “boxes” around your photos. Make sure each photo is in a separate layer. First off, you’re going to want to line all of your images up, like so in the picture below.
Prof JSB told me about using a vector mask, but I found another way by messing around and watching various tutorials. Granted, I’m sure there’s more ways than one. Can you believe photoshop let’s you do this…AND add a link to that image? Crazy stuff, eh? Well, here’s how you do it. I couldn’t get them all to line up how I wanted to. Okay, so as you all know, I was having issues with my photos on my post secrets page. Note as of 3/19/10: My website was updated, so when you look on my website, the background to this image will no longer be aqua.
0 kommentar(er)
