IT152_Lecture_08_Graphics_2013a Flashcards

1
Q

Why do we use Graphics…?

A
  • Photos
  • Diagrams / Illustrations
  • Text Created in paint packages
  • Interface
  • Animation Sequence
  • Interactive
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Photos…?

A

Scanned, Digital Cameras, Video, Library (CD), WWW Stock Photos area available to purchase a license to use.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Diagrams/ Illustrations…?

A

Information, Vector Drawing, Converted to Bitmap?, Drawn in paint package, Other (word, powerpoint, Internal Drawing Editor)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Text Created in paint packages…?

A

‘Typed in’ using internal editor, Imported from file.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Interface…?

A

Backgrounds, Buttons, Display Areas, Title Bars, Menus.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Animation Sequence…?

A

Vector/Bitmap

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Interactive…?

A

Up / Down states, Rollovers Enabled/ Disabled states, Games/ Virtual Environments.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

What are the Sources of Digital Images…?

A
  • Scanned Images
  • Still Images (digital camera)
  • Video Images
  • Photo CD
  • Stock Photography
  • Clip Art
  • Original Artwork
  • Copyright Laws
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Scanners digitize already developed images, including…?

A

photographs and drawings.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Slide scanners are also available for…?

A

converting a slide or a negative to a digital image.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Digital cameras capture…?

A

images in a digital format.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Digital video cameras can also be used to…?

A

capture frames of video or still images.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Enables photos taken with a film camera to be viewed in a…?

A

digital format - hi resolution digital cameras taken over from film

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Stock Photography: Photographs available on…?

A

CD or on Web sites, like www.iStockphoto.com

A collection of member-generated royalty-free images, that you have to pay for.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Clip Art is a collection of drawings or illustrations, generally organized by…?

A

category.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Public Domain refers to…?

A

Clip art images available free of charge for what ever use.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

Licensed material may have some license restrictions such as…?

A

not allowed for commercial use.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

Artwork that is created using an original drawing created by…?

A

hand or one of many graphics programs.

Advantages include not having to worry about licensing agreements or copyright laws.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

Copyright laws are designed to protect intellectual property rights and…?

A

provide potential monetary rewards for inventiveness and hard work.

The 1994 Copyright Act and recent 2011 amendments applies to graphics.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

Image types:

Line art…?

A

Term used to describe drawings that contain flat colors without tonal variations.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

Image types:

Continuous-tone images…?

A

graphics that have tonal variations, such as color photographs.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

Image types:

Grayscale images…?

A

Continuous-tone image consisting of black, white, and gray data only.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

Image types:

Images can also be classified as…?

A

two-dimensional (2-D) or, by adding depth to them, they become three-dimensional (3-D)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

Layering…?

A
  • Process that keeps elements of an image separate and editable from the rest of an image
  • Can overlap
  • Particular elements can be selected and edited without affection the rest of the image
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Q

Transparency…?

A

Defines a colour as a transparency index, so the background shows through

