Identifying Design Elements When Preparing Images

Size: px
Start display at page:

Download "Identifying Design Elements When Preparing Images"

Transcription

1 DOMAIN 2 Identifying Design Elements When Preparing Images OBJECTIVES Upon completion of this domain, you should be able to: Demonstrate knowledge of image resolution, image size, and image file format for web, video, and print. Demonstrate knowledge of design principles, elements, and image composition. Demonstrate knowledge of typography. Demonstrate knowledge of color correction using Photoshop CS5. Demonstrate knowledge of image-generating devices, their resulting image types, and how to access resulting images in Photoshop. Understand key terminology of digital images. VOCABULARY aspect ratio background bitmap Camera Raw CMYK cropping document size downsampled dpi field of view foreground gamut high dynamic range (HDR) image composition interpolation line screen frequency lpi pixel raster image readability resolution RGB screen frequency screen ruling typography upsampling vector visual hierarchy PS 15

2 PS 16 PHOTOSHOP Domain 2.0 Identifying Design Elements When Preparing Images Domain 2 focuses on design elements and image composition; it is similar to the second domain in the Web Communication (Dreamweaver CS5) and Rich Media Communication (Flash CS5) certification objectives. Objective 2.1 Demonstrate Knowledge of Image Resolution, Image Size, and Image File Format for Web, Video, and Print Resizing an Image pixel resolution downsampled upsampling interpolation When working with images in Photoshop, the dimensions are measured in pixels. A pixel, short for picture element, is a single point in a picture laid out in rows and columns. Resolution is measured in pixels per inch (ppi); the higher the resolution, the more pixels per inch. The resolution on a computer display is also measured in pixels. You should create an image so it will display well on a monitor with low resolution. In Photoshop, the Image Size dialog box displays the image data, which includes the number of pixels in an image, the size of the image in inches, and the resolution, as shown in Figure 2 1. Pixels Document size in inches Pixels per inch FIGURE 2 1 Image Size dialog box Scaling an image to resize it does not change the image data. To change the image data, which affects the resolution and file size, you must resample the image, which increases or decreases the number of pixels contained in the image. When the number of pixels is decreased, image data is removed, or downsampled. Increasing the number of pixels is referred to as upsampling, and usually results in inferior image quality because of a loss of detail. To resample an image, click Image on the Application bar (Win) or Menu bar (Mac), and then click Image Size. In the Image Size dialog box, Photoshop provides various options for resampling in the Resample Image pop-up menu. Photoshop uses a method called interpolation to resample an

3 DOMAIN 2 Identifying Design Elements When Preparing Images PS 17 image, using existing pixel colors to create new color values. Table 2 1 displays the various interpolation methods. You can also crop an image to resize it. Cropping allows you to remove the outside portion of an image to correct its focus. By default, cropping does not resample an image, so the image data remains unchanged. (Note: You can set resample options on the options bar when cropping an image.) Photoshop also offers the option to view a Rule of Thirds overlay. cropping dots per inch (dpi) screen frequency screen ruling line screen frequency lines per inch (lpi) document size TABLE 2 1 Interpolation methods FILE FORMAT Nearest neighbor Bilinear Bicubic Bicubic smoother Bicubic sharper DESCRIPTION The most basic and quickest method duplicates the nearest pixel, which makes the pixel appear larger; this method may produce jagged edges Results are of medium quality; pixels are added by averaging color values from the surrounding pixels Produces a better quality than either nearest neighbor or bilinear; the processing time takes a little longer, and a more complex method is used to determine the color of new pixels that are added based on a larger area of surrounding pixels Uses a method based on the bicubic method; creates a smoother result when enlarging an image Uses a method based on the bicubic method; it enhances sharpening and is used to reduce the size of an image Printer Resolution The resolution on a printer is measured in ink dots per inch (dpi). The more dots per inch, the higher the image quality. In laser and commercial printing, you also need to determine the number of dots per inch for grayscale images or color separations. This actual number of printer dots is referred to as screen frequency, screen ruling, or line screen frequency and is measured in lines per inch (lpi). Newsletter and grocery coupons are often printed with 65 lpi, while newspapers normally use 85 lpi. An lpi of 177 is used for print projects that require greater detail. When preparing your image for print, it is often easier to specify your image in the printed dimensions, often referred to in inches, as well as the image resolution; this is referred to as the document size. A minimum of 200 ppi is suggested when you want to produce a high-quality photo on an inkjet printer.

4 PS 18 PHOTOSHOP File Formats There are many different file formats available for graphics. It is important to choose the correct file format for how and where the image will be used, such as the web, video, photos, print, a Microsoft PowerPoint presentation, or a Microsoft Word document. Photoshop can save a file in many file formats using the Save As command or the Save for Web & Devices command on the File menu. Table 2 2 describes some of the more popular file formats. TABLE 2 2 Most commonly used file formats used for graphics FILE FORMAT DEFINITION USE PSD (.psd) GIF (.gif) JPEG or JPG (.jpg) PNG (.png) TIFF (.tiff) Bitmap (.bmp) PDF (.pdf) Photoshop native file format, keeps the document editable and all layers intact Graphic Interchange Format, a bitmap image format for pictures with up to 256 distinct colors; navigation bars, buttons, icons and logos are often saved with this file extension; the GIF format supports transparency Joint Photographic Experts Groups supports millions of colors and can be compressed to reduce file size; often used for digital images Portable Network Group was created as a patentfree replacement for GIFs; PNG can support indexed-color, true-color images, gray scale, and transparency; PNG is also the native file format for Adobe Fireworks, and retains full editability Tagged Image File Format is the standard in the printing and publishing industry; files are much larger than JPEGs and are supported by almost all image-editing and desktop publishing applications File format used for Windows, usually a very large file; when a bitmap image is scaled larger, the image quality is reduced and often becomes pixelated Portable Document Format, created by Adobe for document sharing; ensures the layout and quality will not change when opened on a different computer Photos, commercial printing Web Photos, web Web, PowerPoint, Word Photos, commercial printing PowerPoint, Word Photos, commercial printing Photoshop provides additional file formats such as Camera Raw, large document format, and DICOM for photos. File formats for commercial printing include EPS and DCS. For images intended for use in video and visual effects, Photoshop offers the Targa file format.

5 DOMAIN 2 Identifying Design Elements When Preparing Images PS 19 Image Optimization The Save for Web & Devices command on the File menu provides a method to optimize images for publishing on the web and mobile devices. In the Save for Web & Devices dialog box, you can preview your image in different file formats, as shown in Figure 2 2. You can also compare more than one image with different settings to view the effects on the image, and view approximate download times for the images. Number of images to preview File format Approximate download speed Quality of image FIGURE 2 2 Save for Web & Devices dialog box Step-by-Step Start Photoshop CS5. 2. Click File on the Application bar (Win) or Menu bar (Mac), click Open, select the location of your data files, click pond, and then click Open. 3. Click File on the Application bar (Win) or Menu bar (Mac), click Save As, name the file pond modified, click the Format pop-up menu, click Photoshop (*.PSD, *.PDD), and then click Save. The image is saved as a native Photoshop document. WARNING Copy the data file to the location you will be working with your files. 4. Click Image on the Application bar (Win) or Menu bar (Mac), and then click Image Size. The Image Size dialog box opens.

