160
(c) Conversion-Focused VP | http://eleazarjose.com (c) Conversion-Focused VP | http://eleazarjose.com (c) Conversion-Focused VP | http://eleazarjose.com

How To Design Stunning Graphics Using Canva

Embed Size (px)

Citation preview

Page 1: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

(c) Conversion-Focused VP | http://eleazarjose.com

(c) Conversion-Focused VP | http://eleazarjose.com

Page 2: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Welcome to Canva for Newbies!

Page 3: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

What is Canva?

Page 4: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Canva let’s you create stunning

images, designs and

documents like this

Page 5: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

It has a drag and drop feature to create designs easily

Page 6: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

It literally has a million images to choose from, all customisable

Page 7: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

There’s also a ton of layouts

to choose from

Page 8: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Quick and easy photo editing

feature (no need for

Photoshop)

Page 9: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Autosave feature (no need to manually save your design every time)

Page 10: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

You can use Canva to create the following:

and a lot more

Page 11: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Page 12: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Open your favourite web browser

Page 13: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Search for Canva

Page 14: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click canva.com link

Page 15: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

This is Canva’s home page

Page 16: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

You can sign up with Facebook, Google or Email

Page 17: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click Sign up with Email

Page 18: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Enter your Name, Email

and Password

Page 19: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click Sign up

Page 20: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

You have finished signing up

Page 21: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Choose Work

Page 22: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Let’s choose Social Media

Graphic

Page 23: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Select Social Media Graphic

(Square)

Page 24: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click Got it!

Page 25: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click Done!

Page 26: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click Got it!

Page 27: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click I’m done!

Page 28: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Let’s give our design a name first

Page 29: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click Social Media - Untitled Design

Page 30: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Give your design a name and then click Done

Page 31: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click on the Canva logo

Page 32: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

This is your Canva dashboard

Page 33: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Go back to your design

Page 34: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

This is your Canva design workspace

Page 35: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Let’s explore the design panel

Page 36: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Search tab - you can basically

search for anything

Page 37: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Let’s try “beach”

Page 38: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Here are the results

Page 39: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click this beach image

Page 40: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

It will appear here

Page 41: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

That’s how to use Canva’s

Search feature

Page 42: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Elements tab

Page 43: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Free Photos will give you as it

says, free photos, images

and more

Page 44: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click on a photo and it will appear on your design

Page 45: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Grids hold images which allows more

control - resizing and manipulating

them

Page 46: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click on a grid and it will appear on your design

Page 47: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click on the upper grid to edit it

Page 48: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

This is the edit toolbar

Page 49: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click this to change the grid color

Page 50: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Choose a color from the default colors to change the background

Page 51: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

or click the plus (+) icon to enter a hex color

Page 52: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

To delete the upper grid, click the trash icon

Page 53: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Frames are like Grids but have multiple shapes

and sizes

Page 54: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Use the scroll bar to scroll

down to select a frame

Page 55: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click on a frame and it will appear on your design

Page 56: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Drag the corners to resize the frame

Page 57: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Drag and twist arrow to rotate if needed

Page 58: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Drag and or upload an image to your frame

Page 59: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Go to the Search bar to add an image

Page 60: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Let’s search for a beach image

Page 61: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Drag the image inside the frame to auto resize and fit

Page 62: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Upload an image - click the Uploads tab

Page 63: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Choose an image from your computer

Page 64: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Wait for the upload to finish

Page 65: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Image has been uploaded

Page 66: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Drag the image inside the frame to auto resize and fit

Page 67: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Let’s arrange the image inside the frame. Double click the frame.

Page 68: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Using your cursor, drag the image going down

Page 69: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click the check mark once done positioning the image

Page 70: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

That looks better

Page 71: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Shapes add texture, depth

and organisation to

your design

Page 72: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click on a shape and it will appear on your design

Page 73: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Drag corners to resize

Page 74: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Change the color here

Page 75: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Samples of shapes with different colours

Page 76: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Lines also add texture, depth

and organisation to

your design

Page 77: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Samples of lines with different colours

