Computer Graphics Introductory Notes. Computer Graphics defined… The creation, editing, or publishing of images by means of a computer. Can create anything.

Slides:



Advertisements
Similar presentations
VISUAL STRATEGIES. WHY USE VISUAL STRATEGIES? HELPFUL in receptive and expressive communication...
Advertisements

Multimedia Mr. Sanchez.
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.
GRAPHIC DESIGN for NON-GRAPHIC DESIGNERS Mary Nell Shaw and Charles Creel ~ Graphic Arts Specialists Alabama Department of Education PRESENTED BY.
Introduction to Computer Graphics
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.
Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
 Scanned or digitally captured image  Image created on computer using graphics software.
Introduction to Graphic Arts Technology PRINT Versus WEB.
Skill Area 212 Introduction to Multimedia Internet and MultiMedia for SC 2.
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.
Graphics.
1 PowerPoint Presentation Design Wednesday, September 02, 2015Ms. Wear Info Tech 9/10.
+ Web Design is ART. + Art Inspires…Design motivates.
Lecture 4 - Introduction to Computer Graphics
Guidelines For Effective Presentations. Agenda Getting started on a presentation Creating a presentation Guidelines for creating a presentation Final.
DPT II Jeopardy Photo Editing Custom Colors Advanced Layout & Design Presentation Design Web Page Design Q $100 Q $200 Q $300 Q $400 Q $500 Q $100 Q $200.
Basic Knowledge of Web creation. Computer graphic knowledge Graphic file has 2 types Raster Graphic A bitmap or raster image are comprised of pixels in.
Creating a PowerPoint Presentation
Design Basics Introduction Color Type J187 Class 2 IIMM J187 Introduction to Interactive Multimedia.
THE THEORY & CONCEPTS Lesson 1 – Part 1. What is Graphic Design It’s a CREATIVE PROCESS Undertaken in order to convey a specific message/s I can’t teach.
Graphics and Animation Multimedia Projects Part 2.
Graphic Design. Posters serve a variety of purposes, from advertising corporate events or the latest movie to labeling a science project or providing.
CREATING A POWERPOINT PRESENTATION. Planning a presentation Create a presentation Rearrange and delete text and slides Add animations Add transitions.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
Graphics. Graphic is the important media used to show the appearance of integrative media applications. According to DBP dictionary, graphics mean drawing.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
 Scanned or digitally captured image  Image created on computer using graphics software.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
How to create a Scientific poster for the Group 4 presentation.
A BCDE.
Mirjana Devetakovic, M.Sc. CAAD - Images Beograd, 2011.
Raster Graphics 2.01 Investigate graphic image design.
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.
Exploring Web Design Chapter 1. Objectives Develop a new perspective of the WWW Learn what makes a website good or bad Discover how to apply objective.
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
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.
HTTP transaction with Graphics HTML file + two graphics files.
Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand digital graphics production methods, software, and hardware.
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.
Bitmap vs. Vector How computers work with photographs and drawings.
2.02 Understand Digital Vector Graphics
Objective % Describe digital graphics production methods.
Understanding Web Graphics
Digital Illustration Chapter 6 File format.
2.02 Understand Digital Vector Graphics
How to do Themes and Color Schemes.
2.01 Understand Digital Raster Graphics
Basic Knowledge of Web creation
Computer Graphics Different Images File.
Graphics: Production Methods, software, & Hardware
2.02 Understand Digital Vector Graphics
Digital Images.
1.01 Investigate graphic types and file formats.
Introduction to Computer Graphics
2.02 Understand Digital Vector Graphics
Objective % Describe digital graphics production methods.
Color and Images.
2.02 Understand Digital Vector Graphics
Lecture 4 - Introduction to Computer Graphics
2.02 Understand Digital Vector Graphics
2.01 Investigate graphic image design.
Presentation transcript:

Computer Graphics Introductory Notes

Computer Graphics defined… The creation, editing, or publishing of images by means of a computer. Can create anything from simple shapes to complex fractals and rendered computer animation.

Introduction to design… The basic purpose of good design is to produce an image that will communicate the desired message to the intended audience.

Well designed material should: Attract the reader’s attention. Be easy to read and understand. Have a lasting effect on the reader.

Basic Design Tips

SPACE/AREA Use the entire medium space to design your project. Using space wisely is the key to making an average design into an excellent design.

ELABORATE Take your initial idea and add to it at least 3-4 times. Perfecting it 3-4 times your will put your work over the top!

EXCESSIVE Use of too many graphics, colors, words, etc. may turn out to be an “eye-sore” to your viewers. Avoid using too many frames, boxes and borders. Frames and boxes should only be used to group, set apart, or emphasize particular objects in your design. Sometimes too much is worse than not enough.

COLOR Consider the color combinations of your design. Contrasting or complimentary colors like, Black/White, Purple/Yellow, Blue/Orange, Red/Green are good choices. Contrasting colors electrify your design.

COLOR (continued) Analogous colors like blue, green, blue-green or triadic colors like red, blue, and yellow can also enhance your design. RGB color scheme should be used for web projects and CMYK should be used for all printed work. Text color should contrast with the color that is below it.

TEXT Limit the use of fonts to 2-3, too many fonts can cause confusion and frustration to the viewer. Font size is also important, too big or too small can hurt your design.

TEXT (continued) ALL CAPS on one line can also push forth the feeling of anger, anger may turn-off your viewer. Be careful not to use “cute” punctuation marks and im speak like :) :0 ;} lol

AUDIENCE Are the people viewing your work, your target Always consider the people that will be viewing your work. If you are designing a project for children use graphics that children can relate to.

LISTEN Be sure you are addressing and conveying the proper objective and theme when designing your project. Listening to the needs of the viewer/client will allow you to design a project that everyone will be happy with. You can still be creative but your creativity will be channeled to meet a specific need of your client.

FORMAT Consider the outcome of your work and choose the proper file format. Web projects should use: GIF (Graphics Interchange Format)-Low Color Range, flat color images JPEG (Joint Photographic Experts Group)- Photographs made up of pixels but reduced quality and size to fit on a website

FORMAT(continued) Printed work should use: TIFF (Tagged-Image File Format) Full quality Bitmap Images in a handy universal format. Bitmap or rasterized images are made of pixels (digital pictures) EPS (Encapsulated PostScript®)-- Vector Graphics for digital artwork in a universal format. Vector graphics are those that incorporate the use of PATHS and are scalable.