MODULE 1
Digital Editing
Presented by Jen Jerome V. Dela Peña
WHO I AM
Getting To Know!
Mr. Jen Jerome V. Dela Peña
Junior Web Developer / IT&CS Instructor
“Sir Jenjie”
ENERGIZER
Ano ang ICON na ito?
Ano ang ICON na ito?
Like
Ano ang ICON na ito?
Ano ang ICON na ito?
Settings
Ano ang ibig sabihin nito?
Ano ang ibig sabihin nito?
💩🚽 🏃💨💨💨
Ano ito?
Ano ang gagawin mo kapag nakatanggap ka ng
mensahe tulad nito?
X
Magandang araw po! Kayo po ay
nanalo ng 10,000php. Para
makuha ito, i-click ang green
button sa ibaba
ええ いいです
Digital Quotient
Digital Literacy Skills
Information Literacy Skills
OBJECTIVES
At the end of the lesson you will be able to:
Understand the fundamental principles
of graphic design,
utilizing Canva's features and tools to
design professional-quality layouts
efficiently.
Apply acquired knowledge and skills to
create impactful digital designs suitable
for various purposes
BASIC PRINCIPLES
Graphics and Layout
Balance Pattern Movement
Emphasis Contrast Unity
BASIC PRINCIPLES
Graphics and Layout
Balance
The visual weight of objects, texture, colors and
space is evenly distributed on the screen.
BASIC PRINCIPLES
Graphics and Layout
a. Symmetrical Balance
It Is the order of elements so that they are evenly allocated
to the left and to the right, or top and bottom of center.
BASIC PRINCIPLES
Graphics and Layout
b. Asymmetrical Balance
Is the order of different objects of the same weight on
each side of the page. Color, shape, size, texture and
value can be used as balancing elements.
BASIC PRINCIPLES
Graphics and Layout
Emphasis
An area in the design that may appear different in size,
texture, shape or color to attract the viewer's attention.
BASIC PRINCIPLES
Graphics and Layout
Emphasis
An area in the design that may appear different in size,
texture, shape or color to attract the viewer's attention.
BASIC PRINCIPLES
Graphics and Layout
Proportion
Visual elements create a sense of unity where they relate
well with one another.
BASIC PRINCIPLES
Graphics and Layout
Proportion
Visual elements create a sense of unity where they relate
well with one another.
BASIC PRINCIPLES
Graphics and Layout
Pattern / Repetition / Rhythm
Repeating visual element on an image or layout to
create unity in the layout or image.
BASIC PRINCIPLES
Graphics and Layout
Variety
Uses several design elements to draw viewer's attention
BASIC PRINCIPLES
Graphics and Layout
Variety
Uses several design elements to draw viewer's attention
BASIC PRINCIPLES
Graphics and Layout
Movement
Visual elements guide the viewer's eyes around the
screen.
WHAT IS THE VISION BEHIND
Canva?
Providing the world a simple new
way to create beautiful designs
WHAT CAN I DO WITH
Canva?
Choose from over one million images
Thousands of customizable layouts
Easy photo editing
Collaborate with anyone, anywhere
WHO DESIGNS WITH
Canva?
Bloggers, marketers, businesses,
teachers, and students
Anyone can design with Canva
WHAT CAN I CREATE WITH
Canva?
Effective communication through versatile design
Business Blog graphics Social Media
Proposals
Busines Presentations Invitations
scards
TODAY'S
Agenda
Create Search Layouts
T
Text Background Uploads
an
account
Create an account
www.canva.com
SEARCH
Best way to Log in an account
Open your available browser
SEARCH
Best way to Log in an account
On your search bar, type “canva.com” then click Log In
canva.com
SEARCH
Best way to Log in an account
Use your email or facebook to log in with Canva
canva.com
Search
SEARCH
The two ways to search
There are two ways to search:
category folders and
keyword search.
SEARCH
Shapes
#15
V erdant
STYLE
Ses s ions GREEN
DESIGNING
WITH
SHAPES
Shapes are the building blocks of design and add texture, depth,
and organization to your design. Squares are particularly versatile
as they can be used to highlight, underline, and create borders
around text.
SEARCH
Shapes
Search for the circle and
change it to your favorite
color.
Proceed to tutorial
SEARCH
Shapes
Sample Output
Proceed to tutorial
SEARCH
Grids and images
Grids can be used to hold any images and allow for easy
resizing and manipulation of your images.
SEARCH
Frames
Frames can also be used to hold and resize your images, but
in a more decorative placeholder.
SEARCH
Frames
Search for "fruit".
Drag your favourite image
into the frame below.
SEARCH
Icons and infographics
Spring Meadow
Lake
Montana State Park
Helena, Montana
Summer Beach Party
Sandy Cabanas
Miami Beach, Florida
Spruce up your design by using icons and
infographics as an alternative to photos.
SEARCH
Icons and infographics
Search for a 'hat' and
put it on this monkey.
LEARN DO
Substitute text with icons to Delete the dark text and
cut down on reading time. replace it with this icon:
Click on this image
to check out our
new products!
Check out our LIKE US ON
new products!
FACEBOOK
To win Prizes!
Before After
T
Text
TEXT
Use a text box
DIGITAL EDITING
Module 1
Presented by Sir Jenjie
Choose from header, subtitle, or body text boxes and adjust the
font and size to complement your design. Change the default
font and size if you regularly use the same fonts.
ADD TEXT TO YOUR DESIGN
Use a text holder
BLUEBERRY La maison
PIE GUEST
FORMORERECIPIESVISITOURWEBSITE
H
OUSE
SINCE 1972
SCULPTURE & ART
EXHIBITION Honeycomb
ON NOW icecream
THEULTIMATEDINNERTREAT
If you're not sure where to start, choose from hundreds of text boxes
to tastefully frame the text for your design.
LEARN DO
Avoid using too many Change the text to use
fonts and type styles to just two fonts.
keep your designs simple.
LEE
TIBTTIT LEE
TIBTTIT
SU L L
SU
April 10
50%
shopping shopping TEXT HERE
TAG
OFF!
TAG
To Blue Owl Gallery
All of July All of July
Before After
Background
BACKGROUNDS
Choose a solid color
BACKGROUNDS
Choose a Canva background
Use a Canva background to provide a backdrop for your design
that's textured and more visually compelling.
LEARN DO
On dark backgrounds, “Creativity is
make your text white.
intelligence having
On light backgrounds, fun."
make your text black.
Albert Einstein
Proceed to tutorial
BACKGROUNDS
Choose a Canva background
Add a 'BACKGROUND'
to this page.
Proceed to tutorial
Layouts
LAYOUTS
Choose a striking template
If you don't want to start from scratch, choose one of the dozens of
beautifully designed layouts that have been created for each design type.
LAYOUTS
Customize a template
original template customized template
All of the layouts are fully customizable so you can change
the text, colors, and backgrounds as needed.
LEARN DO
Limit your colors to Change the color of these
enhance the clarity of two object so there is only
your design. 2 colors used for the icons.
25 % 20%
75% 20%
50 %
20%
LEARN DO
Avoid clutter by limiting your Delete the smaller stars
graphic elements. to simplify the design.
Welcome
Welcome
home
home
ALL STAR
-EVENT-
Before After
Uploads
UPLOADS
Upload your own images
UPLOADS
Upload images from Facebook
Helpful Tips
HELPFUL TIPS
Download options
Export your design as a PDF or PNG. Click on Options to
export specific pages or publish with crop marks and bleed.
HELPFUL TIPS
Download options
Export your design as a PDF or PNG. Click on Options to export
specific pages or publish with crop marks and bleed.
HELPFUL TIPS
Share and collaborate
Provide access to your design using email or by sending a read-only or
editable link. You can also share it on Facebook and Twitter.
HELPFUL TIPS
Page arrangement
You can change the order of your pages
by clicking on the up or down arrows.
You can also duplicate and delete pages
in your design by clicking on the dual
page or trash can icons.
Proceed to tutorial