6 PS 20 PHOTOSHOP 5. In the Image Size dialog box, in the Document Size section, click the Width text box, delete any existing text, type 6, click the Resample Image pop-up menu, click Bicubic Sharper (best for reduction), as shown in Figure 2 3, and then click OK. The image size is reduced. FIGURE 2 3 Image Size dialog box Document width and height Resample Image pop-up menu 6. Click File on the Application bar (Win) or Menu bar (Mac), and then click Save for Web & Devices. 7. In the Save for Web & Devices dialog box, click the 2-Up tab, make sure the Hand tool is selected, and then drag the image so that the water and the front fence are visible, as shown in Figure 2 4. FIGURE 2 4 Save for Web & Devices dialog box Preset pop-up menu 2-Up tab Your image area may differ 8. Click the bottom image, click the Preset pop-up menu, click JPEG High, and then click Save. The Save Optimized As dialog box opens.

7 DOMAIN 2 Identifying Design Elements When Preparing Images PS In the Save Optimized As dialog box, click Save. 10. Leave your Photoshop document open for Step-by-Step 2.2. Objective 2.2 Demonstrate Knowledge of Design Principles, Elements, and Image Composition As you begin laying out your graphic design project, it is important to consider the use of graphic design. Graphic design includes design elements, design principles, and image composition. It is important to understand some concepts to be able to create an attractive layout. Graphic design elements include lines, shapes, and texture. Design principles include emphasis, movement, balance, unity, symmetry, color, white space, alignment, contrast, the rule of thirds, proximity, and repetition. Table 2 3 describes the elements and principles of design. TABLE 2 3 Graphic design elements and principles DESIGN ELEMENTS DESIGN PRINCIPLES Lines Emphasis Symmetry Contrast The basic component of a shape Every line has length, thickness, and direction Lines can be curved, horizontal, vertical, diagonal, wavy, dashed, or dotted Making a specific element stand out Achieved by using color, size, location, or shapes When the composition of the text and graphics is evenly distributed around a center point Symmetry can be vertical, horizontal, or radial Similar to emphasis, it separates elements by comparing or creating differences Can be achieved through the use of color, size, shapes, and location Shapes Movement Color Theory Rule of Thirds A line that defines or implies a boundary Shapes can be geometric, such as a square or a circle Shapes may also be organic Directing the eye in a certain direction Achieved through the use of dots, arrows, or lines The idea that colors can affect human thought and emotions Colors may be visually pleasing or may make someone feel uncomfortable The theory that the most interesting components of a composition, like a web page, is found off-center Continued on next page

8 PS 22 PHOTOSHOP TABLE 2 3 Graphic design elements and principles Continued from previous page DESIGN ELEMENTS DESIGN PRINCIPLES Texture Balance White Space Proximity A fill used in shapes to imply what an object may feel like The texture may, for example, look rough or wavy The page is laid out in a planned and coherent visual pattern Visual elements are not out of proportion or heavy in one area Areas of the page that do not have text or graphics Includes margins, padding, and line spacing The closeness or distance from text and graphics Close proximity indicates a connection, such as placing a caption on a graphic Unity Alignment Repetition Creating a feeling of wholeness Achieved by using the same color or different tints of that color The spacing of text and graphics in relation to one another or the margins on a page Common alignments: center, left, right, and justify Repeating an element to create visual consistency May be achieved on the same page in a website or among all pages in a website through the use of headings, colors, font styles, and by repeating the basic layout between pages You can achieve balance by applying symmetry or asymmetry. Symmetrical balance is created when the weight of a composition is evenly arranged around a center point. Asymmetrical balance is achieved by arranging objects of different sizes around a center point and using smaller shapes together to balance out a larger shape. The center point can be used to create either symmetric or asymmetric balance along horizontal, vertical, radial, or diagonal lines. Image Composition and Principles image composition An image composition is the arrangement of the visual elements of your image to create a visually compelling design. When composing or laying out your design, there are some basic concepts you should consider for your graphic design project, such as aspect ratio, framing, field of view, foreground, and background.

9 DOMAIN 2 Identifying Design Elements When Preparing Images PS 23 If you are using a digital photo, be aware that different cameras may use different aspect ratios even though they may be shooting in the same number of pixels. The aspect ratio is the relationship of the object s height to its width. While there are many types of aspect ratios, 3:2 and 4:3 are the most common. For 35mm cameras and most digital single lens reflex (SLR) cameras, the standard ratio is 3:2. Monitors, televisions, and most compact cameras use a 4:3 aspect ratio. The aspect ratio can affect the print dimensions of your image, causing you to crop more of the image to get the correct print size. For example, a 3:2 aspect ratio prints a 4 6 photo without a problem, because the ratios match, 3 2 = 6 and 2 2 = 4. If you want to print an 8 10 photo with an image that has a 3:2 aspect ratio, the ratio becomes 3 4 = 12 and 2 4 = 8, which is You would then need to crop the image to 10 8 (or 8 10 ), thus losing 2 from the original image. In contract, an aspect ratio of 4:3 results in less cropping, and therefore, losing less of your image. Framing an image guides a viewer to the inside of the picture, which you accomplish in Photoshop during the graphic design process by adding a border. You can also frame an image when you take the picture using visual elements in the scene, such as trees, doorways, and bridges, as shown in Figure 2 5. aspect ratio field of view foreground background Tree frames picture along top and left edge FIGURE 2 5 Framing an image using scene elements The field of view is the area that makes up the picture. Depending on your camera, the viewfinder may not accurately display the field of view; the view finder could cover more or less of the viewing area. Parts of the image that fall outside of the field of view are not recorded in the photograph. Objects that fall into the field of view are in either the foreground or the background. The foreground of a photograph, or a graphic design project, is the area of the composition that often displays the subject of the composition. The background of a photograph, or a graphic design project, is the area behind the subject, which provides context and depth to the composition, or it can be used to help isolate the main subject. The composition of an image can be enhanced by working with color enhancements including balance, color, tone, and contrast. To access these commands, click Image on the Application bar (Win) or Menu bar (Mac), point to Adjustments, and click a command. The Color Balance command makes corrections to the overall image by adjusting a mixture of colors based on the shadows, midtones,

10 PS 24 PHOTOSHOP or highlights in the picture. Figure 2 6 shows color balance applied to the left side of an image based on its shadows. You can use additional commands in the Adjustments category to control how much of the adjustment you apply to an image. The Auto Tone, Auto Contrast, and Auto Color commands on the Image menu adjust those qualities in the image. These commands do not allow for any adjustments and use a mathematical formula to make adjustments based on the images shadows, midtones, and highlights. Left side of image shows new color balance settings applied Original image Color Balance dialog box FIGURE 2 6 Color balance applied to an image visual hierarchy Visual hierarchy is used in graphic design to emphasize important elements and organize content in a logical manner. When working with text, you can create a visual hierarchy with fonts, font size, color, and contrast. When working with images to emphasize a certain element in your graphic design project, you may choose to adjust the color or the focus of areas of the image to make certain elements stand out. Figure 2 7 demonstrates the use of contrast with color. FIGURE 2 7 Example of visual hierarchy applied to an image

