graphic

Page 1: Course Overview

Course Information

• Course Name: The Language of Graphic Design: Basics and Beyond

• Course Code: GE2B-05

• Mode of Study: Offline/Blended

• Credits: 6

Course Objectives

• Expansion of Graphic Design: The course explores the recent growth in graphic design due to technological advancements in communication.

• Skill Development: Aims to develop analytical and critical thinking skills for technological/aesthetic innovations in Communication Design.

• Study Progression: Begins with design history, theory, and traditional skills, moving to current practices and technologies.

• Career Preparation: Prepares graduates for various careers in the industry, emphasizing aesthetic and analytic skills to solve communication design problems by integrating visual language with imagination, theories, and technology.

Module Overview with Course Outcome Mapping

Page 2: Course Modules and Topics

Module Topics

Module 1: Introduction to Multimedia

• 1.0 Introduction to Multimedia

• 1.1 What is Multimedia

• 1.2 Components of Multimedia

• 1.3 Multimedia Product Ideas

• 1.4 Product Formats

• 1.5 Multimedia Content

• 1.6 Multimedia Applications

• 1.7 Advantages of Multimedia

Module 2: Study of Multimedia Computer

• 2.0 Multimedia Platform & Accessories

• 2.1 Hardware and System Software

• 2.2 Different Configurations of Multimedia Personal Computer

Module 3: Study of Operating System

• 3.0 Introduction to Windows OS: Its Different Features

• 3.1 Functions and Use

• 3.2 Management of Files and Folders

Module 4: Basics of Internet

• 4.0 Internet and Its Different Features

• 4.1 Hardware and Software Used for Internet

• 4.2 Concept of E-mail

• 4.3 Surfing the Website

Module 5: Text Component in Multimedia

• 5.0 Importance of Text in Multimedia

• 5.1 Free Text & Field Text

• 5.2 Considerations for Designing Text

• 5.3 Text Formats – Test Font and Point Sizes

• 5.4 Character Formats – Scrolling Text

• 5.5 Special Effects for Text

• 5.6 Text File Formats

• 5.7 Hypertext

• 5.8 Importing & Exporting of Documents

Module 6: Image & Graphics Component in Multimedia

• 6.0 Introduction to Image & Graphics

Page 3: Continued Content of Module 6 and Module 7

Module 6: Image & Graphics Component in Multimedia

• 6.1 Understanding Kinds of Graphics – Making Still Images in Multimedia Application

• 6.2 Digital Image: Methods of Storing & Processing

  • Raster Method, Vector Method

• 6.3 Methods of Capturing: Scanner, Digital Camera, Frame Grabber

• 6.4 Image Compression: Lossy & Non-lossy

• 6.5 Concept of Digital Darkroom: Working with Image Editing Software like Adobe Photoshop

  • Acquiring, Importing & Exporting of Images

  • Reduction & Enlargement of Images

Module 7: Animation

• 7.0 Animation & Special Effects

• 7.1 Animation Techniques: Traditional and Computer-Based Animation

• 7.2 Image Manipulation Techniques: Tweening, Warping, Morphing

• 7.3 Two-Dimensional Animation and Concept of 2D Animation Software

• 7.4 Three-Dimensional Animation and Concept of 3D Animation Software

  • 3D Studio Max etc.

List of Experiments

1. Windows: Functions & Use

2. File Handling

3. Understanding Different Features of the Internet

4. Experimentation of Different Typographic Features

5. Experiment with Visual Balance, Colors

6. Experiment within Various Animation Techniques

7. Understanding 2D and 3D Animation

8. Understanding User Interface of Different Multimedia Software

Page 4: Understanding Multimedia

Definition of Multimedia

• Origin: Combination of "multi" (many) and "media".

• Description: Presentation that merges text, pictures, audio, and video with interactive tools for communication.

• Components: Integrates text, drawings, images (still/moving), audio, animation, and any other digitally expressible information.

Key Features

1. Computer Integration: Requires a computer to coordinate content.

2. Interconnected Data: Needs navigation tools for accessing varying data types.

3. Field Applications: Employed in education, business, and training.

Applications of Multimedia

• Education: Used to create engaging learning materials. Combines education and entertainment (Edutainment).

• Entertainment: Vital for filmmaking, transformation of visual narratives, and gaming with increased interactivity.

Page 5: Applications of Multimedia (Continued)

Business Applications

• Utilized in marketing, advertising, demonstration of products, training, and network communication. Enhances audience engagement and understanding.

