Drawing Packages 1 Image management and Drawing packages This is a segment of the draft version of a large syllabus. I need your feedback to improve it.

Slides:



Advertisements
Similar presentations
2.01 Investigate graphic image design.
Advertisements

© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
Importing and Modifying Graphics
Macromedia Fireworks. Understanding Fireworks What can you do in Fireworks MX? –Work with vector objects and bitmap images –Add JavaScript-enabled interactivity.
Digital Imagery Michael Nieckoski Technology Learning Services January 2009.
More ICT studying!.
Create a new document and import files Learn about the Macromedia Fireworks window Work with bitmap and vector images Create and modify text Unit Lessons.
Importing, Grouping, and Layers – Lesson 31 Importing, Grouping, and Layers Lesson 3.
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
Objective 1.  Computer graphics falls into two main categories:  Bitmap images  Vector images.
Vector Graphics 2.02 Understand Digital Vector Graphics.
Ann Ware Digital Imaging 101. Digital Image Categories BITMAPVECTOR A bitmap is an image created with pixels (small squares of color) The number of pixels.
Objective 1.  Also known as raster images.  Made up of pixels in a grid.  Pixels: tiny dots of individual color that makes up what you see on your.
Graphic File Formats. Objectives Understand the difference between two major categories of computer graphic images Investigate the differences between.
By: Zaiba Mustafa Copyright ©
Graphic Images 101. Painted on a grid Drawn mathematically.
Unit 30 Digital Graphics – Course overview Anne Sewell
GIMP Graphic Image Manipulation Program. GIMP Image manipulation software Free Open Source Written by two students First version in 1996.
Lesson 7—Part 1 Working with Graphics Prepared 3/5/11.
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
1 Pertemuan 12 Linking and Embedding, Saving and Exporting Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
XP Practical PC, 3e Chapter 13 1 Working with Graphics.
All About File Formats Mr. Butler John Jay High School Department of Technology.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
Chapter 6 Images in Dreamweaver & Fireworks Mrs. Johnson Web Design.
Computer Literacy BASICS: A Comprehensive Guide to IC 3, 5 th Edition Lesson 17 Working with Graphics 1 Morrison / Wells / Ruffolo.
HTML presentation Graphics H format H data compression H size H creating or finding H publishing.
EDT321EDT321 1 Summer Session Online Presentations Presentation Guidelines Design Guidelines Graphic File Types Power Point Skills PowerPoint Project.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
Laboratory Exercise # 9 – Inserting Graphics to Documents Office Productivity Tools 1 Laboratory Exercise # 9 Inserting Graphics to Documents Objectives:
Multimedia Elements –Graphics. Graphics in Multimedia Applications.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify.
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.
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.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Adobe/Macromedia Fireworks JAOIT 8. Fireworks – what is it? Adobe Fireworks (formerly Macromedia Fireworks) is a bitmap and vector graphics editor. It.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify 3 types of vector programs.
Digital Imaging 101 Ann Ware
PLACING AND LINKING GRAPHICS
Adobe photoshop digital image making. the basics Adobe PhotoShop is an image-editing program that lets you create and edit digital images. ◦PhotoShop.
Bitmap images Resizing bitmaps Vector images Why are there so many image file formats? Resolution and Scanning “Bits” and.bmp files Photo editors JPG file.
Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.
Insertions: Other than Body Text in Microsoft Word Graham Seibert Copyright 2006 This is a draft version of one segment of a large syllabus. I need your.
Vector vs. Raster What’s the difference between vector and raster file formats? The real difference between the two formats is how they are used.
Chapter 20. Copyright 2003, Paradigm Publishing Inc. CHAPTER 20 BACKNEXTEND 20-2 LINKS TO OBJECTIVES Create, Format, and Customize Drawn Objects Create,
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
Desktop Publishing Lesson 4 — Working with Objects.
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.
CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.
Adobe Photoshop CS5.
Multimedia Subject: Informatics of Technology II year
Digital Imaging 101 Ann Ware.
Graphics and Multimedia
2.01 Investigate graphic image design.
Chapter 13 Working with Graphics
4 Importing Graphics Desktop Publishing: Chapter 4
Lesson 7 Learning Objectives: Insert pictures from files
Adobe Flash Professional CS5 – Illustrated
Introduction to Basic Interface of
McGraw-Hill Technology Education
2.01 Investigate graphic image design.
Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt
Vectors and Paths, also File Export
2.01 Investigate graphic image design.
Presentation transcript:

Drawing Packages 1 Image management and Drawing packages This is a segment of the draft version of a large syllabus. I need your feedback to improve it. There is a voice recorder capture your suggestions during the presentation. Graham Seibert Copyright 2006

