Graphics & Design Lecture Notes

Flashcards generated from lecture notes on Graphics & Design, covering vector and bitmap graphics, color schemes, design principles, typography, resolution, image editing, layers, and design concepts.

What is Vector Graphics made of?

Geometric shapes (circles, lines, rectangles).

What properties does Computer store about Vector Graphics?

Shape type, position (x, y), size, fill & line colour.

What does Editable mean in Vector Graphics?

Change shape, size, position, and colour easily.

What does Scalable mean in Vector Graphics?

Resizes without pixelation.

Why does Vector Graphics have a small file size?

Stores properties, not pixels.

Where do you see Vector Graphics?

Clip art, PowerPoint illustrations, Logos.

In Vector Graphics, what does an object mean?

Each shape.

What does clean at any size mean in Vector Graphics?

Clean at any size.

What is easy to do with objects in Vector Graphics?

Easy to group and manipulate for design.

What colour schemes should you use?

Analogous, complementary, or monochromatic.

What is Adobe Colour's tool?

Adobe Color (formerly Adobe Kuler).

Give an example of Vector Graphic applications.

Logos, animation, signage.

Give another example of Vector Graphic applications.

Cartoons, vector art.

Give another example of Vector Graphic applications.

CAD, architectural plans, 3D models.

Give another example of Vector Graphic applications.

Maps.

What characteristics does Vector Graphic provide for Maps?

Accuracy + scalability.

What is Vector-Based Text?

Text made of shapes and curves.

How does Vector-Based Text resize?

Resizes cleanly like other vector objects.

What practical skill can you use in Vector Graphics?

Create logos using fills, gradients, shape tools.

What can you experiment with when using Vector Graphics?

Experiment with resizing and colour combinations.

What is another name for Bitmap Graphics?

Raster graphics.

What is Bitmap Graphics made of?

Pixels (tiny squares of colour).

In Bitmap Graphics, what is individually stored?

Each pixel.

In Bitmap Graphics, what does more detail mean?

Larger file size.

What happens when resizing Bitmap Graphics?

Causes pixelation.

How are colours stored?

Stored in binary.

How many colours does 1 bit store?

2 colours (B/W).

How many colours does 2 bits store?

4 colours.

How many colours does 4 bits store?

16 colours.

How many colours does 8 bits store?

256 colours.

What does more bits mean?

Larger file size.

What is 1 Bit?

0 or 1.

What is 1 Byte?

8 Bits.

What is 1 KB?

1024 Bytes.

What is 1 MB?

1024 KB.

What is 1 GB?

1024 MB.

Give an example of Bitmap Graphics uses.

Photos, scanned images.

Give another example of Bitmap Graphics uses.

Digital camera images, magazine covers.

Give an example of Bitmap Graphics formats.

.bmp, .jpg, .png, .gif.

How do Cameras work?

Light hits each pixel on sensor.

How does a sensor record after the light hits the sensor in a camera?

Sensor records colour/light info to form image.

What are Bitmap graphics made of?

Pixels.

What are Vector graphics made of?

Shapes/objects.

What file size do Bitmap graphics have?

Large.

What file size do Vector graphics have?

Small.

What happens to the quality when resizing a Bitmap graphic?

Loses quality.

What happens to the quality when resizing a Vector graphic?

No quality loss.

What appearance do Bitmap graphics have?

Realistic.

What appearance do Vector graphics have?

Simplified or stylised.

What is Bitmap graphics best for?

Photos.

What is Vector graphics best for?

Logos, scalable art.

Give an example of Bitmap graphic formats.

.jpg, .bmp, .gif.

Give an example of Vector graphic formats.

.svg, .wmf.

What rule should you apply with Fonts & Typography?

Use consistent, minimal font styles.

What tone do Serif fonts give?

Traditional/formal.

Give an example of Serif fonts.

Times New Roman.

What tone do Sans serif fonts give?

Modern/clean.

Give an example of Sans serif fonts.

Arial.

What is the Design elements?

Visual storytelling.

What can Sky colour, lighting, posture, props create?

Mood, genre, character roles.

What is Resolution measured in?

DPI (Dots Per Inch).

What is 72 DPI used for?

Web/screen.

What is 300+ DPI used for?

Print.

What is 1200 DPI used for?

High-quality print.

What does higher resolution mean?

Larger file size.

What does Cropping mean?

Remove unwanted parts.

What does Cutting/selections mean?

Isolate objects.

What does Feathering mean?

Softens edges.

How do you adjust Contrast/brightness?

Use Levels or Curves tools.

How does Layers help in design?

Layers help organise visuals.

What is the Background?

Setting.

What is the Foreground?

People, objects.

Give an example of Effects.

Light, smoke, reflection.

What happens when Rearranging layers?

Changes what appears in front/back.

What create for the final design project?

Create a movie poster.

What tools should you use when doing a design project?

Layers, cutouts, typography, effects.

What format keep layers editable?

.PSD.

What does Saturation control?

Controls colour intensity.

What happens when you have High saturation?

Vibrant.

What happens when you have Low saturation?

Dull/faded.

What does Brightness mean?

How light/dark.

What does Contrast mean?

Difference between light & dark parts.

What is the concept of Simplicity in Design?

"Less is more".

What should Simplicity in Design avoid?

Avoid clutter.

What does Simple mean in design?

Clearer message.

What does Too many effects cause?

Distraction.

What is White Space?

Empty space.

How important is White Space?

Important!

What does White Space do?

Makes text/images stand out.

What is a characteristic of White Space?

Improves readability.

How does White Space make the design?

Adds professional appearance.

What is the first Typography Rule?

Font choice sets tone - match font with purpose.

What is the second Typography Rule?

Keep it consistent - too many fonts = messy.

What is the third Typography Rule?

Limit font types - max 1-2 per design.

What is the fourth Typography Rule?

Use bold carefully - highlight only key info.

What is the fifth Typography Rule?

White space = clarity - don't fill every space.

What is the composition of vector graphics?

Made of geometric shapes (circles, lines, rectangles).

What graphic properties does the computer store?

Shape type, position (x, y), size, fill & line colour.

What does it mean that vector graphics are scalable?

Resizing without pixelation.

Why do vector graphics have a small file size?

Stores properties, not pixels.