Use Canva to Make Graphic Assets: Difference between revisions

From MoHA Wiki
(images, unformatted)
mNo edit summary
Line 45: Line 45:
#** Each program has three different layouts.
#** Each program has three different layouts.
#::[[File:Canva Project Folders.png]]
#::[[File:Canva Project Folders.png]]
#::[[[[File:Canva Project Folder Template.png]]
#::[[File:Canva Project Folder Template.png]]
# To the right of the template, click '''...''' > '''Make a copy'''. Your copy appears at the top, select it to edit.
# To the right of the template, click '''...''' > '''Make a copy'''. Your copy appears at the top, select it to edit.


Line 53: Line 53:
#* At the top right, delete the pages you're not editing with the Trash Can icon.
#* At the top right, delete the pages you're not editing with the Trash Can icon.


[[File:Canva Trash Can.png]]
[[File:Canva Trash Can.png|500px]]


== Editing Tips & Tricks ==
== Editing Tips & Tricks ==
Line 63: Line 63:
*:[[File:Canva Element Trash Can.png]]
*:[[File:Canva Element Trash Can.png]]
*To select features in the Brand Kit, in the lefthand bar, select '''Brand'''.
*To select features in the Brand Kit, in the lefthand bar, select '''Brand'''.
*:[[Canva Brand Side Bar.png]]
*:[[File:Canva Brand Side Bar.png|300px]]
=== Adding Images ===
=== Adding Images ===
*Canva is good at lining images up to match other elements. To place an element:
*Canva is good at lining images up to match other elements. To place an element:
**Onto a blank template, or to match preexisting alignment: Drag the edges to match the other elements on the page, and the element will align, showing spacing.  
**Onto a blank template, or to match preexisting alignment: Drag the edges to match the other elements on the page, and the element will align, showing spacing.  
***'''Note:''' The edges of the element “snap” to where other things are, and give measurements, like below.
***'''Note:''' The edges of the element “snap” to where other things are, and give measurements, like below.
*::[[Canva Image Size.png]]
*::[[File:Canva Image Size.png]]
**To replace an element, drag the new one to where the current one is. It will automatically replace it while keeping the sizing and placement the same.
**To replace an element, drag the new one to where the current one is. It will automatically replace it while keeping the sizing and placement the same.
=== Using Templates ===
=== Using Templates ===
Line 78: Line 78:
==== Saving Your Project ====
==== Saving Your Project ====
*To download, at the top right, click '''Share'''.  
*To download, at the top right, click '''Share'''.  
*:[[File:Canva Share 1.png|500px]]  [[File:Canva Share 2.png|500px]]
*:[[File:Canva Share 1.png|300px]]  [[File:Canva Share 2.png|300px]]
*When you finish editing, move the file to the proper location:
*When you finish editing, move the file to the proper location:
**In the top left, click '''File''' > '''Move to Folder''' > '''Sponsorship/Program''' > '''Move'''.
**In the top left, click '''File''' > '''Move to Folder''' > '''Sponsorship/Program''' > '''Move'''.
*:[[Canva Move 1.png|500px]]  [[file:Canva Move 2.png|500px]]
*:[[File:Canva Move 1.png|300px]]  [[File:Canva Move 2.png|300px]]
**“Sponsorship” files are focused on obtaining funding, whereas “Program” files are more generally about the program.  
**“Sponsorship” files are focused on obtaining funding, whereas “Program” files are more generally about the program.  
**Continue clicking into folders until you find the correct folder for the asset you created.  
**Continue clicking into folders until you find the correct folder for the asset you created.  
*:[[File:Canva Move 3.png]]
*:[[File:Canva Move 3.png|300px]]

Revision as of 17:07, June 1, 2024

Purpose

Canva is the program that MoHA uses for graphic design, including sponsorship documents and program overviews. This article contains:

  • How to find/edit Canva templates.
  • Editing tips and tricks.

Find & Edit Canva Templates

To complete the activities described in this article, sign in to the MoHA Canva account. Most of the functionality described here is found on the left side of the home page, in either the “Brand” or “Projects” tab.


Canva Projects Tab.png


Note: Canva puts their pre-built templates in the “Template” menu. No MoHA templates are inside that tab.

Brand/Brand Kits

  1. In Canva, on the left of the homepage, select Brand.
    Canva Brand Brand Kit.png
  2. To find assets for all MoHA Programs, select Brand Kits.
  3. You can navigate the Brand Kit by either:
    • Scrolling
    • On the left panel, select categories
    Canva Brand Kit Categories.png

Categories in the Brand Kit

Type Description
Logos Logos for each MoHA program, all variations. Make sure to select the correct variation.
Colors Color Families for each MoHA program.
Fonts Fonts are specified by program, but if uncertain, use PT Sans.
Photos Includes any photo MoHA has uploaded to Canva.
Graphics QR codes for the Wiki pages for each program.
  • Note: If a QR code is needed, us qrCode Monkey. Set the colors to match the correct color family.

Projects

  1. In Canva, on the left of the hompeage, select Projects.
  2. Select Folders > Templates.
    • Inside this folder, each program has its own template.
      • Each program has three different layouts.
    Canva Project Folders.png
    Canva Project Folder Template.png
  3. To the right of the template, click ... > Make a copy. Your copy appears at the top, select it to edit.

Canva Make a Copy.png

    • Do Not: Edit the template directly. Doing so saves on top of the template. Make a copy instead.
  1. In your copy, select the page you want to edit.
    • At the top right, delete the pages you're not editing with the Trash Can icon.

Canva Trash Can.png

Editing Tips & Tricks

Edit an Element

  • Single click: Select the element.
  • Double click: Edit the element.
    • An editing menu opens on the left.
  • To delete an element, use the delete key on your keyboard or click the Trash Can icon.
    Canva Element Trash Can.png
  • To select features in the Brand Kit, in the lefthand bar, select Brand.
    Canva Brand Side Bar.png

Adding Images

  • Canva is good at lining images up to match other elements. To place an element:
    • Onto a blank template, or to match preexisting alignment: Drag the edges to match the other elements on the page, and the element will align, showing spacing.
      • Note: The edges of the element “snap” to where other things are, and give measurements, like below.
    Canva Image Size.png
    • To replace an element, drag the new one to where the current one is. It will automatically replace it while keeping the sizing and placement the same.

Using Templates

  • Templates should contain the correct fonts and logos for the corresponding programs.
  • Files can be named in the top right next to the share and statistics icons.
    • Sponsorship documents use the following convention: [Program name] [Sponsor Name] [Year]
    Canva Rename File.png
  • Canva saves automatically (like Google Docs), so the user does not need to save.

Saving Your Project

  • To download, at the top right, click Share.
    Canva Share 1.png Canva Share 2.png
  • When you finish editing, move the file to the proper location:
    • In the top left, click File > Move to Folder > Sponsorship/Program > Move.
    Canva Move 1.png Canva Move 2.png
    • “Sponsorship” files are focused on obtaining funding, whereas “Program” files are more generally about the program.
    • Continue clicking into folders until you find the correct folder for the asset you created.
    Canva Move 3.png