Lesson 1: Introduction to Adobe Photoshop Creative Suite 4 Learning Objectives: In this lesson you will, learn the Photoshop

p workspace know the tools in Photoshop customize your working area understand the Adobe Bridge Overview: Adobe Creative Suite Adobe Creative Suite (CS) is a collection of graphic design, video editing, and web development applications made by Adobe Systems. The collection consists of Adobe's applications (e.g., Photoshop, Acrobat, InDesign), that are based on various technologies (e.g., PostScript, PDF, Flash). The latest version, Adobe Creative Suite 4 (CS4), was announced on September 23, 2008 as the successor to Adobe Creative Suite 3. It was officially released on October 15, 2008.

Icons of the core CS4 programs lined up Brief descriptions of the applications in the various Adobe Creative Suite editions:

Adobe Acrobat is a software family dedicated to Adobe's Portable Document Format (PDF): o Adobe Acrobat Standard and Adobe Acrobat Professional, which allows the creation of PDF files
o

Adobe Reader, a free (closed source) software application which allows the reading of PDF files

Adobe After Effects is a digital motion graphics and compositing software published by Adobe Systems. It can be used in film and video post-production. Adobe Bridge is an organizational program. Its primary purpose is to link the parts of the Creative Suite together using a format similar to the file browser found in previous versions of Adobe Photoshop. Adobe Contribute is for editing the content of a website. It allows a wide variety of people within an organization to update web pages by reducing the amount of web design skills necessary for the process. Adobe Device Central's primary purpose is to integrate parts of the Creative Suite together to offer both professional and individual creative professionals, web designers, and mobile developers an easier way to preview and test Flash Lite, bitmap, web, and video content for mobile devices.

C1A1Y Handouts Courtesy of Ms. Catherine M. Catamora Page 1

Adobe Dreamweaver is a combination code / GUI web development application. Adobe Dynamic Link integrates After Effects with Premiere Pro and with Encore. Adobe Encore is a DVD authoring software tool produced by Adobe Systems and targeted at semi-professional video producers. Files are automatically transcoded to MPEG-2 video and Dolby Digital audio. DVD menus can be created and edited in Adobe Photoshop using special layering techniques. Adobe Fireworks is a bitmap and vector graphics editor, aimed at web designers (with features such as: slices, the ability to add hotspots etc.). Adobe Flash is a software family dedicated to various Adobe multimedia technologies:
o

Adobe Flash Professional, a multimedia authoring program used to create web applications, games, movies, and content for mobile phones and other embedded devices. It features support for vector and raster graphics, a scripting language called ActionScript and bi-directional streaming of audio and video. Adobe Flash Player, a free software application which allows the playing of standalone Adobe Flash (SWF) multimedia files.

Adobe Illustrator is a vector graphics editor. Adobe InDesign is a desktop publishing (DTP) software application. Adobe OnLocation is a direct-to-disk recording and monitoring software. Adobe Photoshop is a raster graphics editor (with significant vector graphics functionality). Adobe Premiere Pro is a real-time, timeline based video editing software application. Adobe Soundbooth is a digital audio editor. Adobe has described it as being "in the spirit of Sound Edit 16 and Cool Edit 2000". Soundbooth is not replacing Adobe Audition, rather creating a product for creative professionals who do not specialize in audio. Adobe Version Cue enables users to easily track and manipulate file metadata, which is information about the history of computer files, such as the fact that one file is a new version of a related older file. Version Cue also automates the process of collaboratively reviewing documents among groups of people.

Adobe Photoshop is a professional image editing software package that can be used by experts and novices alike. While this handout offers some very basic tips on using the tools available in Photoshop, more comprehensive guidance can be accessed on the web or in the help menu of your version of Photoshop. The version used for this tutorial is Adobe Photoshop CS.

C1A1Y Handouts Courtesy of Ms. Catherine M. Catamora Page 2

Defining Adobe Photoshop and Its History

Adobe Photoshop
Adobe Photoshop, or simply Photoshop, is a graphics editing program developed and published by Adobe Systems. It is the current market leader for commercial bitmap and image manipulation software, and is the flagship product of Adobe Systems. It has been described as "an industry standard for graphics professionals and was one of the early "killer applications" on the PC. Adobe's 2005 "Creative Suite" rebranding led to Adobe Photoshop 8's renaming to Adobe Photoshop CS. Thus, Adobe Photoshop CS4 is the 11th major release of Adobe Photoshop. The CS rebranding also resulted in Adobe offering numerous software packages containing multiple Adobe programs for a reduced price. Adobe Photoshop is included in most of Adobe's Creative Suite offerings. Photoshop's popularity, combined with its high retail price, makes Photoshop's piracy rate relatively high. Adobe countered by including SafeCast DRM starting with Adobe Photoshop CS.

Brief History
In 1987, Thomas Knoll, a PhD student at the University of Michigan, began writing a program on his Macintosh Plus to display grayscale images on a monochrome display. This program, called Display, caught the attention of his brother John Knoll, an Industrial Light & Magic employee, who recommended Thomas turn it into a full-fledged image editing program. Thomas took a six month break from his studies in 1988 to collaborate with his brother on the program, which had been renamed ImagePro. Later that year, Thomas renamed his program Photoshop and worked out a short-term deal with scanner manufacturer Barneyscan to distribute copies of the program with a slide scanner; a "total of about 200 copies of Photoshop were shipped" this way. During this time, John traveled to Silicon Valley and gave a demonstration of the program to engineers at Apple Computer Inc. and Russell Brown, art director at Adobe. Both showings were successful, and Adobe decided to purchase the license to distribute in September 1988. While John worked on plug-ins in California, Thomas remained in Ann Arbor writing program code. Photoshop 1.0 was released in 1990 for Macintosh exclusively.

C1A1Y Handouts Courtesy of Ms. Catherine M. Catamora Page 3

Adobe Photoshop Workspace

Application bar

Menu bar

Options bar

Panels Tool box

Work Area

Photoshop Toolbox The Photoshop toolbox is located at the left side of the screen; it contains the tools you will use to edit your images. The default single column toolbox can be changed to a two-column toolbox by clicking on the double arrow at the upper left corner of the toolbox, click again to bring it back to its original state. The toolbox contains the main tools for working on any images. Just click any tool to select and use it.

C1A1Y Handouts Courtesy of Ms. Catherine M. Catamora Page 4

A small arrow next to a tool in the toolbox indicates that the tool also has additional options available. In Photoshop, click and hold your mouse on a tool to see its options. For example, if you click and hold on the select tool, you'll see select options such as elliptical selection, single row selection, etc.

C1A1Y Handouts Courtesy of Ms. Catherine M. Catamora Page 5

There are so many tools, that they all dont fit in the toolbox, and so what Adobe has done is hid some tools behind others. If you see a tool with a black arrow-head at the lower-right corner of the tool icon, click and hold on that tool and you will see a list of related hidden tool icons.

To select one of those tools, you just move your cursor to one of the items in the fly-out menu and release. There is another way of selecting tools, and that is by using keyboard shortcuts. You dont have to memorize each keyboard shortcut for each tool in the toolbox. In fact if you move your cursor over a tool for a few seconds, you will see a tooltip with the corresponding keyboard shortcut.

C1A1Y Handouts Courtesy of Ms. Catherine M. Catamora Page 6

Using keyboard shortcuts will help you to become more efficient and more productive when working in Adobe Photoshop.
Icon Tool Key Purpose Icon Tool Key Purpose

Elliptical Marquee

selecting

Single Row Marquee -

selecting

Rectangular Marquee

selecting

Single Column Marquee

selecting

Lasso

selecting

Move

transforming

Polygonal Lasso

selecting

Magic Wand

selecting

Magnetic Lasso

selecting

Crop

transforming

Slice

web design

Slice Select

web design

Healing Brush

retouching

Patch

retouching

Brush Clone Stamp History Brush Airbrush Background Eraser Paint Bucket Blur

B S Y J E G R

painting painting restores to selected history state painting erasing painting unfocusing

Pencil Pattern Stamp Art History Brush Eraser Magic Eraser Gradient Sharpen

B S Y E E G R

painting painting painting erasing erasing painting focusing

C1A1Y Handouts Courtesy of Ms. Catherine M. Catamora Page 7

Smudge Dodge Horizontal Type Horizontal Type Mask Direct Selection Pen Add Anchor Point Convert Point Rounded Rectangle Polygon Custom Shape Color Sampler Notes Hand Color Selecting box Mode Selector

R O T T A P U U U I N H -

painting tonal adjustment typing typing drawing drawing drawing drawing drawing drawing drawing color information non-printable data navigating displays current color selecting

Sponge Burn Vertical Type Vertical Type Mask Path Selection Freeform Pen Delete Anchor Point Rectangle Ellipse LIne Eyedropper Measure Audio Annotation Zoom Color Replacement Jump to Image Ready

O O T T A P U U U I I N Z J Shift + Ctrl+ M

color adjustment tonal adjustment typing typing drawing drawing drawing drawing drawing drawing choosing color geometrical measurements non-printable data image viewing retouching

web design

Tool Options Bar When you select a tool, additional options appear in the Tool Options bar (by default this is located just below the main menu). The example below shows the tool options bar when the rectangular marquee tool is active.

Whenever you select a tool in the toolbox, notice the tool option bar updates to become specific to the tool you have selected.
C1A1Y Handouts Courtesy of Ms. Catherine M. Catamora Page 8

Sometimes, when you change the options in the tool options bar, they have a tendency to become sticky and retain the settings you have made to them the last time you used a specific tool. This can be annoying at times when you want it to go back to its original settings for another project. Or if there are different users who use the same computer and you want to revert to the tools default settings. Then you have to remember how to reset the tools option to their defaults. On Windows, Right-Click on the tool icon on the tool options bar, on a Mac Ctrl+Click on the tool icon on the tool options bar.

C1A1Y Handouts Courtesy of Ms. Catherine M. Catamora Page 9

A menu will pop up with two listed options. Clicking on the Reset Tool will allow you to reset the options for the currently active tool, while clicking on Reset All Tools will reset the tool options for all tools in your toolbox. Resetting all your tools is recommended between projects or if another user has just finished using the same machine. You don't need to memorize all the tools at this point as you will learn how to use each of them. General Categories of Tools in the Toolbox

C1A1Y Handouts Courtesy of Ms. Catherine M. Catamora Page 10

C1A1Y Handouts Courtesy of Ms. Catherine M. Catamora Page 11

 Photoshop Menu Bar

On top of your working area is where you can find the menu bar. It contain various options in which you can use to manipulate your Photoshop document. Photoshop Application Bar

Under your menu bar is where you can find the application bar. This area is a convenient location for commonly used features and tools. From this bar, you can launch the Adobe Bridge. You can also select the hand tool, to view different areas of the image currently being edited or the zoom tool to zoom in or out on the image. Photoshop Application Frame The gray background on Photoshop is your application frame. You can double-click on this area to open a file (Note: This only works on the first file you open, after that you can use the File menu in opening your file.). You could also right-click on this area to change its color from gray to a customized one.

Retrieving Missing Panels

C1A1Y Handouts Courtesy of Ms. Catherine M. Catamora Page 12

In instances where panels were closed or you intentionally closed them you may open them and use them by, clicking the Window menu and select the panel you wish to use/open. Check marks are placed on panels that are currently active on the screen.

C1A1Y Handouts Courtesy of Ms. Catherine M. Catamora Page 13

Adobe Bridge

Photoshop's File Browser has been completely rebuilt and renamed Adobe Bridge. Adobe Bridge is an entirely separate application that can be launched independently and becomes the new hub for the Creative Suite. Adobe Bridge helps you locate, organize, and browse from print, web, video, and mobile content creation. From Adobe Bridge you can also perform the following:

Manage image, video, and audio files: Preview, search, sort, and process files in Adobe Bridge without opening individual applications. You can also edit metadata for files, and use Adobe Bridge to place files into your documents, projects, or compositions.

Manage your photos: Import and edit photos from your digital camera card, group related photos in stacks, and open or import camera raw files and edit their settings without starting Photoshop.

Work with Adobe Version Cue-managed assets.

Perform automated tasks, such as batch commands.

C1A1Y Handouts Courtesy of Ms. Catherine M. Catamora Page 14

Synchronize color settings across color-managed Creative Suite components.

The Adobe Bridge can be launched independently, and it is just a button click away from within Photoshop, Illustrator, InDesign, or GoLive. The screen shot above shows the Adobe Bridge in its default layout, it but is more customizable than the Photoshop CS file browser. With the Adobe Bridge you can view and manage all your image files, including native PSD, AI, INDD, and Adobe PDF files. When previewing PDF files in the Bridge, you can even flip through multiple pages.

C1A1Y Handouts Courtesy of Ms. Catherine M. Catamora Page 15