TLE (Technical Livelihood Education) – Illustration, Grade 10, Quarter 2.
TLE ILLUSTRATION – QUARTER 2 REVIEWER (Grade 10)
I. Fundamentals of Digital Illustration
1. Definition
O Illustration – a visual representation or drawing that explains, decorates, or interprets a
concept, text, or idea.
O Digital Illustration – creating artwork using computer software and digital tools instead of
traditional media like pencil or paint.
2. Purpose of Illustration
O To communicate ideas visually
O To enhance written content
O To advertise or promote products
O To entertain (e.g., comics, storybooks, animation)
II. Digital Tools and Equipment
1. Hardware
O Computer/Laptop – main device for creating digital art
O Graphics Tablet or Pen Display – allows drawing directly with a stylus
O Mouse – for selecting and basic editing
O Scanner – converts traditional sketches into digital format
O Printer – for printing finished artworks
2. Software (Programs)
O Adobe Photoshop – raster-based editing (good for photo-based art)
O Adobe Illustrator – vector-based illustration
O CorelDRAW – vector graphics design
O Sketchbook / Krita / Clip Studio Paint – for digital painting
O MS Paint / Canva – basic graphic and layout tools
III. Elements and Principles of Design
Elements:
· Line
· Shape
2/4
· Color
· Texture
· Value (light and dark)
· Space
· Form
Principles:
· Balance (symmetrical/asymmetrical)
· Contrast
· Emphasis
· Rhythm
· Unity
· Proportion
· Movement
IV. Types of Illustration
1. Technical Illustration – drawings that explain how something works or is assembled (e.g.,
manuals)
2. Fashion Illustration – clothing and design sketches
3. Scientific Illustration – diagrams for textbooks and research
4. Editorial Illustration – found in magazines and newspapers
5. Cartoon and Comic Illustration – for entertainment and storytelling
6. Advertising Illustration – for marketing products or services
V. Illustration Process / Workflow
1. Concept Development
O Brainstorm ideas
O Research and reference gathering
2. Sketching
O Create thumbnails or rough sketches
O Choose the best composition
3. Outlining
O Use clean, smooth lines (inking or line art)
4. Coloring
O Apply base colors
O Add shadows, highlights, and blending
5. Final Touches
3/4
O Add background, textures, effects
O Review and adjust details
6. Saving and Exporting
O Save in editable format (e.g., .PSD, .AI)
O Export in usable format (e.g., .JPG, .PNG, .PDF)
VI. File Formats and Their Uses
File Type
Description
Common Use
.PSD
Photoshop Document
Editable project file
.AI
Adobe Illustrator
Vector-based file
.PNG
High-quality image with transparency
Logos, graphics
.JPG
Compressed image file
Web and print images
.PDF
Portable Document Format
Printing and sharing
.GIF
Animated or short motion image
Simple web animations
VII. Safety Practices in the Workplace
· Keep work area clean and organized.
· Avoid eating or drinking near electronic devices.
· Properly shut down computers after use.
· Take breaks to prevent eye strain and hand fatigue.
· Follow ergonomic practices (proper posture and sitting).
· Back up digital files regularly.
VIII. Career Opportunities in Illustration
· Graphic Designer
· Digital Illustrator
· Comic Artist
· Concept Artist
· Storyboard Artist
· Animator
4/4
· Advertising Artist
· Web Designer
IX. Key Shortcuts in Digital Illustration (Common in Adobe)
Action
Shortcut (Windows)
New File
Ctrl + N
Open File
Ctrl + O
Save
Ctrl + S
Undo
Ctrl + Z
Copy
Ctrl + C
Paste
Ctrl + V
Zoom In/Out
Ctrl + + / Ctrl + -
Transform
Ctrl + T
