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

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

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

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

Catamora Page 4 . C1A1Y Handouts Courtesy of Ms. Catherine M. it contains the tools you will use to edit your images.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. Just click any tool to select and use it. 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.

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

that they all don’t fit in the toolbox. you will see a tooltip with the corresponding keyboard shortcut. Catamora Page 6 . Catherine M. If you see a tool with a black arrow-head at the lower-right corner of the tool icon. To select one of those tools. click and hold on that tool and you will see a list of related hidden tool icons. C1A1Y Handouts Courtesy of Ms. 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 are so many tools. You don’t have to memorize each keyboard shortcut for each tool in the toolbox. and that is by using keyboard shortcuts. There is another way of selecting tools. In fact if you move your cursor over a tool for a few seconds.

Using keyboard shortcuts will help you to become more efficient and more productive when working in Adobe Photoshop. Catamora Page 7 . 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. 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. The example below shows the tool options bar when the rectangular marquee tool is active. Catamora Page 8 . notice the tool option bar updates to become specific to the tool you have selected. C1A1Y Handouts Courtesy of Ms. additional options appear in the Tool Options bar (by default this is located just below the main menu). Whenever you select a tool in the toolbox. Catherine M.

C1A1Y Handouts Courtesy of Ms. This can be annoying at times when you want it to go back to its original settings for another project.Sometimes. 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. 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. On Windows. Catherine M. when you change the options in the tool options bar. Or if there are different users who use the same computer and you want to revert to the tools default settings. Catamora Page 9 .

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

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

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

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

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

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

Sign up to vote on this title
UsefulNot useful