Getting Started with Adobe Photoshop CS6 - PowerPoint Presentation

Getting Started with Adobe Photoshop CS6

Objectives Define photo editing software Start Photoshop and view the workspaceUse the Zoom tool and the Hand toolSave a document and understand file formatsUnderstand and change resolutionChange image sizeCreate a new documentTransform the canvasCrop an imageCrop an image to a specific size Adobe Photoshop CS6 - Illustrated

Defining Photo Editing Software Photoshop CS6 offers a variety of tools, menus, menu commands, and panels to edit and manipulate digital imagesFrom a digital cameraFrom scanning a photograph slideCreated from scratchCS6 allows the editing of images in a variety of ways in order to enhance them or process them for different types of uses such as print or use on the WebAdobe Photoshop CS6 - Illustrated

Defining Photo Editing Software Tasks that Photoshop CS6 can be used to accomplish include: Acquire images from a variety of devicesApply basic processing proceduresImprove the color and quality of imagesFix image flawsAdd special effectsBatch-process image filesOutput to various devices Adobe Photoshop CS6 - Illustrated

Defining Photo Editing Software Various effects with an old photo Adobe Photoshop CS6 - Illustrated

Understanding graphics programs Graphics programs refer to a wide range of software applicationsThree basic categories of graphics programsBitmap graphics (raster graphics) use pixelsVector graphics are created on a computer, not through scanning or downloadingAnimation programs use timelines to create a sequence of graphics Adobe Photoshop CS6 - Illustrated

Starting Photoshop and Viewing the Workspace To start Photoshop: Either launch Photoshop or open an existing Photoshop fileBefore opening or creating a new document, the workspace becomes available and consists of:The Menu bar (top of the screen)The Options bar (below the Menu bar)The Tools panel (on the left of the screen) The dock of panels (on the right of the screen ) The Menu bar contains: The Photoshop menus Minimize, Restore, and Close buttons Adobe Photoshop CS6 - Illustrated

Starting Photoshop and Viewing the Workspace Elements of the workspace can be rearranged to create and save a customized workspaceThe Menu bar may appear as two rowsDepends on monitor resolution and whether a Macintosh is usedClick the Collapse to Icons button to view panels as iconsUse the Window menu to access all of the panels in PhotoshopDouble-clicking the name tab of an open panel minimizes the panel Adobe Photoshop CS6 - Illustrated

Starting Photoshop and Viewing the Workspace The Essentials workspace Adobe Photoshop CS6 - Illustrated

Starting Photoshop and Viewing the Workspace Use the Help menu to learn more about a tool or feature Adobe’s online Help site is available after installing the programManaging the Photoshop workspace: maximize the room available to view current imageCondense panels by grouping them to maximize working spaceMinimize panels to keep essential panels open but out of the wayAdobe Photoshop CS6 - Illustrated

Using the Zoom Tool and the Hand ToolPhotoshop files can be viewed from different perspectivesUse the Zoom tool to enlarge and reduce the image on the screenIf the image is enlarged to where it does not fit the screen, use the Hand tool to scroll to see all areas of the imageThe Zoom and Hand tools are used often Learn keyboard commands Adobe Photoshop CS6 - Illustrated

Using the Zoom Tool and the Hand ToolAdobe Photoshop CS6 - Illustrated Useful quick keys

Using the Zoom Tool and the Hand ToolCreating a marquee with the Zoom tool Adobe Photoshop CS6 - Illustrated

Saving a Document and Understanding File Formats File formats: Specific types of computer code that are used to save images for various types of output to use with other applicationsAdobe Photoshop CS6 - Illustrated Standard file format for Photoshop files

Saving a Document and Understanding File Formats The key to choosing a file format Understand what the file is to be used forAdobe Photoshop CS6 - Illustrated Save As dialog box

Understanding and Changing Resolution A bitmap graphic is a graphic composed of pixelsPixel is a term that comes from the words pictures and elementsA bitmap image is a grid of pixelsAll Photoshop files are bitmap graphicsResolution is a measurement of the number of pixels per inch (ppi)The higher the resolution, the greater number of pixels A file 1”X1” with a resolution of 100 pixels per inch would contain 10,000 pixels (100 pixels wide X 100 pixels high ) Adobe Photoshop CS6 - Illustrated

Understanding and Changing Resolution Image size: physical dimensions of the image-width and height File size: how large the file is in computer memoryAdobe Photoshop CS6 - Illustrated Image resolutions and sizes

