Finding and Using Digital Images Alastair Dunning, AHDS Executive Office King’s College London, Bradford 12 th December 2005.

Slides:

Advertisements

Similar presentations

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.

Advertisements

Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.

Adobe Flash CS4 – Illustrated Unit E: Optimizing and Publishing a Movie.

Microsoft Office Illustrated Fundamentals Unit N: Polishing and Running a Presentation.

Sound and Sight Audio and Image Editing Basics C. Candace Chou University of St. Thomas.

ETT 429 Spring 2007 Digital Photography/Scanners.

2.01 Understand Digital Raster Graphics

® Microsoft Office 2010 PowerPoint Tutorial 2: Adding and Modifying Text and Graphic Objects.

Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?

Lesson 7—Part 1 Working with Graphics

Desktop Publishing Features Designing Documents. Publication Terms  Graphics - Objects used to convey a message.  Multiple Columns - Layout used to.

1 ADVANCED MICROSOFT POWERPOINT Lesson 7 – Working with Visual and Sound Objects Microsoft Office 2003: Advanced.

Introduction to Graphic Arts Technology PRINT Versus WEB.

BY XAI LAO Photoshop: How to Image Size a Photo for Web – Beginner’s Guide ICT 710 | Learning Technologies | November 2011 by Xai Lao.

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.

Internet as a resource tutorial – part steps, 3 different actions 1. Search content 2. Use Text 3. Use Images.

Tutorial 3: Working with Images. Objectives Session 3.1 – Identify the differences among image file types – Evaluate the purpose of alternative text –

Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.

BritLink 5 Webinar Part 3 Resizing Images. Welcome! “BritLink 5 –Part 3” Hosted by: William Bourne, Britannia System Trainer Please MUTE your telephone.

XHTML Images. Images are important Purpose: to enhance your web site. Add only when they complement or add additional impact to your message.

1 Enhancing Your Teaching with the Effective Use of Digital Images Richard P. Usatine, MD Nancy B. Clark, MEd For STFM Annual Conference, September 2003,

1 Mastering the Internet and HTML Images and Image Tags.

Images & Image Maps 16 th February. Images & Image Maps Web authors can add icons, logos and high impact images to their pages Images enhance web pages.

Microsoft FrontPage 2003 Illustrated Complete Working with Pictures.

8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.

Internet as a resource tutorial – part steps, 3 different actions 1. Search content 2. Use Text 3. Use Images.

1 Web Developer Foundations: Using XHTML Chapter 4 Key Concepts.

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.

Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs.

LCPS Art Teacher In-service Workshop Augusta Dadiego September 1, 2009.

File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.

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

PowerPoint: Images Randy Graff UF HSC IT Center

Introduction to Photoshop Altering photos 1 pixel at a time.

Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.

Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.

Raster Graphics 2.01 Investigate graphic image design.

Graphic definitions Summary of Chapter 10 of the Non-designer’s web book by Robin Williams and John Tollet. Pages ( ) Miss Mary Victor.

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.

Information Technology Images: Types, Resolution and Techniques.

Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.

Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.

8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.

Web Page Design Mrs. Ricke. Graphics Interchange Format 256 colors only Good for icons, clipart, logos Not good for high quality pictures.

Editing photos. Photoshop is the industry standard Microsoft Office Picture Manager Gimpshop – free alternative Gimpshop Picasa – free from Google Picasa.

Microsoft PowerPoint Prepared by the Academic Faculty Members of IT.

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.

13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.

Basic Web Design Week 3 - Graphics UVICELL. Web Graphics Concepts for Week 3 Selecting the right format for your image Creating a name banner for your.

Editing images using Microsoft Photo Editor and Paint

Section 8.1 Section 8.2 Create a custom theme Design a color scheme

2.01 Understand Digital Raster Graphics

2.01 Understand Digital Raster Graphics

Digital Stewardship Curriculum

2.01 Understand Digital Raster Graphics

Introduction to raster graphics

2.01 Investigate graphic image design.

A computer display is made up of small squares, called pixels.

1.01 Investigate graphic types and file formats.

2.01 Understand Digital Raster Graphics

2.01 Investigate graphic image design.

2.01 Understand Digital Raster Graphics

Desktop Publishing Features

2.01 Investigate graphic image design.

Building an Online Store

Lesson 7—Part 1 Working with Graphics

2.01 Investigate graphic image design.

Creating Digital Graphics

Presentation transcript:

Finding and Using Digital Images Alastair Dunning, AHDS Executive Office King’s College London, Bradford 12 th December 2005

Outline of Practical Session 1.Preparing and manipulating digital images 2.Locating and using existing images Using trusted sources Importance of metadata Added online facilities

Preparing an image for web (1) 1.Download tiff (taged image file format) image from 2.Open image in Adobe PhotoShop 3.Check properties of image (click on Image / Image Size) 4.Check pixel size 5.Check document size 6.Check image resolution

Preparing an image for web (2) 1.Alter resolution for web – maximum screen resolution is currently 72dpi 2.What pixel size do you require? Depends on context, e.g. thumbnails, illustration, analysis 3.Often useful to keep to a standard for width or height. 4.In this case alter height to 350 pixels – width will automatically adjust 5.We can also crop images to focus on certain parts

Preparing an image for web (3) What format? Two compressed formats: jpeg / jpg (Joint Photographic Experts Group) or gif (Graphics Interchange Format) JPEG – for complex images, e.g. photos GIF – for line art, logos, more simple images

Preparing an image for web (4) 1.Go to File / Save for Web 2.Choose settings to optimise file size and quality of image 3.Click the box labelled Progressive 4.Save (with different file name! – always hold on to master version)

Locating Images (1) Can you trust the images? What is their quality? What are their right issues? Using images depending on the type of usage you are considering – public, private, educational, commerical

Locating Images (2) Images from a trusted source Value-added metadata (catalogue info) Mostly cleared for rights use Collections include –Imperial war museum collection, contemporary design, 50s fashion, medieval sculpture, 19 th -century music covers, Bretton Hall artwork –Over 60,000 images in total All jpegs ready for web use

Locating Images (3) Try basic search on word ‘Yorkshire’ Some useful hits; some not so useful Go to advanced search Try ‘war’ in description and ‘watercolour’ in material More precise range of hits (Be careful – results might open in new window)

Locating Images (4) Scan through short metadata; or look for longer catalogue information Choose medium or larger image Use right hand button on mouse to save picture to your PC Lightbox facilties for saving and sending multiple images Image now ready for use in website, powerpoint etc.