the original and the optimized one. Choose a format from the file format menu - GIF, JPEG, PNG‑8, or PNG‑24. (see Web Formats at the end of this handout) When you save for web, you are not saving over the original file - you are creating a new file. Think about creating a folder with just your web files.

Photoshop Elements Web Photo Gallery

Once your files are edited and ready to go, the Web Photo Gallery dialog box will guide the process of placing and positioning images. You can choose different webpage layouts, background Photoshop Elements styles, transitions, and how you can share these files. Week 10 – Create a Web Gallery, Printing, and File Delivery Please follow these steps:

Create a Web Gallery Open all the photos you want to use for this gallery. Think about creating several galleries for distinct subjects. A Web Gallery is a great way of sharing your images. You can post it on your Select the Create tab, (compared to Edit) website, blog, or attach it to an email. (if and choose Web Photo Gallery to open you can send HTML rich emails) the Web Photo Gallery dialog box.

First you need to optimize the images you Choose a page layout template or select a are using for the Gallery. Optimization for background design from the Style area. the web compresses images for best possible use on the Internet. For the A preview of the web page appears in the Internet, smaller is better. Using Save For dialog box. Web, allows you to achieve excellent results while creating a file that is small Identify the Customize options for your and easy for download. Remember, your webpage, like Gallery Title, Thumbnail resolution should be 72 dpi for any files Size, and the Background Color. for the web. Type a title name for the gallery folder in Save For Web the Save Gallery As box. This folder will contain the webpage (HTML) and image Open an image that is sized by you ready files. For the Gallery to work, you need for the web. File > Save For Web. The both the images and HTML – that is the saving dialog box shows you different code to make the webpage work. views of Optimization so that you can see

