Learn Adobe Photoshop Tips & Tricks by doing... in The Design & Publishing Center
Joyce Evans tests Media Lab's new
PhotoWebber
Using Photoshop to design a Web page mock up is just the beginning of the process, and I think, the fun part. But the mechanics of slicing, dicing, and preparing each design element is where the hard work begins.

If you have a full production team, you usually pass your design on to a programmer and cross your fingers, hoping the programmer gets everything positioned just right. But let's face it. Photoshop was never meant to design Web pages. And often designs get altered drastically because of complex positioning problems. Wouldn't it be great if we could just use our Photoshop files and be done with it? Imagine the hours we'd save. Media Lab saw this need and produced a program called PhotoWebber.
__ Call it "an extension" to Photoshop. PhotoWebber makes the route from Photoshop to the Web a whole lot shorter, by automatically converting Photoshop layered files (from any program capable of exporting a PSD file, including Illustrator 9) into Web graphics (GIF, JPEG, PNG) and the HTML files to display them (using either Table or Style Sheet layouts). It also converts solid colored layers into page backgrounds, changes colored rectangles into colored spaces, and produces JavaScript rollovers and popup buttons by translating Photoshop layer names into JavaScript code.

The Test
I couldn't believe PhotoWebber could possibly be as easy as the Media Lab's press release made it sound, so I decided to put it though the paces. Testing with a 12MB, 16 Layer, PSD Photoshop file intended for print with plenty of graphics, the program froze. Okay, I know that's a bit large for a Web page, so I changed the print resolution of 300dpi to 72dpi and deleted the text and the large background image. This brought the file to under 2MB, and it worked much better. (By the way, my test machine was an AMD Athlon 500mhz with 128MB of RAM running Windows 2000.) You can see an enlarged version in a separate browser window.

What I discovered was nothing short of amazing...



Photoshop . . | . . The Design & Publishing Center

Thank you for visiting The Photoshop Wing of The Design & Publishing Center , http://www.graphic-design.com/Photoshop/Tips/ Copyright 1992 through 2001 The Design & Publishing Center, all rights reserved.