0% found this document useful (0 votes)
3 views21 pages

Computer Skills [Graphic Design Module]

The document outlines a Graphic Design module focused on teaching students aged 15-17 the basics of Corel Draw, including the differences between vector and raster graphics, the Corel Draw interface, and essential tools for creating designs. Students will engage in practical activities such as designing a name badge and learning to use the Bezier Tool for custom shapes, culminating in the creation of a geometric logo. The module emphasizes the importance of mastering Corel Draw for potential employment in Pakistan's printing and design industries.

Uploaded by

Mohammad zeb
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
3 views21 pages

Computer Skills [Graphic Design Module]

The document outlines a Graphic Design module focused on teaching students aged 15-17 the basics of Corel Draw, including the differences between vector and raster graphics, the Corel Draw interface, and essential tools for creating designs. Students will engage in practical activities such as designing a name badge and learning to use the Bezier Tool for custom shapes, culminating in the creation of a geometric logo. The module emphasizes the importance of mastering Corel Draw for potential employment in Pakistan's printing and design industries.

Uploaded by

Mohammad zeb
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Day 6 — Graphic Design Module

Introduction to Corel Draw


What is Vector Design? Interface, Toolbox & First Badge
Computer & Software Skills | Age 15-17 | 4 Hours | 7:00 AM – 11:00 AM

Day Objective
Today begins the Graphic Design module. Students will understand the difference between
vector and raster graphics, learn the Corel Draw interface confidently, explore the main tools in
the Toolbox, and by end of day create their very first design — a simple name badge or logo
.using basic shapes and text

Attendance & Warm-Up (7:00 – 7:20) .1


• Attendance and MS Office module recap
Say: Great work finishing MS Office! Today we move into Graphic Design — one of the fastest
growing skills for young people in Pakistan. Logos, posters, banners, social media graphics — all
.of this is Graphic Design, and Corel Draw is the tool professionals in Pakistan use most
Ask Students: Where do you see graphic design in your daily life?
Shopkeeper signs, product packaging, school banners, social media posts, book covers — write on board
Ask Students: What is the difference between a photo and a drawing — which do you think can
be scaled up without getting blurry?
Let them guess — answer comes in the theory session
Say: By Day 10 you will have created a complete poster or flyer that looks professional. Let's
!begin

Main Session (7:20 – 9:00) .2


A) Vector vs Raster — The Foundation (20 min)
Write on Board: Vector = Math | Raster = Pixels — this is the most important concept in
graphic design
:Raster Graphics (Photos)
• Made of pixels — tiny colored squares
• Examples: JPEG, PNG, photos from your phone camera
• Problem: zoom in and it becomes blurry/pixelated — cannot scale up cleanly
• Software: Adobe Photoshop, MS Paint
:Vector Graphics (Illustrations)
• Made of mathematical paths and points — not pixels
• Examples: logos, icons, illustrations, SVG files
• Advantage: scale to any size — billboard or business card — always sharp and clear
• Software: Corel Draw, Adobe Illustrator
?Why Corel Draw for Pakistan
• Most printing shops in Pakistan use Corel Draw — it is the industry standard here
• Affordable — widely available — works on older computers

Page | 1
• Used for: flex banners, visiting cards, wedding cards, brochures, logos
• Knowing Corel Draw = you can work at any printing press or design studio
Say: Imagine you design a logo for a shop. In raster it looks fine on screen — but when they print
it on a 10-foot banner it becomes blurry. In Corel Draw (vector) it stays perfect at any size. This is
!why professionals use vector
Key Point: Vector = infinitely scalable, always sharp. Corel Draw = Pakistan's most used vector
!tool
B) Corel Draw Interface — Know Every Part (30 min)
Write on Board: Master the interface first — then the design flows naturally
Teacher Note: Open Corel Draw on projector. If unavailable, draw interface on board and
distribute printed screenshot
:Main Interface Components
• Title Bar: top — file name and version number
• Menu Bar: File, Edit, View, Layout, Object, Effects, Text, Tools — all commands here
• Standard Toolbar: below menu bar — New, Open, Save, Print, Cut, Copy, Paste, Undo,
Redo
• Property Bar: changes depending on what tool is selected — most important context
toolbar
• Toolbox: left side — all drawing and editing tools — the heart of Corel Draw
• Drawing Page: white rectangle in center — your canvas
• Rulers: top and left — for precise measurement
• Color Palette: right side or bottom — click to fill, right-click to change outline
• Status Bar: bottom — shows object info, cursor position, fill/outline color
• Document Navigator: bottom-left — switch between pages
:Starting a New Document
• File → New (Ctrl+N) → choose: Width, Height, Resolution, Color Mode
• For print: CMYK color mode, 300 DPI resolution
• For screen/web: RGB color mode, 72-96 DPI
• Common sizes: A4 (210×297mm), Visiting Card (90×50mm), Flex Banner (custom)
:Navigation Shortcuts
• Ctrl+Shift+H: fit drawing to window
• F4: zoom to fit all objects
• Scroll wheel: zoom in/out
• Hold middle mouse button and drag: pan around canvas
• Ctrl+Z: Undo | Ctrl+Y: Redo — use constantly!
Tip: Save every 5 minutes: Ctrl+S. Corel Draw can crash — always save!
Key Point: The Property Bar is your best friend — it shows exactly the right options for whatever
!tool you are using. Always check it first
C) The Toolbox — Your Design Arsenal (30 min)
Write on Board: Toolbox = every tool you need to create anything — learn each one
:Selection Tools (top of Toolbox)
• Pick Tool (F1 / arrow): select, move, resize and rotate objects — most used tool
• Shape Tool (F10): edit nodes/points of a shape — change curves and corners
Page | 2
• Free Transform Tool: rotate, scale, skew interactively
:Drawing Tools
• Rectangle Tool (F6): draw rectangles and squares — hold Ctrl for perfect square
• Ellipse Tool (F7): draw ovals and circles — hold Ctrl for perfect circle
• Polygon Tool (Y): triangles, stars, pentagons — set sides in Property Bar
• Line/Connector Tool: draw straight lines
• Bezier Tool: draw curved paths by clicking points — used for custom shapes and logos
• Freehand Tool: draw freely with mouse — like a pen on paper
:Text Tools
• Text Tool (T): click and type — Artistic Text (headlines) or Paragraph Text (body)
• Artistic Text: single line/headline — stretches and transforms freely
• Paragraph Text: draw a text box — for longer paragraphs, flows like Word
:Fill and Color Tools
• Fill Tool (F11): opens Fill dialog — Uniform, Gradient, Pattern, Texture fills
• Outline Tool (F12): set outline color, width and style
• Eyedropper Tool: pick a color from anywhere on screen
• Interactive Fill Tool (G): create gradient fills by dragging on object
:Other Important Tools
• Zoom Tool (Z): zoom in — right-click to zoom out
• Hand/Pan Tool (H): move around canvas without zo oming
:Keyboard Shortcut to Switch Tools
• F1 = Pick | F6 = Rectangle | F7 = Ellipse | T = Text | Z = Zoom
• Press Space Bar: instantly switches back to Pick Tool from any tool
Tip: Space Bar is your escape key! Whenever you get stuck in a tool, press Space to return to Pick
.Tool
Key Point: Learn these 6 tools first: Pick (F1), Rectangle (F6), Ellipse (F7), Text (T), Fill (F11),
.Outline (F12) — these cover 90% of basic design work

