• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

XPress Page as Picture

Trying to replicate in HTML exactly what you see on your XPress page is tricky. However, I find that I've often got an element of an XPress page that I want to duplicate exactly on the Web (like a logo built in XPress, or a particularly well-designed headline). One of my favorite methods of converting QuarkXPress pages into a form that Web browsers can under stand is one of the simplest and yet least used: simply transform the whole page—text, pictures, and all—into a picture (see Figure 14-37).

Reduce the size of your document so that it's just bigger than the objects on the page (select Document Setup from the File menu). You may want to copy the page items to a new document before doing this.

Save the QuarkXPress page as an EPS (select Save as EPS from the File menu; see “Page as Picture” in Chapter 9, Pictures). Note that there are XTensions available that let you save just a portion of your XPress page as an EPS; if you have one of these, you can skip the first step and just save the area you're interested in using the XTension.

Open this EPS file in Photoshop. When Photoshop displays the Open Generic EPS dialog box, you should probably choose a resolution of 72 ppi and the RGB color mode. The size of the page/image is up to you (I usually just leave it the same size). Turning on the Anti-aliased option typically provides a better-looking result, but your final image size may be slightly larger.

Once the image is rasterized (turned into a bitmapped image) in Photoshop, you can crop it and save it as a GIF or JPEG image, depending on the content of the page. Typically, the JPEG format is better for natural, scanned images, while GIF is good for images with solid colors. (If you don't know how to save in these two file formats or why you'd want to, check out one of the many other books on the market that discuss Web graphic file formats, including Real World Photoshop).

You can place this file on the Web as is, but it won't be interactive in any way. However, you can easily add links to the page by importing the graphic back into XPress and giving the page/picture an image map. You can then save this image as an HTML file, and XPress will write the appropriate image-map codes for you.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint