You are on page 1of 15

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

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 has described it as being "in the spirit of Sound Edit 16 and Cool Edit 2000". and content for mobile phones and other embedded devices. Adobe Flash Player. movies. • Adobe Photoshop is a professional image editing software package that can be used by experts and novices alike. games. Adobe Premiere Pro is a real-time. a scripting language called ActionScript and bi-directional streaming of audio and video. aimed at web designers (with features such as: slices. The version used for this tutorial is Adobe Photoshop CS. Adobe OnLocation is a direct-to-disk recording and monitoring software. C1A1Y Handouts Courtesy of Ms. Adobe Fireworks is a bitmap and vector graphics editor. It features support for vector and raster graphics. Files are automatically transcoded to MPEG-2 video and Dolby Digital audio.). Soundbooth is not replacing Adobe Audition. DVD menus can be created and edited in Adobe Photoshop using special layering techniques. more comprehensive guidance can be accessed on the web or in the help menu of your version of Photoshop. which is information about the history of computer files. rather creating a product for creative professionals who do not specialize in audio. 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. Catherine M. Adobe Photoshop is a raster graphics editor (with significant vector graphics functionality). While this handout offers some very basic tips on using the tools available in Photoshop. Version Cue also automates the process of collaboratively reviewing documents among groups of people. a free software application which allows the playing of standalone Adobe Flash (SWF) multimedia files. such as the fact that one file is a new version of a related older file. Catamora Page 2 . timeline based video editing software application. o • • • • • • Adobe Illustrator is a vector graphics editor.• • • Adobe Dreamweaver is a combination code / GUI web development application. Adobe Version Cue enables users to easily track and manipulate file metadata. 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. Adobe InDesign is a desktop publishing (DTP) software application. the ability to add hotspots etc. Adobe Soundbooth is a digital audio editor.

or simply Photoshop. Adobe countered by including SafeCast DRM starting with Adobe Photoshop CS. and is the flagship product of Adobe Systems. Thomas Knoll. Later that year. This program. Thomas remained in Ann Arbor writing program code. Photoshop's popularity. is a graphics editing program developed and published by Adobe Systems. John traveled to Silicon Valley and gave a demonstration of the program to engineers at Apple Computer Inc. caught the attention of his brother John Knoll. Adobe Photoshop is included in most of Adobe's Creative Suite offerings. C1A1Y Handouts Courtesy of Ms. Photoshop 1. who recommended Thomas turn it into a full-fledged image editing program. Thus. which had been renamed ImagePro. Adobe's 2005 "Creative Suite" rebranding led to Adobe Photoshop 8's renaming to Adobe Photoshop CS. a PhD student at the University of Michigan. called Display.0 was released in 1990 for Macintosh exclusively. It has been described as "an industry standard for graphics professionals and was one of the early "killer applications" on the PC. While John worked on plug-ins in California.Defining Adobe Photoshop and Its History Adobe Photoshop Adobe Photoshop. and Adobe decided to purchase the license to distribute in September 1988. an Industrial Light & Magic employee. Brief History In 1987. Both showings were successful. Catherine M. art director at Adobe. makes Photoshop's piracy rate relatively high. It is the current market leader for commercial bitmap and image manipulation software. Thomas took a six month break from his studies in 1988 to collaborate with his brother on the program. Catamora Page 3 . During this time. began writing a program on his Macintosh Plus to display grayscale images on a monochrome display. a "total of about 200 copies of Photoshop were shipped" this way. Adobe Photoshop CS4 is the 11th major release of Adobe Photoshop. 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. combined with its high retail price. and Russell Brown. The CS rebranding also resulted in Adobe offering numerous software packages containing multiple Adobe programs for a reduced price.

click again to bring it back to its original state. it contains the tools you will use to edit your images. C1A1Y Handouts Courtesy of Ms. Just click any tool to select and use it. Catamora Page 4 .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. 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. The toolbox contains the main tools for working on any images. Catherine M.

if you click and hold on the select tool. Catamora Page 5 . you'll see select options such as elliptical selection. In Photoshop. etc. For example. single row selection. click and hold your mouse on a tool to see its options.A small arrow next to a tool in the toolbox indicates that the tool also has additional options available. C1A1Y Handouts Courtesy of Ms. Catherine M.

that they all don’t fit in the toolbox. you just move your cursor to one of the items in the fly-out menu and release. and so what Adobe has done is hid some tools behind others. There is another way of selecting tools. you will see a tooltip with the corresponding keyboard shortcut. If you see a tool with a black arrow-head at the lower-right corner of the tool icon. In fact if you move your cursor over a tool for a few seconds.There are so many tools. click and hold on that tool and you will see a list of related hidden tool icons. To select one of those tools. and that is by using keyboard shortcuts. Catherine M. You don’t have to memorize each keyboard shortcut for each tool in the toolbox. C1A1Y Handouts Courtesy of Ms. Catamora Page 6 .

Using keyboard shortcuts will help you to become more efficient and more productive when working in Adobe Photoshop. Catherine M. Icon Tool Key Purpose Icon Tool Key Purpose Elliptical Marquee M selecting Single Row Marquee - selecting Rectangular Marquee M selecting Single Column Marquee selecting Lasso L selecting Move V transforming Polygonal Lasso L selecting Magic Wand W selecting Magnetic Lasso L selecting Crop C transforming Slice K web design Slice Select K web design Healing Brush J retouching Patch J 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. Catamora Page 7 .

The example below shows the tool options bar when the rectangular marquee tool is active. Whenever you select a tool in the toolbox. Catamora Page 8 . notice the tool option bar updates to become specific to the tool you have selected. Catherine M.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 Q 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). C1A1Y Handouts Courtesy of Ms.

Sometimes. C1A1Y Handouts Courtesy of Ms. Catherine M. 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. Catamora Page 9 . on a Mac Ctrl+Click on the tool icon on 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. Then you have to remember how to reset the tools option to their defaults. Right-Click on the tool icon on the tool options bar. when you change the options in the tool options bar. On Windows.

General Categories of Tools in the Toolbox C1A1Y Handouts Courtesy of Ms. Catherine M. You don't need to memorize all the tools at this point as you will learn how to use each of them. Catamora Page 10 . Resetting all your tools is recommended between projects or if another user has just finished using the same machine. while clicking on Reset All Tools will reset the tool options for all tools in your toolbox.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.

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

It contain various options in which you can use to manipulate your Photoshop document.  Photoshop Application Frame The gray background on Photoshop is your application frame.). you can launch the Adobe Bridge. You could also right-click on this area to change its color from gray to a customized one. to view different areas of the image currently being edited or the zoom tool to zoom in or out on the image. Catamora Page 12 . Retrieving Missing Panels C1A1Y Handouts Courtesy of Ms. after that you can use the File menu in opening your file. You can also select the hand tool. Photoshop Menu Bar On top of your working area is where you can find the menu bar. From this bar. This area is a convenient location for commonly used features and tools.  Photoshop Application Bar Under your menu bar is where you can find the application bar. Catherine M. You can double-click on this area to open a file (Note: This only works on the first file you open.

Catherine M. Check marks are placed on panels that are currently active on the screen. clicking the Window menu and select the panel you wish to use/open. Catamora Page 13 . C1A1Y Handouts Courtesy of Ms.In instances where panels were closed or you intentionally closed them you may open them and use them by.

and audio files: Preview. sort.  Perform automated tasks. web.  Manage your photos: Import and edit photos from your digital camera card. You can also edit metadata for files. Catherine M. and browse from print. video.  Work with Adobe Version Cue®-managed assets. Adobe Bridge helps you locate. organize. Catamora Page 14 . and open or import camera raw files and edit their settings without starting Photoshop. and process files in Adobe Bridge without opening individual applications. projects. video. search.Adobe Bridge Photoshop's File Browser has been completely rebuilt and renamed Adobe Bridge. and mobile content creation. and use Adobe Bridge to place files into your documents. C1A1Y Handouts Courtesy of Ms. such as batch commands. group related photos in stacks. From Adobe Bridge you can also perform the following:  Manage image. Adobe Bridge is an entirely separate application that can be launched independently and becomes the new hub for the Creative Suite. or compositions.

InDesign. With the Adobe Bridge you can view and manage all your image files. The Adobe Bridge can be launched independently. Illustrator. The screen shot above shows the Adobe Bridge in its default layout. or GoLive. you can even flip through multiple pages. and Adobe PDF files. it but is more customizable than the Photoshop CS file browser. C1A1Y Handouts Courtesy of Ms. Synchronize color settings across color-managed Creative Suite components. Catherine M. Catamora Page 15 . AI. When previewing PDF files in the Bridge. and it is just a button click away from within Photoshop. INDD. including native PSD.