Break (9:00 – 9:15) 15 Minutes


Practical Activities (9:15 – 10:15) .3
Activity 1: Interface Scavenger Hunt (15 min)
Say: Find and identify every part of the Corel Draw interface!
.Teacher Note: Students work in pairs — one describes, one finds. Then swap
• Where is the Toolbox? How many tools can you count?
• Click the Rectangle Tool — what changes in the Property Bar?
• Click the Text Tool — what changes now?
• Where is the color palette? Try left-click and right-click on a color
• Find the Status Bar — what does it show when nothing is selected?
This exercise builds confidence — they will not feel lost in the interface
Activity 2: First Design — Name Badge (40 min)
!Say: Every student will design their own name badge — using what they just learned
Teacher Note: Step-by-step demonstration on projector — students follow along
Page | 3
:Step-by-Step Instructions
• Step 1: File → New → Width 90mm, Height 55mm (visiting card size) → OK
• Step 2: Rectangle Tool (F6) → draw a rectangle covering the whole page
• Step 3: Fill it with a color (left-click on color palette) — choose your favorite
• Step 4: Outline → right-click on a different color for the border
• Step 5: Ellipse Tool (F7) → draw a circle on the badge — hold Ctrl for perfect circle
• Step 6: Fill circle with a different color — this is your photo placeholder
• Step 7: Text Tool (T) → click on badge → type your name (Arial Bold, 18pt)
• Step 8: Click your name text → use Pick Tool to position it neatly
• Step 9: Add your class or role below name (smaller font, different color)
• Step 10: File → Save As → YourName_Badge.cdr
Students who finish early: add a decorative border rectangle or a star shape
Key Point: Your first design! Every professional started exactly like this — simple shapes and
!text. Now you are a graphic designer
Activity 3: Quick Quiz (5 min)
Q1: What is the difference between vector and raster?
.Answer: Vector = math paths, scales perfectly. Raster = pixels, becomes blurry when enlarged
Q2: Which tool do you press Space Bar to return to?
Answer: Pick Tool — the selection tool
Q3: What does right-clicking on a color palette do?
Answer: Changes the outline color of the selected object

Summary & Close (10:15 – 11:00) .4


:Day Summary
• Vector = scalable, sharp, professional — Corel Draw creates vector graphics
• Interface: Toolbox, Property Bar, Drawing Page, Color Palette, Status Bar
• Essential tools: Pick, Rectangle, Ellipse, Text, Fill, Outline
• Key shortcuts: F1, F6, F7, T, F11, F12, Space Bar, Ctrl+S, Ctrl+Z
Key Message: Corel Draw is the tool that runs Pakistan's printing industry. Learn it and every
!print shop, design studio and marketing team becomes a potential employer
Project: Home Project: Design a business card for yourself or an imaginary shop — Name,
Phone, Address, Small Logo — 90×50mm — save as .cdr
:Homework
• Practice the 6 essential tools — spend 30 minutes just drawing shapes
• Tomorrow: Basic shapes, Bezier Tool and transforming objects
Tomorrow: Day 7 — Shapes, Bezier Curves and Object Transformation !

Page | 4
Day 7 — Graphic Design Module
Shapes, Bezier Curves & Object Transformation
Drawing Precisely, Combining Shapes and Building a Geometric Logo
Computer & Software Skills | Age 15-17 | 4 Hours | 7:00 AM – 11:00 AM

Day Objective
Today students go deeper into Corel Draw — drawing with precision, using the Bezier Tool to
create custom curved shapes, transforming objects (move, rotate, scale, mirror), combining and
grouping objects, and aligning objects professionally. By end of day each student will have built a
.geometric logo using only shapes and transformations

Attendance & Warm-Up (7:00 – 7:20) .1


• Attendance and homework check — who made a business card?
Ask Students: Show your business card! What was the hardest part?
Display student work — celebrate effort — give quick feedback
Say: Yesterday you learned the interface and basic tools. Today we take those tools further —
you will draw shapes that look impossible and build them from simple geometry. This is how
!every logo in the world is made

