Computer Graphics: Comprehensive Study Guide - Unit I

Course: Computer Graphics
University Context: Punjab University (PYQ Focused)
Target Marks: 6-7 Marks & 13 Marks Concepts
Last Updated: Exam Preparation Mode

🧠 Part A: Core Definitions & Roles

1. Image Processing vs. Computer Graphics

💡 Mnemonic: "P" for Processing (Photo manipulation), "G" for Graphics (Geometry/Generation).

2. Roles & Usage of Computer Graphics

1. Presentation: Making complex data understandable via charts/graphs.
2. Visualization: Creating 3D models to help engineers/architects understand structures before building.
3. Design (CAD): Precise creation of technical drawings for manufacturing/construction.

3. Fields in Image Processing

• Enhancement: Making images clearer (contrast adjustment).
• Restoration: Fixing damaged parts (old photo repair).
• Segmentation: Separating objects from the background.
• Compression: Reducing file size (JPEG, PNG algorithms).

🖥️ Part B: Display Technologies & Scanning Methods

Q1: Cathode Ray Tube (CRT) vs. LCD/LED

(High Priority for 6-7 Mark Difference Questions)

Concept: How do we see images?

• CRT (Old): Uses an electron gun inside a glass tube to shoot electrons at phosphor dots on the back of the screen, causing them to glow.
• LCD/LED (Modern): Uses Liquid Crystal molecules that twist/untwist to block or allow light from a backlight to pass through colored filters.

Comparison Table (Memorize for Marks)

💡 Mnemonic: "CRT is Complex and Thick. LCD is Light and D**igital."

Q2: Random Scan vs. Raster Scan

(Theoretical Difference Question)

Concept: How does the screen get drawn?

1. Random Scan (Vector): The electron beam moves directly to specific points (coordinates) to draw lines. It only draws where needed.
   • Pros: Perfectly sharp lines, fast for simple geometric shapes.
   • Cons: Cannot display smooth curves well without many lines; low resolution.
2. Raster Scan: The electron beam scans the entire screen line-by-line, top-to-bottom, repeatedly (like a printer). It paints every pixel regardless of whether it's part of an image or blank space.
   • Pros: Can show complex images, smooth curves, and full color gradients naturally.
   • Cons: Slower for simple lines; requires more memory to store the entire bitmap.

Flowchart: How Raster Scan Works

Computer Graphics: Comprehensive Study Guide - Unit II

Course: Computer Graphics
Focus: CAD Tools, C Programming for Graphics, Algorithms
Target Marks: 6-7 & 13 Marks (PYQ Based)

🧠 Part A: AutoCAD Basics & Interface

Q: AutoCAD 2D - Interface, Working, Coordinates, Drawing Steps

(Expected as a 6-7 Mark Question)

1. What is the AutoCAD 2D Interface?

AutoCAD provides a graphical user interface (GUI) with toolbars and menus to assist in drafting. Key Components:

• Command Line: The heart of CAD; all commands are typed here or selected from menus.
• Grid & Snap Tools: Help align objects precisely.
• Layers Manager: Organizes different parts of a drawing (e.g., walls on one layer, electrical on another).
• Status Bar: Shows coordinates, zoom level, and model/paper space toggle.

2. Common Coordinate Formats in AutoCAD

3. Steps to Draw Basic Shapes (Algorithm Flowchart)

(This structure helps answer "Step-by-step" questions)

🧠 UNIT III: MULTIMEDIA

Q1: Multimedia - Definition, Limitations, Features, Components & Development Stages

(Expected as a 7-8 Mark Question)

1. Definition of Multimedia

Multimedia: Integration of at least two different forms of media (text, audio, graphics, video) with the ability for user interaction and control using electronic devices and software.

2. Key Features

• Interactivity: Users can control the flow of information (e.g., clicking links, changing speed).
• Integration: Multiple media types are synchronized perfectly.
• Digital Storage: All data is converted into digital form for processing.
• Communication: Real-time or stored transmission over networks.

3. Hardware Components