Page 78: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Illustrations are drawings used as alternatives

to images

Page 79: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Sample of an illustration

Page 80: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Change the colors here and drag corners to resize

Page 81: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Something like this

Page 82: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Icons are also used as

alternative to images

Page 83: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Sample of an icon

Page 84: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Charts are used to present data visually (graph, table, diagram,

etc.)

Page 85: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Samples of charts

Page 86: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Now let’s use a shape to demonstrate Canva’s editing

features

Page 87: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Choose a shape

Page 88: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Drag corners to resize it

Page 89: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Drag and twist curved arrow to rotate

Page 90: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click Copy the shape

Page 91: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click here to change the color of the duplicate shape

Page 92: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Select color of duplicate shape

Page 93: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Drag duplicate shape to edit it more

Page 94: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Select original shape and click trash icon to delete it

Page 95: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click this to add a website link to the shape

Page 96: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Enter the link here and click Apply

Page 97: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click this to edit the transparency of the shape

Page 98: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Drag the slider to adjust the transparency

Page 99: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Use transparency when adding text to shapes to make it readable

Page 100: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Text tab - add readable and beautifully

designed text to your design

Page 101: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Choose a text template

Page 102: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Editing toolbar for the text

Page 103: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Select text and edit what it says as desired

Page 104: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Change font style here - select from dropdown

Page 105: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Change font size here - select from dropdown

Page 106: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Change font color here

Page 107: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Make text bold or italic, if your font allows it

Page 108: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Change the text alignment here

Page 109: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Make it all caps here

Page 110: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Make it as a list here

Page 111: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Use other editing tools as desired

Page 112: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Background tab - used to provide a

backdrop for your overall

design

Page 113: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

You can choose a solid background color

Page 114: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click the plus (+) icon to enter a hex color

Page 115: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Background editing tools

Page 116: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

$1 background from Canva

Page 117: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Background from Canva’s free photos

Page 118: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

How to edit photos

Page 119: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Choose a free photo from Canva

Page 120: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Drag corners to the end of the sides like this

Page 121: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Toolbar for photo editing

Page 122: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click Filter to create a special photo effect

Page 123: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Filters are used to make beautiful adjustments to the photo

Page 124: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click right arrow for more filter effects

Page 125: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Auto adjustments using filter effects

Page 126: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click Advanced Options for more filter properties

Page 127: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Let’s use the Normal effect

Page 128: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Properties of the Normal effect are all set to zero (0)

Page 129: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Let’s use the Cali effect

Page 130: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Properties of the Cali effect are adjusted automatically

Page 131: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Comparing the Normal (left) and Cali (right) effects

Page 132: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Manual adjustments using filter properties

Page 133: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Start with the Normal effect first

Page 134: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Drag the slider of each property towards the left or right

Page 135: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Adjust Contrast to 55

Page 136: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Adjust Saturation to -28

Page 137: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Adjust tint to -73

Page 138: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Adjust Blur to -14

Page 139: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Adjust X-Process to 27

Page 140: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Noticed that the filter code keeps changing after adjusting each property?

Page 141: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Take note of the filter code because you can use it

Page 142: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

To get the same filter effect on your other designs

Page 143: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Finishing touches - add some shapes and text

Page 144: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Final output

Page 145: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Share your design

Page 146: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Share it on Facebook, Twitter or Email it

Page 147: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Let’s share it on Facebook

Page 148: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click Share it now

Page 149: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Say something about it and then click Post to Facebook

Page 150: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Tada!

Page 151: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

You can also download your design

Page 152: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Download your design with different formats (JPG, PNG, PDF)

Page 153: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Click Options

Page 154: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

If you have more than one page, choose pages to download

Page 155: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Make your design public

Page 156: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

That’s it!

Page 157: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Go ahead and start making wonderful designs using Canva

Page 158: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Sign up and play around with Canva

Page 159: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Soon, you’ll be making stunning graphic designs and documents

Page 160: How To Design Stunning Graphics Using Canva

(c) Conversion-Focused VP | http://eleazarjose.com

Thank you for visiting this tutorial!