Digital assets management: Pictures on computers
|
|
- Shona Green
- 5 years ago
- Views:
Transcription
1 **** 1 Digital assets management: Module about Pictures on computers Created for a training workshop in the framework of UNESCO-IOC-IODE OceanTeacher Academy at UNESCO-IOC-IODE in Oostende / Ostend, Belgium October 2-7, 2009 by Paul.Nieuwenhuysen@vub.ac.be
2 2 These slides should be available from the WWW site (note: BIBLIO and not biblio)
3 Background of the author/presenter: 1979 Doctorate = PhD, in Physics 1983 Post-doctoral degree in Science 1985 Full-time Member of Faculty, Vrije Universiteit Brussel, Belgium 1986 Master in Documentation and Library Science Guest Professor (Information and Library Science), University of Antwerp, Belgium 3
4 Activities of the author/presenter: 4 1. Advising the director of the university central library and information service 2. Link between University Library and the faculties of science and engineering 3. Teaching in information science 4. Organising international training programs on information services 5. Research in information science 6. Projects related to scientific information services
5 - contents - summary - structure - overview of this contribution 3 sessions of 90 minutes: 1. Pictures are important Bitmap pictures Assignment 1 2. Bitmap pictures (continued) Assessment of progress with assignment 1 Assignment 2 3. Bitmap pictures (continued) Raster graphics versus vector graphics Final presentation of assignment results 5
6 **** 6 Pictures on computers Pictures are important
7 **** 7 Why learn the basics of pictures? Pictures/graphics/images are often inserted in» word processing documents» presentations with slides» web pages! Therefore, it is interesting to know how» to acquire pictures» to change or improve pictures» to adapt pictures to the chosen output medium
8 **** 8 Why learn the basics of pictures? Scanning a document yields a picture, not a text. (OCR can then exploit the picture to yield a text in some cases.) Pictures in a collection must be managed:»storing pictures on some carrier»making backups»ordering / sorting pictures in a browsable structure» This can be needed at a personal or institutional level, as a component of digital assets management.
9 **** 9 Why learn the basics of pictures? Documents are more and more made available through the Internet.! Therefore it is important to make the file sizes small, while preserving an appropriate image/picture quality.
10 **** 10 Pictures on computers Bitmap pictures
11 **-- 11!! Read!! Read a brief introduction to to digital imaging: Cornell University Library // Research department Moving theory into into practice: digital imaging tutorial. [online] Available from: [cited 2004] Basic terminology (key (key concepts) Selection
12 **** 12 How to obtain computer files with images/pictures? from the collection of clip art delivered with the software to create presentations from printed material from the WWW or an intranet by making photographs yourself (by scanning) (by saving to disk)
13 ***- 13 How to create digital photographs for use on computers? To obtain digitized photos to insert in your presentation file, you can»use a classical, chemical camera and digitize the results, by scanning the printed photo by using a page scanner by using a specialized scanner to scan the photo film by using the Kodak PhotoCD service through a good photo shop»use directly a digital camera!
14 **-- 14!! Read!! You can learn the basics of of digital photography by by reading for instance: Curtin, Dennis P. P. [online] Available from: [accessed 2003, 2009]
15 *--- 15!! Read!! You can learn about developments in in digital cameras by by reading for instance: Freed, Les Look into the the camera. (Camera technology) PC PC Magazine, January 20, 2004, pp. pp
16 **-- 16 Software to work with image files: categories Several types of computer programs can be used to work with pictures on computer: 1. To view individual picture files full screen and as a slideshow 2. To view/manage/organize picture files on a computer 3. To edit/improve pictures Of course these categories of software are overlapping. Ideally 1 software package offers all features.
17 **--Examples 17 Software suitable to view image files: examples The program to view pictures that comes with your operating system. Available without extra costs. Irfanview Freeware. Offers also some editing functions.
18 **--Examples 18 Software suitable to edit image files, produced by Microsoft: examples (1) Microsoft Paint The drawing module that is available to all application programs in the suite Microsoft Office 97, 2000 The drawing module that is available to all application programs in the suite Microsoft Office XP=2002, 2003 simple NOT suitable to create appropriately compressed files saving in PowerPoint with Tools Compress pictures allows some compression
19 **--Examples 19 Software suitable to edit image files, produced by Microsoft: examples (2) Microsoft PhotoEditor (part of Microsoft Office 97) Microsoft PhotoDraw 2000 Microsoft Digital Image Pro, Microsoft Photo Standard, Digital Image Suite suitable to create JPG files, but an obsolete program suitable to create JPG files; easy to use program
20 **--Examples 20 Software suitable to edit image files, produced by Microsoft: examples (3) Microsoft Office 2003 Picture manager Comes with Microsoft Office Replaces Photo Editor that came with earlier versions of Office, although it offers fewer editing features.
21 ***-Examples 21 Software suitable to edit image files, independent of Microsoft: examples Irfanview OpenOffice Picasa The GIMP Serif Photoplus, older versions Serif Photoplus, newer versions Ulead Photoimpact Paint Shop Pro, by JASC, before 2004 Paint Shop Pro, by Corel, since 2004 Freeware Commercial software
22 ***-Examples 22 Software suitable to edit image files, independent of Microsoft: examples Corel PhotoPaint suitable to create JPG files; commercial software Adobe PhotoShop 4, 5, 6, 7, CS, CS2, CS3, CS4 Adobe PhotoShop Elements 1, 2, 3, 4, 5, 6, 7 suitable to create JPG files; powerful, expensive, and complicated program suitable to create JPG files; powerful program, much cheaper than the full PhotoShop
23 ***- 23?? Question?? Which program will YOU use to to improve your digital photos and other pictures?
24 ***- 24 Creating and improving pictures on computer (1) Workflow: Scanning or PhotoCD or digital photography Archive = make backup on an external hard disk or DVD-R or DVD+R or DVD-RW or DVD+RW (or on CD-R or CD-RW)!
25 ***- 25 Creating and improving pictures on computer (2) Use a graphics program and» Save (lossless) as a (big) master file, for instance in TIFF format, using lossless compression such as LZW during the saving (or not)» Rotate (if required)» Crop (if required)!
26 ***- 26 Creating and improving pictures on computer (3)» Convert from colours to grayscale (if required)» Increase the overall tonal range (which also increases contrast) AND decrease or increase overall brightness (if required) (can be accomplished in 1 action)» Increase or decrease the overall contrast (if still required even after increasing the tonal range)!
27 ***- 27 Creating and improving pictures on computer (4)» Improve/change overall colors; for instance increase or decrease saturation (if required)» Dodge or burn = increase or decrease the brightness of particular areas manually» Apply one or several filters or effects (if required)» (Do NOT resize)» Check the resulting picture file in a full screen viewer and improve further if required!
28 **-- 28 Creating pictures on computer for printing (1) Sharpen (if appropriate) (always as last step), using a sharpen/unsharp filter/effect: 1. Choose a suitable magnification on the display monitor to preview the sharpening. (In most cases so that the size of the picture on the display is close to the size that will be printed.) 2. Sharpen a maximum amount, only for the preview of the following steps. 3. In this preview mode, choose an appropriate range/radius for the sharpening.
29 **-- 29 Creating pictures on computer for printing (2) 4. Choose an appropriate value for the sharpening threshold, to avoid sharpening of unwanted noise. 5. Decrease the amount of sharpening to an appropriate level
30 ***- 30 Creating pictures on computer for printing (3) Save (lossless) (for instance in TIFF format) Archive = make backup of the improved, edited files, on an external hard disk or on DVD-R or DVD+R or DVD-RW or DVD+RW (or CD-R or CD-RW) Use a different disk than the one that holds your original master files; then in case that a disk is lost you still have the other file available. Load the improved file in your program for printing and print.
31 ***- 31 Colour ranges supported by video displays and printers Range of colours supported by various processes = gamut Visible colour gamut Saturated red Video display gamut Inkjet colour photo printer gamut Saturated green Saturated cyan Saturated yellow
32 ***- 32?? Question?? Indicate on on the gamut scheme the range of of colors that cannot be be printed.
33 ***- 33?? Question?? Indicate on on the gamut scheme the range of of colors that can be be seen on on the video monitor, but cannot be be printed.
34 ***- 34?? Question?? Why can some colors be be seen on on the monitor, while a typical printer can NOT print them.
35 ***- 35?? Question?? Why can some colors NOT be be seen on on the monitor, while a typical printer can print them.
36 **-- 36!! Assignment!! Learn Learn about about color color working spaces spaces from from Use Use your your computer to to read read this this document; do do not not print print it, it, because because the the colors colors and and links links are are important.
37 **-- 37!! Read!! Rodney, Andrew The Role of of Working Spaces in in Adobe Applications [online] Available free of of charge from: [cited 2009]
38 ***- 38!! Task - Assignment - Exercise!! Find or or create a relevant picture // photograph for printing Crop it it (and perhaps further edit it) it) to to make it it suitable for printing Make a print-out that covers about half the surface of of an an A4 A4 page in in the center of of that page.
39 ***- 39!! Task - Assignment - Exercise!! Inspect a picture that you have printed: Is Is the quality suitable for your kind of of work? Do the printed colours correspond well enough to to what you see on on the computer display?
40 40
41 **-- 41!! Read!! A Consumer Guide to to Traditional and Digital Print Stability [online] Available free free of of charge from: [cited 2009]
42 **-- 42!! Read!! A Consumer Guide to to Modern Photo Papers [online] Available free free of of charge from: [cited 2009]
43 ***- 43 Creating pictures on computer for a presentation or web (0) The following recommends a workflow from a digital picture file to a file for , web or presentation with digital projection. In some programs parts of this workflow are automated. For any intermediate save, save lossless, for instance in a TIFF format with lossless compression for instance with the name originalfilename-smaller.!
44 ***- 44 Creating pictures on computer for a presentation or web (1) Open the starting picture file with your program. (In most cases you proceed with the file prepared as explained above.) If the file contains several layers and if you want to sharpen the picture, then flatten (= concentrate all information together) (because sharpening an image that contains layers may not work). Resize / resample (to make the file smaller)! Sharpen (if appropriate) (always as last step)!
45 ***- 45 Creating pictures on computer for a presentation or web (2) In some advanced applications / workflows, the picture file may have a colour space profile such as the standard AdobeRGB profile, which is suitable for a colour space with a gamut that is bigger than the gamut of a computer display, then convert the profile to the standard srgb colour space profile as destination space profile that is more suitable for displays and projectors. In most workflows the starting picture file will already have the srgb profile attached or no profile at all.
46 ***- 46 Creating pictures on computer for a presentation or web (3) Save as JPEG file at an appropriate level of quality (or as a GIF file, if the number of colours < 256)
47 ***- 47 Creating pictures on computer for a presentation or web (4) Archive = make backup on an external hard disk or on DVD-R or DVD+R or DVD-RW or DVD+RW or on CD-R or CD-RW. Use a different disk than the one that holds your original master files; then in case that a disk is lost you still have the other file available. Insert in a slide or in a web page or use in .
48 ***- 48 Creating pictures on computer for a presentation or web (5) The considerations on compressing pictures are not only applicable to a pure, individual picture file, but also to a file that contains a document including 1 or several pictures. Examples: file saved by a program»for word processing»to create a presentation with slides»to produce a portable PDF file
49 ***- 49?? Question?? How and when comes compressing pictures into the action of of saving a file that contains a picture, using your program to to create a PDF file?
50 ***- 50?? Question?? What is is an an important difference between creating pictures on on computer for printing for a presentation or or for a web
51 **-- 51?? Question?? Why does the function in in photo editing software, that is is named sharpen not really sharpen your photo, in in the sense that it it does NOT increase the resolution of of your photo. Then how does this work?
52 **-- 52?? Question?? If If you apply sharpening, then this should be be the FINAL step in in improving your picture. Why?
53 ***- 53 Developing web documents: guidelines related to graphics File formats used mostly on a web are GIF, JPG, PNG, because the common browsers include viewers for the file formats. For each image/picture, use an appropriate graphics file format. Graphics/images/pictures take long to download. To speed things up, compress JPG (or PNG) files to make them as small as possible, while preserving an appropriate quality.
54 ***- 54?? Question?? For which applications is is the GIF file format appropriate? For which applications is is the JPEG/JPG file format appropriate?
55 **-- 55?? Question?? Which properties of of graphics file formats for bitmap images are important?
56 ***- 56 Graphics file formats for bitmap pictures: a comparison BMP RLE GIF JPG PNG24 TIF (recent versions) Maximum number» of colours in one image " of bits per pixel Compression of file size without loss of quality Maximum no. of pixels per image 256*256*256 = RLE x LZW + (but colours can be lost) x *256*256 = JPEG x more more 256*256*256 = more Multiple images in 1 file Animation is possible Can include layers
57 ***- 57!! Task - Assignment - Exercise!! Use Use a picture // photograph as as obtained with with a camera and and improved with with a suitable program, to to include it it in in a presentation or or a web. web Make it it smaller, so so that that the the resulting number of of picture elements is is suitable to to cover a typical projection screen as as far far as as possible Then save save it it as as a JPG JPG file file (not (not as as a component of of a presentation file file or or in in another document file). file). (See (See the the example that that follows.)
58 **-- 58
59 **-- 59!! Task - Assignment - Exercise!! Select Select or or create create an an appropriate appropriate photograph photograph bitmap bitmap file. file. Save Save this this file file as as a a JPEG JPEGfile file under under a a different different name. name. Repeat Repeat this this at at about about 33 very very different different levels levels of of compression compression and and thus thus of of image image quality quality (always (always starting starting from from the the appropriate appropriate original original photo photo file, file, because because JPEG JPEG is is a a final final storage storage format). format). Load Load all all the the resulting resulting photo photo files files in in a a program program to to edit edit such such files; files; zoom zoom in in to to 400% 400% for for instance; instance; use use tiling tiling to to display display the the photo photo files files simultaneously simultaneously on on the the screen; screen; compare compare their their quality. quality. Determine Determine also also the the file file size size of of each each photo photo file. file. Decide Decide finally finally which which compression compression level level is is appropriate appropriate or or your your aims. aims.
60 **-- 60?? Question?? For which type of of image is is GIF appropriate?
61 **-- 61?? Question?? On the WWW, GIF and JPG are mainly used, but nevertheless TIF is is also important. Why?
62 ***- 62?? Question?? Which programs do do you know and which program do do you use to to save images as as JPEG/JPG files?
63 ***- 63?? Question?? Assume that you have a normal digital colour photo and that you want to to save it it with a particular number of of pixels in in a file that is is as as small as as possible. Which file format allows the smallest file size: GIF or or JPG?
64 *--- 64?? Question?? How long will a download of of your photo file take approximately, in in the case that not the Internet but the modem used by by the receiving client is is the bottleneck, the limiting factor in in the data transfer?
65 **-- 65?? Question?? Why can we we say that JPG is is a file format for presentation only?
66 **-- 66?? Question?? When a photo is is made and saved as as a JPG file in in a digital camera, then information/quality is is lost. Camera producers know this. Why is is JPG used anyway?
67 **-- 67 Maximum number of colours displayed by computers: introduction The number of colours (including shades of a colour also) that can be displayed simultaneously on a computer screen/display is limited. This limitation is primarily caused by the limitations of the video/graphics card used by your computer.
68 **-- 68?? Question?? How many bits are needed to to store a black-or-white picture element on on computer?
69 **-- 69 Maximum number of colours displayed by computers: examples Examples of maximum number of colours on a computer display:»8-bit! 2**8 = 256 : typical for older systems»16-bit! 2**16 = = thousands of colors = High Color»24-bit! 2**24 = (2**8)*(2**8)*(2**8) = 256*256*256 = True Color»32-bit! 2**32: overkill for most applications
70 **-- 70?? Question?? What is is the maximum number of of colours that your computer can display simultaneously with the appropriate settings of of the software? (If (If you do do not know, then check it it with the software for the display settings.)
71 **-- 71 Maximum number of colours displayed by computers: consequences The computer system that is asked to display a graphics file with more colours than can be displayed simultaneously by the system will»dither the image to display it with less colours»shift colours to nearby colours that the system can display The result will depend on»the type of computer, and on»the particular application software that is used to display the file.
72 **-- 72 Developing documents for computers: guidelines related to colours Take into account / realize the limitations of computers and the variations in client computer hardware and software used to view your documents:»do not expect that all users will view the documents that you create and publish in the same way.»see that your colours are not essential for your message.
73 ***-!! Task - Assignment - Exercise!! Make a scan of of a complicated document that includes your portrait, such as as your passport or or identity card or or student card, at at a resolution of of 600 dpi or or higher; save these data in in a file format without compression and loss of of quality; write down the file size.
74 ***- 74!! Task - Assignment - Exercise!! Make a printout based on on the scanned data, at at double size in in colours or or black and white.
75 ***- 75!! Task - Assignment - Exercise!! Save the file that you obtained by by scanning; use the JPG file format at at the highest quality offered by by the computer program that you use; write down the name of of the computer program that you use and the resulting file size.
76 ***- 76!! Task - Assignment - Exercise!! Compare the size of of the created files, one NOT compressed, the other with lossy compression the quality of of the pictures in in both files
77 **-- 77!! Read!! Wentzel, Larry Scanning for digitization projects. Computers in in Libraries, March 2007, pp. 6...
78 **-- 78?? Question?? Estimate the typical size of of a computer file that contains a bitmap image in in colours, that has been obtained by by using a typical scanner, and that can cover a complete typical display or or projection screen directly at at optimal resolution without enlargement, when no no compression is is applied.
79 **-- 79!! Task - Assignment!! Estimate the typical size of of a computer file that contains a bitmap image in in black or or white only (no grey values), that has been obtained by by using a typical scanner at at 300 dpi, scanning a printed page of of A4-size, when no no data compression is is applied.
80 **-- 80!! Task - Assignment!! Estimate the typical size of of a computer file that contains a bitmap image in in colours (with 256 levels for each of of the primary colours), that has been obtained by by using a typical scanner at at 300 dpi, scanning a printed page of of A4-size, when no no data compression is is applied.
81 **-- 81!! Task - Assignment!! Estimate the typical size of of a computer file that contains a bitmap image in in colours (with 256 levels for each of of the primary colours), that has been obtained by by using a typical scanner at at 600 dpi, scanning a printed page of of A4-size, when no no data compression is is applied.
82 **-- 82?? Question?? Compare digitizing a common paper document using a typical, contemporary, common flatbed scanner digital camera More concretely, compare the resulting a. a. number of of picture elements b. b. color depth/resolution
83 **-- 83!! Read!! Read FAO FAO and and UNESCO Information Management Resource Kit Kit (IMARK) Module on on Digitization and and Digital Libraries. Unit Unit Electronic documents and and formats. Lesson Formats of of electronic pictures [online] Available free free of of charge from: [cited 2006], also also published free free of of charge on on CD-ROM by by FAO, Roma, Italia.
84 **-- 84!! Read!! Read Johnson, Bob The 72dpi myth. [online] Available from:
85 **-- 85!! Read!! Read Johnson, Bob Color management: color models, color spaces and color profiles. [online] Available from:
86 **-- 86!! Read!! Read Relph-Knight, Terry Colour management: Colour perfect. Personal Computer World UK, August 2006, pp
87 **-- 87!! Read!! Read Color management.
88 **-- 88?? Question?? The common, popular file formats for pictures use bits or or less to to store each element=pixel. Explain that this forms a limitation for several practical applications from the user s point of of view.
89 *--- 89!! Task - Assignment!! Learn to to add textual metadata = labels = captions to to digital pictures/images/photos from Watson, Ken Ken All All about digital photos: Labelling digital photos. [online] Available from: [cited 2006]
90 **-- 90!! Read!! Read Bockaert, Vincent Storing your digital images. [online] Available free of of charge from: [cited [cited 2006] 2006]
91 **-- 91!! Task - Assignment!! Make a digital photo to to illustrate your work (for instance scientific research subject or or set-up). Improve it it on on computer if if needed. Print it it so so that it it covers about half of of a vertical page A4.
92 **** 92 Pictures on computers Raster graphics versus vector graphics
93 **-- 93?? Question?? Explain the differences between raster (= (= bitmap) graphics and vector graphics.
94 **-- 94 Graphics formats: bitmaps and vector graphics Bitmap/raster graphics used in programs for painting Vector-based graphics used in programs for drawing
95 **-- 95 Graphics formats: bitmaps compared with vector graphics Property Suited for painting and retouching Resolution adapted to output medium Size of files Bitmap/Raster + - large Vector graphics - + small
96 **-- 96!! Task - Assignment!! Create a small circle with a paint program for bitmap/raster graphics and save this as as a file. Create a small circle with a draw program for vector graphics and save this as as a file. Open each of of both files again applying the same program that you used to to create it it and ENLARGE the circle.
97 **-- 97!! Task - Assignment!! What is is the difference between the resulting drawings (on screen as as well as as printed)? Consider the difference in in size between the file with raster graphics and the file with vector graphics.
98 **-- 98?? Question?? In In which procedures are vector-based graphics converted to to bitmap/raster graphics?
99 **-- 99?? Question?? Why can bitmap/raster graphics not be be as as easily converted to to vector graphics, as as vector graphics can be be converted to to bitmap/raster graphics?
100 **-- 100?? Question?? What is is easier: Converting bitmap/raster graphics to to vector graphics or or the other way? Explain.
101 ***-Examples 101 Graphics formats for bitmaps only File name extension.bmp.gif.jpg.pcx,.pcc.png (PNG8, PNG24).RLE.TIF... Origin Microsoft bitmap CompuServe / Unisys JPEG Z-Soft Paintbrush W3C Microsoft compressed bitmap Aldus PageMaker...
102 **--Examples 102 Graphics formats for vector graphics (+ bitmaps) File name extension CDR CGM EPS IMG PPT or PPS SVG WPG... Name / Origin Corel Draw! Graphics Metafile Encapsulated PostScript GEM Microsoft PowerPoint Scalable Vector Graphics WordPerfect Graphics...
103 * !! Read!! Read Scalable Vector Graphics. [online] Available free of of charge from: [cited 2005]
104 ** Graphics formats: the problem of exchange The differences in all the graphics file formats cause the requirement of filter / conversion programs, when a graphics file must be inserted in a document which is managed by an application program which works primarily with another graphics file format.
105 **-- 105!! Task - Assignment!! Incorporate a picture, stored in in a graphics file, in in a document created by by your program for word processing. Which procedures do do you know to to accomplish this?
106 **** 106 You are free to copy, distribute, display this work under the following conditions:»attribution: You must mention the author.»noncommercial: You may not use this work for commercial purposes.»no Derivative Works: You may not change, modify, alter, transform, or build upon this work. For any reuse or distribution, you must make clear to others the license terms of this work.
INTRODUCTION TO COMPUTER GRAPHICS
INTRODUCTION TO COMPUTER GRAPHICS ITC 31012: GRAPHICAL DESIGN APPLICATIONS AJM HASMY hasmie@gmail.com WHAT CAN PS DO? - PHOTOSHOPPING CREATING IMAGE Custom icons, buttons, lines, balls or text art web
More informationIMAGE SIZING AND RESOLUTION. MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication
IMAGE SIZING AND RESOLUTION MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication Copyright 2013 MyGraphicsLab / Pearson Education OBJECTIVES This presentation covers
More informationPCCLUB.ORG.UK Tuesday, 3 rd May 2005 Stuart Crump. Picture Editing, Printing & Publishing Tutorial 1 of 2
PCCLUB.ORG.UK Tuesday, 3 rd May 2005 Stuart Crump Picture Editing, Printing & Publishing Tutorial 1 of 2 Overview 2 Sessions (today & 18 th May) Tonight All about Input and Manipulation Image formats,
More informationDigital Imaging and Image Editing
Digital Imaging and Image Editing A digital image is a representation of a twodimensional image as a finite set of digital values, called picture elements or pixels. The digital image contains a fixed
More informationLECTURE 02 IMAGE AND GRAPHICS
MULTIMEDIA TECHNOLOGIES LECTURE 02 IMAGE AND GRAPHICS IMRAN IHSAN ASSISTANT PROFESSOR THE NATURE OF DIGITAL IMAGES An image is a spatial representation of an object, a two dimensional or three-dimensional
More information4 Images and Graphics
LECTURE 4 Images and Graphics CS 5513 Multimedia Systems Spring 2009 Imran Ihsan Principal Design Consultant OPUSVII www.opuseven.com Faculty of Engineering & Applied Sciences 1. The Nature of Digital
More informationDigital Imaging & Photoshop
Digital Imaging & Photoshop Photoshop Created by Thomas Knoll in 1987, originally called Display Acquired by Adobe in 1988 Released as Photoshop 1.0 for Macintosh in 1990 Released the Creative Suite in
More informationImage Optimization for Print and Web
There are two distinct types of computer graphics: vector images and raster images. Vector Images Vector images are graphics that are rendered through a series of mathematical equations. These graphics
More informationUsing Adobe Photoshop
Using Adobe Photoshop 1-1 - Advantages of Digital Imaging Until the 70s, using computers for images was unheard of outside academic circles. As general purpose computers have become faster with more capabilities,
More informationCMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB
CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB Unit 5 Graphics and Images Slides based on course material SFU Icons their respective owners 1 Learning Objectives In this unit you will learn
More informationFactors to Consider When Choosing a File Type
Factors to Consider When Choosing a File Type Compression Since image files can be quite large, many formats employ some form of compression, the process of making the file size smaller by altering or
More informationUnderstanding Image Formats And When to Use Them
Understanding Image Formats And When to Use Them Are you familiar with the extensions after your images? There are so many image formats that it s so easy to get confused! File extensions like.jpeg,.bmp,.gif,
More informationDeveloping Multimedia Assets using Fireworks and Flash
HO-2: IMAGE FORMATS Introduction As you will already have observed from browsing the web, it is possible to add a wide range of graphics to web pages, including: logos, animations, still photographs, roll-over
More informationRaster (Bitmap) Graphic File Formats & Standards
Raster (Bitmap) Graphic File Formats & Standards Contents Raster (Bitmap) Images Digital Or Printed Images Resolution Colour Depth Alpha Channel Palettes Antialiasing Compression Colour Models RGB Colour
More informationDigital Images. Digital Images. Digital Images fall into two main categories
Digital Images Digital Images Scanned or digitally captured image Image created on computer using graphics software Digital Images fall into two main categories Vector Graphics Raster (Bitmap) Graphics
More information6. Graphics MULTIMEDIA & GRAPHICS 10/12/2016 CHAPTER. Graphics covers wide range of pictorial representations. Uses for computer graphics include:
CHAPTER 6. Graphics MULTIMEDIA & GRAPHICS Graphics covers wide range of pictorial representations. Uses for computer graphics include: Buttons Charts Diagrams Animated images 2 1 MULTIMEDIA GRAPHICS Challenges
More informationCoreldraw Crash Course
Coreldraw Crash Course Yannick Kremer Vrije Universiteit Amsterdam, February 27, 2007 Outline - Introduction to the basics of digital imaging - Bitmaps - Vectors - Colour: RGB vs CMYK - What can you do
More informationSpecific structure or arrangement of data code stored as a computer file.
FILE FORMAT Specific structure or arrangement of data code stored as a computer file. A file format tells the computer how to display, print, process, and save the data. It is dictated by the application
More informationWordPress Users Group Manchester, NH July 13, Preparing Images for the Web. Daryl Johnson SvenGrafik
WordPress Users Group Manchester, NH July 13, 2015 Preparing Images for the Web Daryl Johnson SvenGrafik WHY OPTIMIZE IMAGES for WORDPRESS? 1. Page Load Times Matter to Users 2. Image Bloat Puts Search
More informationStarting a Digitization Project: Basic Requirements
Starting a Digitization Project: Basic Requirements Item Type Book Authors Deka, Dipen Citation Starting a Digitization Project: Basic Requirements 2008-11, Publisher Assam College Librarians' Association
More informationDigital Imaging - Photoshop
Digital Imaging - Photoshop A digital image is a computer representation of a photograph. It is composed of a grid of tiny squares called pixels (picture elements). Each pixel has a position on the grid
More informationSTANDARDS? We don t need no stinkin standards! David Ski Witzke Vice President, Program Management FORAY Technologies
STANDARDS? We don t need no stinkin standards! David Ski Witzke Vice President, Program Management FORAY Technologies www.foray.com 1.888.849.6688 2005, FORAY Technologies. All rights reserved. What s
More informationCreating Digital Artwork
5Steps to Creating Digital Artwork (For more detailed instructions, please click here) Introduction to Digital Artwork Authors often choose to include digital artwork as part of a submission to a medical
More informationapt solutions, inc. Tips Graphics - An Introduction Vector vs. Raster Graphics Vector Graphics
Graphics - An Introduction Author: Gordon Hanson, Electronic Publishing Analyst, Certified Adobe Trainer The ability to include graphics in a document is a basic requirement of good technical documentation.
More informationGraphics for Web. Desain Web Sistem Informasi PTIIK UB
Graphics for Web Desain Web Sistem Informasi PTIIK UB Pixels The computer stores and displays pixels, or picture elements. A pixel is the smallest addressable part of the computer screen. A pixel is stored
More informationSCANNING IMAGES - USER S GUIDE. Scanning Images with Epson Smart Panel and PhotoShop [for Epson 1670 scanners]
University of Arizona Information Commons Training 1 SCANNING IMAGES - USER S GUIDE Scanning Images with Epson Smart Panel and PhotoShop [for Epson 1670 scanners] p.2 Introduction and Overview Differences
More informationImages and Graphics. 4. Images and Graphics - Copyright Denis Hamelin - Ryerson University
Images and Graphics Images and Graphics Graphics and images are non-textual information that can be displayed and printed. Graphics (vector graphics) are an assemblage of lines, curves or circles with
More informationMarch 31, Welcome to the Family Tree Maker Users Group!
March 31, 2008 Welcome to the Family Tree Maker Users Group! Tonight s Agenda: FTM 2005/2006/v16 Photo Features 1. Saving digitized pictures 2. Using a scanner or digital camera to copy pictures and documents
More informationThis report provides a brief look at some of these factors and provides guidelines to making the best choice from what is available.
Technical Advisory Service for Images Advice Paper Choosing a File Format Introduction Over the years, there have been a number of image file formats that have been proposed and used. Of course, every
More informationHow to Avoid Landmines: Managing your Motion Graphics Projects
How to Avoid Landmines: Managing your Motion Graphics Projects -Richard Harrington, PMP www.rhedpixel.com 703.560.0220 Import Tips Double-Click in Project Window Shift-Click Multiple Items Organize in
More informationEpson Scanner (Expressions Photo) Basic Directions:
Epson Scanner (Expressions 10000 Photo) Basic Directions: Position document face down in the upper Right corner. (Orientation changes with Mode: For Professional mode, turn 90 Clockwise) Launch Photoshop
More informationB.Digital graphics. Color Models. Image Data. RGB (the additive color model) CYMK (the subtractive color model)
Image Data Color Models RGB (the additive color model) CYMK (the subtractive color model) Pixel Data Color Depth Every pixel is assigned to one specific color. The amount of data stored for every pixel,
More informationPHOTOGRAPHY AND DIGITAL IMAGING
PHOTOGRAPHY AND DIGITAL IMAGING In this session, the presenter Tim Cordell began the session by explaining that there are two basic components in digital images, the number of pixels and print size. Mr.
More informationLesson 4: Inserting and Modifying Clip Art and Photos
CNET tech sites: Price comparisons Product reviews Tech news Downloads Site map Home Your Courses Your Profile Logout FAQ Contact Us About Lesson 4: Inserting and Modifying Clip Art and Photos PowerPoint
More informationPhotoshop Elements Week 1 - Photoshop Elements Work Environment
Menu Bar Just like any computer program, you have several dropdown menus to work with. Explore them all! But, most importantly remember to SAVE! Photoshop Elements Toolbox (with keyboard shortcut) Photoshop
More informationTechnology Learning Activity: Multimedia CIMC. Student Edition TE8135
IMC Technology Learning Activity: Multimedia Student Edition www.okcimc.com 800-654-4502 CIMC TE8135 Technology Learning Activity This TLA covers information on digital imaging sources and uses, photography
More informationTopics. 1. Raster vs vector graphics. 2. File formats. 3. Purpose of use. 4. Decreasing file size
Topics 1. Raster vs vector graphics 2. File formats 3. Purpose of use 4. Decreasing file size Vector graphics Object-oriented graphics or drawings Consist of a series of mathematically defined points that
More informationTEST INFORMATION: 40 questions 50 minutes 70% minimum required to pass. Score is based on a 1000 pt system so passing will be a 700.
ADOBE CERTIFIED ASSOCIATE WORKSHOP!! (PHOTOSHOP WORKSHOP (PHOTOSHOP CS6) TEST INFORMATION: 40 questions 50 minutes 70% minimum required to pass Score is based on a 1000 pt system so passing will be a 700.
More informationDigital Files File Format Storage Color Temperature
Digital Files Digital Files File Format Storage Color Temperature PIXELS Pixel = picture element - smallest component of a digital image - MEGAPIXEL 1 million pixels = MEGAPIXEL PIXELS more pixels per
More informationMaking Professional Quality Scientific Figures: Part 1 The Essentials
Making Professional Quality Scientific Figures: Part 1 The Essentials RESOURCES: http://www.people.fas.harvard.edu/~draft/thesisworkshop/ PDF of this presentation PDF of instructions for image manipulation
More informationDr. Shahanawaj Ahamad. Dr. S.Ahamad, SWE-423, Unit-06
Dr. Shahanawaj Ahamad 1 Outline: Basic concepts underlying Images Popular Image File formats Human perception of color Various Color Models in use and the idea behind them 2 Pixels -- picture elements
More informationPhotoshop CS6 First Edition
Photoshop CS6 First Edition LearnKey provides self-paced training courses and online learning solutions to education, government, business, and individuals world-wide. With dynamic video-based courseware
More informationAdobe Imaging Products
Adobe Imaging Products A Presentation to the Cary Photographic Artists Organization by Thomas Zuber February 2008 The Digital Darkroom Making a fine print digitally requires every bit of the skill and
More informationHow to generate different file formats
How to generate different file formats Different mediums print, web, and video require different file formats. This guide describes how to generate appropriate file formats for these mediums by using Adobe
More informationImage is a spatial representation of an object or a scene. (image of a person, place, object)
Graphics & Images Table of Content 1. Introduction 2. Types of graphics 3. Resolution 4. Memory/Storage requirement 5. Types of images 6. Image colour schemes 7. Colour dithering 8. Image processing 9.
More informationLearning Macromedia Fireworks Essentials and Digital Image Editing
Learning Macromedia Fireworks Essentials and Digital Image Editing 7 th Grade Technology Enhancement Instructor: Mr. Craig Clairmont Mailing address: PO Box 700-1045 Main St. Corvallis, MT 59828 Location:
More informationTexts and Resources: Assessments: Freefoto.com Group Photo Projects
Effective Date: 2009-10 Name of Course: Digital Photography Grade Level: 9-12 Department: Industrial Technology and Engineering Length of Course: 30 cycles Instructional Time: 180 days Period Per Cycle:
More informationChapter 3 Graphics and Image Data Representations
Chapter 3 Graphics and Image Data Representations 3.1 Graphics/Image Data Types 3.2 Popular File Formats 3.3 Further Exploration 1 Li & Drew c Prentice Hall 2003 3.1 Graphics/Image Data Types The number
More informationImage optimization guide
Image Optimization guide for Image Submittal Images can play a crucial role in the successful execution of a book project by enhancing the text and giving the reader insight into your story. Although your
More informationDIGITAL IMAGING FOUNDATIONS
CHAPTER DIGITAL IMAGING FOUNDATIONS Photography is, and always has been, a blend of art and science. The technology has continually changed and evolved over the centuries but the goal of photographers
More informationMOTION GRAPHICS BITE 3623
MOTION GRAPHICS BITE 3623 DR. SITI NURUL MAHFUZAH MOHAMAD FTMK, UTEM Lecture 1: Introduction to Graphics Learn critical graphics concepts. 1 Bitmap (Raster) vs. Vector Graphics 2 Software Bitmap Images
More informationFundamentals of Multimedia
Fundamentals of Multimedia Lecture 2 Graphics & Image Data Representation Mahmoud El-Gayyar elgayyar@ci.suez.edu.eg Outline Black & white imags 1 bit images 8-bit gray-level images Image histogram Dithering
More informationGlossary Unit 1: Hardware/Software & Storage Media
1. Bluetooth wireless technology to transfer data 2. Burner a CD or DVD writer; can be internal or external 3. Cloud computing use of web services to perform functions that were traditionally performed
More informationComputer Graphics. Rendering. Rendering 3D. Images & Color. Scena 3D rendering image. Human Visual System: the retina. Human Visual System
Rendering Rendering 3D Scena 3D rendering image Computer Graphics Università dell Insubria Corso di Laurea in Informatica Anno Accademico 2014/15 Marco Tarini Images & Color M a r c o T a r i n i C o m
More informationLecture - 3. by Shahid Farid
Lecture - 3 by Shahid Farid Image Digitization Raster versus vector images Progressive versus interlaced display Popular image file formats Why so many formats? Shahid Farid, PUCIT 2 To create a digital
More informationPresenting... PhotoShop Elements 7 (PSE7) Photoshop LightRoom 2.3 (LR2) and High Dynamic Range Photography
Presenting... PhotoShop Elements 7 (PSE7) Photoshop LightRoom 2.3 (LR2) and High Dynamic Range Photography 1 Before getting into Photoshop products, I need to be sure you can process the information I
More informationUsing Adobe Photoshop
Using Adobe Photoshop 4 Colour is important in most art forms. For example, a painter needs to know how to select and mix colours to produce the right tones in a picture. A Photographer needs to understand
More informationThe next table shows the suitability of each format to particular applications.
What are suitable file formats to use? The four most common file formats used are: TIF - Tagged Image File Format, uncompressed and compressed formats PNG - Portable Network Graphics, standardized compression
More informationCGT 211 Sampling and File Formats
CGT 211 Sampling and File Formats The Physics of What We Do 2 types of waves - electromagnetic and pressure Analog frequency variations, infinite defines color, brightness, pitch, volume Digital Data Binary
More informationImage Digitization: Best Practices and Training
Image Digitization: Best Practices and Training International Conference of Indigenous Archives, Libraries, and Museums Association of Tribal Archives, Libraries, Museums (ATALM) Tamaya Resort and Spa
More informationResizing Images By Laurence Fenn
Resizing Images By Laurence Fenn This article is an expansion of the talk I recently gave at the computer club about resizing images on your PC and getting the best results. I ve taken the basic notes
More informationCHAPTER 3 I M A G E S
CHAPTER 3 I M A G E S OBJECTIVES Discuss the various factors that apply to the use of images in multimedia. Describe the capabilities and limitations of bitmap images. Describe the capabilities and limitations
More informationMaking Professional Quality Scientific Figures: Part II Advanced Image Editing
Making Professional Quality Scientific Figures: Part II Advanced Image Editing RESOURCES: http://www.people.fas.harvard.edu/~draft/thesisworkshop/ PDF of this presentation PDF of instructions for image
More informationGUIDELINES & INFORMATION
GUIDELINES & INFORMATION This document will provide basic guidelines for the use of the World Animal Day logo and general knowledge about the various file formats provided. Adhering to these guidelines
More informationBEST PRACTICES FOR SCANNING DOCUMENTS. By Frank Harrell
By Frank Harrell Recommended Scanning Settings. Scan at a minimum of 300 DPI, or 600 DPI if expecting to OCR the document Scan in full color Save pages as JPG files with 75% compression and store them
More informationBitmap Image Formats
LECTURE 5 Bitmap Image Formats CS 5513 Multimedia Systems Spring 2009 Imran Ihsan Principal Design Consultant OPUSVII www.opuseven.com Faculty of Engineering & Applied Sciences 1. Image Formats To store
More informationDigital photo sizes and file formats
Digital photo sizes and file formats What the size means pixels, bytes & dpi How colour affects size File formats and sizes - compression Why you might need to change the size How to change size For Tynemouth
More informationNXPowerLite Technology
NXPowerLite Technology A detailed look at how File Optimization technology works and exactly how it affects each of the file formats it supports. HOW FILE OPTIMIZATION WORKS Compared with traditional compression,
More informationWelcome to Photoshop CS
Chapter 1 Welcome to Photoshop CS COPYRIGHTED MATERIAL Photoshop CS is the latest version of Photoshop, Adobe s powerful image-editing program. It s part of Adobe s Creative Suite, a package of design
More informationFile Formats and the Properties of Digital Images and Graphics Instructions and answers for teachers
Unit R082 Creating digital graphics File Formats and the Properties of Digital Images and Graphics Instructions and answers for teachers These instructions should accompany the OCR resource File Formats
More informationPhotoshop 01. Introduction to Computer Graphics UIC / AA/ AD / AD 205 / F05/ Sauter.../documents/photoshop_01.pdf
Photoshop 01 Introduction to Computer Graphics UIC / AA/ AD / AD 205 / F05/ Sauter.../documents/photoshop_01.pdf Topics Raster Graphics Document Setup Image Size & Resolution Tools Selecting and Transforming
More informationThe relationship between Image Resolution and Print Size
The relationship between Image Resolution and Print Size This tutorial deals specifically with images produced from digital imaging devices, not film cameras. Make Up of an Image. Images from digital cameras
More informationCOMPSCI 111 / 111G Mastering Cyberspace: An introduction to practical computing. Digital Images Vector Graphics
COMPSCI 111 / 111G Mastering Cyberspace: An introduction to practical computing Digital Images Vector Graphics Students should be able to: Learning Outcomes Describe the differences between bitmap graphics
More informationPortfolio Primer University of Minnesota School of Architecture College of Design
Portfolio Primer University of Minnesota School of Architecture College of Design John Comazzi, Associate Professor of Architecture Let your images breath. Avoid overlaps of images and text over images.
More informationGuidelines for Figures
General preparation guidelines Introduction This page provides general information for authors creating figures to maximize the quality of those illustrations and to prepare artwork for submission to Brazilian
More informationCD: (compact disc) A 4 3/4" disc used to store audio or visual images in digital form. This format is usually associated with audio information.
Computer Art Vocabulary Bitmap: An image made up of individual pixels or tiles Blur: Softening an image, making it appear out of focus Brightness: The overall tonal value, light, or darkness of an image.
More informationCS 262 Lecture 01: Digital Images and Video. John Magee Some material copyright Jones and Bartlett
CS 262 Lecture 01: Digital Images and Video John Magee Some material copyright Jones and Bartlett 1 Overview/Questions What is digital information? What is color? How do pictures get encoded into binary
More informationResizing and Naming Photos for Competition. Bridgewater Photographic Society 2016/17 1
Resizing and Naming Photos for Competition Bridgewater Photographic Society 2016/17 1 Let s start with some Theory Q1: The projector has a display resolution of 1024x768, but what does this mean? 1024
More informationIdentifying Design Elements When Preparing Images
DOMAIN 2 Identifying Design Elements When Preparing Images OBJECTIVES Upon completion of this domain, you should be able to: Demonstrate knowledge of image resolution, image size, and image file format
More informationA raster image uses a grid of individual pixels where each pixel can be a different color or shade. Raster images are composed of pixels.
Graphics 1 Raster Vector A raster image uses a grid of individual pixels where each pixel can be a different color or shade. Raster images are composed of pixels. Vector graphics use mathematical relationships
More informationRaster Image File Formats
Raster Image File Formats 1995-2016 Josef Pelikán & Alexander Wilkie CGG MFF UK Praha pepca@cgg.mff.cuni.cz http://cgg.mff.cuni.cz/~pepca/ 1 / 35 Raster Image Capture Camera Area sensor (CCD, CMOS) Colours:
More informationColor, graphics and hardware Monitors and Display
Color, graphics and hardware Monitors and Display No two monitors display the same image in exactly the same way 1. Gamma settings - hardware setting on a monitor that controls the brightness of the pixels
More informationCATEGORY SKILL SET REF. TASK ITEM
ECDL / ICDL Image Editing This module sets out essential concepts and skills relating to the ability to understand the main concepts underlying digital images and to use an image editing application to
More informationPENGENALAN TEKNIK TELEKOMUNIKASI CLO
PENGENALAN TEKNIK TELEKOMUNIKASI CLO : 4 Digital Image Faculty of Electrical Engineering BANDUNG, 2017 What is a Digital Image A digital image is a representation of a two-dimensional image as a finite
More informationDigital imaging or digital image acquisition is the creation of digital images, typically from a physical scene. The term is often assumed to imply
Digital imaging or digital image acquisition is the creation of digital images, typically from a physical scene. The term is often assumed to imply or include the processing, compression, storage, printing,
More informationPHOTOTUTOR.com.au Share the Knowledge
THE DIGITAL WORKFLOW BY MICHAEL SMYTH This tutorial is designed to outline the necessary steps from digital capture, image editing and creating a final print. FIRSTLY, BE AWARE OF WHAT CAN AND CAN T BE
More informationSampling Rate = Resolution Quantization Level = Color Depth = Bit Depth = Number of Colors
ITEC2110 FALL 2011 TEST 2 REVIEW Chapters 2-3: Images I. Concepts Graphics A. Bitmaps and Vector Representations Logical vs. Physical Pixels - Images are modeled internally as an array of pixel values
More informationv nik Sharpener Pro 2.0 User Guide å nik multimedia, Inc.
v2.03-050405 nik Sharpener Pro 2.0 User Guide å nik multimedia, Inc. II Table of Contents Minimum Requirements and Installation Filters...I Windows Operating System...I Macintosh Operating System...I Selective
More informationBasic photography Art, composition, and computer principles AEE 211 February 24, 2003
Basic photography Art, composition, and computer principles AEE 211 February 24, 2003 What makes these images effective? Overview Basic composition Mood and atmosphere Qualities of a good photo Basic composition
More informationOcé Colour Copy 7.0. User Manual
Océ Colour Copy 7.0 User Manual Océ-Technologies B.V. Trademarks Products in this manual are referred to by their trade names. In most, if not all cases, these designations are claimed as trademarks or
More informationSun City Summerlin Computer Club Seminar. Managing Your Photos. Tom Burt July 26, 2018
Sun City Summerlin Computer Club Seminar Managing Your Photos Tom Burt July 26, 2018 Where to Find the Materials Sun City Summer Computer Club Website: http://www.scscc.club/smnr Direct Hyperlink http://www.scscc.club/smnr/managingyourphotos.pdf
More informationUNIVERSITY OF CALICUT INTRODUCTION TO MULTIMEDIA QUESTION BANK
UNIVERSITY OF CALICUT SCHOOL OF DISTANCE EDUCATION BGDA (UG SDE) II SEMESTER COMPLEMENTARY COURSE INTRODUCTION TO MULTIMEDIA QUESTION BANK BGDA Page 1 1. Which file format contain photorealistic images
More informationI. File Format Tips: For image (raster) files you make (microscope images, scans, photos, screen captures, etc).
Image Handling Notes Figure Making Workshop Jan/Feb 2018 Quick Guide to Using Images (TIFF, JPEG, PNG, BMP) in/as figures 1) Open the image in Photoshop or GIMP. 2) Adjust Levels and Crop as needed * 3)
More informationDigital Darkroom P 207
Digital Darkroom P 207 Digital Photographic Terms, Definitions and Hand Outs Instructor: Stephen Grote Raster Pixel based Each individual pixel in the image must be mapped to a specific location, with
More informationLearning Outcomes. Black and White pictures. Bitmap Graphics. COMPSCI 111/111G Digital Images and Vector Graphics
Learning Outcomes COMPSCI 111/111G Digital Images and Vector Graphics Lecture 13 SS 2018 Students should be able to: Describe the differences between bitmap graphics and vector graphics Calculate the size
More informationBitmap Vs Vector Graphics Web-safe Colours Image compression Web graphics formats Anti-aliasing Dithering & Banding Image issues for the Web
Bitmap Vs Vector Graphics Web-safe Colours Image compression Web graphics formats Anti-aliasing Dithering & Banding Image issues for the Web Bitmap Vector (*Refer to Textbook Page 175 file formats) Bitmap
More informationColour Management & Profiling
Colour Management & Profiling Why Colour management in photography is very important if we are to produce a final product (digital projected image or print) which matches what we saw when took the photography
More informationEditing your digital images:
Editing your digital images: 1 By Garry Sankowsky zodpub@rainforestmagic.com.au All images taken with a digital camera need to be edited. You will usually get software with your camera that can do at least
More informationPSSA Calibration and Colour Management
PSSA Calibration and Colour Management Background A large portion of PSSA activities is focused around the display of images. PSSA understand the importance of consistency when displaying images. Even
More informationSCANNING GUIDELINES Peter Thompson (rev. 9/21/02) OVERVIEW
SCANNING GUIDELINES Peter Thompson (rev. 9/21/02) OVERVIEW WHAT S A SCANNER? A machine that lets you input an image into your and save it as a digital file to be enhanced or altered by image editing software
More information