Main Session (7:20 – 9:00) .2


A) Drawing Precisely with Constraints and Grids (20 min)
Write on Board: Precision = the mark of a professional designer
:Constraint Keys — Draw Perfect Shapes
• Hold Ctrl while drawing Rectangle → perfect square
• Hold Ctrl while drawing Ellipse → perfect circle
• Hold Ctrl while drawing a line → constrains to 15° angles (0°, 45°, 90°)
• Hold Shift while drawing → draws from center outward
:Using the Grid and Rulers
• View → Grid → Show Grid (Ctrl+') — dotted grid appears on canvas
• View → Snap to Grid — objects snap to grid points automatically
• Rulers: drag from ruler to create guideline — blue line for alignment
• Double-click guideline to set exact position
:Setting Exact Size in Property Bar
• Select any object → Property Bar shows W (width) and H (height)
• Type exact values: W: 50mm H: 50mm → press Enter
• Lock proportions: click the lock icon between W and H
• Position: X and Y fields set exact position on canvas
!Tip: For logos and business cards, always work with exact measurements — never eyeball it
Key Point: Ctrl = perfect shapes. Grid + Snap = perfect alignment. Property Bar = exact
!dimensions. Use all three

Page | 5
B) The Bezier Tool — Drawing Custom Shapes (30 min)
Write on Board: Bezier Tool = the most powerful drawing tool — used for logos, illustrations,
everything custom
:How the Bezier Tool Works
• Click once: places a sharp corner node (straight lines between points)
• Click and drag: places a smooth curve node (curved line — like an S curve)
• Double-click to end the path (open shape) or click starting node to close it
• Press Esc to cancel a path without closing it
:Understanding Nodes and Handles
• Node: a point on the path (square dot)
• Control Handle: the line extending from a smooth node — drag to control curve
direction
• Shape Tool (F10): after drawing, click shape to edit nodes
• Double-click on path: add a new node
• Double-click on existing node: delete it
:Node Types (Shape Tool selected, right-click node)
• Cusp Node: handles move independently — for sharp corners with curves
• Smooth Node: handles stay opposite — for smooth S-curves
• Symmetrical Node: handles equal length — perfectly smooth curves
:Converting Shapes to Curves
• Draw a rectangle → right-click → Convert to Curves (Ctrl+Q)
• Now you can drag any corner to create custom shapes
• This is how designers make speech bubbles, custom arrows, unique logo shapes
Teacher Note: Demonstrate: draw a simple leaf shape using 4 Bezier nodes — show how
.handles control the curve. Students follow along
Tip: Practice drawing a simple heart, leaf or arrow with the Bezier Tool — these are the building
blocks of any logo
Key Point: Bezier Tool mastery = true design power. Every logo, icon and illustration is made of
!Bezier paths
C) Transforming Objects (25 min)
Write on Board: Transform = move, resize, rotate, mirror, skew — giving objects exact
positions and angles
:Moving Objects
• Pick Tool → click and drag to move
• Arrow keys: nudge 1 pixel at a time
• Shift + Arrow: nudge 10 pixels at a time
• Type exact X, Y coordinates in Property Bar
:Resizing Objects
• Pick Tool → drag corner handles (with lock: proportional, without lock: free)
• Property Bar: type exact W and H values
• Hold Shift while resizing: resize from center
:Rotating Objects

Page | 6
• Pick Tool → click object TWICE (second click shows rotation handles)
• Drag corner rotation arrow: rotate freely
• Property Bar: type exact rotation angle
• Hold Ctrl while rotating: constrains to 15° steps
• Object → Transform → Rotation: precise rotation with copies
:Mirroring Objects
• Property Bar: Mirror Horizontal button (flip left-right)
• Property Bar: Mirror Vertical button (flip up-down)
• Essential for: symmetric logos, leaf pairs, wing shapes
:The Transform Docker (Object → Transform or Alt+F7)
• Precise position, size, rotation, skew — all in one panel
• Apply with copies: make rotated/moved duplicates — great for patterns
• !Example: rotate a petal 45° with copy 7 times → instant flower
Tip: Object → Transform → Rotation → 45° → Apply to Duplicate: 8 copies = instant circular
pattern
Key Point: Transformation + Copy = endless design possibilities with minimal effort!
D) Grouping and Combining Objects (15 min)
Write on Board: Group = treat multiple objects as one | Combine = merge paths together
:Grouping (Ctrl+G)
• Select multiple objects (Shift+Click or rubber-band select) → Ctrl+G
• Now they move, resize and rotate as one unit
• To edit inside: Ctrl+Click to enter group
• Ungroup: Ctrl+U
• Use for: logo components, icons, any multi-piece design
:Combining (Ctrl+L)
• Select two or more shapes → Ctrl+L (Combine)
• Shapes become one path object
• Where shapes overlap: creates a see-through hole (like a donut or letter O)
• This is how text cutouts, see-through logos and complex icons are made
:Welding and Trimming (Object → Shaping)
• Weld: merges two shapes into one solid shape (adds them together)
• Trim: cuts the top shape out of the bottom shape (subtracts)
• Intersect: keeps only the overlapping area
• Use these to: create unique shapes that cannot be drawn directly
Key Point: Group = keep things together. Combine = merge into one path. Weld/Trim =
!shape surgery

Break (9:00 – 9:15) 15 Minutes


Practical Activities (9:15 – 10:15) .3
Activity 1: Bezier Practice — Draw 3 Shapes (20 min)
Say: Draw these three shapes using ONLY the Bezier Tool — no rectangles or ellipses!
• Shape 1: A simple leaf — 2 nodes, curved paths meeting at top and bottom
Page | 7
• Shape 2: An arrow pointing right — 6-7 nodes, sharp corners
• Shape 3: A speech bubble — circle base with small triangle pointer at bottom
Encourage — Bezier is hard at first — remind: double-click to end path, F10 to edit after
Tip: If a curve goes wrong: use Shape Tool (F10) → drag the control handles to fix it
Key Point: Bezier control = the skill that separates beginners from professionals. Keep practicing !
Activity 2: Build a Geometric Logo (35 min)
Say: Now put it all together — build a complete geometric logo using shapes and
!transformations
:Design Brief — "Tech Youth Pakistan" Logo
• Step 1: Draw a perfect circle (F7 + Ctrl) — large, center of canvas
• Step 2: Draw a smaller circle on top — same center (use Align: center page)
• Step 3: Select both → Object → Shaping → Trim → creates a ring
• Step 4: Draw a triangle (Polygon Tool, 3 sides) inside the ring
• Step 5: Fill ring with navy blue, triangle with orange or green
• Step 6: Text Tool → type "TECH YOUTH" → Arial Black, 14pt, below the ring
• Step 7: Type "PAKISTAN" in smaller text, different color
• Step 8: Group all elements (Ctrl+A then Ctrl+G)
• Step 9: Resize the whole logo to 50×50mm (keep proportions locked)
• Step 10: Save as YourName_Logo.cdr
The specific look does not matter — the process of using shapes+trim+text is what they are
learning
Key Point: Every logo you have ever seen was made exactly like this — shapes combined,
!trimmed, filled and labelled

Summary & Close (10:15 – 11:00) .4


:Day Summary
• Constraints: Ctrl = perfect shapes, Shift = draw from center
• Bezier Tool: click = sharp corner, click+drag = smooth curve
• Transform: move, resize, rotate, mirror — Property Bar for exact values
• Group (Ctrl+G): move together | Combine (Ctrl+L): merge paths
• Weld: add shapes | Trim: subtract shape | Intersect: overlap only
Key Message: Every logo, icon and illustration is built from simple shapes combined, trimmed
!and grouped. You now know the core technique
Project: Home Project: Redesign yesterday's business card — replace the plain rectangle
.background with your new geometric logo. Use at least one Weld or Trim
:Homework
• Practice: draw a star using Trim — big circle, smaller circle, trim = ring — then triangles
• Tomorrow: Envelope, Blend, Drop Shadow effects and event banner design
Tomorrow: Day 8 — Special Effects and an Event Banner!

Page | 8
Day 8 — Graphic Design Module
Special Effects: Envelope, Blend & Drop Shadow
Warp Text, Create Blends, Add Depth — Design an Event Banner
Computer & Software Skills | Age 15-17 | 4 Hours | 7:00 AM – 11:00 AM

Day Objective
Today students learn three powerful Corel Draw effects that transform ordinary designs into
professional-looking work: Envelope (warp/bend shapes and text), Blend (morphing between
two objects), and Drop Shadow (adding depth and dimension). By end of day every student will
.have designed a complete event banner using all three effects

Attendance & Warm-Up (7:00 – 7:20) .1


• Attendance and homework check
Ask Students: Who updated their business card with a geometric logo? Show it!
Celebrate student work — give specific compliments
Say: Yesterday you built shapes and combined them. Today we add effects — the things that
make a design say "wow". Effects are what separate a basic design from a premium one. By the
!end of today your designs will look like they came from a professional studio

Main Session (7:20 – 9:00) .2


A) Envelope Effect — Warp and Bend Any Object (25 min)
Write on Board: Envelope = reshape any object or text into a custom container shape
:What is the Envelope Effect
• Wraps an object inside an editable boundary — you reshape the boundary, object
follows
• Used for: curved text on logos, bent shapes, text following a wave, flag effect
• Works on: text, shapes, imported images, groups
:Applying an Envelope
• Select your object → Effects → Envelope (or Interactive Envelope Tool in Toolbox)
• Red dashed boundary appears around the object
• Drag the corner nodes to reshape the boundary
• The object inside bends to match your new boundary shape
:Envelope Modes (Property Bar)
• Linear Mode: straight lines between nodes
• Arc Mode: one curve — good for simple bends
• Two-Color Mode: curves on two sides — wave effect
• Freeform Mode: full control — drag handles freely
• Add Preset: click preset shapes (arc, wave, flag) for quick results
:Practical Uses
• Bend text into an arch shape for a circular logo
• Make a rectangle look like a waving flag
• Fit text inside an irregular shape
Page | 9
• Create perspective effects on flat text
Tip: Effects → Clear Envelope: removes the effect and returns object to original shape
Key Point: Envelope = bend reality! Any flat boring shape becomes dynamic and interesting. Use
.it on text headlines for instant impact
B) Blend Effect — Morphing Between Two Objects (25 min)
Write on Board: Blend = smooth transition from one object to another — shape, color, size all
blend
:What is the Blend Effect
• Creates a series of intermediate objects morphing from Object A to Object B
• Used for: color gradients between shapes, shadow effects, flowing patterns, 3D
illusions
• Number of steps = how many intermediate objects appear
:Creating a Blend
• Draw two objects (different shapes, sizes or colors)
• Interactive Blend Tool (W) from Toolbox
• Click on first object → drag to second object → release
• A blend appears with 20 steps by default
• Property Bar: change number of steps (try 5, 20, 50, 100)
:Blend Along a Path
• Draw a curved path with Bezier Tool
• "Select the blend → Object → Blend → Blend Options → check "Blend Along Full Path
• Or: right-click blend → Path → Attach to Path → click the curved line
• The blended objects follow the curve — great for circular patterns
:Editing the Blend
• Pick Tool: click blend to select the whole group
• Tab: select start or end object → modify it → blend updates live
• Ctrl+K: break apart the blend into individual objects
Tip: Use blend with a white circle and a black circle — 50 steps — creates a professional shadow
!sphere effect
Key Point: Blend is magic! It does in 10 seconds what would take hours to draw manually. It is
.used in logos, backgrounds and 3D effects
C) Drop Shadow — Adding Depth and Dimension (20 min)
Write on Board: Drop Shadow = makes flat objects look like they are floating above the
background
:Applying Drop Shadow
• Select any object → Effects → Drop Shadow OR Interactive Drop Shadow Tool in
Toolbox
• Click and drag from center of object in direction you want shadow
• Shadow appears behind the object
:Property Bar Settings
• Offset X and Y: how far shadow is from object (try 2-5mm for subtle)
• Opacity: 0-100% — how dark/visible the shadow is

Page | 10
• Feathering/Blur: 0 = hard sharp shadow, 15+ = soft blurry shadow
• Color: usually black or dark gray — can be any color
:Types of Shadow Effects
• Small offset + high blur: floating/elevated look — used for cards and buttons
• Large offset + low blur: traditional drop shadow — used for text headlines
• Color shadow: match the scene — a red object might cast a dark red shadow
• Inner Shadow: shadow inside the object — gives recessed/pressed look
:Removing a Drop Shadow
• Effects → Clear Drop Shadow
• Or: select shadow with Pick Tool (it is a separate object) → delete
Tip: For text: use soft shadow (blur 5, opacity 60%) — makes text readable on any background
Key Point: Drop Shadow = instant depth! Without it everything looks flat. With it, objects appear
.to float. Use it on text, logos and featured elements
D) Combining Effects for Maximum Impact (15 min)
Write on Board: Real professional designs use multiple effects together — tastefully
:Effect Stacking
• Apply Envelope first → then Drop Shadow → result: bent text with a shadow
• Apply Blend → then Envelope → result: morphed blend follows a custom shape
• Group objects → apply Drop Shadow to the group → shadow treats them as one piece
:Design Balance Rules
• Use a maximum of 2-3 effects per element — more = cluttered and amateur
• Effects should serve the message — not distract from it
• Less is more: one strong effect beats five weak ones
• ?Always test: step back and look — does it look professional or overdone
Key Point: Effects = seasoning. A little makes food delicious. Too much ruins it. Same with
!design

Break (9:00 – 9:15) 15 Minutes


Teacher Note: During break: set up the banner template — A4 landscape or 24×12 inch
on screen

Practical Activities (9:15 – 10:15) .3


Activity 1: Effects Practice Exercises (15 min)
Say: Quick practice — apply each effect once before the main project
• Exercise 1 (Envelope): Type your name in Arial Black 36pt → apply Arc Envelope →
bend it into a smile curve
• Exercise 2 (Blend): Draw a blue square and a red circle → blend between them with 30
steps
• Exercise 3 (Drop Shadow): Draw any shape → fill with bright color → add soft drop
shadow (blur:8, opacity:70%)
Quick — 5 minutes per exercise — just get the feel of each effect
Activity 2: Design an Event Banner (40 min)
Say: Main project today — design a complete event banner for a youth event!
Page | 11
:Design Brief
• "Event: "Youth Skills Festival 2025
• Size: A4 Landscape (297×210mm) or create your own banner size
• :Must include
• Event title using Envelope effect (arch or wave text) →
• At least one Blend effect in the background or as a design element →
• Drop Shadow on the main title text →
• Date, venue and organizer name →
• At least 3 shapes (from yesterday) forming a decorative element →
:Suggested Layout
• Dark background (navy, deep purple or black)
• Large arched title at top — bright color with drop shadow
• Decorative geometric shapes on sides or corners
• Date and venue in clean white text center
• Small logo or geometric icon bottom-right
• Save as: YourName_EventBanner.cdr and export as JPG (File → Export)
Walk around and assist — encourage creativity — the brief is flexible
Key Point: You just designed a real event banner! With these skills you can earn money at any
.printing shop or from social media clients

Summary & Close (10:15 – 11:00) .4


:Day Summary
• Envelope: warp/bend any object or text — Effects → Envelope or Drag handles
• Blend: morph between two objects — Interactive Blend Tool (W) — set steps
• Drop Shadow: add depth — drag from center of object — control blur and opacity
• Design Rule: maximum 2-3 effects per element — effects serve content
Key Message: Effects transform beginner designs into professional ones — but only when used
.with restraint. One perfect effect beats ten mediocre ones
Project: Home Project: Design a birthday invitation card (A5 size = 148×210mm) for a friend —
use Envelope on the name, Drop Shadow on a headline, and at least one blend in the
background
:Homework
• Export your event banner as JPG and show someone at home — get their reaction
• Tomorrow: Typography, Color Theory and preparing designs for print vs digital
Tomorrow: Day 9 — Typography, Color Theory and Export !

Page | 12
Day 9 — Graphic Design Module
Typography, Color Theory & Export for Print/Digital
Font Pairing, CMYK vs RGB, Exporting Files Correctly
Computer & Software Skills | Age 15-17 | 4 Hours | 7:00 AM – 11:00 AM

Day Objective
Today students learn two of the most important theoretical foundations of graphic design —
Typography (the art and science of text) and Color Theory (how colors work together). They also
learn how to correctly export Corel Draw files for both print and digital use. These skills separate
.designers who produce professional results from those who guess and hope for the best

Attendance & Warm-Up (7:00 – 7:20) .1


