Computer Skills [Graphic Design Module]
Computer Skills [Graphic Design Module]
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
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
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
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
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
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
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
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
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
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
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
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
Page | 21