Overview of Computer Graphics and Animation

Computer Graphics

is the field of computer science that focuses on creating, storing, manipulating, and displaying visual images using computers.

Images

are usually realistic visuals, often captured or generated digitally.

Photographic Images

Photos taken using a camera

Digital Images

Created or edited using software

Raster Images

Made up of pixels

Medical &Technical Images

Used for analysis and research

Hand-Drawn Illustrations

Drawn manually using pencil or pen

Digital Illustrations

Created using drawing tablets or software

Vector Illustrations

Created using vector software

Educational & Informational Illustrations

Used to explain lessons

User Interface (UI) Design

refers to the creation of visual elements that allow users to interact with a computer system, application, or website easily and effectively.

Logo

is a graphic symbol or design that represents a brand, company, organization, or product. It helps people easily recognize and remember an identity.

Charts

are graphical representations of data used to compare values, show trends, and present statistics in an easy-to-understand visual form.

Bar Chart

compares quantities

Line Chart

shows trends over time

Pie Chart

shows percentages or parts of a whole

Column Chart

similar to bar chart but vertical

Area Chart

shows cumulative data over time

2D Graphics

Flat images with height and width

3D Graphics

Objects with depth, height, and width

Animation

is the process of creating the illusion of movement by displaying a sequence of images (frames) rapidly.

2D Animation

Frame-by-frame or vector-based motion

3D Animation

Uses 3D models and environments

Stop-Motion Animation

Uses real-world objects captured frame by frame

Motion Graphics

Animated text and shapes

Pixels

The smallest unit of a digital image

Resolution

Image clarity based on pixel count

Color Models

RGB, CMYK

Rendering

Converting models into final images

Frame Rate (FPS)

Number of frames displayed per second

Keyframes

Important frames defining start and end of motion

Pixel

The smallest unit of a digital image.

Resolution

The number of pixels in an image; determines clarity.

Aspect Ratio

The proportional relationship between width and height of an image or screen.

Raster Graphics

Images made of pixels

Vector Graphics

Images made using mathematical paths

Bitmap

A pixel-based image format.

Color Depth

The number of colors an image can display.

Color Model

A method for representing colors