1. Processor (CPU): Needs to be powerful for video/audio rendering.
2. RAM: High memory needed for simultaneous media streams.
3. Storage: HDD/SSD with high throughput (for large video files).
4. Sound Card / Audio Interface.
5. Video Cards (GPU) with hardware acceleration.

4. Software Components

• Authoring Tools: Adobe Animate, Unity, Unreal Engine, Director.
• Editing Tools: Audacity (Audio), Premiere Pro (Video).
• Media Players: VLC, QuickTime.

5. Stages of Multimedia App Development

1. Planning & Analysis: Defining scope, audience, and goals.
2. Design: Creating storyboards, wireframes, and choosing media assets.
3. Development (Implementation): Writing code, integrating media files.
4. Testing: Checking for bugs, synchronization issues, and compatibility.
5. Deployment & Maintenance: Publishing the app and updating it as needed.

6. Applications of Multimedia

• Education (E-learning platforms).
• Entertainment (Movies, Video Games).
• Advertising (Interactive ads).
• E-commerce (Virtual product try-ons).
• Teleconferencing (Zoom/Teams with video/audio sharing).

Q2: Phase of Multimedia Project Planning

(Expected as a 6 Mark Question)

Planning is the most critical phase to avoid budget overruns and technical failures. The phases are often divided into four main steps within planning:

1. Concept Development: Brainstorming ideas, selecting the core theme.
2. Feasibility Study: Can we do it? (Technical feasibility - do we have the tech? Economic feasibility - is it profitable?).
3. Requirement Analysis: What hardware/software is needed? How much storage? Bandwidth requirements?
4. Scheduling & Budgeting: Setting timelines for content creation, coding, and testing; allocating funds.

💡 Mnemonic: "C.E.R.S." -> Concept, Evaluate (Feasibility), Requirements, Schedule/Budget.

Q3: Development Tools & Commercial Software

(Expected as a 6-7 Mark Question)

Development Tools (Authoring Tools)

Tools used to create and manage multimedia projects:

• Adobe Creative Cloud Suite: Photoshop, Illustrator, Premiere Pro.
• Unity / Unreal Engine: For game development and interactive experiences.
• Audacity: Open-source audio editor.
• Blender: 3D modeling and animation (open source).

Commercial Software Examples

📊 UNIT IV: IMAGE COMPRESSION & PHOTOSHOP/MACROMEDIA

Q1: Image Compression - Lossy vs Lossless Comparison

(Expected as a 7-8 Mark Question)

Concept of Compression

Compression is the process of reducing file size by removing redundant data.

Audio File Formats Comparison

(Often asked alongside image compression)

• WAV / AIFF: Uncompressed, high quality, large file size (Lossless).
• MP3: Compressed using psychoacoustic models, removes inaudible frequencies (Lossy), small size.
• FLAC: Free Lossless Audio Codec (High quality + Small size like lossless).

Flowchart: Decision Making for Compression Type

UNIT - V: Multimedia Tools & Applications

Q1. Layers & Filter in Photoshop (13 Marks)

Definition:

Layers in Photoshop are transparent sheets stacked on top of each other, allowing non-destructive editing of different image elements independently. Filters are effects and adjustments applied to layers or selections to enhance, distort, or stylize images.

Key Concepts (6-7 Marks):

Layers:

• Independent editable planes in an image
• Allow selective editing without affecting other elements
• Support blending modes, opacity, and masks
• Enable non-destructive workflow

Filters:

• Built-in effects (Blur, Sharpen, Distort, etc.)
• Smart Filters for non-destructive editing
• Filter Gallery for previewing effects
• Custom filters using plugins

Flowchart: Layers & Filters Workflow

Diagram: Layer Panel Structure

Mnemonic: L.A.Y.E.R.S

• L - Layered editing
• A - Adjustable opacity
• Y - YET non-destructive
• E - Effects & filters
• R - Rearrangeable order
• S - Selective masking

Mnemonic: F.I.L.T.E.R.S

• F - Formats & effects
• I - Image enhancement
• L - Lens distortion
• T - Texture effects
• E - Editing tools
• R - Real-time preview
• S - Smart filters