• Attendance and homework check — show birthday invitation cards
Ask Students: Why do you think some posters and signs look better than others?
Color, font choices, spacing — write answers on board — they will all connect to today's lesson
Say: You have been building technical skills — tools, shapes, effects. Today we add the creative
intelligence behind those tools: how to choose the right font for the right job, and how to
!choose colors that work together. This knowledge is what makes a designer truly professional

Main Session (7:20 – 9:00) .2


A) Typography — The Art of Text (30 min)
Write on Board: Typography = choosing and arranging text so it communicates clearly and
looks beautiful
:Why Typography Matters
• of design is typography — even "graphic" design is mostly about text %90
• Wrong font = wrong feeling — a fun party font on a hospital poster looks terrible
• Right font + right size + right spacing = powerful communication
:Font Categories
• Serif fonts: have small strokes at tips of letters — Times New Roman, Georgia
• Feel: traditional, formal, trustworthy, academic →
• Use for: newspapers, books, formal documents, law firms →
• Sans-Serif fonts: clean, no strokes — Arial, Helvetica, Calibri, Futura
• Feel: modern, clean, tech-forward, approachable →
• Use for: logos, websites, apps, corporate branding →
• Display/Decorative fonts: unique, stylized — for headlines only
• Feel: distinctive, artistic, personality-driven →
• Use for: poster titles, logos, event names — NEVER for body text →
• Script/Handwriting fonts: look like handwriting — elegant or casual
• Use for: wedding invitations, personal brands, greetings cards →

Page | 13
:Font Pairing Rules
• Rule 1: Use maximum 2-3 fonts in one design
• Rule 2: Pair a display/bold font for headings with a clean sans-serif for body
• Rule 3: Create contrast — big title + small body, bold + light weight
• Rule 4: Never use two similar fonts — they look like a mistake, not a choice
• Great pairs: Impact + Arial | Playfair Display + Lato | Anton + Open Sans
:Text Spacing in Corel Draw
• Character Spacing (Kerning): space between individual letters — Text → Format Text
• Word Spacing: space between words
• Line Spacing (Leading): space between lines of text
• For large display text: reduce spacing slightly — too much space looks weak
• For body text: increase line spacing to 1.2-1.5× font size for readability
:Text Hierarchy
• H1 (Main Title): largest, boldest — the first thing the eye sees
• H2 (Subtitle): smaller than title, still prominent
• Body Text: readable size (10-12pt) — regular weight
• Caption: smallest — below images — lighter color
Tip: If in doubt: Arial Black for headlines, Arial Regular for body. Clean and professional every
.time
Key Point: Typography is design's invisible architecture. Get it right and the design feels
.effortless. Get it wrong and nothing else can save it
B) Color Theory — Making Colors Work Together (30 min)
Write on Board: Color Theory = the science of which colors look good together and why
:The Color Wheel
• Primary colors: Red, Blue, Yellow — cannot be made from other colors
• Secondary colors: Orange (R+Y), Green (B+Y), Violet (R+B)
• .Tertiary colors: Red-Orange, Yellow-Green, Blue-Violet etc
:Color Relationships (Harmonies)
• Complementary: opposite on wheel — Red + Green, Blue + Orange — high contrast,
vibrant
• Use for: calls to action, sports, energy-focused designs →
• Analogous: 3 colors next to each other — Blue, Blue-Green, Green — harmonious,
natural
• Use for: calm, natural, organic brands →
• Triadic: three colors evenly spaced — Red, Yellow, Blue — balanced but vibrant
• Monochromatic: one color in different shades and tints — elegant and sophisticated
:Color Psychology — What Colors Mean
• Red: energy, urgency, passion, danger — restaurants, sales, sports
• Blue: trust, calm, professionalism, technology — banks, hospitals, tech companies
• Green: nature, health, growth, money — food, environment, finance
• Yellow: happiness, warmth, caution, visibility — children, food, warnings
• Orange: creativity, enthusiasm, affordable — food, youth, budget brands
Page | 14
• Purple: luxury, wisdom, spirituality — premium brands, beauty, religion
• Black: sophistication, elegance, power — luxury, fashion, technology
• White: clean, simple, pure — healthcare, tech, minimalist brands
:CMYK vs RGB — Critical for Designers
• RGB (Red, Green, Blue): for screens — monitor, phone, website — colors are made of
light
• CMYK (Cyan, Magenta, Yellow, Black): for printing — ink on paper — colors are made
of ink
• RGB colors look brighter on screen — CMYK colors look slightly duller when printed
• RULE: Always design for PRINT in CMYK — always design for SCREEN in RGB
• In Corel Draw: File → New → Color Mode → choose CMYK or RGB before you start
• To convert: Edit → Document Properties → Color Mode
Tip: A common mistake: design in RGB and print in CMYK — colors shift dramatically. Always
!check your color mode first
Key Point: Color is not decoration — it is communication. The right colors create the right
.emotion before anyone reads a single word
C) Exporting Files Correctly (20 min)
Write on Board: Export = saving your design in a format others can open and use
:Corel Draw Native Format
• CDR: Corel Draw file — only opens in Corel Draw — send to other designers.
• Always keep your .CDR file — it is your editable master
:Exporting for Print (File → Export — Ctrl+E)
• PDF: best for sending to printers — press-ready, fonts embedded
• File → Publish to PDF → choose "PDF/X-1a" or "Press-Ready" settings →
• EPS: for professional print shops and large format printers
• TIF/TIFF: high resolution raster — 300 DPI minimum for print
• Always export at 300 DPI for print — anything less will look blurry when printed
:Exporting for Digital/Screen (File → Export)
• JPG/JPEG: photos and complex designs — small file size — good for social media
• PNG: designs with transparent background — logos, icons — no white box around
them
• GIF: simple animations — not commonly used today
• Resolution for screen: 72-96 DPI is enough — higher = larger file, no visual benefit
:Export Settings
• File → Export → choose format → click Export → set resolution and color mode → OK
• For visiting cards: 300 DPI, CMYK, PDF
• For social media post: 72-96 DPI, RGB, JPG or PNG
• For a logo (transparent background): 300 DPI, RGB, PNG
Tip: NEVER send a .CDR file to a client or printer who does not have Corel Draw. Always export
.to PDF or JPG first
Key Point: Export correctly and your design looks perfect everywhere. Export incorrectly and all
.your hard work is ruined at the printer

