Digital Images What to do with all those pictures.

Slides:



Advertisements
Similar presentations
Raster Graphics 2.01 Investigate graphic image design.
Advertisements

Putting pictures into PowerPoint – file size issues. There are several ways of putting pictures into a presentation, this presentation deals with the issue.
Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.
Image Editing Basics Resolution Screen resolution Printer resolution.
Nice Calm Scene. (You’ll need it.). Skills Getting files off of the camera or scanner Getting files off of the camera or scanner Archiving Archiving Choosing.
ETT 429 Spring 2007 Digital Photography/Scanners.
Lecture 6 Graphics, Number Systems. 7.2 Bit-map Graphics Similar to real painting on the canvas, there is no way to change something but paint over it.
ABC’s of PowerPoint (Office 2007) Part 1: Basic Vocabulary Part 2: Cursors Part 3: Insert Your Text Part 4: Insert Your Pictures Part 5: Basic Tools &
Optimizing picture file size. Three things you can do to lower file size  Lower the resolution  Crop the picture  Save with a file format that uses.
File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.
Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.
Lesson 7—Part 1 Working with Graphics
Task 2 Create Your Competition Entry Guidance Notes.
Desktop Publishing Features Designing Documents. Publication Terms  Graphics - Objects used to convey a message.  Multiple Columns - Layout used to.
Graphics Ms. Brewer Spring Bellwork Edmodo – log on! Quiz? Take it if you need to! Policies and Procedures Powerpoint in Shared Folder! Get to Know.
Created in 2011 at Liberty High School. Getting Started Overview on Magnet Tool – Graphics – Text – Image – Video – Sound – Wall A Sample Glog How to.
Computer Skills /1436 Department of Computer Science Foundation Year Program Umm Alqura University, Makkah Place photo here 1.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
XP Tutorial 7 New Perspectives on Microsoft Windows XP 1 Microsoft Windows XP Working with Graphics Tutorial 7.
Digital Imaging Utah State University Extension Eric Hawley.
Inserting Pictures and Symbols in Word documents There are many ways to insert pictures – these are the most common methods Copy and Paste Copy and paste.
Graphics and Animation Multimedia Projects Part 2.
Laboratory Exercise # 9 – Inserting Graphics to Documents Office Productivity Tools 1 Laboratory Exercise # 9 Inserting Graphics to Documents Objectives:
Microsoft Expression Web-Illustrated Unit E: Working with Pictures.
PowerPoint: Images Randy Graff UF HSC IT Center
Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
A BCDE.
How to Resize and Crop Pictures Easily in Microsoft Paint Ammar Rai ENGL 393.
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
Lesson 7 Working with Graphics. * Insert pictures from files * Insert picture from Microsoft Clip Art Collections * Resize and reposition a picture *
Raster Graphics 2.01 Investigate graphic image design.
Editing Images for the Web. Optimization/Compression Graphics optimization is important for fast web page display.
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
Image Editing Vocabulary Words Pioneer Library System Norman Public Library Nancy Rimassa, Trainer Thanks to Wikipedia ( help.
Photoshop. Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares,
Part 1 File Formats Definition: A file format is a way to write the code of information for storage of an electronic file on a computer. Different software.
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.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
Hardware research By Hollie Willis.
Photoshop.
2.01 Understand Digital Raster Graphics
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
RESEARCH AND APPLY GRAPHIC DESIGN TECHNIQUES #3
2.01 Investigate graphic image design.
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.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Digital Images.
Image File Size and File Compression
Look at Me Mod 4 Lesson 3 Graphics Module 4- Build a Game.
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
Inserting Pictures and Symbols in Word documents
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
Desktop Publishing Features
Producing a Triptych By Tony Cheshire
2.01 Investigate graphic image design.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Lesson 7—Part 1 Working with Graphics
2.01 Investigate graphic image design.
Presentation transcript:

Digital Images What to do with all those pictures.

Who is this for? This presentation is for those of us who own a digital camera, have taken lots of pictures and have folders and folders of them on our computers. I will attempt to: Show you how to dress them up Help you organize them Show you how to make them work for you

Image Files and their Formats: TIF or TIFF is "Tagged Image File Format". PNG is “Portable Network Graphics” GIF, is “Graphics Interchange Format” BMP is “BitMaP” JPEG or JPG is “Joint Photographic Experts Group”, (the original name of the committee that wrote the standard.) Jpeg is easily the most common one used today. More advanced cameras will let you have access to the ‘raw’ image file.

Free Software ! I will be showing you editing techniques using the program Paint.Net Dressing them up (borders and labels) Picture within a picture Resizing

Paint.Net

Borders and Labels!

Open your picture

Set your background color. Picture shows black foreground and white background, you can swap them with the double ended arrow.

From the Image menu: Choose ‘Canvas Size’ Increase the canvas sizes by entering a number greater than 100 thus creating a border. You can change which borders get increased by changing the placement of the picture.

So this:

Becomes this: I used white first, then made a second border of black.

Adding Text !

To place text on the picture. Set your foreground/text color Then click on the text tool. Place the text tool cursor where you want the text to begin.

Pointing out parts of your pictures!

Open your picture

Choose the ellipse select tool. Select the area to showcase. (hold shift to maintain a perfect circle) “Copy” this by pressing Or by choosing copy from the edit menu

Paste the copied section in to the picture by pressing or choosing “paste” from the edit menu This tool should be chosen for you automatically after pasting, you can click inside the selected area and drag the pasted section to the location you want it to be.

Move the cursor to one of the corners. ( it will become a hand) Grab the corner by clicking and holding. Now drag the corner until the picture is the size you wish. You may move the selection at any time, like in the previous step. Next “De-select” by choosing is from the menu (you want the moving dashed lines to go away)

Using the Ellipse Tool draw a circle around the area you enlarged on the original photo. Then draw, lines connecting the two circles.

And there.

Resizing Why resize your pictures? You could be: putting them on the internet or ing them. reducing storage space needed. merging them with other pictures in a collage. ___________________________ setting the print size (i.e. 3x5 or 8x10) for printing at home.

Choose the Picture to resize.

From the image menu choose ‘resize’. This software allows you to change the size of your image 3 ways: By a percentage Reducing pixels dictating the dimensions We will compare the three here.

50% Best Quality

Reduced Pixels numbers by half

Reduced Pixels numbers by half but set resolution at 144

Reduced Measurement numbers by half

Side by side

There was no real reduction in memory by cutting the picture in half. 1.7 Mb to 1.51 Mb So I decided to shrink the image even smaller.

25% Best Quality

One fourth pixels

One fourth pixels with 144 resolution.

One fourth Measurements

ResolutionPixelsInchesMemory size Original x x Mb percent x x Kb Pixels x x Kb Measurements x x Kb

There seems to be no real difference in the methods of decreasing image size and the resultant picture quality. So I tried different re-sampling methods.

25% Best Quality

25% - Bicubic

25% - Bilinear

25% - Nearest Neighbor

Side by side

25% ResolutionPixelsInchesMemory size Best Quality x x Kb Bicubic x x Kb Bilinear x x Kb Nearest Neighbor x x Kb

25% ResolutionPixelsInchesMemory size Best Quality x x Kb Bicubic x x Kb Bilinear x x Kb Nearest Neighbor x x Kb

The finished product at 1/3 the memory consumption.

Other Helpful Software XnView - www. xnview.com/ - XnView is free software to view, organize, convert graphics files. Picasa Picasa is free software to view, organize, and edit graphics files.

Sources: photo_formats.htm#TIF