View source for Use Canva to Make Graphic Assets

== Purpose ==
[https://www.canva.com 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. 


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

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

==== Categories in the Brand Kit ====
{| class="wikitable"
|-
! 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 [[Brand Assets| 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 [https://www.qrcode-monkey.com qrCode Monkey]. Set the colors to match the correct color family.
|}

=== Projects ===
# In Canva, on the left of the hompeage, select '''Projects'''.
# Select '''Folders''' > '''Templates'''.
#* Inside this folder, each program has its own template.
#** Each program has three different layouts.
#::[[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.

[[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. 
# 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.

[[File:Canva Trash Can.png|500px|alt=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.
*:[[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'''.
*:[[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:
**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.
*::[[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.
=== 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]
*:[[File:Canva Rename File.png|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'''. 
*:[[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:
**In the top left, click '''File''' > '''Move to Folder''' > '''Sponsorship/Program''' > '''Move'''.
*:[[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. 
**Continue clicking into folders until you find the correct folder for the asset you created. 
*:[[File:Canva Move 3.png|300px|alt=project fodler highlighted]]

[[Category:Staff]]
[[Category:Guide]]