11 DOMAIN 2 Identifying Design Elements When Preparing Images PS 25 Step-by-Step On the Tools panel, click the Crop tool. 2. On the options bar, click the value in the Width field, verify that the current setting displays in inches, type 4 in, click the value in the Height field, type 3 in, and then remove any information from the Resolution field, if necessary. 3. Click View on the Application bar (Win) or Menu bar (Mac), click Fit on Screen, click the image in the upper-left corner above the first fence post, and then drag the selection marquee to the lower-right corner, as shown in Figure 2 8. (Note: If necessary, select Rule of Thirds from the Crop Guide Overlay pop-up menu after drawing your selection.) Options bar FIGURE 2 8 Drawing a crop selection Crop Guide Overlay pop-up menu Cropped area Commit current crop operation Cancel current crop operation

12 PS 26 PHOTOSHOP 4. Click the middle of the crop selection, position the Marquee move pointer over the selection, drag the selection marquee to the middle of the image, as shown in Figure 2 9, and then press Enter (Win) or return (Mac). The image is cropped. FIGURE 2 9 Adjusting a crop selection 5. Save and close the document, and then exit Photoshop. typography readability Objective 2.3 Demonstrate Knowledge of Typography When adding text to a digital image it is important to consider the font, style, color, and spacing. The selections made to design the text and the placement of the words are called typography. Typography sets the look and feel for the document by the selection of a certain font, which may convey a sense of credibility or whimsy. The font may also improve the readability of the text. Readability is the feeling that is conveyed to make the typeface comfortable and easy to read. The use of uppercase and lowercase letters, typefaces, alignment, spacing, and styles can improve or distract from the readability of a typeface. By changing the alignment, you can emphasize certain text and provide a level of comfort to the layout by aligning the edges of text with other elements or objects in a layout. The use, or overuse, of center alignment can make the layout uncomfortable to the reader, and in turn make the text difficult to read. Figure 2 10 provides an example of making a graphic design more readable by making simple changes to styles, size, and alignment.

13 DOMAIN 2 Identifying Design Elements When Preparing Images PS 27 Emphasis with contrast using color Use of styles on text Emphasis with increased size Emphasis with alignment Original layout Modified layout FIGURE 2 10 Comparing readability Placing the text in close proximity to other elements on a page may also make the text more readable. In the example in Figure 2 10, notice that the phone number is located near the statement about making a call. This makes the number readily available to the reader while they are thinking about it. Objective 2.4 Demonstrate Knowledge of Color Correction Using Photoshop CS5 The color modes RGB and CMYK are both available when working in Photoshop. RGB uses red (R), green (G), and blue (B) in various combinations to create the colors you see on a computer display, a television screen, or a movie in a theatre. CMYK uses cyan (C), magenta (M), yellow (Y), and black (K) to create various colors in print. When you are submitting your graphic design to be printed, it is important to convert your document to the CMYK color mode. While working on your graphic design project in Photoshop, you will want to work in RGB mode. This mode produces a smaller file and is therefore faster to work with and easier to store. In addition, you will have more effect options available under the Filter menu. When you are ready to finalize your project and submit it for printing, convert it to CMYK mode by clicking Image on the Application bar (Win) or Menu bar (Mac), pointing to Mode, and then clicking CMYK Color. RGB CMYK

14 PS 28 PHOTOSHOP gamut When working in RGB mode, if a color is not in the range of colors that can be displayed or printed, Photoshop displays an alert triangle in the Info panel or in the color picker when you hover over the color with the Eyedropper tool. Colors that are in a range that can be displayed or printed are referred to as a gamut. To view colors that are out of gamut, click View on the Application bar (Win) or Menu bar (Mac), and then click Gamut Warning. The colors outside the range are highlighted in gray, as shown in Figure Out of gamut FIGURE 2 11 Displaying out-of-gamut colors You can use the Proof Setup command to view the images simulated output in a variety of options, such as type or color of paper. To select an option, click View on the Application bar (Win) or Menu bar (Mac), point to Proof Setup, and then select a viewing option. There is also an option to proof for two types of color blindness to ensure that the information is accurately conveyed to those individuals with sensitivity to red or to green. You can use the Histogram panel to interpret colors in an image. The graph displays the color intensity level, from right to left, of highlights, midtones, and shadows. Identifying where the tonal range of the image is concentrated assists in being able to make corrections. The histogram can view channels by RGB, Colors, Red only, Green only, Blue only, or Luminosity. Figure 2 12 displays the Histogram panel in the expanded view with all channels. This histogram shows an image that has detail, which is concentrated in the shadows. When making any changes using one of the color or tonal adjustment options, you can view how those changes affect the histogram, as shown in Figure 2 13.

15 DOMAIN 2 Identifying Design Elements When Preparing Images PS 29 Channel pop-up menu Statistics Histogram of each color channel FIGURE 2 12 Histogram panel Histogram panel Color Balance dialog box Preview check box FIGURE 2 13 Histogram panel when adjusting color balance Often when correcting an image s color, tone, or levels, you do not want the effect to be applied to the entire image. Adjustment layers allow you to create masks and make corrections to portions of an image, and an adjustment layer is nondestructive. This means that you can turn off or modify the changes at any time, unlike adjustments you make in the Adjustments category of the Image menu, which you cannot reverse or modify later.

16 PS 30 high dynamic range (HDR) TIP The HDR Toning adjustment is intended for 32-bit HDR images. TIP To add WIA support on the Mac OS, you need to download an optional plug-in from Adobe recommends that you install and use the optional plug-in with the Rosetta OS. Alternatively, you can use the software provided with your scanner or another scanning application, and then save the image to the TIFF file format. PHOTOSHOP Photoshop also supports high dynamic range (HDR) images. HDR images allow a photographer to record a much larger range of tonal detail than can be captured in one photo. The HDR Toning command gives you the ability to adjust and apply contrast and exposure settings that are made available. This allows you to make image adjustments in Photoshop that in the past needed to be done while taking the photo. To access the HDR command, click Image on the Application bar (Win) or Menu bar (Mac), point to Adjustments, and then click HDR Toning. Objective 2.5 Demonstrate Knowledge of Image-Generating Devices, Their Resulting Image Types, and How to Access Resulting Images in Photoshop You can create an image with a digital or film camera and from scanning an image. Images can then be brought into Photoshop by either using the Open command or the Place command on the File menu. The Open command opens each image into its own Photoshop document. The Place command allows you to place multiple images into a single document. You can also scan images directly into Photoshop by clicking File on the Application bar (Win), pointing to Import, and then clicking WIA Support. Scanning an image is the best option when a digital version of the image is not available. When scanning an image, it is important to consider the options available to create the highest quality image. The Scan using WIA dialog box includes options for adjusting the resolution, color mode, and the size of the scanned image, as shown in Figure The scanned image opens directly in Photoshop as a bitmap image. To modify the image using the full complement of Photoshop adjustment tools, you need to save the file as a Photoshop file (.psd). Scanning options Preview of scan Scan button Custom options FIGURE 2 14 Scanning an image with WIA support