Importance

• Technology & Science: Aids in live communication and visualization.

• Fine Arts: Multimedia artists combine influences for interactive projects, forming a new term "Digital artist".

• Engineering: Used for simulations and training purposes, along with software interface design.

Components of Multimedia

1. Text: Vital for conveying information within media contents.

2. Graphics: Adds visual engagement; simplifies understanding complex concepts.

3. Animations: Integrates movement into still images improving audience engagement.

4. Video: Provides full-motion photographic content complemented by sound.

5. Audio: Enhances interaction, provides ambiance through sound.

Page 6: Multimedia Components (Continued)

Graphics

• Definition: Digital representation of non-text information (charts, photos).

• Tools: Software like Adobe Photoshop enhances and evolves graphic visuals.

Animations

• Function: Creates dynamic visuals through sequences of images. Prominent in multimedia applications.

• Software Examples: Various programs including Fax Viewer, Internet Explorer.

Video

• Description: Moving images with accompanying sound, crucial for engaging content delivery.

• Tools Used for Playback: Real Player, Windows Media Player, etc.

Audio

• Significance: Delivers entertainment, sound effects, or narrative, contributing heavily to experience.

• Formats: Examples include MP3, WMA, Wave, MIDI.

Page 7: Advantages and Disadvantages of Multimedia

Advantages

1. Interactive and Integrated: Enhances user engagement through feedback.

2. User-Friendly: Accessible without extensive user effort.

3. Flexible: Easily adaptable for different settings.

4. Sensory Appeal: Engages multiple senses for a complete experience.

5. Broad Accessibility: Suitable for diverse audiences, ranging from individuals to groups.

Disadvantages

1. Costly: Utilizes expensive resources.

2. Information Overload: Potential to overwhelm users.

3. Loading Time: High file sizes (videos/music) may slow down loading.

4. Time Intensive: Requires significant time for initial development.

Page 8: Types of Multimedia Products

Categories

1. Educational Products: Enhance learning experience, often combining sensory engagement.

   • Example: Interactive CD-ROMs like Microsoft Encarta.

2. Multimedia Presentations: Tools like Microsoft PowerPoint create engaging talks.

3. Computer-Based Training (CBT): Interactive resource for workplace skills training, enabling users to repeat content as needed.

Page 9: Entertainment Products

Overview

• Games: Modern games utilize 3D technology, immersive environments, complex graphics, and sound effects for heightened engagement.

• Interactive DVDs: Allow viewers to dictate narrative elements, improving user involvement.

• Interactive Digital TV: Engages viewers actively, enhancing home entertainment experiences.

Information Products

• Information Kiosks: Digital interfaces replacing human guides, useful in public settings.

• Electronic Books & Magazines: Initial tests of reading habits on computer screens, struggling with standard formats and distribution challenges.

Page 10: Multimedia Databases and Other Products

Multimedia Databases

• Store media content systematically for easy retrieval using keywords and metadata.

Other Multimedia Products

• Communication Technologies: Have resulted in mobile devices enhanced with multimedia functions.

• Edutainment Products: Blend of entertainment and education for enhanced learning.

Page 11: Study of Multimedia Computer

Multimedia Platforms

• Content combining audio, images, and interactivity can be recorded, played, and shared with various technologies.

Applications in Business

• Examples of multimedia platforms include presentations, blogs, wikis, and podcasts.

PowerPoint Presentations

• The use of multimedia tools allows for creativity and engagement within business communication.

Page 12: Types of Software

Computer Hardware

• Definition: Physical components used in computers (CPU, RAM, etc.).

Computer Software

• Definition: Instructions that run on hardware; includes system and application software.

Page 13: Hardware vs Software

Page 14: Causes of Failures

Hardware vs Software Failures

• Hardware Failures: Dust, overheating etc.

• Software Failures: Software glitches or errors due to improper code.

Page 15: Configurations of Multimedia Personal Computers

Personal Computer Specifications

1. Processor: Minimum 2 GHz recommended.

2. RAM: 4GB-8GB for basic use; 16GB or more for intensive tasks.

3. Graphics Card: Dedicated card for high performance tasks.

4. Hard Drive: Sufficient storage required; SSDs for speed.

5. Display Resolution: Minimum of 1920 x 1080 for graphics-related work.

Page 16: Configuration Selection Criteria

Factors to Consider

• Types of multimedia content determine the computer hardware needed for efficient performance.

Page 17: Windows Operating System Features

