Use Canva to Make Graphic Assets: Difference between revisions

From MoHA Wiki
(Created page)
 
m (alt text)
 
(4 intermediate revisions by the same user not shown)
Line 6: Line 6:
== Find & Edit Canva Templates ==
== 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.  
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.  
'''image'''
 
 
[[File:Canva Projects Tab.png|alt=Side bar showing options for navigating to Brand and Projects in Canva]]
 
 
'''Note:''' Canva puts their pre-built templates in the “Template” menu. No MoHA templates are inside that tab.  
'''Note:''' Canva puts their pre-built templates in the “Template” menu. No MoHA templates are inside that tab.  


=== Brand/Brand Kits ===
=== Brand/Brand Kits ===
# In Canva, on the left of the homepage, select '''Brand'''.
# In Canva, on the left of the homepage, select '''Brand'''.
'''image'''
#:[[File:Canva Brand Brand Kit.png|alt=Brand page in Canva]]
# To find assets for all MoHA Programs, select '''Brand Kits'''.
# To find assets for all MoHA Programs, select '''Brand Kits'''.
# You can navigate the Brand Kit by either:
# You can navigate the Brand Kit by either:
#* Scrolling
#* Scrolling
#* On the left panel, select categories
#* On the left panel, select categories
'''image'''
#:[[File:Canva Brand Kit Categories.png|alt=Brand categories panel]]


==== Categories in the Brand Kit ====
==== Categories in the Brand Kit ====
Line 40: Line 44:
#* Inside this folder, each program has its own template.
#* Inside this folder, each program has its own template.
#** Each program has three different layouts.
#** Each program has three different layouts.
'''image'''
#::[[File:Canva Project Folders.png|alt=Projects folder]]
#::[[File:Canva Project Folder Template.png|alt=Projects folder close up]]
# 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.


'''image'''
[[File:Canva Make a Copy.png|500px|alt=Make a copy button highlighted]]
#* '''Do Not:''' Edit the template directly. Doing so saves on top of the template. Make a copy instead.  
#* '''Do Not:''' Edit the template directly. Doing so saves on top of the template. Make a copy instead.  
# In your copy, select the page you want to edit.
# 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.
#* At the top right, delete the pages you're not editing with the Trash Can icon.
'''image'''
 
[[File:Canva Trash Can.png|500px|alt=Trash Can icon highlighted]]


== Editing Tips & Tricks ==
== Editing Tips & Tricks ==
=== To edit an element in a template ===
=== Edit an Element ===
*Single click: Select the element.
*Single click: Select the element.
*Double click: Edit the element.
*Double click: Edit the element.
** An editing menu opens on the left.
** An editing menu opens on the left.
*To delete an element, use the delete key on your keyboard or click the Trash Can icon.
*To delete an element, use the delete key on your keyboard or click the Trash Can icon.
'''image'''
*:[[File:Canva Element Trash Can.png|alt=Trash can in element highlighted]]
*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'''.
'''image'''
*:[[File:Canva Brand Side Bar.png|300px|alt=Brand sidebar in editing]]
=== 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.
***'''image'''
*::[[File:Canva Image Size.png|alt=Image dimensions snapping into place highlighted]]
**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 ===
*Templates should contain the correct fonts and logos for the corresponding programs.
*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.  
*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]
**Sponsorship documents use the following convention: [Program name] [Sponsor Name] [Year]
'''image'''
*:[[File:Canva Rename File.png|Renaming file highlighted]]
*Canva saves automatically (like Google Docs), so the user does not need to save.
*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'''.  
*To download, at the top right, click '''Share'''.  
'''image'''
*:[[File:Canva Share 1.png|300px|alt=Full share menu]]  [[File:Canva Share 2.png|300px|alt=Share menu download as pdf highlighted]]
*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'''.
'''image'''
*:[[File:Canva Move 1.png|300px|alt=Full movem enu]]  [[File:Canva Move 2.png|300px|alt=Move to specific folder highlighted]]
***“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.  
'''image'''
*:[[File:Canva Move 3.png|300px|alt=project fodler highlighted]]
 
[[Category:Staff]]
[[Category:Guide]]

Latest revision as of 17:16, 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.


Side bar showing options for navigating to Brand and Projects in Canva


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.
    Brand page in Canva
  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
    Brand categories panel

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.
    Projects folder
    Projects folder close up
  3. To the right of the template, click ... > Make a copy. Your copy appears at the top, select it to edit.

Make a copy button highlighted

    • 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.

Trash Can icon highlighted

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.
    Trash can in element highlighted
  • To select features in the Brand Kit, in the lefthand bar, select Brand.
    Brand sidebar in editing

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.
    Image dimensions snapping into place highlighted
    • 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]
    Renaming file highlighted
  • 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.
    Full share menu Share menu download as pdf highlighted
  • When you finish editing, move the file to the proper location:
    • In the top left, click File > Move to Folder > Sponsorship/Program > Move.
    Full movem enu Move to specific folder highlighted
    • “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.
    project fodler highlighted