17 DOMAIN 2 Identifying Design Elements When Preparing Images PS 31 The Camera Raw format contains minimally processed data that is not ready to be used and still needs to be processed. It is an option on many digital cameras and some scanners. This format is analogous to negatives in film photography, and images in this format are sometimes referred to as digital negatives. Film negatives still need to be developed or processed and are not yet ready to be viewed, but all the necessary information needed to create the final image is there. The Camera Raw format provides more control and flexibility when working with images. This format should be used when you are planning to work with the image in an application such as Photoshop. It is important to note that Camera Raw files are much larger than JPEG files, sometimes two to six times larger. If your graphic design project will be used in a video, Photoshop offers support for viewing your project s pixel aspect ratio in a variety of options that support the nonsquare pixel used in video. This ensures that your image has the correct pixel aspect ratio and imports seamlessly into a video project. Figure 2 15 displays the Camera Raw dialog box when opening a RAW file in Photoshop. Camera Raw Preview of image Open Image button FIGURE 2 15 Camera Raw dialog box

18 PS 32 PHOTOSHOP Objective 2.6 Understand Key Terminology of Digital Images Bitmap vs. Vector Graphics bitmap raster image vector A bitmap image, technically known as a raster image, is represented by pixels in a grid layout; each pixel contains color information for the image. When a bitmap is enlarged, the quality of the image is lost, and the pixels are visible, often resulting in jagged edges. A vector image is created with mathematical calculations and can be enlarged without a loss of quality. Figure 2 16 compares a bitmap image with a vector image. You can use a variety of vector tools to draw objects, including a rectangle, a rounded rectangle, an ellipse, a polygon, and a line. You can adjust the path of the object to add, remove, or intersect areas, or to exclude overlapping areas. Vector image Bitmap image FIGURE 2 16 Comparing a vector and bitmap image Before you can edit a vector image, you must rasterize, or convert it to a bitmap image. For example, when you place an image into Photoshop, it is placed as a Smart Object and cannot be edited. You must rasterize the image before editing it. If you draw objects as a Shape layer, you need to rasterize the shape to make the object editable. To rasterize an object, click Layer on the Application bar (Win) or Menu bar (Mac), point to Rasterize, and then click an option. The following items are examples of what can be rasterized: Type, Shapes, Vector Masks, and Smart Objects.

19 DOMAIN 2 Identifying Design Elements When Preparing Images PS 33 SUMMARY REVIEW QUESTIONS WRITTEN QUESTIONS Write a brief answer to the following questions. 1. Explain the difference between RGB and CMYK. 2. Explain the difference between downsampling and upsampling. 3. When used correctly, which elements can improve readability when working with text? 4. Explain the difference between a bitmap image and a vector image. 5. What is a gamut?

20 PS 34 PHOTOSHOP MULTIPLE CHOICE Select the best response for the following statements. 1. Which of the following is changed in an image when a raster image is edited? A. Pixel B. Point C. Inch D. Centimeter 2. Which color mode should you use to send your graphic design project to a print shop? A. Indexed color B. RGB C. Gray scale D. CMYK 3. Which file format should you use if you want to be able to make changes to your graphic design project? A. PNG B. PSD C. PDF D. JPEG 4. What is Camera Raw also known as? A. Photo negative B. Digital negative C. Raster artwork D. Processed image 5. Which design principle can be represented with an overlay when using the Crop tool? A. Symmetry B. Balance C. Rule of thirds D. White space

Photoshop Domain 2: Identifying Design Elements When Preparing Images

Photoshop Domain 2: Identifying Design Elements When Preparing Images Photoshop Domain 2: Identifying Design Elements When Preparing Images Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Demonstrate knowledge

More information

IMAGE SIZING AND RESOLUTION. MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication

IMAGE SIZING AND RESOLUTION. MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication IMAGE SIZING AND RESOLUTION MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication Copyright 2013 MyGraphicsLab / Pearson Education OBJECTIVES This presentation covers

More information

Adobe Photoshop PS2, Part 3

Adobe Photoshop PS2, Part 3 Adobe Photoshop PS2, Part 3 Basic Photo Corrections This guide steps you through the process of acquiring, resizing, and retouching a photo intended for posting on the Web as well as for a print layout.

More information

Digital Imaging - Photoshop

Digital Imaging - Photoshop Digital Imaging - Photoshop A digital image is a computer representation of a photograph. It is composed of a grid of tiny squares called pixels (picture elements). Each pixel has a position on the grid

More information

IT154 Midterm Study Guide

IT154 Midterm Study Guide IT154 Midterm Study Guide These are facts about the Adobe Photoshop CS4 application. If you know these facts, you should be able to do well on your midterm. Photoshop CS4 is part of the Adobe Creative

More information

ADOBE PHOTOSHOP CS 3 QUICK REFERENCE

ADOBE PHOTOSHOP CS 3 QUICK REFERENCE ADOBE PHOTOSHOP CS 3 QUICK REFERENCE INTRODUCTION Adobe PhotoShop CS 3 is a powerful software environment for editing, manipulating and creating images and other graphics. This reference guide provides

More information

By Washan Najat Nawi

By Washan Najat Nawi By Washan Najat Nawi how to get started how to use the interface how to modify images with basic editing skills Adobe Photoshop: is a popular image-editing software. Two general usage of Photoshop Creating

More information

Adobe Photoshop CS5 Tutorial

Adobe Photoshop CS5 Tutorial Adobe Photoshop CS5 Tutorial GETTING STARTED Adobe Photoshop CS5 is a popular image editing software that provides a work environment consistent with Adobe Illustrator, Adobe InDesign, Adobe Photoshop

More information

GETTING STARTED. 0 P a g e B a s i c s o f A d o b e P h o t o s h o p A g a P r i v a t e I n s t i t u t e f o r c o m p u t e r s c i e n c e

GETTING STARTED. 0 P a g e B a s i c s o f A d o b e P h o t o s h o p A g a P r i v a t e I n s t i t u t e f o r c o m p u t e r s c i e n c e GETTING STARTED 0 P a g e B a s i c s o f A d o b e P h o t o s h o p Adobe Photoshop: is a popular image editing software that provides a work environment consistent with Adobe Illustrator, Adobe InDesign,

More information

Vector VS Pixels Introduction to Adobe Photoshop

Vector VS Pixels Introduction to Adobe Photoshop MMA 100 Foundations of Digital Graphic Design Vector VS Pixels Introduction to Adobe Photoshop Clare Ultimo Using the right software for the right job... Which program is best for what??? Photoshop Illustrator

More information

PHOTO 11: INTRODUCTION TO DIGITAL IMAGING

PHOTO 11: INTRODUCTION TO DIGITAL IMAGING 1 PHOTO 11: INTRODUCTION TO DIGITAL IMAGING Instructor: Sue Leith, sleith@csus.edu EXAM REVIEW Computer Components: Hardware - the term used to describe computer equipment -- hard drives, printers, scanners.

More information

How to generate different file formats

How to generate different file formats How to generate different file formats Different mediums print, web, and video require different file formats. This guide describes how to generate appropriate file formats for these mediums by using Adobe

More information

Specific structure or arrangement of data code stored as a computer file.