(Namely GIF and PNG – support transparency. In addition, most image editing programs support transparency, but only when the image is saved in the software program’s native format.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
26
Q

Rendering…?

A

Process of capturing a view of a 3-D scene and saving it as a 2D image

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
27
Q

“Lossless” and “lossy” compression…?

A

Lossless and lossy compression describe whether or not, in the compression of a file, all original data can be recovered when the file is uncompressed.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
28
Q

Lossless compression…?

A

None of data actually lost during compression

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
29
Q

Lossy compression…?

A

Some data is lost during compression

  • Lossy compression is generally used for video and sound, where a certain amount of information loss will not be detected by most users.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
30
Q

Interpolation…?

A

changing the size of the image using resizing tool.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
31
Q

Scaling…?

A

Dragging the edges of the image.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
32
Q

Resolution…?

A
  • measurement of the output quality of an image, usually in terms of samples, pixels, dots, or lines per inch.
  • Pixel Dimensions: The Number of pixels in total image
  • Output devices display images as groups of pixels.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
33
Q

When you reduce the side of a bitmap image through your software’s resample or resize command, you must…?

A

throw away pixels.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
34
Q

When you increase the side of a bitmap image through your software’s resample or resize command, the software has to…?

A

create new pixels.

(When creating pixels, the software must estimate the colour values of the new pixels based on the surrounding pixels. This process is called interpolation zooming in and out, or dragging the edges of your images in a page layout program to resize it. This type of resizing is more accurately called scaling.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
35
Q

Changing screen resolution changes…?

A

size of pixels and size of bitmap image on screen. (Vector no change).

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
36
Q

Online image ( WWW, CDROM), your maximum size is determined by …?

A

the lowest pixel dimension on screen.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
37
Q

Image resolution refers to the amount of…?

A

information stored for each image.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
38
Q

Image resolution is measured in…?

A

pixels per inch (PPI)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
39
Q

Web graphics can be set to…?

A

72 PPI because most computer monitors cannot display more than 72 PPI.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
40
Q

Image resolution…?

A

the number of pixels per unit.

  • length normally pixels per inch =ppi
  • Which determines the file size72 ppi (72 x 72 pixels = 5184 pixels in one square inch)300 ppi (300 x 300 pixels 90000 pixels in one square inch)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
41
Q

Precision to which a pixel can…?

A

specify colour is its colour depth

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
42
Q

File size formula…?

A

Width x Height x bit depth in bytes 185 x 276 pixels.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
43
Q

at 8 bit colour depth…?

A

= 185 x 276 x 1

= 51, 060 bytes

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
44
Q

Device resolution

Scanner…?

A
  • Scanning at 600dpi

- 32 bit colour resolution.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
45
Q

Device resolution

Screen…?

A
  • number of pixels the screen is divided into 640x480, 800x600, 1024x768, 1280x1024
  • Dot pitch is the distance between the pixels
    . - 28mm
  • Display adapter – 72dpi
  • Web graphics can be set to 72dpi as most monitors cannot display more than that
  • colour resolution of 256 colours
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
46
Q

Device Resolution

Printer…?

A

600 dpi

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
47
Q

Vectors:

Consist of lines and curves defined by…?

A

mathematical objects called vectors.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
48
Q

Vectors describe graphics according to…?

A

their geometric characterisitics

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
49
Q

Vector graphics are made up of…?

A

many individual objects

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
50
Q

Vectors:

Each of these objects can be defined by….?

A

mathematical statements and has individual properties assigned to it such as colour, fill, and outline.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
51
Q

Vectors:

They are resolution independent because they can…?

A

be output to the highest quality at any scale.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
52
Q

Vectors:

They are not restricted to…?

A

a rectangular shape like bitmaps.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
53
Q

Vectors:

Consist of lines and curves defined by..?

A

mathematical objects called vectors.

54
Q

Vectors describe graphics according to..?

A

their geometric characteristics.

55
Q

Vectors are…?

A

easily moved, resized copied, change properties without affecting quality.

56
Q

Vector graphics are resolution independent…?

A

(Zoom in - still detailed)

57
Q

Vector graphics are the best choice for…?

A

type (especially small type(, bold graphics, such as logos- Crisp, clear lines - easily scaled.

58
Q

Examples of Vectors…?

A
  • Fonts (True type, Adobe type 1)
  • Illustrator (ai) / Freehand
  • Flash
59
Q

Primary disadvantage of vector graphics is that they’re…?

A

unsuitable for producing photo-realistic imagery

You can’t scan an image and save it as a vector file without using special conversion software.

60
Q

vector images can, quite easily, be converted to bitmaps. This process is called…?

A

rasterizing.

61
Q

The most common reason for wanting to convert a vector to a bitmap would be for…?

A

Use on the Web.

(At this time, there is not an established and accepted format for vector images on the Web, although things seem to be moving in that direction. We currently have Flash, a vector format that requires your viewer to have a plug-in, and the SVG will soon become a standard for vector images on the Web. Due to the nature of vector images, they have been best converted to GIF or PNG format for use on the Web.)

62
Q

SVG…?

A

Two-dimensional vector graphic format created by the World Wide Web Consortium (W3C); developed as a standard format for displaying vector graphics on the Web; describes images using a text format that is based on XML.

63
Q

The SVG format is an open standard developed under the…?

A

W3C (World Wide Web Consortium), with Adobe playing a major role. SVG images can be created and exported from Adobe Creative Suite programs, such as Illustrator and GoLive.

64
Q

The SVG format is not natively supported by..?

A

Adobe Photoshop, Photoshop Elements, and InDesign. However, you can open SVG files in these programs using the SVG Kit for Adobe CS plug-in, which is developed by Scand.
Corel Graw and Corel Pintshop do support SVG .

65
Q

Rasters (Bitmap):

Bitmap-based images are comprised of pixels in a grid. Each pixel or “bit” in the image contains…?

A

information about the location and colour to be displayed.

66
Q

The resolution of bitmap images, such as…?

A

digital photographs, depends on both the display device and the inherent resolution of the bitmap image.

67
Q

Examples of Rasters (Bitmap)…?

A
  • Photoshop (PSD), Paintshop Pro,
  • Tiff, BMP
  • JPG, GIF - Web
68
Q

Colour is a…?

A

vital component of multimedia.

69
Q

Colour is the frequency of…?

A

a light wave within the narrow band of the electromagnetic spectrum to which the human eye responds.

70
Q

ROY G BIV…?

A

Red Orange Yellow Green Blue Indigo Violet.

  • is a popular mnemonic device used for memorizing the traditional optical spectrum
  • ascending frequencies of the visible light spectrum
  • Infrared below red and Ultraviolet is above the high end.
71
Q

Human responses to colour is…?

A

complicated by cultural and experiential filters.

72
Q

Emotions…?

A

Associations with yellow range from grace and nobility in Japan, to cowardice and caution in the United States, to happiness and prosperity in Egypt (Russo & Boor, 1993) Red in the west is a symbol of anger
Red in the east is the colour of happiness

73
Q

Age…?

A

People of different generations have observable and often contrasting preferences in colour

74
Q

Gender…?

A

In most cultures gender can greatly influence colour decisions

75
Q

Fashion…?

A

colours fashions come and go (even on computer interfaces

76
Q

A colour model is an abstract mathematical model describing…..?

A

the way colours can be represented, typically as three or four values or colour components.E.g RGB or CMYK

77
Q

A colour gamuts is the range of…?

A

colours that a colour system can display or print. The spectrum of colours seen by the human eye is wider than the gamut available in any colour model.

78
Q

The frequency of visible light is referred to as…?

A

color, and ranges from 430 trillion Hz, seen as red, to 750 trillion Hz, seen as violet.

79
Q

There are two types of colour models, those that are…?

A

subtractive and those that are additive.

80
Q

Additive colour models use…?

A

light to display colour.

81
Q

Subtractive models use…?

A

printing inks.

82
Q

Colour perceived in additive models are…/

A

the resoult of transmitted light.

83
Q

Colours perceived in subtractive models are the result of….?

A

reflected light.

84
Q

RGB…?

A
  • Most of visible spectrum can be represented mixing three basic components of coloured light - Red, Green, and Blue
  • Additive primary colours because adding
  • 100% all colours together - white
  • Commonly used when creating screen graphics

Other primary colours could in principle be used, but with red, green and blue the largest portion of the human colour space can be captured.

Mixtures of light of these primary colours cover a large part of the human colour space but will never be a perfect rep. of visual colour.

85
Q

CMYK…?

A

The CMYK model is based on the light-absorbing quality of ink printed on paper. As white light strikes translucent inks, certain visible wavelengths are absorbed while others are reflected back to your eyes. Cyan, Magenta, Yellow, and blacK

86
Q

HSB…?

A

Based on the human perception of colour.Three fundamental characteristics:HueSaturationBrightnessHue Wavelength of light reflected from or transmitted through an object.Name of the colour such as red, orange, or green.Location on the standard colour wheel Expressed as a degree between 0 degrees and 360 degrees.
Saturation,Strength or purity of the colour. Amount of grey in proportion to the hue Percentage from 0% (grey) to 100% (fully saturated).
BrightnessRelative lightness or darkness of the colour Percentage from 0% (black) to 100% (white).

87
Q

Colour Gamuts…?

A

A gamut is the range of colours that a colour system can display or print. The spectrum of colours seen by the human eye is wider than the gamut available in any colour model.
CMYK (32bit)- print editing
RGB (24Bit)- Screen editing
Indexed (= 8bit)
Greyscale (8bit)
Bitmap (1Bit)
The RGB model displays a much larger percentage of the visible spectrum than the CMYK model and, as a result, has a wider gamut. Once an image has been converted from RGB to CMYK and brought into printable gamut, the extra RGB data will be lost.

88
Q

Colour models

PCs…?

A
  • Display colour using the RGB colour model
  • This is why colour television sets or colour computer monitors need only produce mixtures of red, green and blue light.
89
Q

Colour Models

Printing…?

A

Printing from a PC means colours have to be converted from RGB to CMYK and may not be a perfect representation

90
Q

A monitor displays an…?

A

array of pixels referred to ask a bitmap.

91
Q

Colour resolution measures the…?

A

number of bits of stored information per pixels.

92
Q

Colour resolution is also called..?

A

pixel depth or colour depth.

93
Q

Colour blindness, in humans is the inability to perceive differences between….?

A

some or all colours that other people can distinguish. It is most often of genetic nature, but may also occur due to exposure to certain chemicals.

94
Q

Colour blindness in Australia(NZ)…?

A

8% (6%) of males 0.4% of females suffer.

95
Q

In normal colour vision, green is…?

A

brighter than red, which is brighter than blue.

96
Q

With some forms of “red-green colour blindness” the green is very slightly…?

A

brighter than the and the red is so dark it can barely be made out. Red traffic lights in bright daylight appear broken (no light). The green traffic light appears dirty white and hard to distinguish from night street lights

97
Q

Greater bit depth (more bits of information per pixel) means…?

A

more available colours and more accurate colour representation.

98
Q

Colour resolution ranges from..?

A

1-bit colour (2 colours) to 32-bit Color (16.7+ million colours)

99
Q

In most cases, RGB, greyscale, and CMYK images contain…?

A

8 bits of data per colour channel.

100
Q

Colour “depth” is defined by…?

A
the number of bits per pixel that can be displayed on a computer screen. 
1 bit gives two colours (black and white)
2 bits give four colours
3 bits give eight colours
4 bits give 16 colours
8 bits give 256 colours
16 bits give 65536 colours
24 bits give 16,777,216 colours
101
Q

Colour palettes are mathematical tables that…?

A

define the colour of pixels displayed on screen.

102
Q

Colour Palettes:

Bitmap..?

A

(1 bit) (2x power of 1 = 2 colours) white Black & White

103
Q

Colour Palettes:

16 Colour…?

A

(4bit) (2x power of 4=16 colours)

104
Q

Colour Palettes:

Greyscale…?

A

up to 256 shades of grey

105
Q

Colour Palettes:

256 Colour…?

A

(8 bit) OK for graphicsReasonable screen displayNot really good enough for editing graphics

106
Q

Colour Palettes:

16 Bit 64K colours…?

A

Approx. 65535 cols (High Colour)Good screen display setting Pictures good quality, Slight Dithering

107
Q

Colour Palettes:

24 Bit 16.7M colours…?

A

(True Colour)

(256 x 256 x 256)Editing & Creating images (RGB values)No dithering

108
Q

Colour Palettes:

32 Bit…?

A

is a variation on 24 bit

109
Q

Dithering is a technique used in computer graphics to create…?

A

the illusion of colour depth in images with a limited colour palette. In a dithered image, colours not available in the palette are approximated by a diffusion of colour pixels from within the available palette. The human eye perceives the diffusion as a mixture of the colours within it .Dithered images, particularly those with relatively few colours, can often be distinguished by a characteristic graininess, or speckled appearance.

110
Q

Truecolor can frequently mimic many colours found in the real world, producing…?

A

16.7 million distinct colours. This approaches the level at which the human eye can distinguish colours for most photographic images, though image manipulation, some black-and-white images (which are restricted to 256 levels with Truecolor) or “pure” generated images may reveal the limitations.

111
Q

24-bit Truefcolor uses 8 bits to represent…?

A

red, 8 bits to represent blue, and 8 bits to represent green. 28 = 256 levels of each of these three colours can therefore be combined to give a total of 16,777,216 mixed colours (256 x 256 x 256).

112
Q

32-bit colour is a misnomer when regarding display color depth. In reality, 320bit colour actually refers to…?

A

24-bit colour (Truecolour) with an additional 8 bits either as empty padding space or to represent an alpha channel

113
Q

Web Palette…?

A
  • Standard set of 216 “safe” colours
  • Colours may be specified as an RGB triplet in hexadecimal format
  • Viewable on both Mac and PC
  • No dithering
  • Not as useful today with use of 16-bit+ monitors
114
Q

Anti Aliasing…?

A

smoothes jagged edges,
the image on the right is anti aliased

Smoothes the jagged edges of a selection by softening the colour transition between edge pixels and background pixels. Since only the edge pixels change, no detail is lost. Anti-aliasing is useful when cutting, copying, and pasting selections to create composite images

115
Q

File formats:

Codecs give us…?

A

file formats.

- Compression and decompression.

116
Q

File formats:

Web…?

A
  • GIF - Graphics Interchange Format
    Limit to 256 colours
  • JPEG - Joint Photographic Experts Group
117
Q

File formats:

Printed…?

A
  • TIFF - Tagged-Image File Format

- EPS - Encapsulated PostScript®

118
Q

TIFF…?

A

Tagged-Image File Format - Used for bitmaps only. The TIFF format is supported by virtually all graphics applications.

119
Q

EPS…?

A

Encapsulated PostScript® - A file format used for both vector graphics and bitmaps. EPS files contain a PostScript description of the graphic data within them. EPS files are unique in that you can use them for vector graphics, bitmap images, type or even entire pages.

120
Q

GIF (Graphics Interchange Format)…?

A
  • Supports up to 256 colours
  • GIFs that include interlacing appear blurry and sharpen as they are downloaded
  • best for images with solid colours or areas of uniform colour such as illustrations and logos
121
Q

JPEG (Join Photographic Experts Group)

A
  • Supports millions of colours (24-bit)
  • Uses a sophisticated mathematical model to produce a sliding scale of graphic compression that enables you to choose the degree of compression you wish to apply to the image
  • Good for photos with lots of colours
122
Q

PNG (Portable Network Graphics)…?

A
  • One of the most flexible formats on the Web
  • Uses compression to create small file sizes
  • From 8-bit to 24bit truecolour
  • PNG file format supports variable transparency that allows you to store up to 256 different levels of partial transparency and interlacing.
  • Gamma correction capacity
123
Q

Size vs Performance…?

A
  • File size determined by image size and quality.
  • Optimising refers to reducing file size by:
    1 .Reduce colour resolution
    2. Reduce image resolution to 72dpi
    3. Resizing – reduce physical size
    4. Cropping –remove areas
    5. File format – choose the correct format for the image
124
Q

Graphic Design - Interface…?

A

Multimedia productions need to be easy to use and intuitive

  • Define control area (navigation) and stage area (content)
  • Appropriate backgrounds and button graphics
  • Use visual depth to indicate importance
  • Keep it simple
125
Q

Graphics Software…?

A
  • Paint Programs
  • Drawing Programs
  • 3-D Modeling Programs
  • Image Editing Programs
  • Enhancement Programs
126
Q

Paint Programs…?

A
  • Paint programs create bitmapped images
  • Paint programs allow you to edit images at the pixel level
  • Enlarging an image too much may result in staircasing, or jaggies
  • Most paint programs create geometric shapes, edit mistakes, add colours and textures, select a desired portion of your image
  • Additional features vary by program
127
Q

Drawing programs…?

A
  • Vector graphics: Created and re-created from mathematical models
  • Common drawing programs used today are Adobe Illustrator and FreeHand
  • Adobe Illustrator contains different tools used to create a variety of fully editable shapes
128
Q

3-D modeling programs…?

A
  • 3-D modeling programs (also called rendering programs) used to create and manipulate 3-D images
  • Geometric forms or wireframe models serve as basic building blocks
  • Textures are applied or mapped to models to give them shadows and provide special effects
  • Objects and lighting can be placed and manipulated to create realistic 3-D scenes
129
Q

Image Editing Programs…?

A
  • Manipulate digitized images using a variety of features that combine painting, editing, and other image composition tools
  • Allow images to be cropped, colour corrected, the brightness and contrast adjusted
  • Have layers which allow multiple images to be placed into the same document
  • Ability to convert files from one format to another
130
Q

Enhancement Programs…?

A
  • Specifically for working with Web graphics and Web animation
  • Optimizing: Process of making the image file sizes as small as possible for quick download via the Web
  • Fireworks and Adobe ImageReady are examples