1 Printing with Photoshop Exchangeable image file format (Exif) Elements -What you see is not uses the information (Exif tags) in photos what you get. from digital cameras that support Epson’s Exif 2.2 (Exif Print). The Exif Print- supported printer uses these Exif tags to Digital printing usually uses the CMYK ensure optimal processing and enhance color space/model (cyan, magenta, the print output. Check your printer’s yellow, and black) while we work on documentation for details. screen in RGB (red, green, blue. The color gamut is a certain complete subset Not all printers or images work with this of color. If a color is out of gamut, that technology. means it can be viewed, but not printed exactly. Over the years, there have been Photoshop Elements has different printing attempts to expand the gamut of the options: Individual photos, printing process by adding inks of non- Contact sheet, Picture package, and primary colors like orange, green, light Labels. You’ll find this info in the Help cyan, and light magenta. You can spend a Menu! lot of money to try to improve your output or pay someone else to try reproduce File Delivery what you see. But, sometimes it is better to give in to the idea that it is “good You can export photos to a folder for enough” and most people can’t perceive backup purposes, or to a mobile phone for the difference. viewing. When you export a photo, the original remains protected in your catalog. The terms “Giclée” or” Iris” prints has You can control the exported photo’s size come to be associated with prints using and file format. fade-resistant "archival" inks, papers, and In the Photo Browser, select the items you the inkjet printers that use them, as well want to export, and then select one of the as, a means to market digital prints as fine following (you can’t export projects): File > artwork. Export > As New File(s) to export items to a folder. You will find that different printing media File > Export > To Mobile Phone to export will give you totally different results. If you items to a mobile phone connected to the can, try out several different papers computer. before committing a big project. I create a If you chose As New File(s), specify any test file that contains most of the prime of the following options: colors I use and a photo with flesh tones to try out on different papers. File Type Specifies the file format for the exported photo. Choose Use Original Print Image Matching (PIM) technology Format to keep the file in its current ensures that PRINT Image Matching- format. enabled digital cameras and printers work together to produce the best possible Size And Quality Changes the pixel prints. The PIM technology lets the dimensions, file size, compression, and Epson® printer identify print-specific quality of the photo. You can’t increase information for each image captured by the original image size when exporting the digital camera and provides improved using the Original Format file type. color, quality, and detail in prints. 2 Location Specifies the folder in which to Save Transparency Preserves store the exported file. Click Browse to transparency as an additional alpha specify a different folder or drive. channel when the file is opened in another application. (Transparency is always Filenames Specifies the name of the preserved when the file is reopened in exported file. Select Original Names to Photoshop Elements.) use the current name of the photos. To export files with the same name plus a Layer Compression Specifies a method sequential number, select Common Base for compressing data for pixels in layers Name and type a name. If a filename (as opposed to composite data). already exists in the target folder, the exported file’s name is modified to avoid Baseline (Standard) Uses a format that overwriting an existing file. is recognizable to most web browsers.

Click Export. Baseline Optimized Optimizes the color quality of the image and produces a slightly smaller file size. This option is not If you don’t use the Export when you supported by all web browsers. plan to send photos via email, think about resizing them. Progressive Creates an image that is gradually displayed as it is downloaded to Saving Options dialog box – a web browser. Progressive JPEG files when you Save As, you have lots are slightly larger in size, require more RAM for viewing, and are not supported of choices. by all applications and web browsers.

Image Compression Specifies a method Normal Displays the image in a browser for compressing the composite image only when the image is fully downloaded. data. Interlaced Displays as a series of low- Pixel Order Choose Interleaved to be resolution versions of the image while the able to add the photo to the Organizer. full image file is downloaded to the browser. Interlacing can make Byte Order Most recent applications can downloading time seem shorter and read files using Mac or Windows byte assures viewers that downloading is in order. However, if you don’t know what progress. However, interlacing also kind of program the file may be opened in, increases file size. select the platform on which the file will be read. Include Metadata Includes copyright information from the File Info dialog box Save Image Pyramid Preserves and saves the names of saved selections. multiresolution information. Photoshop Elements does not provide options for Understanding file compression opening multiresolution files; the image opens at the highest resolution within the Many image file formats compress image file. However, Adobe InDesign® and data to reduce file size. Lossless some image servers provide support for compression preserves all image data opening multiresolution formats. without removing detail; lossy 3 compression removes image data and format retains all color information in an loses some detail. image but compresses file size by selectively discarding data. You can The following are commonly used choose the level of compression. Higher compression techniques: compression results in lower image quality and a smaller file size; lower RLE (Run Length Encoding) Lossless compression results in better image compression technique that compresses quality and a larger file size. JPEG is a the transparent portions of each layer in standard format for displaying images images with multiple layers containing over the web. transparency. JPEG 2000 Produces images with better LZW (Lemple-Zif-Welch) Lossless compression, quality, color management, compression that provides the best results and metadata capability than JPEG. in compressing images that contain large JPEG 2000 also supports transparency in areas of single color. layered images and retains any saved selections. Photoshop Elements saves JPEG Lossy compression that provides images in extended JPEG 2000 (JPF) the best results with photographs. format, which is a more comprehensive file format than standard JPEG 2000 CCITT A family of lossless compression (JP2). You can make files JP2 compatible techniques for black-and-white images. by selecting an option in the JPEG 2000 dialog box. ZIP Lossless compression technique that is most effective for images that contain PCX A format widely supported on large areas of a single color. a variety of platforms.

File formats for saving Photoshop (PSD) The standard Photoshop Elements format for images. BMP A standard Windows image format. You should generally use this format for You can specify either Windows or OS/2 edited images to save your work and format and a bit depth for the image. For preserve all your image data and layers in 4‑bit and 8‑bit images using Windows a single page file. format, you can also specify RLE compression. Photo Creations Format (PSE) The standard Photoshop Elements format for CompuServe GIF (Graphics multiple page creations. You should Interchange Format) Commonly used to generally use this format for photo display graphics and small animations in creations to save your work and preserve web pages. GIF is a compressed format all your image data and layers in a designed to minimize file size and transfer multiple page file. time. GIF supports only 8‑bit color Photoshop PDF (Portable Document images (256 or fewer colors). You can Format) A cross-platform and cross- also save an image as a GIF file using the application file format. PDF files Save For Web command. accurately display and preserve fonts,

page layouts, and both vector and bitmap JPEG (Joint Photographic Experts graphics. Group) Used to save photographs, JPEG 4 Note: PDF and PDP are the same except TGA (Targa) Designed for systems using that PDPs are opened in Adobe the Truevision video board. When saving Photoshop® and PDFs are opened in an RGB image in this format, you can Acrobat. choose a pixel depth of 16, 24, or 32 bits per pixel and RLE compression. Photoshop EPS (Encapsulated PostScript) Used to share Photoshop TIFF (Tagged-Image File Format) Used files with many illustration and page- to exchange files between applications layout programs. For best results, print and computer platforms. TIFF is a flexible documents with EPS images to bitmap image format supported by most PostScript-enabled printers. paint, image-editing, and page-layout applications. Most desktop scanners can PICT Used with Mac OS® graphics and produce TIFF files. page-layout applications to transfer In addition, Photoshop Elements can images between applications. PICT is open files in several other older formats: especially effective at compressing PS 2.0, Pixel Paint, Alias Pix, IFF format, images with large areas of solid color. Portable Bit Map, SGI RGB, Soft Image, When saving an RGB image in PICT Wavefront RLA, and ElectricImage. format, you can choose either 16‑bit or 32‑bit pixel resolution. For a grayscale Web Formats image, you can choose from 2, 4, or 8 bits per pixel. JPEG In most cases, this is the best format in which to save photographs. Pixar Used for exchanging files with Pixar image computers. Pixar workstations are PNG‑24 Like JPEG, this is a good format designed for high-end graphics for photographs. Choose PNG‑24 rather applications, such as those used for than JPEG only when your image three-dimensional images and animation. contains transparency. (JPEG does not Pixar format supports RGB and grayscale support transparency; you must fill it with images. a matte color.) PNG‑24 files are often much larger than JPEG files of the same PNG (Portable Network Graphics) Used image. for lossless compression and for displaying images on the web. Unlike GIF, GIF GIF is the format to use for line art, PNG supports 24‑bit images and illustrations with large areas of solid color produces background transparency and crisp detail, and text. Also, if you want without jagged edges; however, some to export an animated image, you must web browsers do not support PNG use GIF. images. PNG preserves transparency in grayscale and RGB images. PNG‑8 PNG‑8 is a lesser-known alternative to GIF. Use it for the same Photoshop Raw Used for transferring purposes (except animation). images between applications and © 2007 Adobe Systems Incorporated. All rights computer platforms when other formats reserved. don’t work. Copyright © 2008 Renne Emiko Brock-Richmond. Scitex CT Used in the prepress industry. All Rights Reserved. 5