Post on 14-Jan-2017
(c) Conversion-Focused VP | http://eleazarjose.com
(c) Conversion-Focused VP | http://eleazarjose.com
(c) Conversion-Focused VP | http://eleazarjose.com
(c) Conversion-Focused VP | http://eleazarjose.com
Welcome to Canva for Newbies!
(c) Conversion-Focused VP | http://eleazarjose.com
What is Canva?
(c) Conversion-Focused VP | http://eleazarjose.com
Canva let’s you create stunning
images, designs and
documents like this
(c) Conversion-Focused VP | http://eleazarjose.com
It has a drag and drop feature to create designs easily
(c) Conversion-Focused VP | http://eleazarjose.com
It literally has a million images to choose from, all customisable
(c) Conversion-Focused VP | http://eleazarjose.com
There’s also a ton of layouts
to choose from
(c) Conversion-Focused VP | http://eleazarjose.com
Quick and easy photo editing
feature (no need for
Photoshop)
(c) Conversion-Focused VP | http://eleazarjose.com
Autosave feature (no need to manually save your design every time)
(c) Conversion-Focused VP | http://eleazarjose.com
You can use Canva to create the following:
and a lot more
(c) Conversion-Focused VP | http://eleazarjose.com
(c) Conversion-Focused VP | http://eleazarjose.com
Open your favourite web browser
(c) Conversion-Focused VP | http://eleazarjose.com
Search for Canva
(c) Conversion-Focused VP | http://eleazarjose.com
Click canva.com link
(c) Conversion-Focused VP | http://eleazarjose.com
This is Canva’s home page
(c) Conversion-Focused VP | http://eleazarjose.com
You can sign up with Facebook, Google or Email
(c) Conversion-Focused VP | http://eleazarjose.com
Click Sign up with Email
(c) Conversion-Focused VP | http://eleazarjose.com
Enter your Name, Email
and Password
(c) Conversion-Focused VP | http://eleazarjose.com
Click Sign up
(c) Conversion-Focused VP | http://eleazarjose.com
You have finished signing up
(c) Conversion-Focused VP | http://eleazarjose.com
Choose Work
(c) Conversion-Focused VP | http://eleazarjose.com
Let’s choose Social Media
Graphic
(c) Conversion-Focused VP | http://eleazarjose.com
Select Social Media Graphic
(Square)
(c) Conversion-Focused VP | http://eleazarjose.com
Click Got it!
(c) Conversion-Focused VP | http://eleazarjose.com
Click Done!
(c) Conversion-Focused VP | http://eleazarjose.com
Click Got it!
(c) Conversion-Focused VP | http://eleazarjose.com
Click I’m done!
(c) Conversion-Focused VP | http://eleazarjose.com
Let’s give our design a name first
(c) Conversion-Focused VP | http://eleazarjose.com
Click Social Media - Untitled Design
(c) Conversion-Focused VP | http://eleazarjose.com
Give your design a name and then click Done
(c) Conversion-Focused VP | http://eleazarjose.com
Click on the Canva logo
(c) Conversion-Focused VP | http://eleazarjose.com
This is your Canva dashboard
(c) Conversion-Focused VP | http://eleazarjose.com
Go back to your design
(c) Conversion-Focused VP | http://eleazarjose.com
This is your Canva design workspace
(c) Conversion-Focused VP | http://eleazarjose.com
Let’s explore the design panel
(c) Conversion-Focused VP | http://eleazarjose.com
Search tab - you can basically
search for anything
(c) Conversion-Focused VP | http://eleazarjose.com
Let’s try “beach”
(c) Conversion-Focused VP | http://eleazarjose.com
Here are the results
(c) Conversion-Focused VP | http://eleazarjose.com
Click this beach image
(c) Conversion-Focused VP | http://eleazarjose.com
It will appear here
(c) Conversion-Focused VP | http://eleazarjose.com
That’s how to use Canva’s
Search feature
(c) Conversion-Focused VP | http://eleazarjose.com
Elements tab
(c) Conversion-Focused VP | http://eleazarjose.com
Free Photos will give you as it
says, free photos, images
and more
(c) Conversion-Focused VP | http://eleazarjose.com
Click on a photo and it will appear on your design
(c) Conversion-Focused VP | http://eleazarjose.com
Grids hold images which allows more
control - resizing and manipulating
them
(c) Conversion-Focused VP | http://eleazarjose.com
Click on a grid and it will appear on your design
(c) Conversion-Focused VP | http://eleazarjose.com
Click on the upper grid to edit it
(c) Conversion-Focused VP | http://eleazarjose.com
This is the edit toolbar
(c) Conversion-Focused VP | http://eleazarjose.com
Click this to change the grid color
(c) Conversion-Focused VP | http://eleazarjose.com
Choose a color from the default colors to change the background
(c) Conversion-Focused VP | http://eleazarjose.com
or click the plus (+) icon to enter a hex color
(c) Conversion-Focused VP | http://eleazarjose.com
To delete the upper grid, click the trash icon
(c) Conversion-Focused VP | http://eleazarjose.com
Frames are like Grids but have multiple shapes
and sizes
(c) Conversion-Focused VP | http://eleazarjose.com
Use the scroll bar to scroll
down to select a frame
(c) Conversion-Focused VP | http://eleazarjose.com
Click on a frame and it will appear on your design
(c) Conversion-Focused VP | http://eleazarjose.com
Drag the corners to resize the frame
(c) Conversion-Focused VP | http://eleazarjose.com
Drag and twist arrow to rotate if needed
(c) Conversion-Focused VP | http://eleazarjose.com
Drag and or upload an image to your frame
(c) Conversion-Focused VP | http://eleazarjose.com
Go to the Search bar to add an image
(c) Conversion-Focused VP | http://eleazarjose.com
Let’s search for a beach image
(c) Conversion-Focused VP | http://eleazarjose.com
Drag the image inside the frame to auto resize and fit
(c) Conversion-Focused VP | http://eleazarjose.com
Upload an image - click the Uploads tab
(c) Conversion-Focused VP | http://eleazarjose.com
Choose an image from your computer
(c) Conversion-Focused VP | http://eleazarjose.com
Wait for the upload to finish
(c) Conversion-Focused VP | http://eleazarjose.com
Image has been uploaded
(c) Conversion-Focused VP | http://eleazarjose.com
Drag the image inside the frame to auto resize and fit
(c) Conversion-Focused VP | http://eleazarjose.com
Let’s arrange the image inside the frame. Double click the frame.
(c) Conversion-Focused VP | http://eleazarjose.com
Using your cursor, drag the image going down
(c) Conversion-Focused VP | http://eleazarjose.com
Click the check mark once done positioning the image
(c) Conversion-Focused VP | http://eleazarjose.com
That looks better
(c) Conversion-Focused VP | http://eleazarjose.com
Shapes add texture, depth
and organisation to
your design
(c) Conversion-Focused VP | http://eleazarjose.com
Click on a shape and it will appear on your design
(c) Conversion-Focused VP | http://eleazarjose.com
Drag corners to resize
(c) Conversion-Focused VP | http://eleazarjose.com
Change the color here
(c) Conversion-Focused VP | http://eleazarjose.com
Samples of shapes with different colours
(c) Conversion-Focused VP | http://eleazarjose.com
Lines also add texture, depth
and organisation to
your design
(c) Conversion-Focused VP | http://eleazarjose.com
Samples of lines with different colours
(c) Conversion-Focused VP | http://eleazarjose.com
Illustrations are drawings used as alternatives
to images
(c) Conversion-Focused VP | http://eleazarjose.com
Sample of an illustration
(c) Conversion-Focused VP | http://eleazarjose.com
Change the colors here and drag corners to resize
(c) Conversion-Focused VP | http://eleazarjose.com
Something like this
(c) Conversion-Focused VP | http://eleazarjose.com
Icons are also used as
alternative to images
(c) Conversion-Focused VP | http://eleazarjose.com
Sample of an icon
(c) Conversion-Focused VP | http://eleazarjose.com
Charts are used to present data visually (graph, table, diagram,
etc.)
(c) Conversion-Focused VP | http://eleazarjose.com
Samples of charts
(c) Conversion-Focused VP | http://eleazarjose.com
Now let’s use a shape to demonstrate Canva’s editing
features
(c) Conversion-Focused VP | http://eleazarjose.com
Choose a shape
(c) Conversion-Focused VP | http://eleazarjose.com
Drag corners to resize it
(c) Conversion-Focused VP | http://eleazarjose.com
Drag and twist curved arrow to rotate
(c) Conversion-Focused VP | http://eleazarjose.com
Click Copy the shape
(c) Conversion-Focused VP | http://eleazarjose.com
Click here to change the color of the duplicate shape
(c) Conversion-Focused VP | http://eleazarjose.com
Select color of duplicate shape
(c) Conversion-Focused VP | http://eleazarjose.com
Drag duplicate shape to edit it more
(c) Conversion-Focused VP | http://eleazarjose.com
Select original shape and click trash icon to delete it
(c) Conversion-Focused VP | http://eleazarjose.com
Click this to add a website link to the shape
(c) Conversion-Focused VP | http://eleazarjose.com
Enter the link here and click Apply
(c) Conversion-Focused VP | http://eleazarjose.com
Click this to edit the transparency of the shape
(c) Conversion-Focused VP | http://eleazarjose.com
Drag the slider to adjust the transparency
(c) Conversion-Focused VP | http://eleazarjose.com
Use transparency when adding text to shapes to make it readable
(c) Conversion-Focused VP | http://eleazarjose.com
Text tab - add readable and beautifully
designed text to your design
(c) Conversion-Focused VP | http://eleazarjose.com
Choose a text template
(c) Conversion-Focused VP | http://eleazarjose.com
Editing toolbar for the text
(c) Conversion-Focused VP | http://eleazarjose.com
Select text and edit what it says as desired
(c) Conversion-Focused VP | http://eleazarjose.com
Change font style here - select from dropdown
(c) Conversion-Focused VP | http://eleazarjose.com
Change font size here - select from dropdown
(c) Conversion-Focused VP | http://eleazarjose.com
Change font color here
(c) Conversion-Focused VP | http://eleazarjose.com
Make text bold or italic, if your font allows it
(c) Conversion-Focused VP | http://eleazarjose.com
Change the text alignment here
(c) Conversion-Focused VP | http://eleazarjose.com
Make it all caps here
(c) Conversion-Focused VP | http://eleazarjose.com
Make it as a list here
(c) Conversion-Focused VP | http://eleazarjose.com
Use other editing tools as desired
(c) Conversion-Focused VP | http://eleazarjose.com
Background tab - used to provide a
backdrop for your overall
design
(c) Conversion-Focused VP | http://eleazarjose.com
You can choose a solid background color
(c) Conversion-Focused VP | http://eleazarjose.com
Click the plus (+) icon to enter a hex color
(c) Conversion-Focused VP | http://eleazarjose.com
Background editing tools
(c) Conversion-Focused VP | http://eleazarjose.com
$1 background from Canva
(c) Conversion-Focused VP | http://eleazarjose.com
Background from Canva’s free photos
(c) Conversion-Focused VP | http://eleazarjose.com
How to edit photos
(c) Conversion-Focused VP | http://eleazarjose.com
Choose a free photo from Canva
(c) Conversion-Focused VP | http://eleazarjose.com
Drag corners to the end of the sides like this
(c) Conversion-Focused VP | http://eleazarjose.com
Toolbar for photo editing
(c) Conversion-Focused VP | http://eleazarjose.com
Click Filter to create a special photo effect
(c) Conversion-Focused VP | http://eleazarjose.com
Filters are used to make beautiful adjustments to the photo
(c) Conversion-Focused VP | http://eleazarjose.com
Click right arrow for more filter effects
(c) Conversion-Focused VP | http://eleazarjose.com
Auto adjustments using filter effects
(c) Conversion-Focused VP | http://eleazarjose.com
Click Advanced Options for more filter properties
(c) Conversion-Focused VP | http://eleazarjose.com
Let’s use the Normal effect
(c) Conversion-Focused VP | http://eleazarjose.com
Properties of the Normal effect are all set to zero (0)
(c) Conversion-Focused VP | http://eleazarjose.com
Let’s use the Cali effect
(c) Conversion-Focused VP | http://eleazarjose.com
Properties of the Cali effect are adjusted automatically
(c) Conversion-Focused VP | http://eleazarjose.com
Comparing the Normal (left) and Cali (right) effects
(c) Conversion-Focused VP | http://eleazarjose.com
Manual adjustments using filter properties
(c) Conversion-Focused VP | http://eleazarjose.com
Start with the Normal effect first
(c) Conversion-Focused VP | http://eleazarjose.com
Drag the slider of each property towards the left or right
(c) Conversion-Focused VP | http://eleazarjose.com
Adjust Contrast to 55
(c) Conversion-Focused VP | http://eleazarjose.com
Adjust Saturation to -28
(c) Conversion-Focused VP | http://eleazarjose.com
Adjust tint to -73
(c) Conversion-Focused VP | http://eleazarjose.com
Adjust Blur to -14
(c) Conversion-Focused VP | http://eleazarjose.com
Adjust X-Process to 27
(c) Conversion-Focused VP | http://eleazarjose.com
Noticed that the filter code keeps changing after adjusting each property?
(c) Conversion-Focused VP | http://eleazarjose.com
Take note of the filter code because you can use it
(c) Conversion-Focused VP | http://eleazarjose.com
To get the same filter effect on your other designs
(c) Conversion-Focused VP | http://eleazarjose.com
Finishing touches - add some shapes and text
(c) Conversion-Focused VP | http://eleazarjose.com
Final output
(c) Conversion-Focused VP | http://eleazarjose.com
Share your design
(c) Conversion-Focused VP | http://eleazarjose.com
Share it on Facebook, Twitter or Email it
(c) Conversion-Focused VP | http://eleazarjose.com
Let’s share it on Facebook
(c) Conversion-Focused VP | http://eleazarjose.com
Click Share it now
(c) Conversion-Focused VP | http://eleazarjose.com
Say something about it and then click Post to Facebook
(c) Conversion-Focused VP | http://eleazarjose.com
Tada!
(c) Conversion-Focused VP | http://eleazarjose.com
You can also download your design
(c) Conversion-Focused VP | http://eleazarjose.com
Download your design with different formats (JPG, PNG, PDF)
(c) Conversion-Focused VP | http://eleazarjose.com
Click Options
(c) Conversion-Focused VP | http://eleazarjose.com
If you have more than one page, choose pages to download
(c) Conversion-Focused VP | http://eleazarjose.com
Make your design public
(c) Conversion-Focused VP | http://eleazarjose.com
That’s it!
(c) Conversion-Focused VP | http://eleazarjose.com
Go ahead and start making wonderful designs using Canva
(c) Conversion-Focused VP | http://eleazarjose.com
Sign up and play around with Canva
(c) Conversion-Focused VP | http://eleazarjose.com
Soon, you’ll be making stunning graphic designs and documents
(c) Conversion-Focused VP | http://eleazarjose.com
Thank you for visiting this tutorial!