Specific structure or arrangement of data code stored as a computer file. FILE FORMAT Specific structure or arrangement of data code stored as a computer file. A file format tells the computer how to display, print, process, and save the data. It is dictated by the application

More information

Adobe Photoshop CC 2018 Tutorial

Adobe Photoshop CC 2018 Tutorial Adobe Photoshop CC 2018 Tutorial GETTING STARTED Adobe Photoshop CC 2018 is a popular image editing software that provides a work environment consistent with Adobe Illustrator, Adobe InDesign, Adobe Photoshop,

More information

PHOTOTUTOR.com.au Share the Knowledge

PHOTOTUTOR.com.au Share the Knowledge THE DIGITAL WORKFLOW BY MICHAEL SMYTH This tutorial is designed to outline the necessary steps from digital capture, image editing and creating a final print. FIRSTLY, BE AWARE OF WHAT CAN AND CAN T BE

More information

Adobe Photoshop CS2 Workshop

Adobe Photoshop CS2 Workshop COMMUNITY TECHNICAL SUPPORT Adobe Photoshop CS2 Workshop Photoshop CS2 Help For more technical assistance, open Photoshop CS2 and press the F1 key, or go to Help > Photoshop Help. Selection Tools - The

More information

Raster (Bitmap) Graphic File Formats & Standards

Raster (Bitmap) Graphic File Formats & Standards Raster (Bitmap) Graphic File Formats & Standards Contents Raster (Bitmap) Images Digital Or Printed Images Resolution Colour Depth Alpha Channel Palettes Antialiasing Compression Colour Models RGB Colour

More information

Photoshop 01. Introduction to Computer Graphics UIC / AA/ AD / AD 205 / F05/ Sauter.../documents/photoshop_01.pdf

Photoshop 01. Introduction to Computer Graphics UIC / AA/ AD / AD 205 / F05/ Sauter.../documents/photoshop_01.pdf Photoshop 01 Introduction to Computer Graphics UIC / AA/ AD / AD 205 / F05/ Sauter.../documents/photoshop_01.pdf Topics Raster Graphics Document Setup Image Size & Resolution Tools Selecting and Transforming

More information

Image Optimization for Print and Web

Image Optimization for Print and Web There are two distinct types of computer graphics: vector images and raster images. Vector Images Vector images are graphics that are rendered through a series of mathematical equations. These graphics

More information

Color, Resolution, & Other Image Essentials

Color, Resolution, & Other Image Essentials www.gilbertconsulting.com blog.gilbertconsulting.com kgilbert@gilbertconsulting.com Twitter: @gilbertconsult lynda.com/keithgilbert Every Photoshop image consists of three specific attributes: image resolution,

More information

PASS4TEST. IT Certification Guaranteed, The Easy Way! We offer free update service for one year

PASS4TEST. IT Certification Guaranteed, The Easy Way!  We offer free update service for one year PASS4TEST IT Certification Guaranteed, The Easy Way! \ We offer free update service for one year Exam : 9A0-125 Title : Adobe Photoshop Lightroom 2 ACE Exam Vendors : Adobe Version : DEMO Get Latest &

More information

Mid_Term_Review_PhotoShop_Design Test B Name

Mid_Term_Review_PhotoShop_Design Test B Name Mid_Term_Review_PhotoShop_Design Test B Name Multiple Choice Identify the choice that best completes the statement or answers the question. 1. Photoshop uses a mathematical process called when it changes

More information

Using Adobe Photoshop

Using Adobe Photoshop Using Adobe Photoshop 4 Colour is important in most art forms. For example, a painter needs to know how to select and mix colours to produce the right tones in a picture. A Photographer needs to understand

More information

Welcome to Photoshop CS

Welcome to Photoshop CS Chapter 1 Welcome to Photoshop CS COPYRIGHTED MATERIAL Photoshop CS is the latest version of Photoshop, Adobe s powerful image-editing program. It s part of Adobe s Creative Suite, a package of design

More information

Adobe Photoshop. Levels

Adobe Photoshop. Levels How to correct color Once you ve opened an image in Photoshop, you may want to adjust color quality or light levels, convert it to black and white, or correct color or lens distortions. This can improve

More information

INTRODUCTION TO COMPUTER GRAPHICS

INTRODUCTION TO COMPUTER GRAPHICS INTRODUCTION TO COMPUTER GRAPHICS ITC 31012: GRAPHICAL DESIGN APPLICATIONS AJM HASMY hasmie@gmail.com WHAT CAN PS DO? - PHOTOSHOPPING CREATING IMAGE Custom icons, buttons, lines, balls or text art web

More information

Photoshop CC 2018 Essential Skills

Photoshop CC 2018 Essential Skills Photoshop CC 2018 Essential Skills Adobe Photoshop Creative Cloud 2018 University Information Technology Services Learning Technology, Training, Audiovisual and Outreach Copyright 2018 KSU Division of

More information

Digital Imaging and Image Editing

Digital Imaging and Image Editing Digital Imaging and Image Editing A digital image is a representation of a twodimensional image as a finite set of digital values, called picture elements or pixels. The digital image contains a fixed

More information

Adobe Photoshop CC Part 1: The Basics

Adobe Photoshop CC Part 1: The Basics CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Photoshop CC Part 1: The Basics Summer 2015, Version 1.0 Table of Contents Introduction...2 New Features of Photoshop CC...2

More information

ADOBE PHOTOSHOP CS TUTORIAL

ADOBE PHOTOSHOP CS TUTORIAL ADOBE PHOTOSHOP CS TUTORIAL A D O B E P H O T O S H O P C S Adobe Photoshop CS is a popular image editing software that provides a work environment consistent with Adobe Illustrator, Adobe InDesign, Adobe

More information

Color and More. Color basics

Color and More. Color basics Color and More In this lesson, you'll evaluate an image in terms of its overall tonal range (lightness, darkness, and contrast), its overall balance of color, and its overall appearance for areas that

More information

ACA Photoshop CC Exam Prep Questions

ACA Photoshop CC Exam Prep Questions ACA Photoshop CC Exam Prep Questions 1. Which of the following would you do first in order to present initial ideas to a client for their approval and feedback? A. Show the client the final project B.

More information

Chapter 11. Preparing a Document for Prepress and Printing Delmar, Cengage Learning

Chapter 11. Preparing a Document for Prepress and Printing Delmar, Cengage Learning Chapter 11 Preparing a Document for Prepress and Printing 2011 Delmar, Cengage Learning Objectives Explore color theory and resolution issues Work in CMYK mode Specify spot colors Create crop marks Create

More information

Elements of Design. Basic Concepts

Elements of Design. Basic Concepts Elements of Design Basic Concepts Elements of Design The four elements of design are as follows: Color Line Shape Texture Elements of Design Color: Helps to identify objects Helps understand things Helps

More information

Photoshop Certification

Photoshop Certification 2/13/2017 Photoshop Certification Mock up or comp Planning Scheduling Design/Build Test/Review Publish Derivative Work Intellectual Property Copyright Fair-Use They're made with mathematical equations,

More information

Contents. Introduction

