Download as pdf or txt
Download as pdf or txt
You are on page 1of 70

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

You might also like