Computer graphics

Category: Entertainment

Presentation Description

No description available.


Presentation Transcript

Computer graphics and Multimedia:

Computer graphics and Multimedia LT (IT) KHKS Peiris


What is color? What is computer graphics? What is the basic element of an image? Color combination and several color modes Types of monitors Handling Adobe Photoshop Internet technology General IT terms for management level January 5, 2013 2 Objectives


How we see a color? January 5, 2013 3 Color

Color cont…:

Visible spectrum The visible spectrum is the portion of the electromagnetic spectrum that is visible to (can be detected by) the human eye . We perceive electromagnetic energy having wavelengths in the range 400 – 700 nm as visible light Color cont…

Visible spectrum:

visible spectrum Visible spectrum

Computer Graphics:

Computer Graphics Computer graphics concerns the pictorial production of real or imaginary objects from their computer based models. we think of computer graphics as drawing pictures on computers, also called rendering The pictures can be photographs, drawings, movies, or pictures of things which do not yet exist and maybe could never exist.


Cont… Or they may be pictures from places we cannot see directly, such as medical images from inside our body. Ex: CT scanning (Computed Tomography)


Multimedia is just an experience that uses multiple forms of media to convey a message, idea or thought in a manner that requires the use of many senses with movement, sound, interaction and the passage of time as basic elements. Multimedia



The basic element of an image??:

January 5, 2013 10 The basic element of an image??


The term "pixel" is actually short for "Picture Element.“ It emits light and the pixel on screen is contains three parts to feel the energy of three basic colors RED , GREEN and BLUE . These small little dots are what make up the images on computer displays, whether they are flat-screen (LCD) or tube (CRT) monitors. Each pixel can only be one color at a time. Pixel

How does the computer handle color:

On a color computer screen, the hardware causes each pixel on the screen to emit different amounts of red, green and blue light. These are called R, G, and B They are often packed together (sometimes with a fourth value, called alpha) called RGB or RGBA How does the computer handle color

On computer displays (Pixel):

On computer displays (Pixel)

Computer handle color cont…:

The R, G and B values can range from 0.0 (none) to (full intensity) For example R=0.0, G=0.0, B=255 represents the brightest possible blue, If all are 0.0 the pixel is black and if all are 255.0 the pixel is white Computer handle color cont…

Color cube:

Color cube Green Blue Red Whilte Yellow Magenta Black

Color modes:

RGBA color mode CMYK color mode Indexed color mode January 5, 2013 16 Color modes


If there are 8 color bits per pixel, then 256 different values or colors that can be stored at the pixel If a system has 8 bits available for the R component, integers between 0 and 255 can be stored RGBA


The CMYK color model ( process color , four color ) is a subtractive color model, used in color printing, and is also used to describe the printing process itself CMYK refers to the four inks used in some color printing: C yan, M agenta, Y ellow, and K ey ( black). CMYK

INDEXED color mode:

This mode reduces your images to 256 colors or less, and is frequently used for multimedia and web images. INDEXED color mode


Resolution refers to the sharpness, or detail of the usual image Resolution of a digital image is measured by the number of pixels per inch ( ppi ) Resolution

Types of graphics:

1. Vector graphics is the use of geometrical Points, lines, curves and shapes, polygons which are all based on mathematical expressions, to represent images in computer graphics. Types of graphics Vector software Corel draw Illustrator, Moho Flash

Types of graphics:

2. Raster graphics (Bitmap) Dot matrix data structure representing a rectangular grid of Pixels points of color viewable via a monitor, paper, or other display medium. Raster images are stored in image files with varying formats Types of graphics

PowerPoint Presentation:

Raster software Photoshop AutoCAD

Difference between vector and raster images:

Difference between vector and raster images

The different kinds of resolutions in Monitors:

Resolutions are of different for different video standards as listed below : (a) VGA : 1640 x 480 ( Video Graphics Array) (b) SVGA : 800 x 600 (Super Video Graphics Array ) (c) XGA : 1024 x 768 ( eXtended Graphics Array) The different kinds of resolutions in Monitors

The different kinds of resolutions in the Monitor:

The screen is made up of a number of pixels. A completes screen image consists of thousand of pixels & the screen resolution in the maximum no. of displayable pixels. Higher the resolution, the more pixels can be displayed. The different kinds of resolutions in the Monitor

Preparation of graphics for print/display:

The most important thing of using graphic is the print media. There, we produce graphics for news papers, magazines, books and etc. The other is for the display media In display media, RGB model is most suited. In the print media CMYK model is suited Preparation of graphics for print/display

Types of monitors:

January 5, 2013 28 Types of monitors


The Cathode Ray Tube ( CRT ) is a vacuum tube containing an electron gun (a source of electrons or electron emitter) and a fluorescent screen used to view images. It has a means to accelerate and deflect the electron beam onto the fluorescent screen to create the images. CRT MONITOR


A Liquid Crystal Display ( LCD ) is a flat panel display, electronic visual display, or video display that uses the light modulating properties of liquid crystals. Liquid crystals do not emit light directly. LCD


An LED display is a flat panel display, which uses light-emitting diodes as a video display. An LED panel is a small display, or a component of a larger display. LED

PowerPoint Presentation:

CRT LCD January 5, 2013 33

General IT terms:

Digital divide:- A digital divide is an inequality between groups, broadly construed, in terms of access to, use of, or knowledge of information and communication technologies (ICT)s January 5, 2013 34 General IT terms

General IT terms:

Information society:- An information society is a society where the creation, distribution, use, integration and manipulation of information is a significant economic, political, and cultural activity. The aim of the information society is to gain competitive advantage internationally, through using information technology (IT) in a creative and productive way. January 5, 2013 35 General IT terms

General IT terms:

Cloud computing Cloud computing is the use of computing resources (hardware and software) that are delivered as a service over a network (typically the Internet). January 5, 2013 36 General IT terms

Enabling MODELS of Cloud Computing:

Enabling MODELS of Cloud Computing SOFTWARE AS A SERVICE ( SaaS ) Use by end-user Use by developers PLATFORM AS A SERVICE ( PaaS ) INFRASTRUCTURE AS A SERVICE( IaaS ) Use as an infrastructure environment

General IT terms:

Remote accessing :- Connection to a data-processing system from a remote location. Remote accessing software Teamviewer Cisco WebEx (Conferencing, Online Meetings, Desktop Sharing, etc) January 5, 2013 38 General IT terms

General IT terms:

Microsoft Sharepoint :- SharePoint is Microsoft's product, enable to assign tasks from management level to lower working staff January 5, 2013 39 General IT terms


Wi-Fi is a popular technology that allows an electronic device to exchange data wirelessly (using radio waves) over a computer network, including high-speed Internet connections. Wi-Fi

Streaming video :

Streaming video is moving video files from one end to other end via internet Streaming video

Thank you!:

January 5, 2013 42 Thank you!

Learn about Web browser software and Web pages:

The Web is a collection of files that reside on computers, called Web servers. Web servers are connected to each other through the Internet The software you use to connect your computer to the Web server is your Web browser. Common Web browsers are Netscape Navigator and Internet Explorer These browsers use a standard Graphical User Interface design Learn about Web browser software and Web pages

The Microsoft Internet Explorer window:

The Microsoft Internet Explorer window

Commonly used domain names:

Commonly used domain names

Identify the parts of a URL:

Identify the parts of a URL

Anchor tags are used to define hyperlinks:

Text files on Web servers are coded with HTML formatting tags that enable your browser to read text. The tag that gives HTML its power, however, is the anchor tag. Each anchor tag used in an HTML document, or Web page, creates a hypertext link or hypermedia link to other HTML documents or to other media. These links are a different color than other text on the page, and are sometimes underlined. When you click the link, you connect to another Web page. Anchor tags are used to define hyperlinks

Identify a hyperlink on a Web page:

Identify a hyperlink on a Web page

Hyperlinks and Web pages:

Hyperlinks and Web pages

Save and organize Web addresses:

Use Internet Explorer's Favorites list to store and organize a list of Web pages that you have visited so you can return to them easily. The Favorites button on the Standard Buttons toolbar opens the Add Favorite dialog box. Use the Favorites list to open URLs you have stored as favorites. Create folders to organize your favorites in the way that best suits your needs and working style. Organize your folders in a hierarchical structure using the Organize button on the Favorites Explorer Bar. Save and organize Web addresses

Learn about e-mail and e-mail software:

E-mail, or electronic mail, is an efficient way to exchange messages with others on a network. This network may be small and self-contained, such as within an office, or as large as the Internet. E-mail messages can go to only one recipient or to dozens of recipients at once. When you send a message, it travels through the network to an e-mail server. The e-mail server stores messages until the recipient(s) request them. Learn about e-mail and e-mail software

How E-mail works:

How E-mail works

E-mail address components:

You may have an e-mail account through a business network or you may create an e-mail account with a service that provides Internet access. An e-mail address consists of: A user name or login ID The “at” symbol (@) The name of the e-mail server 54 E-mail address components

Send and receive e-mail using Microsoft Outlook Express:

To access your e-mail account you also need an e-mail program, which is also called e-mail client software. You use the e-mail program to open, print, delete, reply to, forward, and save mail from your e-mail server. One such program is Microsoft's Outlook Express, which installs as part of Internet Explorer. Outlook Express can be accessed through the Start menu on the All Programs submenu. 55 Send and receive e-mail using Microsoft Outlook Express

Microsoft Outlook Express:

Microsoft Outlook Express

Send and receive e-mail:

To send an e-mail message: Press the New Mail button on the Outlook Express toolbar Type in the e-mail addresses of the recipient Type your subject matter Type your message and then click the Send button To retrieve mail that has been sent to you: Click the Send/Recv button on the toolbar Outlook Express will contact your e-mail server and download your e-mail messages To reply to a message: Click the Reply button The recipient address and the subject matter are automatically filled in When you have completed typing your reply, click the Send button Send and receive e-mail

The Outlook Express New Message dialog box:

The Outlook Express New Message dialog box

Reply to an e-mail message:

Reply to an e-mail message

Adding contacts to the Address Book:

You can use the Address Book to keep track of all the people and organizations with which you correspond electronically. You not only can store the e-mail addresses for your contacts, but also all other related information. Click the Addresses button on the toolbar to open the Address Book, and then select New Contact from the New button on the toolbar. Adding contacts to the Address Book

Adding contacts to the Address Book:

Adding contacts to the Address Book

Attaching a file to a message:

To attach a file to a message, first create a new message and click the Attach button on the toolbar. Browse for and select the file you wish to attach to the message. After selecting the file, complete your message and click the Send button. 62 Attaching a file to a message

Message with file attached:

Message with file attached

Receiving a message with an attachment:

Receiving a message with an attachment

authorStream Live Help