Contents. Introduction Contents Introduction 1. Overview 1-1. Glossary 8 1-2. Menus 11 File Menu 11 Edit Menu 15 Image Menu 19 Layer Menu 20 Select Menu 23 Filter Menu 25 View Menu 26 Window Menu 27 1-3. Tool Bar 28 Selection

More information

Understanding Image Formats And When to Use Them

Understanding Image Formats And When to Use Them Understanding Image Formats And When to Use Them Are you familiar with the extensions after your images? There are so many image formats that it s so easy to get confused! File extensions like.jpeg,.bmp,.gif,

More information

Photoshop CS6 First Edition

Photoshop CS6 First Edition Photoshop CS6 First Edition LearnKey provides self-paced training courses and online learning solutions to education, government, business, and individuals world-wide. With dynamic video-based courseware

More information

One Week to Better Photography

One Week to Better Photography One Week to Better Photography Glossary Adobe Bridge Useful application packaged with Adobe Photoshop that previews, organizes and renames digital image files and creates digital contact sheets Adobe Photoshop

More information

Basic Scanning in Adobe Photoshop

Basic Scanning in Adobe Photoshop Basic Scanning in Adobe Photoshop 1996 2004 solutions solutions provides comprehensive training on design and prepress applications to graphic professionals and multimedia developers utilizing primarily

More information

Key Terms. Where is it Located Start > All Programs > Adobe Design Premium CS5> Adobe Photoshop CS5. Description

Key Terms. Where is it Located Start > All Programs > Adobe Design Premium CS5> Adobe Photoshop CS5. Description Adobe Adobe Creative Suite (CS) is collection of video editing, graphic design, and web developing applications made by Adobe Systems. It includes Photoshop, InDesign, and Acrobat among other programs.

More information

Sampling Rate = Resolution Quantization Level = Color Depth = Bit Depth = Number of Colors

Sampling Rate = Resolution Quantization Level = Color Depth = Bit Depth = Number of Colors ITEC2110 FALL 2011 TEST 2 REVIEW Chapters 2-3: Images I. Concepts Graphics A. Bitmaps and Vector Representations Logical vs. Physical Pixels - Images are modeled internally as an array of pixel values

More information

Photoshop Notes and Application Study Packet

Photoshop Notes and Application Study Packet Basic Parts of Photoshop Interface Photoshop Notes and Application Study Packet PANELS Photoshop Study Packet Copyright Law The World Intellectual Property Organization (WIPO) Copyright treaty restrict

More information

Mullingar Camera Club Basic introduction to Digital Printing using Photoshop CC.

Mullingar Camera Club Basic introduction to Digital Printing using Photoshop CC. Mullingar Camera Club Basic introduction to Digital Printing using Photoshop CC. Table of Contents Course aims: 1 Course presentation notes: 1 Introducing Photoshop: 1 Adjusting the Brightness or Contrast

More information

Using Adobe Photoshop

Using Adobe Photoshop Using Adobe Photoshop 1-1 - Advantages of Digital Imaging Until the 70s, using computers for images was unheard of outside academic circles. As general purpose computers have become faster with more capabilities,

More information

Photoshop CS6. Table of Contents. Image Formats! 3. GIF (Graphics Interchange Format)! 3. JPEG or JPG (Joint Photographic Experts Group)!

Photoshop CS6. Table of Contents. Image Formats! 3. GIF (Graphics Interchange Format)! 3. JPEG or JPG (Joint Photographic Experts Group)! Photoshop CS6 Table of Contents Image Formats! 3 GIF (Graphics Interchange Format)! 3 JPEG or JPG (Joint Photographic Experts Group)! 3 PNG (Portable Network Graphics)! 3 Pixels! 3 Resolution! 3 Creating

More information

Adobe Photoshop Notes. Adobe Photoshop CS3

Adobe Photoshop Notes. Adobe Photoshop CS3 Adobe Photoshop Notes Adobe Photoshop CS3 Page 2 Introduction These notes have been put together for basic and advanced methods, features and language. I have also created notes on other Adobe products.

More information

Editing Using Photoshop CS5

Editing Using Photoshop CS5 The Photoshop CS4 Editing Workspace - shown is the document (image) window, ToolBox, Info, Navigator, History, Adjustments and Layers Palettes, Windows Menus and Options Bar (on top). USING THE LAYERS

More information

Photoshop Elements Week 1 - Photoshop Elements Work Environment

Photoshop Elements Week 1 - Photoshop Elements Work Environment Menu Bar Just like any computer program, you have several dropdown menus to work with. Explore them all! But, most importantly remember to SAVE! Photoshop Elements Toolbox (with keyboard shortcut) Photoshop

More information

Introduction to Photoshop: Basic Editing & Prepare Images for the Web

Introduction to Photoshop: Basic Editing & Prepare Images for the Web Introduction to Photoshop: Basic Editing & Prepare Images for the Web 1 LEARNING OBJECTIVES Basic tools in Photoshop & Use of Bridge Prepare images for print and web use TOPICS COVERED Photoshop Interface

More information

Capturing and Editing Digital Images *

Capturing and Editing Digital Images * Digital Media The material in this handout is excerpted from Digital Media Curriculum Primer a work written by Dr. Yue-Ling Wong (ylwong@wfu.edu), Department of Computer Science and Department of Art,

More information

Photoshop CS2. Step by Step Instructions Using Layers. Adobe. About Layers:

Photoshop CS2. Step by Step Instructions Using Layers. Adobe. About Layers: About Layers: Layers allow you to work on one element of an image without disturbing the others. Think of layers as sheets of acetate stacked one on top of the other. You can see through transparent areas

More information

Epson Scanner (Expressions Photo) Basic Directions:

Epson Scanner (Expressions Photo) Basic Directions: Epson Scanner (Expressions 10000 Photo) Basic Directions: Position document face down in the upper Right corner. (Orientation changes with Mode: For Professional mode, turn 90 Clockwise) Launch Photoshop

More information

Making Digital POSiTiVES & Negatives for Contact Printing Sandra C. Davis

Making Digital POSiTiVES & Negatives for Contact Printing Sandra C. Davis Making Digital POSiTiVES & Negatives for Contact Printing 2005-13 Sandra C. Davis Suggested reading: Making Digital Negatives for Contact Printing by Dan Burkholder, Twin Palms Press, and The Inkjet Negative

More information

4/23/12. Improving Your Digital Photographs + ABOUT ME. + CHANGES in PHOTOGRAPHY. CAMERA and DARKROOM Pro? Cons? DIGITAL PHOTOS Pro? Con?

4/23/12. Improving Your Digital Photographs + ABOUT ME. + CHANGES in PHOTOGRAPHY. CAMERA and DARKROOM Pro? Cons? DIGITAL PHOTOS Pro? Con? Improving Your Digital Photographs Dana Baumgart Marketing Consultant UW Oshkosh Adjunct Faculty ABOUT ME 1997-2001 Attended UWO 2003-2004 Attended Marian College 2001-2003 Marketing Coordinator 2003-2007

More information

Introduction to Photoshop CS6

Introduction to Photoshop CS6 Introduction to Photoshop CS6 Copyright 2016, Faculty and Staff Training, West Chester University. A member of the Pennsylvania State System of Higher Education. No portion of this document may be reproduced

More information

