1. Image Editing Pertemuan 04-05 Matakuliah: L0182 / Web & Animation Design Tahun: 2008

2. Bina Nusantara Learning Outcomes Pada akhir pertemuan ini, diharapkan mahasiswa akan mampu : Memanipulasi text dan gambar dengan menggunakan tools pada Adobe Photoshop CS3

3. Bina Nusantara Outline Materi Photoshop Workspace Tools Palette Option Bar Create a New Image Open an Image Image Resolution & Resizing Image Transform Layer Filtering

4. Bina Nusantara Photoshop Adobe Photoshop is a professional image editing software package that can be used by experts and novices alike.

5. Bina Nusantara Workspace The Adobe Photoshop CS3 workspace is arranged to help you focus on creating and editing images. The workspace includes menus and a variety of tools and palettes for viewing, editing, and adding elements to your images.

6. Bina Nusantara Workspace (cont..) Default Photoshop workspace : A. Document window B. Dock of panels collapsed tob icons C. Panel title bar D. Menu bar E. Options bar F. Tools palette G. Collapse To Icons button H. Three palette (panel) groups in vertical dock

7. Bina Nusantara Tools Palette The tools are grouped into four categories : –Selection : use these tools to select objects. –Creative : Use these tools to draw objects and retouch photos. –Vector : Use these tools to work with vectors. –Navigation and Information : Use these tools tot view the page and gather information.

8. Bina Nusantara

9. How to Use a Tool If there is a small triangle at a tool’s lower right corner, hold down the mouse button to view the hidden tools. Then click the tool you want to select. Using the selecting tools A. Tools palette B. Active tool C. Hidden tools D. Tool name E. Tool shortcut F. Hidden tool triangle

10. Bina Nusantara Option Bar Option bar displays options for the active (selected) tool.

11. Bina Nusantara Create a New Image Choose File > New

12. Bina Nusantara Open an Image Choose File > Open Browse the file you want to open Click open

13. Bina Nusantara Image Resolution & Resizing Choose Image > Image Size Change the width & height value to resize the image. Change the resolution value to change the image resolution.

14. Bina Nusantara Image Transform Image transform : –Scale –Rotate –Skew –Distort –Perspective –Warp Step : –Select the image you want to transform –Go to edit > transform –Choose the transform method you want to apply

15. Bina Nusantara Rotate

16. Bina Nusantara Warp

17. Bina Nusantara Layer Photoshop layers are like sheets of stacked acetate. You can see through transparent areas of a layer to the layers below. You move a layer to position the content on the layer, like sliding a sheet of acetate in a stack. You can also change the opacity of a layer to make content partially transparent.

18. Bina Nusantara Layer Palette The Layers palette lists all layers, layer groups, and layer effects in an image. You can use the Layers palette to show and hide layers, create new layers, and work with groups of layers. Photoshop Layers palette : A. Layers palette menu B. Layer Group C. Layer D. Expand/Collapse Layer effects E. Layer effect F. Layer thumbnail

19. Bina Nusantara Layer Style Double click at the layer you want to add style

20. Bina Nusantara Layer Style (cont..) Image With Border

21. Bina Nusantara Layer Mask You can use masks to hide portions of a layer and reveal portions of the layers below. You can create two types of masks : –Layer masks are resolution-dependent bitmap images that are edited with the painting or selection tools. –Vector masks are resolution independent and are created with a pen or shape tool. Masking layer A.Layer mask thumbnail B.Vector mask thumbnail C.Vector Mask Link icon D.Add Mask

22. Bina Nusantara Layer Mask (cont..)

23. Bina Nusantara Filter You can use filters to clean up or retouch your photos, apply special art effects that give your image the appearance of a sketch or impressionistic painting, or create unique transformations using distortions and lighting effects. The Filter Gallery provides a preview of many of the special effects filters. You can apply multiple filters, turn on or off the effect of a filter, reset options for a filter, and change the order in which filters are applied.

24. Bina Nusantara Filter Gallery Filter Gallery dialog box A. Preview B. Filter category C. Thumbnail of selected filter D. Show/Hide filter thumbnails E. Filters pop ‑ up menu F. Options for selected filter G. List of filter effects to apply or arrange H. Filter effect selected but not applied I. Filter effects applied cumulatively but not selected J. Hidden filter effect

25. Bina Nusantara Plastic Wrap Filter

26. Bina Nusantara Chalk & Charcoal Filter