Graphics and Animation

Slides:

Advertisements

Similar presentations

Iframes & Images Using HTML.

Advertisements

L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.

Droddy.  “Pixel” is short for two words: Picture and Element. Pixels (tiny squares) combine to form the image the human eye perceives Too small for the.

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.

Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.

Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.

ETT 429 Spring 2007 Digital Photography/Scanners.

Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.

Manipulating Images Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation.

Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.

WEB GRAPHICS. The Pixel Computer displays are comprised of rows and columns of pixels. Pixels are indivisible. Some common screen resolutions are:, 600.

File Formats About graphic file formats And image compression.

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

Beginning Photography

Digital Photography February 8, aphytips/composition.htm 2 The Rules of Composition Rule of Thirds Simplicity.

SBEC Master Technology Teacher Competency 5 Marie L. Evans EDTC 6342 Janice Butler.

Graphics and Animation Multimedia Projects Part 2.

Information Processes and Technology Multimedia: Graphics.

+ 5 Things you need to know about images* *Images for the web.

GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.

CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.

Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.

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

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.

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

Editing Graphics Effects and Improvements. Editing Graphics Graphics editors have features for changing the sizes of images as well as their colors and.

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

Picture Composition. There are two parts to taking good photographs –Exposure –Composition Exposure is the technical part of the photographic process.

Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.

Mirjana Devetakovic, M.Sc. CAAD - Images Beograd, 2011.

Raster Graphics 2.01 Investigate graphic image design.

Editing Images for the Web. Optimization/Compression Graphics optimization is important for fast web page display.

Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.

Graphics Concepts Presentation

PART 2 – Size, Display, Color Modes. Image Size Courtesy of Digital images are made up of pixels (picture elements),

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

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

Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.

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

WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.

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

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

Graphics Basic Concepts 1.  A graphic is an image or visual representation of an object.  A visual representation such as a photo, illustration or diagram.

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.

Digital Photography Bethany Smith Learning Technologies Bethany Smith Learning Technologies.

Objective % Explain design concepts used to create digital graphics.

Exploring Computer Science - Lesson 3-4

Digital Illustration Chapter 6 File format.

Exploring Computer Science - Lesson 3-4

Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.

2.01 Investigate graphic image design.

Graphics Basics Ellen Eyth.

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

Digital Images.

Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.

Adobe Visual Design 2.00 Identifying design elements when preparing images (10%) 7.00 Identifying design elements when preparing illustrations (1%)

Graphics and Animation

1.01 Investigate graphic types and file formats.

Graphics Basic Concepts.

Effects and Improvements

2.01 Investigate graphic image design.

Final Study Guide Arts & Communications.

Multimedia Graphics.

2.01 Investigate graphic image design.

Objective % Explain design concepts used to create digital graphics.

Graphics and Animation

2.01 Investigate graphic image design.

Presentation transcript:

Graphics and Animation Multimedia Projects Graphics and Animation

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

What do graphics look like? Graphics can be: Black and White (2 colors) Grayscale (all variations of black) Color (RGB – best for web and computer or CMYK – best for printing images) Still Animated

What do graphics do? Graphics can: Illustrate or demonstrate procedures Clarify data Convey ideas Tell stories Add visual appeal

Graphic File Formats A computer can save and interpret graphic images in a variety of formats. Some of the most common are: GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) TIFF (Tagged Information File Format) PIC (PICTure) BMP (bitmap) TGA (Targa) PNG (Portable Network Graphics)

Digital Photography Steps to Good Composition Focus Center the subject Use rule of thirds Check the background Unifying Elements Special Effects

Focus Focus can mean two things Is the picture clear. OR What is the focus or purpose of the picture

Center the Subject This is the most common mistake, give the focus of the photo prominence without it being perfectly centered

Rule of Thirds Divide the photo into thirds either horizontally or vertically to achieve balance

Rule of thirds examples and usage Not Good Good Better

Check the Background Be sure to rid the photo of non-essential “clutter so more attention is on the Focus of the photo

Unifying Elements To help the eye wander around the photo use line or geometric shapes to tie the photo together

Geometric Shaping

Special Effects Choose different angles, distances and perspectives to create interest. Changing lighting can also be effective

More Effects

Still more effects

Lighting

More lighting

Editing Graphics Graphics editors have features for changing the sizes of images as well as their colors and other attributes. These include: Dithering Cropping Anti-aliasing Resizing

Creates the illusion that an image has more colors than it really has Dithering After Before

Cropping Cropping is used to eliminate unwanted parts of a picture Before After

Anti-aliasing Not anti-aliased Anti-aliasing smoothes the lines or transitions between neighboring colors and shapes Anti-aliased

Resizing Resizing is changing the height and width of the image Original Correct Incorrect