Digital Images. Digital Images. Digital Images fall into two main categories

Digital Images. Digital Images. Digital Images fall into two main categories Digital Images Digital Images Scanned or digitally captured image Image created on computer using graphics software Digital Images fall into two main categories Vector Graphics Raster (Bitmap) Graphics

More information

Basic photography Art, composition, and computer principles AEE 211 February 24, 2003

Basic photography Art, composition, and computer principles AEE 211 February 24, 2003 Basic photography Art, composition, and computer principles AEE 211 February 24, 2003 What makes these images effective? Overview Basic composition Mood and atmosphere Qualities of a good photo Basic composition

More information

Commercial Art 1 Photoshop Study Guide. 8) How is on-screen image resolution measured? PPI - Pixels Per Inch

Commercial Art 1 Photoshop Study Guide. 8) How is on-screen image resolution measured? PPI - Pixels Per Inch Commercial Art 1 Photoshop Study Guide To help prepare you for the Photoshop test, be sure you can answer the following questions: 1) What are the three things should you do when you first open a Photoshop

More information

Objective Explain design concepts used to create digital graphics.

Objective Explain design concepts used to create digital graphics. Objective 102.01 Explain design concepts used to create digital graphics. PART 1: ELEMENTS OF DESIGN o Color o Line o Shape o Texture o Watch this video on Fundamentals of Design. 2 COLOR o Helps identify

More information

Computers & Philately Overview

Computers & Philately Overview Rochester Philatelic Association George T. Fekete March 8, 2018 Tools Hardware Tools Hardware Computer PC Mac (Apple) Custom Scanner Software Tools Productivity Software Microsoft Office (Best in Class)

More information

Photoshop CC Editing Images

Photoshop CC Editing Images Photoshop CC Editing Images Rotate a Canvas A canvas can be rotated 90 degrees Clockwise, 90 degrees Counter Clockwise, or rotated 180 degrees. Navigate to the Image Menu, select Image Rotation and then

More information

Positive & Negative Space = the area around or between a design. Asymmetrical = balanced but one part is small and one part is large

Positive & Negative Space = the area around or between a design. Asymmetrical = balanced but one part is small and one part is large Study Guide Compostion COMMERCIAL ART Positive & Negative Space = the area around or between a design Radial Symmetrical = balance is circular Asymmetrical = balanced but one part is small and one part

More information

Adobe Illustrator CS6

Adobe Illustrator CS6 Adobe Illustrator CS6 Table of Contents Image Formats 3 ai (Adobe Illustrator) 3 eps (Encapsulated PostScript) 3 PDF (Portable Document Format) 3 JPEG or JPG (Joint Photographic Experts Group) 3 Vectors

More information

Recitation 2 Introduction to Photoshop

Recitation 2 Introduction to Photoshop Recitation 2 Introduction to Photoshop What is Adobe Photoshop? Adobe Photoshop is a tool for creating digital graphics either by starting with a scanned photograph or artwork or by creating the graphics

More information

Diploma in Photoshop

Diploma in Photoshop Diploma in Photoshop Tabbed Window Document Workspace Options Options Bar Main Interface Tool Palette Active Image Stage Layers Palette Menu Bar Palettes Useful Tip Choose between pre-set workspace arrangements

More information

FILE ASSEMBLY GUIDE. ~ File Assembly Guidelines ~

FILE ASSEMBLY GUIDE. ~ File Assembly Guidelines ~ To reduce your costs in prepress and turn-around time for proofs, Standard Printing Company recommends using the following information as a guide for correct file assembly: Acceptable File Formats QuarkXpress

More information

Guidance on Using Scanning Software: Part 5. Epson Scan

Guidance on Using Scanning Software: Part 5. Epson Scan Guidance on Using Scanning Software: Part 5. Epson Scan Version of 4/29/2012 Epson Scan comes with Epson scanners and has simple manual adjustments, but requires vigilance to control the default settings

More information

Using Adobe Photoshop to enhance the image quality. Assistant course web site:

Using Adobe Photoshop to enhance the image quality. Assistant course web site: Using Adobe Photoshop to enhance the image quality Assistant course web site: http://www.arches.uga.edu/~skwang/edit6170/course.htm Content Introduction 2 Unit1: Scan images 3 Lesson 1-1: Preparations

More information

Adobe Fireworks CS4 Kalamazoo Valley Community College February 25, 2010

Adobe Fireworks CS4 Kalamazoo Valley Community College February 25, 2010 Adobe Fireworks CS4 Kalamazoo Valley Community College February 25, 2010 Introduction to Fireworks CS4 Fireworks CS4 is an image editing program that can handle both vector (line art/logos) and raster

More information

Digital imaging requirements for offset print

Digital imaging requirements for offset print Printing Services Vol. 11, No. 5 Digital Imaging for Print Media October 2005 Figure 1. A very low resolution digital image where each pixel is visible. Digital imaging requirements for offset print media

More information

Factors to Consider When Choosing a File Type

Factors to Consider When Choosing a File Type Factors to Consider When Choosing a File Type Compression Since image files can be quite large, many formats employ some form of compression, the process of making the file size smaller by altering or

More information

How to Avoid Landmines: Managing your Motion Graphics Projects

How to Avoid Landmines: Managing your Motion Graphics Projects How to Avoid Landmines: Managing your Motion Graphics Projects -Richard Harrington, PMP www.rhedpixel.com 703.560.0220 Import Tips Double-Click in Project Window Shift-Click Multiple Items Organize in

More information

Preparing Images For Print

Preparing Images For Print Preparing Images For Print The aim of this tutorial is to offer various methods in preparing your photographs for printing. Sometimes the processing a printer does is not as good as Adobe Photoshop, so

More information

Alpha channels are basically saved selections. They do not affect how your image will be printed.

Alpha channels are basically saved selections. They do not affect how your image will be printed. Ben Willmore s Banish the fog of techno-babble with Ben s plain-english translations of the high-tech terminology behind Photoshop! For more Freebies and Goodies, go to: DigitalMastery.com 30-bit Alpha

More information

Combine Black-and-White and Color

Combine Black-and-White and Color Combine Black-and-White and Color Contributor: Seán Duggan n Specialty: Fine Art Primary Tool Used: Smart Objects Combining color and black-and-white in the same image is a technique that has been around

More information

6. Graphics MULTIMEDIA & GRAPHICS 10/12/2016 CHAPTER. Graphics covers wide range of pictorial representations. Uses for computer graphics include:

6. Graphics MULTIMEDIA & GRAPHICS 10/12/2016 CHAPTER. Graphics covers wide range of pictorial representations. Uses for computer graphics include: CHAPTER 6. Graphics MULTIMEDIA & GRAPHICS Graphics covers wide range of pictorial representations. Uses for computer graphics include: Buttons Charts Diagrams Animated images 2 1 MULTIMEDIA GRAPHICS Challenges

More information

Digital Photography 1

Digital Photography 1 Digital Photography 1 Photoshop Lesson 3 Resizing and transforming images Name Date Create a new image 1. Choose File > New. 2. In the New dialog box, type a name for the image. 3. Choose document size

More information