Page | 15
Break (9:00 – 9:15) 15 Minutes
Practical Activities (9:15 – 10:15) .3
Activity 1: Typography Experiment (20 min)
Say: Design the same headline four ways — using four different font combinations. Which looks
?best
• "Headline: "Youth Skills Festival 2025
• Version 1: Arial Black + Arial (classic and clean)
• Version 2: Impact + Calibri (bold and modern)
• Version 3: any Decorative font + Arial (expressive and energetic)
• Version 4: your own creative choice
Place all four versions on one canvas → students vote on best one → discuss why
Key Point: Fonts have personality. The best font choice feels natural — the viewer does not
.notice it, they just feel it
Activity 2: Color Palette Creation (20 min)
Say: Build a professional 5-color palette for a brand of your choice!
:Step-by-Step
• Draw 5 equal rectangles in a row on your canvas
• :Fill each with a color — build a complete brand palette
• Rectangle 1: Primary color (main brand color)
• Rectangle 2: Secondary color (accent/support)
• Rectangle 3: Dark neutral (for text — usually very dark gray or black)
• Rectangle 4: Light neutral (for backgrounds — light gray or off-white)
• Rectangle 5: Highlight/Call-to-action color (bright, eye-catching)
• Below each rectangle: add the color name or hex/CMYK code (Object Properties → Fill)
• Add a text label: your brand name above the palette
Examples: a bakery brand, a sports team, a tech startup, a clothing shop
Key Point: Every professional brand has a defined color palette. You just made one — this is
!what brand design companies charge tens of thousands for
Activity 3: Export Your Banner in Two Formats (15 min)
!Say: Take your event banner from Day 8 and export it correctly for two different uses
• Export 1: For the printer — PDF, CMYK, 300 DPI — name it Banner_PRINT.pdf
• Export 2: For Instagram/WhatsApp — JPG, RGB, 96 DPI — name it Banner_SOCIAL.jpg
Compare the two file sizes — print file should be much larger
!Key Point: Same design, different export = perfect for every use. This is professional workflow

Summary & Close (10:15 – 11:00) .4


:Day Summary
• Typography: max 3 fonts, create hierarchy, pair bold + clean, watch spacing
• Color Theory: use color harmonies, understand color psychology, CMYK vs RGB
• Export: CDR = master file, PDF/TIF for print (300 DPI, CMYK), JPG/PNG for screen (72 DPI, RGB)
Key Message: Technical skill builds the design. Typography and color make it communicate.
.Export knowledge makes it reach the world correctly
Page | 16
Project: Home Project: Design a logo for an imaginary business of your choice — apply correct
typography (2 fonts max), a 3-color palette, and export both a print PDF and a PNG with
transparent background
:Homework
• ?Study 3 logos you love — what colors? What fonts? Why do they work
• !Tomorrow: Final Day — Graphic Design Portfolio Project — a complete client brief
Tomorrow: Day 10 — Client Brief Simulation and Portfolio Showcase !

Page | 17
Day 10 — Graphic Design
Module
Client Brief Simulation & Portfolio Showcase
Real-World Brief, Complete Deliverables, Presentation and Career Paths
Computer & Software Skills | Age 15-17 | 4 Hours | 7:00 AM – 11:00 AM

Day Objective
Today is the final day of the Graphic Design module and the most exciting — a real client brief
simulation! Students will work from a written design brief, produce complete deliverables (logo
flyer), present their work to the class as if pitching to a client, and receive feedback. We also +
.look at career paths and freelancing opportunities in graphic design in Pakistan

Attendance & Warm-Up (7:00 – 7:20) .1


• Attendance and show home project logos
Say: You have spent 5 days learning Corel Draw — tools, shapes, effects, typography, color,
export. Today everything comes together. Today you work like a professional designer with a
!real client brief. This is what designers actually do every day
Ask Students: Have you ever seen a freelancer working from home? Do you know anyone who
?earns money doing graphic design
Discuss possibilities — Fiverr, local printing shops, social media marketing clients

Main Session (7:20 – 8:00) .2


The Graphic Design Module — What You Learned (15 min)
Write on Board: 5 Days of Skills — Here is Everything You Now Know
• Day 6: Vector vs Raster, Interface, Toolbox, first name badge
• Day 7: Bezier Tool, precision drawing, Weld/Trim, geometric logo
• Day 8: Envelope, Blend, Drop Shadow, event banner
• Day 9: Typography, Color Theory, CMYK vs RGB, correct export
• Day 10: Client Brief, portfolio deliverables, presentation, career paths
Key Point: In 5 days you went from never opening Corel Draw to designing logos, banners and
!using professional effects. That is real progress
Career Paths in Graphic Design in Pakistan (25 min)
Write on Board: Graphic Design = a skill you can monetize immediately — no degree
required
:Local Opportunities
Printing Press Designer: every city in Pakistan has printing presses — most hire young •
designers
Starting salary: Rs 15,000-25,000/month — grows to Rs 50,000+ with experience •
Business Card, Flex Banner, Wedding Card designer — constant demand •

