Module 4- Build a Game Understanding Pictures Compression – Making things smaller.

Slides:

Advertisements

Similar presentations

Raster Graphics 2.01 Investigate graphic image design.

Advertisements

Graphics on the Web. Common Image File Types As you may know, the most widely supported web image graphic formats are GIF and JPEG. So the question is.

Unit 30- Digital Graphics THEORY P2 and D2

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

Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.

Web Site Development Test 2 Working in DreamWeaver.

DECO1001: Optimising for the Web Format Colour File Size.

Designing for Web stuff you need to know before you start.

Introduction to Computers Section 11A. home Types of Graphics File Bitmap Vector.

Photoshop: Designing Graphics for the Web Christine Vucinich & Vicki Weidler ITS Training Services 224 B Computer Building University Park, PA 16802

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.

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

Zinnia Bell. RAWimages are image files that have not yet processed, they contain minimally processed data from the image sensor of either a image scanner,

BASIC HTML TUTORIAL Amber Brady. HTML tags are keywords surrounded by angle brackets like HTML tags normally come in pairs like and The first tag in a.

Understanding Web Graphics Web Design Section 5-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

THE COLORS OF LIGHT RED, GREEN and BLUE

Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.

Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.

Graphics and Images Communicating Information : Documents and Publications.

By Millie and Ellece. D IFFERENT T YPES OF G RAPHICS Bitmap Formats JPEG GIF PNG PSD TIFF.

Image File Types Module 4: Working with Images LESSON 5.

Types of Graphics  Vector Individual scalable objects defined by mathematical equations  Bitmap Pixels (tiny, single-colored square) in a grid Most.

2.01A-C Vocabulary Review Graphic, Raster and Vector Images Away We Go!!

Multimedia File FormatsGraphics JPG, GIF, TIF, PSD, WMF, BMP, PNG, RAW.

Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.

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

Module 4- Build a Game Look at Me Mod 4 Lesson 3 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)

FILE TYPES FOR WEB DESIGN 1 HOW SHOULD I SAVE?. GRAPHICS INTERCHANGE FORMAT (GIF) Best used for flat-color, sharp-edged art or text Clip art, logos Compression.

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.

Digital Images are represented by manipulating this…

Graphics Concepts Presentation

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

Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.

GRAPHICS. PURPOSE OF GRAPHICS IN WEB DESIGN Graphics add visual/aesthetic appeal to the information on the web page, helping to maintain viewer interest.

Image File Formats Which one is right for me?. The Only Three Image Formats Your Will Ever Need: Names Jpg “Joint Photographic Experts Group” Png “Portable.

Photoshop Basics: Extended Instructor: Vicki Weidler Assistant: Joaquin Obieta.

Art for New Media TO DO today: 1 - Sketchbook assignment (see next page) 2 - Animation using Photoshop - - Animation Panel > view, frames -

Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.

Module 4- Build a Game Look at Me Mod 4 Lesson 3 Graphics.

© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.

2.01 Understand Digital Raster Graphics

Common Bitmap Image File Types

2.01 Understand Digital Raster Graphics

Understanding Web Graphics

Digital imaging.

Web Graphics 101 Web Image File Formats Image Optimization

2.01 Understand Digital Raster Graphics

Finding and inserting them

"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.

2.01 Investigate graphic image design.

Choosing the right image format

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

LESSON 5 Module 4: Working with Images Image File Types.

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

Photoshop: Creating and Preparing Images for the Web

2.01 Investigate graphic image design.

2.01 Understand Digital Raster Graphics

5.5 Adding Photo Gallery Module

2.01 Investigate graphic image design.

Exam Objectives: Identify Design Elements When Preparing Images

2.01 Investigate graphic image design.

Creating Digital Graphics

Presentation transcript:

Module 4- Build a Game Understanding Pictures Compression – Making things smaller

JPEG Best for: CCompressing high-quality images such as photographs and detailed artwork, without sacrificing quality. HHandling subtle shadings and colour blends more efficiently.

GIF Best for…  Images with solid areas of colour  Line drawings or logos  Transparency effect  Animation

PNG  Open Source, no licence required by developers, unlike GIFs.  Widely supported by the Web.  Will never completely replace GIF, as it does not support animation.

Scratch - over to you…  Scratch accepts the following file formats for images or photos: JPG, BMP, PNG, and GIF (including animated GIF).  Find some images / photos on your computer or on the internet and import them as sprites into Scratch. You can choose backgrounds or characters.