Drawing Packages 2 Objectives Describe how computers manage graphic data Demonstrate Word’s graphics management facilities Introduce software packages that handle –Vector Graphics and –Bitmaps Describe considerations in moving images among software packages

Drawing Packages 3 Toolbars in Word The Drawing Toolbar: View→Toolbars →Drawing The Picture Toolbar –View→Toolbars →Picture –Most useful for cropping, wrapping and rotation –Some ability to manage picture qualities such as contrast, color and brightness: Better to do those in a photo package

Drawing Packages 4 Word and Excel Built-in Drawing Capabilities Limited: box, oval, line and arrow, with –Color, line, width, fill, shadow & transparency Stacked with pictures, text and each other In Word, these (and only these) can be organized on a “drawing canvas” Sophisticated graphics need to be created in another package, then imported

Drawing Packages 5 Graphic representation formats Bitmap –A pattern of dots –Each dot color individually established by scan –Compression techniques take advantage of similarities among dots. Vector Graphics –Mathematical representation of graphic forms –Colors chosen from palette Word supports both in primitive ways

Drawing Packages 6 Images in Word Layers of nesting –The text itself, then –Drawing Canvases, which are optional, –Then: Pictures Text Boxes Drawing Objects Word can control stacking

Drawing Packages 7 Vector Graphics Formats and Packages Common vector formats include: AI (Adobe Illustrator) CDR (CorelDRAW) CMX (Corel Exchange) CGM Computer Graphics Metafile DXF AutoCAD WMF Windows Metafile vector formatsvector formats Popular vector drawing programs are: Corel Draw Adobe Illustrator Macromedia Freehand Xara X vector drawing programsvector drawing programs

Drawing Packages 8 Typical things you can do with Vector Graphics Packages Create almost any shape Fit text to paths and boxes Modify imported graphics Implement transparency and 3-D effects Add smooth freehand drawing objects See Through

Drawing Packages 9 Vector Graphics cut-and-paste Try straight cut-and-paste. If it doesn’t work, In Windows, try “Windows Metafile” which is usually a good choice for paste-special When all else fails, as it sometimes will, export the image from the source package as a bitmap (jpg, gif, bmp etc.) and import – Simpleminded enough to usually work –Picture resolutions take tweaking –Takes a lot of time and storage space

Drawing Packages 10 Transparency Text can have a background color Exports to a GIF format give you the option of a transparent background Images you import are usually rectangular, and come with a background Drawing objects and imported graphics can be transparent Pictures in header/footer are treated like watermarks: semi-transparent or not

Drawing Packages 11 Bitmap Formats and Packages Common bitmap formats include: BMP PICT (Macintosh) GIF PCX JPEG, JPG TIFF PNG PSD (Adobe Photoshop) Popular bitmap editing programs are: Microsoft Paint Adobe Photoshop Corel Photo-Paint Jasc Paint Shop Pro Ulead PhotoImpact

Drawing Packages 12 Typical things you can do with bitmap packages (Photo editors) Resize, crop, and skew an image Adjust brightness, contrast, color balance Do color transformation, convert to black and white, and replace colors Touchup: fix red-eye, air brush, erase wrinkles …. And much more, as your student hackers will tell you

Drawing Packages 13 Lost in translation: Transferring bitmap images among packages The alternatives –Cut-and-paste the image –Use Edit→Paste→Special to choose the conversion type –Save the image as a bitmap picture, and load it as an image Screwy things that happen in translation –Size and resolution get changed –Translators make images fuzzy –Parts of images get rearranged –Type fonts get changed Approaches to take –Try the Edit→Paste→Special approach because it is easy –Saving pictures as jpg bitmaps, then import them

Drawing Packages 14 Embedded Objects With OLE, or Object Linking and Embedding, Word preserves the link to the software that created an object –The original graphic features are preserved –Clicking invokes the original software to edit the object –The downside? It is slow and prone to crashing Otherwise, the target package converts the object to one of its own formats

Drawing Packages 15 Moving Images around in Word By default, Word puts pictures, text boxes and tables in line with text, left-justified You can change wrapping: Square, Tight, In Front or Behind Each object is given an anchor to show where it belongs in the text Word moves your objects as the text shifts – often not where you want them!

Drawing Packages 16 Strategies for outsmarting Word when it comes to placing objects Put images and tables into drawing canvases. It keeps them visible –Word’s older technique, giving anchors to objects, tends to get them jumbled –Sometimes requires a text box within a canvas Wait until the text is complete before worrying about final placement Working through the document top to bottom, –Move each image to the appropriate page –Arrange text flow around the image

Drawing Packages 17 Conclusion Word supports levels of graphics that can vastly improve written communication Word support of graphics, though powerful, is not always intuitive An author should know the limits of Word graphics and what is possible to achieve in Excel, photo editing and vector graphics packages