ࡱ > O Q N #` bjbj\.\. 8F >D >D ~ ~ ~ ~ ~ ~ ~ ~ $ 4 h " # ~ G G G # ~ ~ 8 G : ~ ~ G ~ ~ _ ) N 0 ~ , X# ^ X# X# ~ \ > , $ $ # # # ~ G G G G 6 6 ~ ~ ~ ~ ~ ~ Craig Stroupe | University of Minnesota Duluth Ripped, Sliced Banner What to doHow to do itCreate a 650-pixel-wide banner (a little taller than normal)See Beginning Banner Techniques and Intermediate Banner TechniquesCreate a fill layer the color of your pages backgroundAt the bottom of the Layers palette, click the half-moon-like icon, Choose Solid Color Use the color picker to select the color desired for the background (same as your intended page or layout table. Click OK In the Layers palette, be sure the Color Fill layer is above the image layer in the stack. Mask the fill layerIn the Layers Palette, click the Mask Icon (a square with a circle inside it). A new square should appear next to the layer's image in the layer. Click on the new square to make sure you have the mask selected. Over on the Toolbar near the bottom, your foreground and background color tiles will turn to black and white respectively. Black erases the layer, while white restores it. Make sure black is chosen.Choose the Paintbrush Tool and select a highly textured brushOn the Tool Palette, choose the Paintbrush Tool In the Properties Palette, open up the Brush: menu and scroll down to select a ragged brushPaint away a swatch of the fill layer to reveal as ripped version of the image underneathDrag across the image to rip a ragged window in the mark and reveal the image beneathCrop the banner for heightMarquee Tool Image > CropSwitch to ImagereadyFile > Edit in Image ReadyCreate a 150-pixel wide slice on the left of the bannerChoose the slice tool. In the Properties Palette at the top, open the Style menu and choose fixed size and make W 150 (make the H value any number larger than the height of the image. Create a 150-pixel wide slice on the right of the bannersee above Save the .psd file in your non-www folderFive > Save As Save the sliced banner as a Web page in your www folderFile > Save Optimized As (save in www/5230/exercises/sliced_banner). Imageready will save the sliced imaged, composed together in a layout table in an .html page. Open the saved .html page in DW (Dreamweaver)Select table, center, and add rowsClick anywhere in the table Select the entire table by clicking the