Computer Science.pptx
Download as PPTX, PDF0 likes92 views
This document provides an overview of essential concepts in photo editing using Adobe Photoshop, including creating and saving documents, manipulating layers, and changing views. It explains the Photoshop interface, tools, and how to arrange images, use guides and grids, and manage layers effectively. Additionally, it covers advanced features such as layer masks and smart objects for efficient editing and design.
Computer Science.pptx
- 2. Basic Concepts in Photo Editing •Create and save new documents files in Adobe Photoshop •Manipulate layers in Adobe Photoshop
- 3. Create and save new documents files in Adobe Photoshop ❖ Execute Opening, Viewing and Saving of Files by ⮚ Creating a new document ⮚ Saving files ⮚ Opening Existing Documents ⮚ Changing Views ⮚ Arranging open images ⮚ Guides, Grids and Rulers
- 4. Manipulate layers in Adobe Photoshop ❖ Create and use the following types of Layers ⮚ Layers Basic ⮚ Managing Layers ⮚ Layer Blending ⮚ Layer Mask ⮚ Using Smart Objects ⮚ Layer Styles
- 5. Lesson 1 Overview of Adobe Photoshop Adobe Photoshop is a seriously powerful photo and image editing application. Let us have a quick look at what Photoshop is, and what it is not. Remember that Photoshop is not a drawing program.
- 6. Launching the Photoshop Application 1. Click the start button on the Windows taskbar. Point to All Programs on the start menu. Point to Adobe and then click Adobe Photoshop. 2. Once you have opened the application (after a few moments of loading time), the Photoshop interface will appear as shown.
- 8. ⮚ Tool Bar – Provides access to a variety of tools with multiple image-editing functions. •These tools typically fall under the categories of drawing; painting; measuring and navigation; selection; typing; and retouching. •Some tools contain a small triangle in the bottom right corner of the tool icon; these tools can be expanded to reveal similar tools.
- 9. ⮚Options Bar – Works in coordination with your tool bar to provide additional settings for the tool you’re currently using. •The options bar changes according to whichever tool you are using.
- 10. ⮚Menu Bar – Contains menus for performing common tasks •Consists of eleven menu options: File; Edit; Image; Layer; Type; Select; Filter; 3D; View; Window; Help •Menu items containing an ellipsis indicate that a dialogue box will follow that option. •Menu items with an arrow indicate a submenu for that particular option.
- 11. ⮚Panels/Palettes - Helps you monitor and modify your work •Provides groups of functionalities specific to certain tools or tasks. •You can create a custom workspace by moving and manipulating panels.
- 12. Opening a Photoshop Document To open or create a new document in Photoshop, follow these steps: 1. Click “File” on the menu bar, and then select “New”.
- 13. Opening a Photoshop Document To open or create a new document in Photoshop, follow these steps: 2. You will see a New dialog box like this. 3. Use the New dialog box to create a new, blank document. Then, select the attributes for the new file. 4. Type a name for your new document and select a preset size from a drop-down list. Then set the resolution and background of your new Photoshop document. You can choose a colored, white, or transparent background.
- 14. Opening a Photoshop Document To open or create a new document in Photoshop, follow these steps: 5.The resolution which tells how much information is contained in your image, how clear it is, how big the file is and what it looks like in the format you want to output it in. Do not get confused. As a beginner, just use the default resolution of 72. The recommended setting is: Web Resolution = 72dpi Print resolution = 150 or 300dpi Film Resolution = 600dpi
- 15. Saving a Photoshop Document To save your file after working on your new Photoshop document, follow the steps: 1. Click the file menu. 2. Click Save as. 3. Choose the file format (e.g., in PSD) you wish to save the file.
- 16. Changing Views You can use the screen mode options to view images on your entire screen. You can show or hide the menu bar, title bar, and scroll bars.
- 17. Changing Views Do one of the following: 1. To display the default mode (menu bar at the top and scroll bars on the side), choose View > Screen Mode > Standard Screen Mode. Or click the Screen Mode button in the Application bar and select Standard Screen Mode from the pop-up menu.
- 18. Changing Views Do one of the following: 2. To display a full-screen window with a menu bar and a 50% gray background, but no title bar or scroll bars, choose View > Screen Mode > Full Screen Mode With Menu Bar. Or click the Screen Mode button in the Application bar and select Full Screen Mode With Menu Bar from the pop-up menu.
- 19. Changing Views Do one of the following: 3. To display a full-screen window with only a black background (no title bar, menu bar, or scroll bars), choose View > Screen Mode > Full Screen Mode. Or, click the Screen Mode button in the Application bar, and select Full Screen Mode from the pop-up menu. Note: Press the F key to quickly cycle through screen modes.
- 20. Arranging open images The Application Frame and tabbed- document workspace help you manage several open documents; if you turn off the Application Frame, your documents can get scattered across your screen. However, you can herd open windows together by using the commands listed under Window → Arrange.
- 21. Arranging open images Use the Window →Arrange commands to create order out of chaos by tiling (top) or cascading (bottom) your windows. (You can’t cascade tabbed documents because they’re attached— or rather, docked—to the top of the Photoshop window.
- 22. Arranging open images The fix is to choose Window →Arrange →“Float All in Windows” first, and then choose Cascade.) When the Application bar was removed back in CS6, the Arrange Documents menu disappeared along with it; however, Adobe moved its commands to the Window →Arrange submenu.
- 23. Arranging open images Documents scattered across the screen
- 24. Arranging open images Cascade View
- 25. Arranging open images Tile View
- 26. Guides, Grids and Rulers To change the rulers’ zero origin, position the pointer over the intersection of the rulers in the upper-left corner of the window, and drag diagonally down onto the image. A set of cross hairs appears, marking the new origin on the rulers. The new zero origin will be set where you release the mouse button.
- 27. Guides, Grids and Rulers Change the guides and grid settings 1. Choose Edit > Preferences > Guides & Grid. 2. Under the Guides or Grids area: • Choose a preset color or click the color swatch to choose a custom color.
- 28. Guides, Grids and Rulers Change the guides and grid settings • Choose the line style for the grid. Choose Lines for solid lines, or choose Dashed lines or Dots for broken lines. 3. For Gridline Every, enter a number value, and then choose the unit of measurement to define the spacing of major grid lines. 4. For Subdivisions, enter a number value to define the frequency of minor grid lines, and click OK.
- 29. Lesson 2 Manipulate layers in Adobe Photoshop Layers Basic Photoshop documents are composed of layers, which can basically be described as single transparent sheets which hold particular pieces of an image. These layers can contain images, text and vector graphics. They can be rearranged and grouped according to user needs. Layers are controlled with the use of the Layers pane.
- 30. Layer pane
- 31. Layers Pane The layers pane is one of the panes that is best to keep visible at all times. If you do not see it when you open Photoshop, go to window> show layers and it will be restored.
- 32. Adding New Layers You can think of the layers as clear pages overlaying each other. The layers pane provides a good visualization of this concept because the layers appear in the layers pane as they are organized in the document. To demonstrate this, add a new layer and type a little on it.
- 33. Adding New Layers ⮚Go to Layer> and Select New Layer. Type a name for the layer in the dialog box that appears and click enter. ⮚It should now appear in the layers pane (but since it is currently empty, there will be no sign of it in the image). ⮚Select the text tool from the tool bar, click and drag somewhere on the image (making sure the new layer is still highlighted in blue).
- 34. Selecting Layers 1. Select the Type tool and type a title or Filename. On the top text layer, click the eye icon. 2. Click on the paintbrush next to it. 3. Click on the name of the layer below. 4. You see that the paintbrush now shows on the new active layer. 5. Click on the empty paintbrush box to lock and unlock layers to avoid unwanted changes. 6. The squiggle means it is locked.
- 35. Arranging Layers Arranging layers can be done manually. To do it, follow these steps. 1. Click and drag your text layer underneath the original image layer. You will see that the text no longer appears. That is because it is now located behind the opaque image layer. However, there is a quicker and easier way. 2. Just click on the do geared page icon at the bottom of the layers pane. 3. You can double click on this layer's name to change it. 4. If you want to delete a layer, you can either drag it to the trash icon at the bottom of the layers pane or select the layer and click the trash icon.
- 36. Merging Layers Sometimes you want to combine the contents of two layers onto one layer. To do it, follow the following steps: 1. Select the layer you want to be on top of the new merged layer, make sure the other layer you would like to merge is directly beneath it, and select Merge Down from the Layer menu. 2. The two layers are now one. If you want to merge down an entire file of layers, select "Flatten image" from the layers menu and then all layers will be squashed into one.
- 37. Merging Layers Sometimes you want to combine the contents of two layers onto one layer. To do it, follow the following steps: 3. When you merge or flatten layers that contain text layers, you will be asked whether you would like to rasterize that text (that is, convert it to an image and lose the ability to edit it). It is a good idea to copy any layer and hide them before you rasterize and merge. 4. It saves you the work of completely recreating layers if you decide to change text.
- 38. Layer Mask Layer masking is a reversible way to hide part of a layer. This gives you more editing flexibility than permanently erasing or deleting part of a layer. Layer masking is useful for making image composites, cutting out objects for use in other documents, and limiting edits to part of a layer. You can add black, white, or gray color to a layer mask. One way to do that is by painting on the layer mask. Black on a layer mask hides the layer that contains the mask, so you can see what is underneath that layer. Gray on a layer mask partially hides the layer that contains the mask. White on a layer mask shows the layer that contains the mask.
- 39. Create a layer mask Add a layer mask 1. Start with a document that has at least two images, each on a separate layer. Select the top image layer in the Layers panel. 2. Click the Add layer mask button in the Layers panel. This adds a white layer mask to the selected layer. You can still see everything on the layer with the mask, because the mask is white.
- 40. Create a layer mask Paint on the layer mask with black, white, and gray 1. In the Layers panel, make sure there is a white border around the layer mask thumbnail. If there is not a white border, click the layer mask thumbnail. 2. Select the Brush tool in the Toolbar. In the Options bar, open the Brush Picker to set brush size and hardness. Drag the Hardness slider toward the left to create a soft brush tip.
- 41. Create a layer mask Paint on the layer mask with black, white, and gray 3. Press D and then press X on the keyboard to set the foreground color to black and the background color to white. 4. Paint over the image in the document window to add black to part of the layer mask. The black hides the corresponding part of the layer that contains the mask, so the image on the layer underneath shows through. Soft edges of the brush apply gray to the layer mask, creating a gradual transition between the layered images.
- 42. Create a layer mask Paint on the layer mask with black, white, and gray 5. If you hide more of a layer than you intended to, press X on the keyboard to switch the foreground color to white. Then paint over hidden areas of the layer that contains the mask. This adds white to the mask, bringing those areas back into view.
- 43. Create a layer mask Tip: A quick way to change brush size as you paint is to press the right bracket key on the keyboard to increase brush size or press the left bracket key to decrease brush size. Tip: Reducing the brush Flow value in the Options bar allows you to build up shades of gray as you paint with black on a layer mask. Shades of gray on a layer mask partially hide the layer that contains the mask. Save your work with layers Save the image in .PSD or .TIFF format to retain layers and layer masks for future editing.
- 44. Understand Smart Objects In Photoshop, you can embed the contents of an image into a Photoshop document. In Photoshop, you can also create Linked Smart Objects whose contents are referenced from external image files. The contents of a Linked Smart Object are updated when its source image file changes. Linked Smart Objects are distinct from duplicated instances of a Smart Object within a Photoshop document. With Linked Smart Objects, you can use a shared source file across multiple Photoshop documents which is a familiar and welcome concept for web designers.
- 45. With Smart Objects, you can: 1. Perform nondestructive transforms. You can scale, rotate, skew, distort, perspective transform, or warp a layer without losing original image data or quality because the transforms don't affect the original data. 2. Work with vector data, such as vector artwork from Illustrator, that otherwise would be rasterized in Photoshop. 3. Perform nondestructive filtering. You can edit filters applied to Smart Objects at any time. 4. Edit one Smart Object and automatically update all its linked instances. 5. Apply a layer mask that's either linked or unlinked to the Smart Object layer. 6. Try various designs with low-resolution placeholder images that you later replace with final versions.
- 46. Computer Science 2 Thank You…