Lesson Notes By Weeks and Term v3 - Senior Secondary 1
Introduction to computer graphics
Download the Lessonotes Mobile Nigeria 2025 app for faster lesson access on Android and iPhone.
Introduction to computer graphics
Download the Lessonotes Mobile Nigeria 2025 app for faster lesson access on Android and iPhone.
Subject: Visual Art
Class: Senior Secondary 1
Term: 3rd Term
Week: 4
Theme: Applied Design
This page supports the lesson note with a companion video and a short classroom-ready summary.
For class groups and homework, share this lesson page so learners also get the summary, objectives, and full lesson context.
Teacher Activities: Introduction (10 minutes): Introduce the topic "Introduction to Computer Graphics." Engage students by asking them about digital images they encounter daily (e.g., phone wallpapers, social media graphics, Nollywood movie posters). Briefly explain the relevance of computer graphics in modern visual art and various industries in Nigeria.
Concept Explanation (20 minutes): Define computer hardware, providing examples and (if possible) showing actual components (e.g., a mouse, keyboard, monitor). Define computer software and differentiate it from hardware.
The teacher should lead students through these questions, providing opportunities for students to attempt and then revealing the solutions, clarifying any misunderstandings.
Question 1: Define computer software and provide two examples of general-purpose software found on a computer.
Solution 1: Definition: Computer software is the set of instructions, programs, data, and protocols that tell the computer hardware what to do. It is the non-physical component of a computer system.
Examples: Operating System (e.g., Microsoft Windows, macOS, Linux) Application Software (e.g., Microsoft Word, Google Chrome, VLC Media Player)
Commentary: This question assesses the fundamental understanding of software as distinct from hardware. General examples help reinforce the concept before diving into graphics-specific software.
Question 2: Identify two input hardware devices and two output hardware devices that are particularly useful for creating digital art.
Solution 2: Input Devices: Graphics Tablet (Pen Tablet): Allows for precise drawing and painting with a stylus, mimicking traditional art tools.
Scanner: Used to digitize physical drawings, paintings, or photographs for editing and manipulation in graphics software.
Output Devices: High-Resolution Monitor: Essential for viewing digital artwork with accurate colours and details.
Colour Printer: Used to produce physical prints of digital artwork, enabling artists to see their work in print format.
Commentary: This question targets the ability to identify hardware components and connect their utility specifically to visual art production, beyond general computing.
Question 3: A Nigerian graphic designer is creating a logo for a new local restaurant specializing in suya (spicy grilled meat). The logo needs to be used on small flyers, large outdoor banners, and social media. Which type of graphics software (raster or vector) would be most suitable for this task and why?
Solution 3: Most Suitable Software Type: Vector graphics software.
Reason: Vector graphics are created using mathematical equations for lines and shapes, meaning they can be scaled to any size (from a small flyer to a large billboard) without losing quality, becoming pixelated, or blurring. A logo needs this scalability for consistent branding across various platforms. Raster images, if enlarged too much, would appear pixelated and unprofessional.
Commentary: This question applies the theoretical knowledge of raster vs. vector to a practical, contextually relevant scenario, highlighting the importance of choosing the right tool for the job.
Question 4: Describe, in your own words, the steps to perform the "drag and drop" mouse operation. Give an example of how a student might use this operation in a computer environment.
Solution 4: Steps for Drag and Drop: Place the mouse pointer (cursor) over the item you wish to move or manipulate. Press down and hold the left mouse button. While holding the button, move the mouse to the desired new location on the screen. Release the left mouse button when the item is at its intended destination.
Example Usage: A student might use "drag and drop" to move a digital drawing file from their "My Documents" folder into a "Visual Art Projects" folder, organizing their schoolwork. Another example is dragging an object to reposition it on a canvas in a graphics editing software.
Commentary: This tests the understanding of a key mouse skill, ensuring students can articulate the physical actions involved and link them to practical computer tasks. --- The mouse is a fundamental input device for computer graphics. Mastering its basic operations is critical for efficient interaction with graphic software. Most mice have at least two buttons (left and right) and a scroll wheel.
The four basic mouse operations are: Click (Left-Click): Action: Press and immediately release the left mouse button once.
Purpose: To select an item (e.g., an icon, a file, a menu option), activate a button, or place the cursor at a specific point.
Example: Clicking on a tool icon in Photoshop to select it, or clicking on a file to highlight it.
Right-Click: Action: Press and immediately release the right mouse button once.
Purpose: To open a context menu (also known as a shortcut menu) that provides options relevant to the item being pointed at.
Example: Right-clicking on the desktop to access display settings, or right-clicking on an image file to see options like "Open with," "Rename," or "Delete." Double-Click: Action: Press and release the left mouse button twice in quick succession.
Purpose: To open a program, folder, or file; to select an entire word in a text document.
Example: Double-clicking on a program icon on the desktop to launch the application, or double-clicking on a folder to view its contents.
Drag and Drop: Action: Point the mouse cursor at an item, press and hold down the left mouse button, move the mouse (dragging the item), then release the button at the desired location (dropping the item).
Purpose: To move files, folders, or objects; to select multiple items; to resize windows or objects; to paint or draw continuously in graphics software.
Example: Dragging a file from one folder to another, dragging an image within a graphic software canvas, or dragging to select a block of text. --- Definition: These are application software specifically designed for creating, editing, and manipulating visual images and animations. They provide tools for drawing, painting, photo editing, 3D modeling, and more.
Examples of Computer Graphics Software: Raster (Pixel-based)
Graphics Software: Concept: These programs work with images made up of tiny coloured squares called pixels (picture elements). When zoomed in, individual pixels become visible, and images can pixelate if scaled up too much. Best for photo editing, digital painting, and realistic images.
Examples: Adobe Photoshop: Industry standard for image manipulation, photo retouching, and digital painting. Widely used by photographers and digital artists.
GIMP (GNU Image Manipulation Program): A free and open-source alternative to Photoshop, offering similar functionalities for image editing and creation.
Krita: A free and open-source digital painting and sketching software.
Vector (Object-based)
Graphics Software: Concept: These programs create images using mathematical equations to define lines, curves, and shapes (vectors). Images can be scaled to any size without losing quality or becoming pixelated. Best for logos, illustrations, typography, and designs that need to be resized frequently (e.g., from a business card to a billboard).
Examples: Adobe Illustrator: Industry standard for vector illustration, logo design, and graphic design.
CorelDRAW: Popular vector graphics editor, especially widely used in Nigeria for graphic design, print production, and signage.
Inkscape: A free and open-source vector graphics editor, a good alternative to Illustrator or CorelDRAW. 3D Modeling and Animation Software: Concept: Used to create three-dimensional objects, scenes, and animations.
Examples: Blender: A free and open-source 3D creation suite supporting modeling, rigging, animation, simulation, rendering, compositing, and motion tracking. Popular in independent film and game development.
Autodesk AutoCAD: Primarily used for 2D and 3D CAD (Computer-Aided Design) for architectural, engineering, and construction fields.
SketchUp: User-friendly 3D modeling software for various drawing applications such as architectural, interior design, landscape architecture, civil and mechanical engineering.
Definition: Computer hardware refers to the physical components of a computer system that can be seen and touched. These are the tangible parts that enable the computer to function, process data, and display information. Components of Computer Hardware relevant to Graphics: Input Devices: Devices used to feed data and instructions into the computer.
Keyboard: Used for typing text, numbers, and commands.
Mouse: A pointing device used to control the cursor on the screen, select items, and initiate commands. Essential for navigating graphic software and drawing.
Scanner: Converts physical documents, photos, or artwork into digital images. Useful for digitizing traditional artwork for editing.
Graphics Tablet (Pen Tablet): A specialized input device with a flat surface and a stylus (pen) that allows artists to draw, paint, and sketch digitally with greater precision and natural feel than a mouse.
Digital Camera: Captures photographs and videos, which can then be imported into graphics software for manipulation.
Output Devices: Devices used to display or present information from the computer.
Monitor (Display Screen): The primary visual output device where users see the graphical user interface, applications, and artwork being created or viewed. High-resolution monitors are crucial for detailed graphic work.
Printer: Produces hard copies of digital images and documents. Various types exist, including inkjet and laser printers, with specialized photo printers for high-quality art prints.
Projector: Displays computer output onto a larger screen or wall, useful for presentations or group viewing of artwork. Processing Unit (Central Processing Unit - CPU): Often called the "brain" of the computer, it executes instructions, performs calculations, and manages the flow of information. For graphics-intensive tasks, a powerful CPU is crucial for smooth operation.
Storage Devices: Devices used to store data, programs, and files for long-term or short-term access. Hard Disk Drive (HDD) / Solid State Drive (SSD): Main storage for the operating system, software, and large graphic files. SSDs are faster and preferred for graphics workstations.
USB Flash Drive (Pen Drive): Portable storage device for transferring files between computers or for backup.
External Hard Drive: Provides additional storage capacity, often used for archiving large graphic design projects.
Computer graphics skills and knowledge have numerous applications in various aspects of Nigerian life and economy: Creative Industries (Nollywood, Advertising, Fashion): Nollywood: Computer graphics are used extensively for special effects, motion graphics for opening titles, movie posters, and promotional materials. Artists use software like Photoshop for poster design and Blender for 3D animation.
Advertising Agencies: Local advertising firms in cities like Lagos, Abuja, and Port Harcourt use computer graphics software (CorelDRAW, Illustrator) to design billboards, flyers, brochures, and digital ads for businesses ranging from telecommunication companies to small-scale vendors (e.g., for a mama put stand or a tailoring shop).
Fashion Design: Nigerian fashion designers use graphic software to create patterns, visualize fabric prints, and digitally sketch garment designs before physical production, saving time and resources.
Education and Publishing: Educational Content Creation: Computer graphics are used to create engaging visual aids, infographics, diagrams, and interactive e-learning materials for schools and universities across Nigeria. This helps simplify complex concepts and makes learning more appealing.
Book and Magazine Publishing: Publishers utilize graphics software to design book covers, layout magazine pages, and create illustrations for textbooks and storybooks, often incorporating elements of Nigerian culture and folklore. Local Business Branding and Digital Presence: Small and Medium Enterprises (SMEs): Many SMEs, from artisans in Aba to tech startups in Yaba, require professional branding. Computer graphics allows them to create distinctive logos, social media banners, product packaging (e.g., for local food products like garri or ogi), and websites, enhancing their market presence and competitiveness within Nigeria and beyond.
Social Media Marketing: With the rise of social media influencers and digital marketers in Nigeria, computer graphics skills are essential for creating eye-catching posts, short animated clips, and visual content to engage audiences and promote products or services. ---