 Lecture 4. Image Resolution  The resolution of an image is the number of pixels per unit length (pixels/inch or pixels/cm).  You must change either.

Slides:



Advertisements
Similar presentations
© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
Advertisements

Importing and Modifying Graphics
Advanced Imaging Techniques Lumberton High Sci Vis II V
V Material obtained from a July, 2014 summer workshop in Guildford County.
Chapter 6 Raster Editing
1 USING FIREWORKS Cropping an Image Obtaining Information Changing Image Size Rotating an Image Adjusting the Color of an Image Drawing Tools Using the.
Bitmap and Vector Graphics. Bitmap Graphics Photos Scanned Images Animations Most pictures you find on the Internet Photos are JPG files – lots of colours.
Objectives Define photo editing software
© UNT in partnership with TEA1 Digital and Interactive Media Photoshop Basics.
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.
ETT 429 Spring 2007 Digital Photography/Scanners.
Adobe Photoshop 6 Foundation Level Course. What is Photoshop? Photoshop is a graphics program, which allows you to manipulate elements of photographs.
Introduction to Computer Graphics
Vector vs. Bitmap SciVis V
Photoshop: Designing Graphics for the Web Christine Vucinich & Vicki Weidler ITS Training Services 224 B Computer Building University Park, PA 16802
V Obtained from a summer workshop in Guildford County July, 2014
Task 2 Create Your Competition Entry Guidance Notes.
1 USING PHOTOSHOP CS3 Using Dreamweaver, Photoshop, and Fireworks: Graphics Production for the Web Obtaining Information.
Technology ICT Option: Photoshop. Digital Imaging - Photoshop A digital image is a computer representation of a photograph It is composed of a grid of.
Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.
Dedicated Vector and Bitmap editing software.
Photoshop Elements for Libraries: Preparing Your Photos To Go Online Instructor: Jeanne Moje An Infopeople Workshop Winter 2005.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
GIMP Graphic Image Manipulation Program. GIMP Image manipulation software Free Open Source Written by two students First version in 1996.
Tutorial 2: Working with Image Files. Objectives Session 2.1 Learn about file formats and their uses Change file type, file size, and resolution Examine.
Digital Imaging Raster (Bitmapped) Images. 1. How they work…  Image data is stored in literal “map”  Each pixel (picture element) is measured for its.
Lecture 4 - Introduction to Computer Graphics
Image Manipulation in Photoshop C.Palazzi - CDL. C. Palazzi -Image manipulation in Photoshop 2 Open your image Open an image in Photoshop, or paste an.
Vector vs. Bitmap
INTRODUCTION TO PHOTOSHOP. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Work Area Work Area.
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.
Photoshop Teppo Räisänen LIIKE/OAMK General Information Photoshop is an advanced image editing tool Web Graphics Printed material UI is based on.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 5 This presentation © 2004, MacAvon Media Productions Bitmapped Images.
AGRICULTURAL COMMUNICATIONS Photographic Editing.
I MPORTING AND M ODIFYING G RAPHICS. 1. Understand and import graphics 2. Break apart bitmaps and use bitmap fills 3. Trace bitmap graphics Objectives.
Editing Graphics Effects and Improvements. Editing Graphics Graphics editors have features for changing the sizes of images as well as their colors and.
COMP135/COMP535 Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 5 Lecture 5 - Bitmapped Images.
PLACING AND LINKING GRAPHICS
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
Adobe photoshop digital image making. the basics Adobe PhotoShop is an image-editing program that lets you create and edit digital images. ◦PhotoShop.
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.
 Lecture 6 Lecture 6: Bitmap and Raster Images Adjustment Layers in Image Manipulation Software And Visual Design Principles.