Changing Image Size Image size: Is not dependent on resolutionTwo files of the same dimensions can be created with two different resolutionsIs related to resolutionAll bitmap images regardless of physical dimensions have a resolutionChanging the width and height of an image will affect the image’s resolutionResizing an image may have a negative effect on the image’s appearanceAdobe Photoshop CS6 - Illustrated

Changing Image Size When looking at an image for quality it should be viewed at 100% or larger Adobe Photoshop CS6 - Illustrated Image size Image size

Creating a New Document Many of the images that are worked on in Photoshop are either scanned or captured by a digital camera An image can also be created from scratch by creating a new document in PhotoshopUse the New dialog box and specify the image’s width, height and resolutionAdobe Photoshop CS6 - Illustrated

Creating a New Document Adobe Photoshop CS6 - Illustrated New dialog box

Color Models and Color Modes A color model defines the colors that are seen and work with digital imagesRGB (red, green blue)CMYK (cyan, magenta, yellow, black)HSB (hue, saturation, brightness)In Photoshop a document’s color mode is listed on the Image menuThe color mode determines which color model is being used to display and print the image Adobe Photoshop CS6 - Illustrated

Color Models and Color Modes RGB is the standard color mode when working with digital images Selecting a color mode has an impact on which tools and formats are availableAll Photoshop tools and features are available in the RGB Color modeAll files that are printed professionally must at some point be CMYK filesAdobe Photoshop CS6 - Illustrated

Transforming the Canvas The bed of pixels making up an image is referred to as the canvasWhen an image is opened, it usually uses all of the pixels available on the canvasThe canvas can be enlarged to add more pixels to the fileExample: to make room for an additional imageAdobe Photoshop CS6 - Illustrated

Transforming the Canvas Transform : refers to specific operations that are made to change the location of pixelsTransformations include:ScalingRotatingSkewing and/orDistorting pixelsFor precise moves when transforming, use the arrow keys to more the image one pixel at a time Adobe Photoshop CS6 - Illustrated

Transforming the Canvas Canvas Size Dialog Box Adobe Photoshop CS6 - Illustrated

Transforming the Canvas Viewing new pixels added to the canvas Positioning of second image over the new pixels Adobe Photoshop CS6 - Illustrated

Cropping an Image Cropping : Allows the definition of an area of an image that is wanted to be kept and the remainder of the image to be discardedPhotoshop’s Crop tool: Makes it easy to execute a single crop Provides options for previewing the crop before it is executedCropping an image can often be an artistic choice A so-so image can be turned into an eye-catching one Adobe Photoshop CS6 - Illustrated

Cropping an Image Creating a crop marquee The cropped image Adobe Photoshop CS6 - Illustrated

Cropping an Image Setting opacity for the Crop tool Opacity refers to how opaque something isWhen using the Crop tool, you can change the shield color and opacity of the area outside the crop using the Color and Opacity settings on the Options barAs a preview before cropping, many designers set the opacity to 50% while experimenting, then, when they think they’ve found a crop that they like, they increase the opacity to 100%Adobe Photoshop CS6 - Illustrated

Cropping an Image to a Specific SizeThe Crop tool: number of options to execute more than just a simple cropAfter creating the crop marquee, the Crop tool pointer becomes an arrow pointer when inside the marqueeUse the arrow to move the marquee to crop a different area of the imageThe Crop tool pointer outside of the crop marquee is a rotate pointerUse the rotate pointer to rotate the crop marqueeSpecific width and height dimensions can be used to create a crop marquee of a specific size Adobe Photoshop CS6 - Illustrated

Cropping an Image to a Specific SizeWhen a specific width and height is entered to crop an image to a specific resolution, using the Resolution text box on the Options bar can be also enteredMakes the Crop tool function much like the Image Size dialog boxNo matter where an image is cropped or what size crop marquee is created, new pixels cannot be added or deleted, only redistributedAdobe Photoshop CS6 - Illustrated

Cropping an Image to a Specific SizeRotating the crop marquee The cropped, rotated, and resized image Adobe Photoshop CS6 - Illustrated

Summary Photoshop CS6 offers a variety of tools to edit and manipulate digital images Three basic categories of graphics programs: vector, bitmap, and animationFile formats are used to save images for various types of output to use with other applicationsPhotoshop files are bitmap graphics composed of pixelsThe greater the number of pixels, the higher the resolution of the image Adobe Photoshop CS6 - Illustrated

Summary A bed of pixels comprises a canvasThe canvas can be enlarged to add additional pixelsPixels can be transformed by:Scaling, rotating, skewing, or distortingCropping of an image allows for an area of the image to be used and the other parts to be discarded Adobe Photoshop CS6 - Illustrated