Important Points:

• Layer Masks hide/show portions without deleting
• Adjustment Layers apply non-destructive color/tone changes
• Clipping Masks constrain effects to specific layers
• Filter Gallery allows combination of multiple filters
• Smart Objects preserve filter editability

Q2. Macromedia (13 Marks)

Definition:

Macromedia was a multimedia software company founded in 1992 that created industry-standard applications for web design, animation, and interactive content creation. Key products included Flash, Director, Dreamweaver, and Fireworks. (Acquired by Adobe in 2005)

Overview Diagram:

Key Applications & Features (6-7 Marks):

1. Flash

• Vector-based animation tool
• Create interactive animations and games
• ActionScript programming language
• Publish to multiple formats

2. Director

• Multimedia authoring platform
• Create interactive presentations
• Shockwave technology for web delivery
• Timeline-based editing

3. Dreamweaver

• WYSIWYG HTML/CSS editor
• Web design and development
• Code and design view
• Built-in FTP capabilities

4. Fireworks

• Bitmap and vector graphics editor
• Web graphics optimization
• PNG native format
• Batch processing

5. FreeHand

• Vector illustration tool
• Professional design work
• Bezier curves and drawing tools
• Publishing capabilities

Flowchart: Macromedia Product Ecosystem

Timeline: Macromedia History

timeline
      title Macromedia Timeline
      1992 : Macromedia Founded
      1996 : Flash Released (v1.0)
      1997 : Director 7 Released
      1998 : Dreamweaver Released
      2000 : Fireworks Released
      2002 : Shockwave Player Popular
      2005 : Adobe Acquires Macromedia
      2008 : Flash Professional Continues

Mnemonic: M.A.C.R.O.M.E.D.I.A

• M - Multimedia software
• A - Animation platform
• C - Content creation
• R - Rich media tools
• O - Outbound publishing
• M - Media authoring
• E - Editing suite
• D - Design tools
• I - Interactive content
• A - Adobe acquisition (2005)

Important Points:

• Shockwave technology enabled plugin-based web content
• SWF format (Small Web Format) became industry standard for animations
• Macromedia tools integrated seamlessly with each other
• Strong focus on interactive and multimedia content
• Dominated web design and animation industry in 1990s-2000s

Q3. Director: Macromedia Director (13 Marks)

Definition:

Macromedia Director is a multimedia authoring platform used to create interactive presentations, animations, games, and multimedia applications. It uses a timeline-based interface and scripting language called Lingo for interactivity.

Key Components Diagram:

3.1 Macromedia Director Terminology (4-5 Marks)

Key Terms:

Flowchart: Director Project Structure

Mnemonic: M.O.V.I.E

• M - Media integration
• O - Organization (Cast)
• V - Visual timeline
• I - Interactivity (Lingo)
• E - Export/Delivery

3.2 Cast Members in Director (4-5 Marks)

Definition:

Cast Members are individual media elements (images, sounds, videos, text, shapes) stored in the Cast Library that can be placed multiple times on the Stage as Sprites.

Types of Cast Members Diagram:

Properties of Cast Members:

Flowchart: Creating & Using Cast Members

Mnemonic: C.A.S.T

• C - Collection of media
• A - Audio, Video, Images
• S - Stored in Library
• T - Transformed into Sprites

3.3 Control Panel in Director (4-5 Marks)

Definition:

The Control Panel in Macromedia Director is the toolbar that provides quick access to playback controls, stage manipulation tools, and common editing functions for easy project navigation and control.

Control Panel Components Diagram:

Flowchart: Control Panel Workflow

Control Panel Button Reference:

Important Features:

Mnemonic: C.O.N.T.R.O.L

• C - Controls for playback
• O - Options for viewing
• N - Navigation buttons
• T - Timeline control
• R - Real-time preview
• O - Onscreen display
• L - Layer management

Quick Keyboard Shortcuts:

Space Bar     → Play/Pause
  Enter         → Play Movie
  Ctrl+Enter    → Test Movie
  Ctrl+Alt+P    → Preferences
  

Summary Table: Unit V Topics