Page | 18
Marketing Teams: every company needs someone for WhatsApp posts, banners, •
brochures
:Freelancing (Work from Home)
[Link]: create a gig for "I will design a logo for $10" — global clients •
[Link]: larger projects, longer-term clients •
Facebook Marketplace and groups: local clients searching for designers •
Average Fiverr designer earns: $200-500/month part-time (Rs 55,000-140,000) •
Top Fiverr designers earn: $2,000-5,000/month (Rs 550,000-1,400,000) •
:What Clients Need (Build these first)
Logo Design: most requested — always in demand •
Social Media Posts: Instagram, Facebook graphics — businesses need daily •
Wedding Cards: seasonal but high-paying — good reputation = referrals •
Flex Banners: every shop, election campaign, event — massive market •
Business Cards and Letterheads: every new business needs these •
:Building Your Portfolio
Start: 5-10 sample designs — even if self-initiated (imaginary clients) •
Show variety: logo, flyer, business card, social media post •
Save all in PDF and PNG — create a portfolio folder on USB and Google Drive •
Share on Facebook, Instagram and WhatsApp status — clients come to you •
Say: You do not need a degree. You do not need expensive software. You need skill, a
!portfolio, and the willingness to start. Today you will build that portfolio
Key Point: Graphic Design = a skill that works anywhere in Pakistan — from a village
!printing press to a Karachi marketing agency to a global Fiverr client. Start today

Client Brief Project (8:00 – 10:15) .3


The Client Brief (read aloud to class)
CLIENT: BRIGHT MINDS Tutoring Center, Lahore
BRIEF: We are opening a new tutoring center for students aged 10-18. We need: (1) a
professional logo, (2) an A5 promotional flyer. Our values: education, trust, excellence. Target
audience: parents and students. We prefer blue and gold/yellow colors but are open to
.suggestions
DELIVERABLES DUE TODAY: (1) Logo — 50×50mm, .CDR + PNG export. (2) A5 Flyer (148×210mm)
.CDR + PDF export. —
DESIGN REQUIREMENTS: Logo must include the name "BRIGHT MINDS" and a simple icon. Flyer
must include: center name, tagline, key subjects offered (Maths, Science, English, Computer),
.address, phone number, and a call to action
Step 1: Plan Your Design (15 min)
Say: Before touching the computer — think and sketch on paper!
• Thumbnail sketch: rough drawing of logo ideas (2-3 options)
• Color palette: choose your colors — stick to blue + gold/yellow + one neutral

Page | 19
• Font choice: one bold display font for name, one clean font for body
• ?Layout rough sketch for the flyer — where does each element go
Teacher Note: Give students paper and pens — 10-15 minutes of planning [Link]
.is professional workflow
Step 2: Design the Logo (35 min)
:Logo Requirements
• Icon/Symbol: design a simple shape representing education — book, star, light bulb,
graduation cap (using shapes only — no images)
• Text: "BRIGHT MINDS" in bold, "Tutoring Center" in smaller text below
• Size: export at 50×50mm minimum — must be scalable
• Export: save .CDR + export PNG with transparent background
Common icon approaches: open book (two rectangles), graduation cap (square + triangle),
star, lightbulb shape from ellipse+rectangle

Step 3: Design the Flyer (45 min)


:Flyer Layout (A5 = 148×210mm)
• ".Header zone (top 40%): logo + large center name + tagline e.g. "Learn. Grow. Excel
• Middle zone: subjects offered — use colored boxes or icons for each subject
• Lower zone: address, phone number, opening hours
• "!Bottom strip: call to action — "Register Now — Limited Seats
• Must use at least: one effect (envelope/shadow/blend), correct typography hierarchy,
brand colors
• Export: PDF (CMYK, 300 DPI) for printing
Walk around — assist with layout, color choices, alignment. Use Align & Distribute: Object → Align and
Distribute

Step 4: Class Presentation — Pitch Your Design (25 min)


Say: Now present your work as if you are showing it to the client BRIGHT MINDS!
Teacher Note: Each student gets 2-3 minutes to show their logo and flyer on screen and explain
their choices
:In your presentation explain
• Why you chose those colors
• What the icon/symbol represents
• What font you used and why
• One thing you would improve if you had more time
Class gives one positive comment and one improvement suggestion for each presenter — constructive
feedback culture

Summary & Module Close (10:15 – 11:00) .4


:Graphic Design Module Complete Summary
• Day 6: Vector vs Raster, Corel Draw Interface, Toolbox, First Badge

Page | 20
• Day 7: Bezier Tool, Precision Drawing, Weld/Trim, Geometric Logo
• Day 8: Envelope, Blend, Drop Shadow, Event Banner
• Day 9: Typography, Color Theory, CMYK vs RGB, Export Formats
• Day 10: Client Brief, BRIGHT MINDS Logo + Flyer, Portfolio Building, Career Paths

:Three Most Important Takeaways


• Takeaway 1: Vector graphics (Corel Draw) are the standard for Pakistan's print industry
this skill is immediately employable —
• Takeaway 2: Design is communication — typography and color do the talking
• Takeaway 3: Your portfolio is your business card — build it from day one
Graphic Design Module Message: You now have a skill that Pakistan's market is actively paying
for — from Rs 500 per business card to Rs 50,000 for a brand identity. Start small, build your
!portfolio, and grow. The only thing between you and your first client is action

:Final Module Homework


• Collect all your designs from Days 6-10 in one folder — this is your first portfolio
• Export everything as JPG and PDF — prepare to share
• Next Module: E-Commerce Tools — Day 11
• Think: have you ever bought or sold anything online? How did it work?
• Next Module: E-Commerce Tools — Day 11 — How to Sell Online in Pakistan!

Page | 21

You might also like