S4B Image Converter Soft4Boost Help S4B Image Converter www.sorentioapps.com Sorentio Systems, Ltd. All rights reserved Contact Us If you have any comments, suggestions or questions regarding S4B Image

More information

ITP 140 Mobile App Technologies. Images

ITP 140 Mobile App Technologies. Images ITP 140 Mobile App Technologies Images Images All digital images are rectangles! Each image has a width and height 2 Terms Pixel A picture element Screen size In inches Resolution A width and height DPI

More information

Photoshop: a Beginner s course. by: Charina Ong Centre for Development of Teaching and Learning National University of Singapore

Photoshop: a Beginner s course. by: Charina Ong Centre for Development of Teaching and Learning National University of Singapore Photoshop: a Beginner s course by: Charina Ong Centre for Development of Teaching and Learning National University of Singapore Table of Contents About the Workshop... 1 Prerequisites... 1 Workshop Objectives...

More information

Extreme Makeovers: Photoshop Retouching Techniques

Extreme Makeovers: Photoshop Retouching Techniques Extreme Makeovers: Table of Contents About the Workshop... 1 Workshop Objectives... 1 Getting Started... 1 Photoshop Workspace... 1 Retouching Tools... 2 General Steps... 2 Resolution and image size...

More information

Creating Digital Artwork

Creating Digital Artwork 5Steps to Creating Digital Artwork (For more detailed instructions, please click here) Introduction to Digital Artwork Authors often choose to include digital artwork as part of a submission to a medical

More information

Photoshop Study Notes and Questions

Photoshop Study Notes and Questions Copyright Law The World Intellectual Property Organization (WIPO) Copyright treaty restrict the use of copyrighted material without first getting permission. Printing Soft proof (viewing on screen) allows

More information

Applying mathematics to digital image processing using a spreadsheet

Applying mathematics to digital image processing using a spreadsheet Jeff Waldock Applying mathematics to digital image processing using a spreadsheet Jeff Waldock Department of Engineering and Mathematics Sheffield Hallam University j.waldock@shu.ac.uk Introduction When

More information

Camera Raw software is included as a plug-in with Adobe Photoshop and also adds some functions to Adobe Bridge.

Camera Raw software is included as a plug-in with Adobe Photoshop and also adds some functions to Adobe Bridge. Editing Images in Camera RAW Camera Raw software is included as a plug-in with Adobe Photoshop and also adds some functions to Adobe Bridge. Camera Raw gives each of these applications the ability to import

More information

Printing on the Epson You should save a second.psd or tiff version of your image for printing

Printing on the Epson You should save a second.psd or tiff version of your image for printing Printing on the Epson 9600 Preparing your image to print You should save a second.psd or tiff version of your image for printing Resizing To observe the image size and resolution of an existing file, you

More information

CS 200 Assignment 3 Pixel Graphics Due Tuesday September 27th 2016, 9:00 am. Readings and Resources

CS 200 Assignment 3 Pixel Graphics Due Tuesday September 27th 2016, 9:00 am. Readings and Resources CS 200 Assignment 3 Pixel Graphics Due Tuesday September 27th 2016, 9:00 am Readings and Resources Texts: Suggested excerpts from Learning Web Design Files The required files are on Learn in the Week 3

More information

Technology Learning Activity: Multimedia CIMC. Student Edition TE8135

Technology Learning Activity: Multimedia CIMC. Student Edition TE8135 IMC Technology Learning Activity: Multimedia Student Edition www.okcimc.com 800-654-4502 CIMC TE8135 Technology Learning Activity This TLA covers information on digital imaging sources and uses, photography

More information

For all question related to Photoshop that we cannot address in class, start by looking at the excellent Photoshop help: Help > Photoshop Help.

For all question related to Photoshop that we cannot address in class, start by looking at the excellent Photoshop help: Help > Photoshop Help. AD23300 Electronic Media Studio Prof. Fabian Winkler Fall 2013 Adobe Photoshop CS6 For all question related to Photoshop that we cannot address in class, start by looking at the excellent Photoshop help:

More information

Photoshop Project 1: Create Vector Art

Photoshop Project 1: Create Vector Art Photoshop Project 1: Create Vector Art Duplicate and name layers Create new layers Show and hide layers Apply the desaturate adjustment Work with the Pen tool Work with shape layers Zoom in and out of

More information

CS 547 Digital Imaging Lecture 2

CS 547 Digital Imaging Lecture 2 CS 547 Digital Imaging Lecture 2 Basic Photo Corrections & Retouching and Repairing Selection Tools Rectangular marquee tool Use to select rectangular images Elliptical Marque Tool Use to select elliptical

More information

SCANNING IMAGES - USER S GUIDE. Scanning Images with Epson Smart Panel and PhotoShop [for Epson 1670 scanners]

SCANNING IMAGES - USER S GUIDE. Scanning Images with Epson Smart Panel and PhotoShop [for Epson 1670 scanners] University of Arizona Information Commons Training 1 SCANNING IMAGES - USER S GUIDE Scanning Images with Epson Smart Panel and PhotoShop [for Epson 1670 scanners] p.2 Introduction and Overview Differences

More information

Section 1. Adobe Photoshop Elements 15

Section 1. Adobe Photoshop Elements 15 Section 1 Adobe Photoshop Elements 15 The Muvipix.com Guide to Photoshop Elements & Premiere Elements 15 Chapter 1 Principles of photo and graphic editing Pixels & Resolution Raster vs. Vector Graphics

More information

Computer Graphics and Image Editing Software

Computer Graphics and Image Editing Software ELCHK Lutheran Secondary School Form Two Computer Literacy Computer Graphics and Image Editing Software Name : Class : ( ) 0 Content Chapter 1 Bitmap image and vector graphic 2 Chapter 2 Photoshop basic

More information

11 Advanced Layer Techniques

11 Advanced Layer Techniques 11 Advanced Layer Techniques After you ve learned basic layer techniques, you can create more complex effects in your artwork using layer masks, path groups, filters, adjustment layers, and more style

More information

Introduction to PHOTOSHOP

Introduction to PHOTOSHOP Introduction to PHOTOSHOP Summary Notes Lesson 1 Pixel Density - High Resolution Vs Low Resolution Important Points on Digital Imagery Fundamentals The resolution of a digital image is the fineness of

More information

THE 3 BIGGEST MISTAKES TO AVOID WHEN USING GRAPHIC IMAGES IN PRINT

THE 3 BIGGEST MISTAKES TO AVOID WHEN USING GRAPHIC IMAGES IN PRINT THE 3 BIGGEST MISTAKES TO AVOID WHEN USING GRAPHIC IMAGES IN PRINT Nothing beats great color and crisp images in a printed marketing piece. But if you ve ever had a print job rejected for poor image resolution,

More information

Overview of Photoshop Elements workspace

Overview of Photoshop Elements workspace Overview of Photoshop Elements workspace When you open Photoshop Elements, the Welcome screen offers you two options (Figure 1): The Organize button opens the Organizer. In the Organizer you organize and

More information

PosterArtist Quick Guide

PosterArtist Quick Guide PosterArtist Quick Guide Create posters in four easy steps STEP STEP STEP STEP Use Auto Design to Create Posters Simply select a poster type and a design image to automatically create high-quality posters.

More information