Digital Media Dr. Jim Rowan ITEC 2110 Images: Chapters 3, 4 & 5.
Crop and Straighten. If you scan a picture it may be tilted on the scanner. Then in a image editing program like photoshop you can straighten the picture.
How to use Photoshop Design and Technology. How to use Photoshop 2. Select Clipboard - choose A4 and then OK and a new page should open To open the program.
WORKING WITH SELECTIONS MASKS and CHANNELS 3D IMAGES LAYER BASICS PHOTO.
Adobe Photoshop T.Ahlam Algharasi. Adobe Photoshop Adobe Photoshop is a seriously powerful photo and image edit ( treating and manipulation, compositing,
What is Photoshop? An image editing software developed and manufactured by Adobe Systems Inc. Photoshop is considered one of the leaders in photo editing.
* Edit photos * Create banners * Create animations * Enhance documents/presentations * Create documents * And many more.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Guilford County SciVis V104.03
Advanced Imaging Techniques V Guilford County Sci Vis.
IS502:M ULTIMEDIA D ESIGN FOR I NFORMATION S YSTEM D IGITAL S TILL I MAGES Presenter Name: Mahmood A.Moneim Supervised By: Prof. Hesham A.Hefny Winter.
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
 The concept of resolution is simple, but it differ according to where it is used.
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
IMAGE PROCESSING is the use of computer algorithms to perform image process on digital images   It is used for filtering the image and editing the digital.
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
Adobe Photoshop CS5.
Getting Started with Adobe Photoshop CS6
Vector vs. Bitmap.
Tools and techniques.
Adobe Photoshop 101 With Professor John Blandin Technology Department
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
Some extra points.
Lecture 5 - Bitmapped Images
Lecture 4 - Introduction to Computer Graphics
Year 8 Unit 2 Bitmap Graphics
Presentation transcript:

 Lecture 4

Image Resolution  The resolution of an image is the number of pixels per unit length (pixels/inch or pixels/cm).  You must change either resolution or size option but resampling must be applied for most projects.  In an image manipulation software such as Photoshop, in order to change the size without changing the resolution, or vice versa, you must tick Resample Image in the Image Size dialogue. 2

Controlling the Size of Images  Downsampling means “reducing the pixel dimension” and increasing the pixel dimensions means “upsampling”.  Downsampling and upsampling always result in loss of image information. 3

Controlling Size of Images cont.  You can change the size of an image while optimizing it for the Web in Photoshop.  An image’s colour mode determines how colour values are stored, and may limit the range of colours in the image.  Images intended for display on a computer monitor and for use on the Web should be in RGB colour.  In Photoshop, use the Image>Mode sub-menu to change the colour mode if necessary. 4

Importing from External Devices  Photoshop can import images directly from various external devices.  Importing from external devices directly into Photoshop is achieved through the use of plug-ins.  These plug-ins are not supplied as part of Photoshop, but must be obtained from the device’s manufacturer and must be installed according to their instructions. 5

Plug-ins in Photoshop  The name of any plug-in of this sort that has been installed will appear in the File>Import sub-menu in Photoshop.  Depending on the scanner’s manufacturer and its quality, a range of facilities may be available from within a plug-in interface.  There will certainly be a means of previewing the scan, and you can usually select just part of the image to import. 6

Plug-ins in Photoshop cont.  Colour adjustments and sharpening are easy to do when the photo file has been imported into the Photoshop.  If you notice the term “adjustments” has been used often in this lecture; this is because, this week, we are going to learn about “photo filters and adjustment” and “the photo filters are actually adjustments” 7

What is image manipulation software?  Image manipulation software provides high-level operations for systematically altering pixels.  Most operations are described by analogy with traditional photographic techniques, such as the use of masks and filters. 8

Which software to use ?  There are many options for choosing the right software for your projects; Photoshop is the de facto industry standard; Gimp is an Open Source alternative. Image Magick can be used for command-line processing.  Using the correct software, Bitmapped images can be manipulated easily. 9

Photoshop and its use in the IT Industry  Examples of tasks that you might use to manipulate images:  Removing a colour cast (that is, an unnatural predominance of one colour) from a photograph or scanned image.  Sharpening up a blurry or badly focused image.  Compensating for bad exposure in an original photograph. 10

Photoshop and its use in the IT Industry con.  Removing unwanted background objects from a photograph.  Superimposing type on a picture and altering its appearance, for example to give it a 3D bevelled look.  Creating a collage from a mixture of scanned images, graphics created in some other programme and still images taken from digitized video footage. 11

Photoshop and its use in the IT Industry cont.  Increasing the contrast of a screenshot to make the text more legible.  Changing the resolution of a scanned image from 600 dpi to 72 dpi for display on a monitor.  Optimizing an image for display on a Web site, where you need to compromise between image quality and file size; or creating animation.  You must remember that you may have to combine many operations on an image in order to obtain the effects you want/need. 12

Layers and their importance  Images are often organized into layers, which are like overlaid sheets that may have transparent areas.  Layers are used for compositing or experimenting with different versions of an image.  Areas may be selected by drawing with marquee and lasso tools or a Bézier pen, or selected on the basis of colour similarity or edges using a magic wand or magnetic lasso. 13

Use of Filters in Photoshop  Filters are used for changing the values of pixels in an image.  Filters automate the techniques that are used in the traditional photographic dark room.  A filter can alter every pixel in an image, and some filters perform complex calculations using the values of several neighbouring pixels.  Filters must be applied to selected pixels. 14

Filters cont.  Applying a filter may take some time and you must use the filters cautiously.  Filters can be applied to a selection or a layer by selecting the options from the Filter menu’s sub- menus.  Some filters have no parameters or their own special dialogue, but most can be applied through the filter gallery. 15

Filters cont.  If the filters are applied with no variable parameters, there is no need to set any values and the filter can be applied immediately.  These filters are easy to identify by the absence of an ellipsis (…) after their name in the menu.  Examples include Facet and Fragment on the Filter>Pixelate sub-menu, and Blur and Blur More on the Filter>Blur sub-menu. 16

Filters cont.  Many more useful filters have their own dialogue boxes.  With the dialogue boxes various parameters controlling the extent of the alterations which the filter produces can be changed. 17

How to control filters?  Parameters are controlled by sliders or rotating dials (for setting angles).  The effect of the controls can be controlled easily.  The effect of all filters with parameters can be previewed – they have a detailed preview within the dialogue box itself. 18 A Filter Dialogue

THANK YOU 19