LESSON 2 - INTRODUCTION TO ADOBE PHOTOSHOP PDF

# Polytechnic University of the Philippines ## Office Management and Information Technology Institute of Technology - PUP Mabini Campus ## COMP 017 Multimedia ### Instr. Jonnalyn B. Apsay, LPT ## Lesson 2 : Introduction to Adobe Photoshop ### Introduction Adobe Photoshop is a software for edi...

# Polytechnic University of the Philippines ## Office Management and Information Technology Institute of Technology - PUP Mabini Campus ## COMP 017 Multimedia ### Instr. Jonnalyn B. Apsay, LPT ## Lesson 2 : Introduction to Adobe Photoshop ### Introduction Adobe Photoshop is a software for editing images that is widely utilized in industries to create and enhance digital images effectively and efficiently with its wide range of tools and features tailored for tasks such as graphic design and photo editing as well, as producing digital art pieces using its layer based editing system that offers users flexibility and accuracy in working on complex designs and effects. ### Learning Objectives * Understand Adobe Photoshop's history and primary uses. * Navigate the Photoshop interface and identify key tools. * Launch Photoshop, create new files, and save them properly. * Identify and use selection tools effectively. ### Lecture Discussion #### Brief History of Photoshop * Thomas and John Knoll, two brothers, invented Photoshop in 1987 and sold the distribution agreement granted in 1988 to Adobe Systems Incorporated. * Thomas Knoll, a doctoral candidate at the University of Michigan, started developing a Macintosh Plus application to display monochromatic graphics in grayscale. * Photoshop developed from a basic image editing tool to a complete collection of picture adjustments. * Initially, Photoshop was exclusive to Macintosh computers. * The Adobe launched the first version in 1990. * Seetharaman, the chief architect at Adobe, Photoshop was adapted to Microsoft Windows by Narayanan. * Because of the Windows port, Photoshop reached a greater mass market audience over the course of the following few years as Microsoft's global influence grew. ### System Requirements #### Windows Requirements | Requirement | Specification | |---|---| | Processor | Intel® or AMD processor with 64-bit support*; 2 GHz or faster processor | | Operating System | Microsoft Windows 7* with Service Pack 1 (64-bit)**, Microsoft Windows 10*** October 2018 update (64-bit) version 1809 or later | | RAM | 2 GB or more of RAM (8 GB recommended) | | Graphics Card | nVidia GeForce GTX 1050 or equivalent; nVidia GeForce GTX 1660 or Quadro T1000 is recommended | | Hard Disk Space | 3.1 GB or more of available hard-disk space for 64-bit installation; additional free space required during installation (cannot install on a volume that uses a case-sensitive file system) | | Monitor Resolution | 1280 x 800 display at 100% UI scaling with 16-bit color and 512 MB or more of dedicated VRAM; 2 GB is recommended † | | OpenGL | OpenGL 2.0-capable system | | Internet | Internet connection and registration are necessary for required software activation, validation of subscriptions, and access to online services †† | #### macOS System Requirements | Requirement | Specification | |---|---| | Processor | Multicore Intel processor with 64-bit support | | Operating System | macOS version 10.13 (High Sierra), macOS version 10.14 (Mojave), macOS version 10.15 (Catalina) (macOS 10.13.6 or later is recommended for best performance) | | RAM | 2 GB or more of RAM (8 GB recommended) | | Graphics Card | nVidia GeForce GTX 1050 or equivalent; nVidia GeForce GTX 1660 or Quadro T1000 is recommended | | Hard Disk Space | 4 GB or more of available hard-disk space for installation; additional free space required during installation (cannot install on a volume that uses a case-sensitive file system) | | Monitor Resolution | 1280 x 800 display at 100% UI scaling with 16-bit color and 512 MB or more of dedicated VRAM; 2 GB is recommended † | | OpenGL | OpenGL 2.0-capable system | | Internet | Internet connection and registration are necessary for required software activation, validation of subscriptions, and access to online services †† | ### Adobe Photoshop Versions - **Photoshop 1.0 (1990)** Released in 1990, Photoshop 1.0 introduced essential image editing tools for grayscale images, laying the groundwork for future developments in photo manipulation. This initial version set the stage for Photoshop's evolution into a powerful editing tool. - **Photoshop 2.0 (1991)** Photoshop 2.0, launched in 1991, added support for color images and vector paths, broadening its application for graphic design and print media. This version also introduced CMYK color mode, essential for professional printing. - **Photoshop 3.0 (1994)** Released in 1994, Photoshop 3.0 was notable for introducing layers, a game-changing feature that allowed users to work with multiple image elements independently. This version greatly enhanced creative flexibility and complexity in image editing. - **Photoshop 4.0 (1996)** Photoshop 4.0, released in 1996, introduced adjustment layers, enhancing non-destructive editing capabilities. This version also improved channel mixing, enabling more precise color adjustments and effects. - **Photoshop 5.0 (1998)** Launched in 1998, Photoshop 5.0 brought the History Palette for tracking changes and advanced tools like the Magnetic Lasso for better selections. These features facilitated more sophisticated image editing and management. - **Photoshop 6.0 (2000)** Photoshop 6.0, released in 2000, introduced Layer Styles and the Shape Tool, offering new ways to apply effects and create graphics. This version also improved vector drawing capabilities. - **Photoshop CS (2003)** Released in 2003, Photoshop CS marked the start of the Creative Suite era, featuring Camera RAW 2.0 and enhancements like the Match Color command. This version improved image editing and integration with other Adobe applications. - **Photoshop CS2 (2005)** Photoshop CS2, launched in 2005, introduced Smart Objects and non-destructive editing features, along with the Lens Correction filter. These additions provided greater flexibility and precision in image adjustments. - **Photoshop CS3 (2007)** Released in 2007, Photoshop CS3 enhanced image stitching capabilities and mobile optimization. It also provided improved support for Camera Raw, facilitating better image management and editing. - **Photoshop CS4 (2008)** Photoshop CS4, introduced in 2008, featured Content-Aware Scaling, an enhanced adjustments panel, and improved file management. This version also refined the Lightroom workflow for better integration. - **Photoshop CS5 (2010)** Released in 2010, Photoshop CS5 brought 64-bit support for improved performance and new tools like Puppet Warp and Content-Aware Fill, significantly enhancing image manipulation capabilities. - **Photoshop CS6 (2012)** Photoshop CS6, launched in 2012, featured a redesigned user interface and advanced video editing tools. This version also introduced Auto Save and improved layer management. - **Photoshop CC (2013)** Released in 2013, Photoshop CC marked the transition to a subscription model with cloud integration, including features like Camera Raw as a filter and Camera Shake Reduction. This version enhanced creative tools and cloud connectivity. - **Photoshop CC 2014 (2014)** Photoshop CC 2014, launched in 2014, focused on performance improvements and added features such as two new blur tools and a focus mask. It also enhanced Smart Object capabilities. - **Photoshop CC 2015 (2015)** Released in 2015, Photoshop CC 2015 introduced multiple layer styles, improved export options, and better Adobe Stock integration. This version also enhanced library management with file linking. - **Photoshop CC 2017 (2016)** Photoshop CC 2017, launched in 2016, featured in-app search, enhanced Adobe XD integration, and support for SVG color fonts, improving overall performance and creative capabilities. - **Photoshop CC 2018 (2017)** Released in 2017, Photoshop CC 2018 introduced stroke smoothing, a new Curvature Pen Tool, and streamlined brush management. This version also allowed direct access to Lightroom photos. - **Photoshop CC 2019 (2018)** Photoshop CC 2019, announced in late 2018, enhanced creative tools with features like Content-Aware Fill workspace and improved selection tools. This version focused on efficiency and creative flexibility. - **Photoshop 2020 (2019)** Released in fall 2019, Photoshop 2020 introduced Al-powered tools like the Object Selection Tool and improved Warp Tool, along with enhanced cloud document management. - **Photoshop 2021 (2020)** Photoshop 2021, launched in 2020, featured advanced Al tools such as Neural Filters and Sky Replacement, focusing on enhancing creative capabilities and performance. - **Photoshop 2022 (2021)** Released in 2021, Photoshop 2022 continued to leverage AI with features like Generative Fill using Adobe Firefly and real-time editing enhancements. This version emphasized advanced creative features and performance improvements. ### Photoshop Interface and Tools - **Home:** Click this tab to open the Home screen. - **Learn:** Click this tab to open a list of basic and advanced tutorials on Photoshop to get started with the application. - **Lightroom Photos:** Click this tab to access your synced Lightroom photos and import them into a Photoshop document. - **Cloud Documents:** View a list of all saved cloud documents in Photoshop, whether created in Photoshop on your iPad or desktop. - **Deleted:** Find a complete list of cloud documents that you have deleted here. You can choose to restore the documents or permanently delete them. - **Create New:** Click this button to create a new document. You can create a document by selecting one of the numerous templates and presets available in Photoshop. - **Open:** Click this button to open an existing document in Photoshop. #### Templates and Presets - **Templates:** Provide inspiration and reusable elements for your documents. You can download templates from Adobe Stock that include quality graphics and illustrations right within Photoshop. - **Blank Document Presets:** Blank documents have predefined dimensions and settings. Presets make designing for specific device form factors or use cases easier. #### Working Area for Windows - **Applications Bar:** The Application bar across the top contains a workspace switcher, menus (Windows only), and other application controls. - **Options Bar:** The Options bar Control panel displays options for the currently selected tool. #### Panels - **Tools Panel:** The Tools panel contains tools for creating and editing images, artwork, page elements, and so on. - **Document Window:** The Document window displays the file you are working on. Document windows can be tabbed and, in certain cases, grouped and docked. - **Panels:** Panels help you monitor and modify your work. Panels can be grouped, stacked, or docked. - **Canvas:** The Canvas is the area where you will create/modify your images. The white area by default. ##### Panels Tips 1. **Tip 2**: If you accidentally close a panel like History, you can open it to your applications bar just click Window>History 2. **Tip 3**: If you want to arrange your panels back to the default workspace go to Window>workspace>Reset Essentials #### Tools - **Selection Tools** - Move (V) - Rectangular Marquee (M) - Elliptical Marquee (M) - Single Column Marquee - Single Row Marquee - Lasso (L) - Polygonal Lasso (L) - Magnetic Lasso (L) - Quick Selection (W) - Magic Wand (W) - **Crop and Slice Tools** - Crop (C) - Perspective Crop (C) - Slice (C) - Slice Select (C) - **Measuring tools** - Eyedropper (1) - 30 Material Eyedropper (1) - Color Sampler (1) - Ruler (1) - Note (1) - 123 Court (1) - **Retouching tools** - Spot Healing Brush (1) - Healing Brush (1) - Patch (1) - Content Aware - Red Eye (1) - Clone Stamp (5) - Pattem Stamp (5) - **Eraser** - Blur - Eraser (E) - Background Eraser (E) - Magic Eraser (E) - Sharpen - Smudge - Dodge (0) - Burn (0) - Sponge (0) - **Path Selection** - Path Selection (A) - Direct Selection (A) - **Rectangle** - Rectangle (U) - Rounded Rectangle (U) - Ellipse(U) - Polygon (U) - Line (U) - Custom Shape (U) - **Painting tools** - Brush (B) - Pencil (8) - Color Replacement (B) - Mixer Brush (8) - History Brush (Y3 - Art History Brush (Y) - Gradient (G) - Paint Bucket (G) - 3D Material Drop - **Drawing and type tools** - Pen (P) - Freeform Pen (P) - Add Anchor Point - Delete Anchor Point - Convert Point - Horizontal Type (T) - Vertical Type (T) - Horizontal Type Mask (T) - Vertical Type Mask (T) - **Navigation tools** - Hand (H) - Rotate View (R) - Zoom (Z) #### Photoshop Tools Layout - **Selection Tools** - Rectangular Marquee Tool (M) - Elliptical Marquee Tool (M) - Single Row Marquee Tool (M) - Single Column Marquee Tool (M) - **Crop and Slice tools** - Crop Tool - Slice Tool - **Measurement tools** - Eyedropper Tool (1) - Color Sampler Tool (1) - Ruler Tool (1) - **Retouching and Painting tools** - Spot Healing Brush Tool (J) - Healing Brush Tool (J) - Patch Tool (J) - Clone Stamp Tool (S) - Pattern Stamp Tool (S) - Brush Tool (B) - Pencil Tool (B) - **Drawing and Type tools** - Pen Tool (P) - Freeform Pen Tool (P) - Curvature Pen Tool (P) - Horizontal Type Tool (T) - Vertical Type Tool (T) - **Navigation tools** - Hand Tool (H) - Rotate View Tool (R) - Zoom Tool (Z) #### Example Versions of Photoshop and Tools - **Adobe Photoshop 2023** - **Selection tools:** Move tool, Artboard tool, Rectangular Marquee tool, Elliptical Marquee tool, Single Column Marquee tool, Single Row Marquee tool, Lasso tool, Polygonal Lasso tool, Magnetic Lasso tool, Object Selection tool, Quick Selection tool, Magic Wand tool. - **Navigation tools:** Hand, Rotate View, Zoom. - **Drawing & Type tools:** Pen tool, Freeform Pen tool, Curvature Pen tool, Add Achor Point tool, Delete Anchor Point tool, Convert Point tool, Horizontal Type tool, Vertical Type tool, Horizontal Type Mask tool, Vertical Type Mask tool, Path Selection tool, Direct Selection tool, Rectangle tool, Ellipse tool, Triangle tool, Polygon tool, Line tool, Custom Shape tool. - **Crop & Slice tools:** Crop tool, Perspective Crop tool, Slice tool, Slice Select tool. - **Measuring tools:** Eyedropper tool, 3d Material Eyedropper tool, Color Sampler tool, Ruler tool, Note tool, 123 Count tool. - **Retouching tools:** Spot Healing Brush tool, Healing Brush tool, Patch tool, Content Aware Move tool, Red Eye tool, Clone Stamp tool, Pattern Stamp tool, Eraser tool, Background Eraser tool, Magic Eraser tool, Blur tool, Sharpen tool, Smudge tool, Dodge tool, Burn tool, Sponge tool. - **Painting tools:** Brush tool, Pencil tool, Color Replacement tool, Mixer Brush tool, History Brush tool, Art History Brush tool, Gradient tool, Paint Bucket tool, 3d Material Drop tool. - **Photoshop 2021** - **Selection tools:** Move tool (V), Artboard tool (V), Rectangular Marquee (M), Elliptical Marquee (M), Single Row Marquee tool, Single Column Marquee tool, Lasso (L), Polygonal Lasso (L), Magnetic Lasso (L), Quick Selection tool (W), Object Selection tool (W), Magic Wand tool (W). - **Crop and Slice tools:** Crop Tool (C), Perspective Crop Tool (C), Slice tool (C), Slice Select Tool. - **Measuring Tools:** Eyedropper Tool (1), 3D Eyedropper Tool (1), Color Sampler Tool (1), Ruler Tool (1), Note Tool (1), Count Tool (1). - **Painting tools:** Brush Tool (B), Pencil Tool (B), Color Placement Tool (B), Mixer Brush Tool (B), History Brush Tool (Y), Art History Brush Tool (Y), Gradient Tool (G), Paint Bucket Tool (G), 3D Material Drop Tool (G). - **Retouching tools:** Spot Healing Brush Tool (J), Healing Brush Tool (J), Patch Tool (J), Content-Aware Move Tool (J), Red Eye Tool (J), Clone Stamp Tool (S), Pattern Stamp Tool (S), Eraser Tool (E), Background Eraser Tool (E), Magic Eraser Tool (E), Blur Tool, Sharpen Tool, Smudge Tool, Dodge Tool, Burn Tool, Sponge Tool. - **Drawing and Type tools:** Pen Tool (P), Freeform Pen Tool (P), Curvature Pen Tool (P), Add Anchor Point Tool, Delete Anchor Point Tool, Convert Point Tool, Horizontal Type Tool (T), Vertical Type Tool (T), Vertical Type Mask Tool (T), Horizontal Type Mask Tool (T), Path Selection Tool (A), Direct Selection Tool (A), Rectangle Tool (U), Ellipse Tool (U), Triangle Tool (U), Polygon Tool (U), Line Tool (U), Custom Shape Tool (U). - **Navigation tools:** Hand Tool (H), Rotate View Tool (R), Zoom Tool (Z). ### Basic File Operations (NEW, OPEN, SAVE) - **Creating a New File:** To start a new project, use the shortcut Ctrl+N (or Command+N on Mac), or go to File > New. Choose your preferred size, resolution, and color mode. - **Opening a File:** Use Ctrl+O (or Command+O on Mac), or File > Open to import an image into Photoshop. - **Saving a File:** To save a file for future editing, choose File > Save As and select the PSD format. This format retains layers and allows further adjustments. For final output, files can also be saved as JPEG, PNG, or TIFF. ### Saving Documents 1. **Applications Bar:** Choose File > Save as (Shift+Ctrl+S) 2. Choose whether to save it to cloud documents or to your computer. ### Assessment 1: Photoshop Exploration and Presentation * Create a short presentation (3-5 slides) using screenshots that demonstrate their navigation through the Photoshop interface. * The presentation should include the following : - Brief history of Photoshop and its uses in the creative industry. - A labeled screenshot of the Photoshop interface, identifying the key areas (Menu Bar, Tools Panel, Options Bar, etc.). - Demonstration of creating a new file and saving it as a PSD and JPEG format. - Use of selection tools (Marquee, Lasso, or Magic Wand) to isolate part of an image. * Format: Submit the final PSD file and a JPEG export of the completed composition. * Submission: Save the file as PETA1[YourLastName]_[YourFirstName].docx (e.g., PETA1Apsay_Jonnalyn.docx). #### Rubrics of Activity | Criteria | Excellent (20-25 points) | Good (15-19 points) | Satisfactory (10-14 points) | Needs Improvement (0-9 points) | Points | |---|---|---|---|---|---| | Content (25 points) | Thorough understanding of Photoshop's history, interface, and tools with accurate presentation. | Adequate coverage of key concepts with minor omissions or errors. | Partial understanding of concepts, with incomplete examples or descriptions. | Lacks understanding of concepts; missing key sections. | 25 | | Clarity and Design (20 points) | Presentation is well-organized, visually appealing, and easy to follow. | Clear presentation with minor issues with layout or organization. | Presentation is somewhat disorganized or lacks visual clarity. | Unclear presentation with poor organization and design. | 20 | | Accuracy (25 points) | Screenshots accurately depict key tools and operations; proper use of selection tools. | Mostly accurate use of tools with minor mistakes. | Screenshots are present but lack clarity or correctness. | or missing key steps. | 25 | | Application of Tools (20 points) | Correct use of selection tools and proper file-saving techniques demonstrated. | Mostly correct use of tools with minor mistakes. | Some mistakes in the application of tools or file operations. | Incorrect use of tools and file-saving techniques. | 20 | | Submission and Formatting (10 points) | Submitted on time in the correct format. | Submitted on time or with minor formatting issues. | Incomplete format or incomplete submission. | Not submitted or wrong format. | 10 | | **Total** | | | | | | ## Assignments 1. **Interfaces of Adobe Photoshop** - Explore and describe the different interfaces of Adobe Photoshop. - Include screenshots or relevant pictures of each interface. 2. **Adobe Photoshop Toolbars and Hidden Toolbars** - Identify the various toolbars and hidden toolbars in Adobe Photoshop based on the versions of Photoshop installed on your personal computer. - Explain the use and functions of each toolbar and hidden feature. - Include related images or visual representations. #### Requirements * **References:** All sources must be cited in APA format using a citation machine or other APA reference tools. * **Submission:** Save the file as Act1[YourLastName]_[YourFirstName].docx (e.g., Act1Apsay_Jonnalyn.docx). #### Rubrics of Assignment | Criteria | Excellent (5) | Good (4) | Fair (3) | Needs Improvement (2-1) | Score | |---|---|---|---|---|---| | Content Accuracy | Thorough research and accurate details on interfaces and toolbars, with clear explanations and relevant visuals. | Accurate research, some minor details missing, visuals included. | Adequate research but missing key details, limited or no visuals. | Lacks sufficient research and explanation, visuals missing or irrelevant. | | | Use of References (APA) | All sources cited correctly in APA format. | Most sources cited correctly with minor APA errors. | Some references included but formatted incorrectly. | Few or no references cited; major APA formatting errors. | | | Reflection | Deep reflection, thoughtful insights, and clear connection to personal experience. | Good reflection with personal insights, and some connection to learning. | Reflection present but lacks depth or personal insight. | Minimal or no reflection; lacking depth and personal engagement with the topic. | | | Grammar and Clarity | Sentences are grammatically correct with excellent clarity. | Minor grammatical errors that do not hinder understanding. | Several grammatical errors, but some meaning is clear | Frequent grammatical errors, making the content difficult to understand. | | | Presentation and Organization | Well-organized, visually appealing with relevant images and captions. | Mostly well-organized, some minor layout or visual issues. | Some organization but lacks consistency in layout or visuals | Poor organization, visuals missing or unrelated to the content. | | | **Total** | | | | | | #### References * **“Photoshop User Guide.”** Adobe.com, 2019, helpx.adobe.com/photoshop/user-guide.html * **Make quick selections in Photoshop.** (2019). Adobe.com. https://helpx.adobe.com/photoshop/using/making-quick-selections.html. * **“Adobe Photoshop Workspace Basics.”** Adobe.com, 2015, helpx.adobe.com/photoshop/using/workspace-basics.html * **“How to Use Selection Tools | Photoshop Tutorial for Beginners | Adobe Photoshop- YouTube.”** Youtu.be, 2024, youtu.be/PQtDXAQs37U. Accessed 19 Sept. 2024. * **“Photoshop Interface YouTube.”** Youtu.be, 2024, youtu.be/DrWLssO9CoE. Accessed 19 Sept. 2024. * **“Photoshop Tools and Toolbar Overview.”** Photoshop Essentials, 27 July 2017, www.photoshopessentials.com/basics/photoshop-tools-toolbar-overview/.