Online & Offline Publishing - Bitmaps & Vector Graphics Keywords: Paths, Points, Resize, Transparency, Resolution, Print Quality Web Image File Formats:

Slides:

Advertisements

Similar presentations

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.

Advertisements

Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.

2.01 Understand Digital Raster Graphics

V Obtained from a Guildford County workshop-Summer, 2014.

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.

V Obtained from a summer workshop in Guildford County July, 2014

Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.

Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:

Dr Jimmy Lam CAD for Fashion and Textiles

What the difference is between bitmap and vector images. Which is suitable and when. Why do I need to know this?

Graphic Images 101. Painted on a grid Drawn mathematically.

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.

1 Creating Web Graphics Outline 2.1 Graphics Types 2.2 Vector Graphics 2.3Bitmapped Graphics 2.4Graphics for the Web 2.5 GIF (Graphics Interchange Format)

XP Practical PC, 3e Chapter 13 1 Working with Graphics.

SOFTWARE TYPES Word processing Page layout Paint Draw.

TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.

Module Code: CU0001NI Technical Information on Digital Images Week – 2 - Extra.

Files, File Format Folders Paths, URL Absolute Addresses Relative Addresses © Ms. Masihi.

Chapter 14 Working with Graphics. 2Practical PC 5 th Edition Chapter 14 Getting Started In this Chapter, you will learn: − About different graphics you.

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.

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.

10 | Graphics COM 366 Web Design & Production. Native file format –Format native to software program –psd > PhotoShop default Preserves layers –Use “Save.

File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.

Multimedia def. Many forms. Multimedia Text Hyperlinks Images Audio Animation Video Text Hyperlinks Images Audio Animation Video.

Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.

Digital Imaging 101 Ann Ware

Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)

Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Things to Remember When working with digital images.

Raster Graphics 2.01 Investigate graphic image design.

File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.

Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. ______ -natural ______ -monitor.

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.

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.

Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.

Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic.

GIF vs. JPEG GIF and JPEG (JPG) image formats are different. You should know which to use when. Here are some examples.

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

Efficient Game Graphics From Flash MX 2004 Game Design Demystified.

Digital Basics Quiz Preparation. Basic Digital Image Concepts Aliasing & Anti‐aliasing Resolution Compression Raster & Vector Color mode & Image mode.

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.

Chapter 14 Working with Graphics

2.01 Understand Digital Raster Graphics

2.01 Understand Digital Raster Graphics

Digital Imaging 101 Ann Ware.

Understanding Web Graphics

Digital Illustration Chapter 6 File format.

Types of Graphics Technological Design.

Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Chapter 13 Working with Graphics

Digital imaging.

4 Importing Graphics Desktop Publishing: Chapter 4

2.01 Understand Digital Raster Graphics

Introduction to raster graphics

Sci Vis I Exam Review Unit 6 File Formats.

2.01 Investigate graphic image design.

Graphics Basics Ellen Eyth.

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

Images and PowerPoint Scanners usually try to save an image as a TIF or Bitmap Don’t use .bmp, or .tif files in PowerPoint They are too big They will make.

1.01 Investigate graphic types and file formats.

2.01 Understand Digital Raster Graphics

Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt

2.01 Investigate graphic image design.

2.01 Understand Digital Raster Graphics

2.01 Investigate graphic image design.

2.01 Investigate graphic image design.

Presentation transcript:

Online & Offline Publishing - Bitmaps & Vector Graphics Keywords: Paths, Points, Resize, Transparency, Resolution, Print Quality Web Image File Formats: bitmap pixels File Extensions:.JPEG.GIF.PNG Paper-based Media – Newspapers, magazines etc. The Internet & Online Publishing – Web Pages AUDIENCE The PC Print Image File Formats: Vector TIFF, EPS etc Software: Illustrator, Freehand, online vector-graphics software, Drawing Tools in Word Keywords: Compression, Resolution, transparency, Screen Quality MS OFFICE VECTOR & BITMAP File Types –.WMF &.BMP

Different Software = Save Files in Different Formats Photographs and Detailed Images = SAVE as Bitmaps (eg.TIFF,.JPEG,.EPS or.BMP Illustrations and Line Drawings = SAVE as Vector Graphics It all starts with SAVE!

.jpeg Photographs and Detailed Images - JPEG File Compression - The Web Low compression = higher quality images High compression = poor quality images 9k - under 1 28kbps 200k kbps Large and detailed images, especially photographs, are very memory intensive and can take ages to appear on a web page. Compression software reduces the file size of these images considerably. The image we see will often be a compromise between size, quality and modem speed. fastNot-so-fast

.gif Detailed Images with Transparency - GIF File Compression - The Web This is an image made using vector drawings – there are transparent areas. To preserve the transparent quality of this image for the web we should save it as a.GIF or.PNG file. This can be done using image editing software such as Photoshop or Gimp.

Anti-aliasing Is a technique used to render text – when it is on, anti- aliasing ‘smooths’ edges for better readability

Audience & Fitness for Purpose SAVE - Photographs and Complex Images - as JPEGS or GIFS SAVE - Illustrations, Line Drawings = Vector Graphics The software does the hard work for you! - all you need to think about is what you want to use your image for.