1. User Interface: Graphical interface for ease of use.

2. Multitasking: Supports running multiple applications concurrently.

3. File Management: Built-in tools for file organization.

4. Control Panel: Adjustments and settings available for customization.

5. Security: Built-in features protect from malicious attacks.

6. Compatibility: Works with diverse software applications.

Page 18: Functions and Uses of Windows

1. File Management: Simplifies interaction with files.

2. User Interface: Facilitates interaction through visuals.

3. Device Management: Provides driver support for peripherals.

4. Application Compatibility: Broad compatibility ensures versatile usage.

Page 19: File and Folder Management

File Management in Windows

1. Use File Explorer for navigation and organization.

2. Create folders for organization within the filesystem.

3. Search for specific files using built-in search functionality.

4. Sort and filter files for easier access.

5. Backup and restore files for security purposes.

Page 20: Introduction to the Internet

Origins and Contributors

• ARPANET: Network where many early developments originated.

• Contributors: Paul Baran, Lawrence Roberts, Leonard Kleinrock, and others were foundational figures.

Page 21: Continued Internet Development

Key Innovations

• TCP/IP development by Kahn & Cerf critical for data movement across networks.

• DNS Invention: By Mockapetris and Postel facilitated domain name functions.

• Tim Berners-Lee's work led to the creation of the World Wide Web.

Page 22: Importance of Text in Multimedia

Significance of Text

• Clarifies, assists accessibility and searchability within content.

• Reinforces branding and supports storytelling within multimedia contexts.

Page 23: Designing Text in Multimedia

Considerations

1. Integration with media: Enhancing rather than competing.

2. Design & layout: Maintain legibility and aesthetic appeal.

3. Timing: Text must align with accompanying media.

Page 24: Text Formats in Multimedia

Common Formats

1. Plain Text: Basic format with no styling.

2. Rich Text Format: Includes basic styling.

3. HTML: Used for web formatting.

Page 25: Additional Terminology

1. Font & Typeface: Understanding the visual implementation of textual elements.

2. Kerning, Leading, Tracking: Techniques to enhance readability and aesthetics in typography.

Page 26: Typography & Scrolling Text

1. Scrolling Text: Engages viewers with moving text for emphasis.

2. Special Effects on Text: Techniques (like gradient, shadows) to add depth and appeal to text in design.

Page 27: Special Effects for Text

Techniques

• Using special features like animation, neon effects, and graduated coloring to enhance text representation.

Page 28: Hypertext & Hypermedia

Key Concepts

• Hypertext enables non-linear navigation, expanding on the media experience.

• Hypermedia includes texts, images, and other media types for immersive interaction.

Page 29: Graphics - Types and Creation

Graphics in Multimedia

• Types of Graphics: Bitmap, vector, 2D, 3D, and infographics.

Page 30: Storing and Processing Graphics

Techniques

• Raster Method: Pixel-based images with fixed resolution.

• Vector Method: Resolution-independent, mathematical representations of images.

Page 31: Image Resolution and Quality

Key Elements

• Resolution, Pixel Depth, & Aspect Ratios: Determine display quality, ranging from print to digital media.

Page 32: Color Models

• Understanding varied color representations for digital artwork including RGB, CMYK, and HSL models.

Page 33: Image Compression

Methods

• Lossy vs. Lossless: Techniques and their effects on quality for various multimedia applications.

Page 34: Image File Formats

Formats Overview

1. JPEG, PNG, GIF: Varied formats for specific multimedia requirements, each with strengths.

Page 35: Image Importing/Exporting Techniques

Key Processes

• Handling importing/exporting images while considering quality and dimensions for various usage contexts.

Page 36: Image Manipulation Techniques

Techniques Explained:

1. Tweening: Smooth transitions between frames.

2. Warping: Distortion effects for creative results.

3. Morphing: Seamless transformation between images.

Page 37: Animation Concepts

Techniques

• Understanding animation principles to create engaging 2D and 3D animations using software like Flash and 3D Studio Max.

Page 38: 2D Animation

Overview

• Techniques for creating 2D animations and relevant software developments.

Page 39: 3D Animation

Overview of Software

• 3D Studio Max and its capabilities for realistic rendering and animation.

Page 40: Principles of Animation

Core Principles

• Twelve foundational principles guiding effective and realistic animation creation.

Page 41: End of Module Summary

Reflection on Learning

• Consolidation of multimedia concepts covered throughout the course, emphasizing application in real-world scenarios.