Photoshop. Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares,

Slides:



Advertisements
Similar presentations
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Advertisements

The GIMP Simple features tutorial By Mary A White.
Adobe Photoshop Elements photo editing software licensed for use on DEC computers can be purchased for home use by DEC staff Company name Name of.
Adobe ImageReady 3 Foundation Level Course. What is ImageReady? ImageReady is a graphics program that offers several tools tailored to efficiently prepare.
Objectives Define photo editing software
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.
Adobe Photoshop CS Design Professional ADOBE PHOTOSHOP CS GETTING STARTED WITH.
ETT 429 Spring 2007 Digital Photography/Scanners.
V Obtained from a Guildford County workshop-Summer, 2014.
DIGITAL GRAPHICS & ANIMATION
Task 2 Create Your Competition Entry Guidance Notes.
BITMAP & VECTOR GRAPHICS Art Fundamentals of Graphic Design.
Understanding Web Graphics Web Design Section 5-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Computer Image Dr Jimmy Lam CAD for Fashion and Textiles.
Photoshop Software Rasterized, file formats, and printing choices.
Foundations of Web Design I Photoshop CS5 Michael Daniel
INTRODUCTION TO PHOTOSHOP. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Work Area Work Area.
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
What is the Photoshop interface? Adobe Photoshop is a powerful tool for editing photographs and graphics. The first step in learning Photoshop is to familiarize.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.
HTML Comprehensive Concepts and Techniques Second Edition.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
PhotoshopPhotoshop. Photoshop What is Photoshop? An image editing program used to create and modify digital images What is a digital image? – A picture.
Illustrator I I450 Technology Seminar. Bitmap vs. Vector Photoshop = Bitmap Illustrator = Vector Bitmap images are resolution dependent Vector images.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
PLACING AND LINKING GRAPHICS
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Creating a Silhouette in Illustrator. Go File>Place and place the photo on the artboard. Select the photo and click Live Trace (its on the tool bar right.
Scanning Basics. An image can be created, opened, edited, and saved in over a dozen different file formats in Photoshop. Of these, you might use only.
Editing Images for the Web. Optimization/Compression Graphics optimization is important for fast web page display.
Photoshop. Photoshop is a program used largely for the purpose of manipulating, altering or editing images.
Graphics Concepts Presentation
Chapter 1 Getting Started with Adobe Photoshop CS4.
Information Technology Images: Types, Resolution and Techniques.
Adobe Photoshop CS5 Chapter 1 Editing a Photo. Start Photoshop and customize the Photoshop workspace Open a photo Identify parts of the Photoshop workspace.
Adobe Photoshop T.Ahlam Algharasi. Adobe Photoshop Adobe Photoshop is a seriously powerful photo and image edit ( treating and manipulation, compositing,
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
Welcome eager young artists! Ms. Edelman Saturday, March 12, 2016  DO NOW: take out your notebook and a pen.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.
Adobe Illustrator CS Design Professional WITH ILLUSTRATOR GETTING STARTED.
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
Adobe Photoshop CS5.
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
Getting Started with Adobe Photoshop CS6
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
OVERVIEW Objectives Follow a design document to prepare images for inclusion in a Web page Run a batch process to prepare multiple images in one step Use.
Why Digital? The ability to easily preview pictures and delete any bad shots, and know immediately if a particular photo needs to be re-shot The costs.
Exploring Computer Science - Lesson 3-4
Photoshop.
Chapter Lessons Start Adobe Photoshop CS
Introduction to Basic Interface of
Graphics Basics Ellen Eyth.
Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.
Exploring Computer Science - Lesson 3-4
A computer display is made up of small squares, called pixels.
Gimp Guide Mr Hall.
Digital Images.
Chapter 1 Editing a Photo
More Layers, Moving, Copying
VISUAL COMMUNICATION USING ADOBE PHOTOSHOP CREATIVE SUITE 5
Presentation transcript:

Photoshop

Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or picture elements, called pixels). You can also work with vector graphics, which are drawings made of smooth lines that retain their crispness when scaled-such as text. You can create original artwork in Photoshop, or you can import images into the program from many sources, such as: Photographs from a digital camera. Commercial CDs of digital images. Scans of photographs, transparencies, negatives, graphics, or other documents. Captured video images. Artwork created in drawing programs.

Menu Bar contains all of Photoshop’s available options Options Bar set the options for the currently selected tool Toolbox has various tools for editing the image Palettes various panes to control different aspects of the project. Includes layers, channels, paths, history, etc. Image Area the currently open image(s)

Photo bin Tools Palette Cascade window Tile windows Quick fix- simply changes Full edit-What I usually use

Selecting and using a hidden tool The toolbox arranges some of the tools in groups, with only one tool shown for each group. The other tools in the group are hidden behind that tool. A small triangle in the lower right corner of a button is your clue that other tools are available but hidden under that tool. You can also select the tool in the option panel above

Tools in the Toolbox By using the Navigation Tools, you can move to different sections of an image, or change magnification of the image. The Zoom Tool allows users to magnify and reduce areas of images. Click the Zoom Tool to zoom in (magnify); press the Alt key and click the Zoom Tool to zoom out. The Hand Tool allows users to slide the image around the Image Area in order to view different sections of the image.

Zoom tool Hold down the Alt key so that the Zoom tool pointer appears with a minus sign (–) in the center of the magnifying glass, and then click anywhere in the image. Then release the Alt or Option key. Hold down the Alt key so that the Zoom tool pointer appears with a minus sign (–) in the center of the magnifying glass, and then click anywhere in the image. Then release the Alt or Option key. …or…Space bar and control and click …or…Space bar and control and click …or…Ctrl and the + and – key …or…Ctrl and the + and – key …or use your wheel on the mouse …or use your wheel on the mouse If you want to zoom to a particular area you can use the zoom toll and draw a square around it. If you want to zoom to a particular area you can use the zoom toll and draw a square around it.

Tools in the Toolbox The Selection Tools allow you to use various techniques to select specific sections of an image, rather than the entire graphic.

Tools in the Toolbox The Enhancement Tools allow you to clone portions of an image, blur or enhance backgrounds, fill an area with a selected color, or further emphasize focal points.

Tools in the Toolbox The Eyedropper Tool allows you to select a color from an existing image.

Tools in the Toolbox The Vector Tools allow users to create vector-based objects in Photoshop.

Tools in the Toolbox The Color Tools control the foreground and background colors. In this example, Black is the current foreground color and White is the background color. When used in conjuction with the Color Palette and the Swatches Palette, users can select from millions of different colors to use in their images.

Layers Layers are like transparencies stacked one on top of one another. Each layer can have different images and effects. When the layers are stacked, the images appear as if they are all a single image.

Layer Pallet Options  This image acts as a show/hide feature for the corresponding layer. It shows the layer that is active, in other words, the layer which is currently editable. This links two layers together This creates a new layer

Status bar The status bar at the bottom of the image window shows the percentage listed on the far left end. This represents the current enlargement view of the image, or zoom level. Doc- document size of the saved file Document Profile- the colour profile (B & W, RBG etc.) Document Dimensions the physical size in your chosen unit of measure(ie. mm.) Scratch Disc-memory hard drive that is used by all the documents open in Photoshop- first number the memory so far, second the total amount available to elements to edit your image.

Opening New Image Ctrl N

Opening New Image

Resolution It's measured in terms of ppi, or 'pixels per inch' when viewed in an image or on the monitor. It's referred to as dpi or 'dots per inch' in terms of printing. It's measured in terms of ppi, or 'pixels per inch' when viewed in an image or on the monitor. It's referred to as dpi or 'dots per inch' in terms of printing. Any way you call it, resolution determines how the image will appear on the screen and how it will print -- more importantly, how the pixels are distributed in the document Any way you call it, resolution determines how the image will appear on the screen and how it will print -- more importantly, how the pixels are distributed in the document Resolution is the number of units that occupy a linear inch in an image. Resolution is the number of units that occupy a linear inch in an image.

Setting Image size Resolution is the number of pixels or dots per inch (ppi/dpi). The higher the resolution, the more detail is stored for the graphic. This means that a higher resolution image is higher quality, but also is a larger in size.

Setting Image size Web Graphics 72 dpi Low-end printing 150 dpi Professional quality printing 300 dpi It cannot be revert back to a higher resolution Once the Resolution is made lower

Web images -72 dpi Web images -72 dpi Black and White -266 dpi Black and White -266 dpi Quality Colour Print -300 dpi Quality Colour Print -300 dpi The camera shoots at 72 dpi but the images are large (35 in x 26 in my camera) Photoshop compresses these pixels and makes them smaller- you can make it 300 dpi but it will be a smaller picture If you increase the size and keep the resolution the pixel squares just get bigger and it becomes fuzzy

Changing Resolution (but not size) for Web Images Sometimes you’ll have an image that was scanned at a higher or lower resolution than you need. Its size is fine, you’ll only need to change the resolution. Sometimes you’ll have an image that was scanned at a higher or lower resolution than you need. Its size is fine, you’ll only need to change the resolution. Click IMAGE-> IMAGE SIZE Click IMAGE-> IMAGE SIZE Uncheck Resample Image Uncheck Resample Image Change the Resolution to 72 Change the Resolution to 72

Changing Size, but not Resolution for Web Images Click IMAGE-> IMAGE SIZE Click IMAGE-> IMAGE SIZE Make sure there is a check in Resample Image "Resample Image" instructs PhotoShop to keep the resolution the same, no matter what you do to the size. If you make an image bigger, PhotoShop will have to add pixels. If you shrink the image, PhotoShop will have to remove pixels. There are three resample image choices. Use "Bicubic" its the best. Make sure there is a check in Resample Image "Resample Image" instructs PhotoShop to keep the resolution the same, no matter what you do to the size. If you make an image bigger, PhotoShop will have to add pixels. If you shrink the image, PhotoShop will have to remove pixels. There are three resample image choices. Use "Bicubic" its the best. Change the Pixel Dimensions of the image, not the print size. Change the Pixel Dimensions of the image, not the print size. Click OK Click OK

Common File Formats  PSD (Photoshop Data) files preserve layer and channel information, users can continually edit and adjust images using the PSD file.  JPEG (Joint Photographic Experts Group) Every time a JPEG file is saved, the file recompresses and make a lighter file size but losses quality.  TIFF (Tagged Image File Format) files are not compressed format and make larger file size. Widely used for printing/publication purposes.  GIF (CompuServe Graphic Interchange Format) files are most commonly used for Web-based line art such as logos and buttons since this format can only support a maximum of 256 colors and lighter in size.  BMP (Bitmap) files are mostly used in windows paint program.

Time to have some fun- Fruitman Time to have some fun- Fruitman