CS101 Lecture 4 Computer Graphics. It ’ s just a bunch of pixels A computer screen is made up of many small colored squares called pixels The human eye.

Slides:



Advertisements
Similar presentations
Basic English for Computing
Advertisements

Monitors and Sound Systems
Book Scanning & Digital Image Production The VRC Guide to Imaging By Kate Stepp.
A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.
Monitors and Sound Systems lesson 5 This lesson includes the following sections:  Monitors  PC Projectors  Sound Systems.
Display Devices Display device: output device that presents output visually Monitor/Display screen: The display device used with desktop computers, notebook.
Objectives Define photo editing software
The eyes have three different kinds of color receptors; One kind is most sensitive to short wavelengths, one to middle wavelengths, and one to long wavelengths.
Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.
Bits are Not just for Numbers or Characters Computers store characters as bits or binary digits. Characters from the English-language keyboard can be represented.
Bits are Not just for Numbers Computers store characters as bits or binary digits. Characters from the English-language keyboard are represented in ASCII.
Ch 1 Intro to Graphics page 1CS 367 First Day Agenda Best course you have ever had (survey) Info Cards Name, , Nickname C / C++ experience, EOS experience.
Computer Monitors B. Konkoth. Types of monitors CRT Cathode Ray Tube LCD Liquid Crystal Display.
Terms 1. VGA VGA - Short for Video Graphics Array, VGA is a popular display standard developed by IBM and introduced in 1987 VGA provides 640 x 480 resolution.
Monitors and Sound Systems section 3A This lesson includes the following sections: · Monitors · PC Projectors · Sound Systems.
How Images are Represented Bitmap images (Dots used to draw the image) Monochrome images 8 bit grey scale images 24 bit colour Colour lookup tables Vector.
Bitmapped Images 27 th November 2014 With Mrs
Presentation by David Fong
CIT In this chapter you will learn how to -  Describe the workings of keyboards  Explain how to connect and use mice and other pointing devices.
What is digital resolution all about? Jellybean portrait shows us how units of color placed together make an image.
 Monitor displays use liquid crystal display (LCD) or cathode ray tube (CRT) technology  Resolution is also a factor when it comes to monitors. It’s.
1 Internet Graphics. 2 Representing Images  Raster Image: Images consist of “dots” of color, not lines  Pixel: Picture element-tiny rectangle  Resolution:
May Melissa Albo #1 Sagrario Casillas #4 Angela Durán #8 Daniela Martínez #16.
Color Systems. Subtractive Color The removal of light waves to perceive color: –Local or physical attributes of pigments, dyes, or inks reflect certain.
Wallpaper and Screen Savers Wasting Power and Space to Personalize Your Computing Environment.
Strata IT Training Chapter 3 Common Input/Output Devices.
CS 1308 Computer Literacy and the Internet. Creating Digital Pictures  A traditional photograph is an analog representation of an image.  Digitizing.
Fundamentals of Photoshop
Images and the Web web graphics. web graphics: constraints Due to the constraints imposed by varying degrees of Internet bandwidth, designing images for.
Basics of a Computer Graphics System Introduction to Computer Graphics CSE 470/598 Arizona State University Dianne Hansford.
Welcome Topic: Pixels A.M.Meshkatur Rahman Class: vii Roll: 07.
© 1999 Rochester Institute of Technology Color. Imaging Science Workshop for Teachers ©Chester F. Carlson Center for Imaging Science at RIT Color Images.
07: Color in Interactive Digital Media
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
ECE291 Computer Engineering II Lecture 9 Josh Potts University of Illinois at Urbana- Champaign.
Video Monitor Uses raster scanning to display images –Beam of electrons illuminates phosphorus dots on the screen called pixels. Starting at the top of.
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Computer Graphics Lecture 1 July 11, Computer Graphics What do you think of? The term “computer graphics” is a blanket term used to refer to the.
Digital Cameras, Digital Video and Scanners Vince DiNoto
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
XP Practical PC, 3e Chapter 15 1 Creating Desktop Video and Animation.
Component 4: Introduction to Information and Computer Science Unit 1: Basic Computing Concepts, Including History Lecture 2 This material was developed.
History & Evolution Image File Types Image Editing Image Effects Copy Right Issues
Graphics. Graphic is the important media used to show the appearance of integrative media applications. According to DBP dictionary, graphics mean drawing.
Unit 4—Part A 2nd Evaluating & Purchasing a Computer Computer Technology (S 1 Obj 2-3 and Obj 3-2)
Lecture # 4 Output Devices. Output Devices Devices that convert machine language into human understandable form. Output can be in display form, on paper.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
Output Hardware Monitors  Basic Terms:  – smallest element that can be changed independently on a  – number of on a screen  The more the better the.
Color Web Design Professor Frank. Color Displays Based on cathode ray tubes (CRTs) or back- lighted flat-screen Monitors transmit light - displays use.
Computer Fundamentals MSCH 233 Lecture 5. The Monitor A Monitor is a video screen that looks like a TV. It displays both the input data and instructions,
Color.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Components of Computer. Output The data that has been processed into useful information is called output. Types –Screen – soft copy –Printer – hard copy.
DISPLAY DEVICES CIS 10, Group #1 April 01, 2006 C. X. A. L. K. H. A. V. ((( L. C.
Transformer for your computer
P2 Understand hardware technologies for game platforms
Images Data Representation.
Image Processing Objectives To understand pixel based image processing
Creating Desktop Video and Animation
Pixel, Resolution, Image Size
CS101 Computer Graphics.
VIDEO.
Chapter V, Printing Digital Images: Lesson II Picture Display and Computer Monitors
Types of monitors CRT Cathode Ray Tube LCD Liquid Crystal Display.
LET’S LEARN ABOUT GRAPHICS!
Monitors and Sound Systems
This lesson includes the following sections:
Presentation transcript:

CS101 Lecture 4 Computer Graphics

It ’ s just a bunch of pixels A computer screen is made up of many small colored squares called pixels The human eye blends the pixels together to form images on the screen.

Resolution Resolution = the number of pixels on a screen –Resolutions are expressed in pixels across the screen by pixels down the screen. 16:10 resolutions (Widescreen Computers) –1280 x 800 = WXGA –1440 x 900 = WXGA+ –1680 x 1050 = WSXGA+ –1920 x 1200 = WUXGA 16:9 resolutions (Widescreen TV ’ s) –1280 X 720 –1920 X 1080

Why change resolutions? Changing resolutions can improve productivity and decrease eye strain Low Resolutions = Individual items appear larger but have less work space High Resolutions = Individual items appear smaller but have more work space

Color Depth Color Depth = The amount of different colors that a pixel can be –8 bit color = 256 colors –16 bit color = 65,536 colors –24 bit color = 16,777,216 colors –32 bit color = 16,777,216 colors + 8 bit alpha Often called true color

Why change color depth? Low color depth = colors may not be accurate but computer has to process less information High color depth = colors are more accurate but computer must process more information

How do computers make graphics? Two ways: Integrated Graphics Dedicated Graphics

Integrated graphics Built into the motherboard. Uses system processor and RAM to generate graphics. Cheaper way to do graphics Slower graphics ability OK if doing low intensity graphic applications such as: –Word processing –Web surfing – –etc

Dedicated Graphics A graphics card is added to the computer which contains its own processor and RAM (this frees up the computer processor and RAM) Really helps graphic intense applications such as video games, CAD, video editing, etc.

New Way Accelerated Processor Unit Processor and Graphics built into one chip. –Less Power

How do I view my computer ’ s graphics ability? Windows 7 –Right click on the desktop and select “Screen resolution” > click “Advanced settings” Macintosh –Apple menu > About This Mac > More Info… > Graphics/Displays

Why is computer color RGB? How come computers mix red, green, and blue to make all other colors? –RBY is mixed to make all colors when using reflective light (things that do not produce their own light) –RBG is mixed to make all colors when using additive light (things that do produce their own light)

Things to look for in a LCD monitor Native resolution works well for activities you would like to accomplish on computer Good pixel response time for applications that have quick movement (movies, games, etc) Viewing angle wide enough for activities you plan to use monitor for Black level good for activities you plan to use monitor for Has a digital connection with HDCP (High Definition Content Protection) Make sure you can try before committed –Watch out for no return, high restocking fees, and shipping charges Try out everything you plan to use the monitor for before your return period ends Keep track of health while using