HPass Badge Design Template - PowerPoint Presentation

1. HPassBadge Design TemplateOrganisation Badge and New Icons2021 02 24

2. Organisation Badge and New Icons

3. Blank Badge Shape – copy this slide to startCopy this slide and change the fill colour to your organization’s brand colour: right click > Format shape > Fill > Solid Fill > Colour > More coloursMAINTAIN SIZE AND EXACT POSITION (exact centre H/V) SO THAT BADGE ELEMENTS WILL MAP PROPERLY!Use Transparent Overlay to position a black or white version of your logo. This will become your “Base Badge” slide, that you can copy to make new badges

4. Base Badge – (mockup)LOGOWhen a badge design has been completed, remove the dotted-line template if it's there. Select badge & contents and group them to make it a single unit: (Shape format > Group or just Ctl-G). Then right-click to save as a very large PNG.Resize the PNG to 200x200 for upload to Factory, using image editing software like free program Photoscape or a free online service like https://pixlr.com/

5. Transparent OverlayUsed for sizing and placement of elementsSelect by clicking on TEMPLATE TAB. Copy and paste to check on other slides. Should line up exactly.TEMPLATE TABClick here to select transparent template layer, remove when done

6. Badge Symbols ParticipationSized for 20.83” badges. Copy and paste into your badges.Text for numbers: Arial Bold20212021Year of Issue(Dark badges)Year of Issue(Light badges)HPassCertifiedOther FormalAccreditationSummativeAssessmentPathway MilestoneEstimatedEffort (hours)MembershipOtherAchievementCertificationPathway Step(Dark badges)Pathway Milestone(Dark badges)HPassCertified(Dark badges)Other FormalAccreditation(Dark badges)Pathway Milestone(ADDITIONAL)22Pathway StepProgress or Level Markers(Optional – integrate with your icon in the centre box)

7. Mapping symbols and iconsLogoTopic icon(Optional)Type of recognition2021

8. Staging slide for new Logo, icons, other image assets for organization. *Add new icons to end of Icon Library when complete.

9. Worked example – ASSESSMENT-BASED COURSE202122TEMPLATE TABClick to select transparent template layer, remove when done

10. Set of worked examplesAssessment-Based CourseParticipation-Based CourseCertificationMembershipOther Achievement Pathway StepPathway MilestoneHPass CertifiedOther Formal Endorsement

11. Saving your badge as a PNG – large and smallWhen a badge design has been completed, remove the Transparent Overlay, select badge & contents and Group them (Ctl-G) to keep everything together. Then right-click to Save as Picture (PNG), which makes a very large PNG file. Now you need to resize the large PNG to 200x200 for upload to Factory. The simplest way is to re-import the big PNG to the same slide of the PPT, then resize it from 20.83in (52.91cm) to 1.35in (3.43cm), then Save as Picture again. It will now be roughly 200x200 and ready for upload.Large PNG 3124x3124 pixels(good for print, PPT, etc.) Small PNG 202x202 (1.35”x1.35”)(upload to Factory)

12. ICON LIBRARYNewer icons added to slides at the end

13. ASSESSMENT/ASSESSORAPPLYING HUMANITARIAN STANDARDS AND PRINCIPLESADAPTING AND COPINGAcademy & HPassEDUCATIONEARLY-ADOPTERCOACHING-AND-MENTORINGENSURING-PROGRAM-QUALITY-AND-IMPACTF2F TRAINING

14. HUMANITARIAN-AIDGLOBALGAMIFICATION-FOR-HUMANITARIAN-LEARNINGAcademy & HPassLISTENING-AND-CREATING-DIALOGUELEGALLEADERSHIPIFUNDAMENTALSLOCALISATION

15. MANAGING THE HUMANITARIAN SECTORMANAGING PERSONAL SECURITYMAINTAINING PROFESSIONALISMAcademy & HPassSUPPORTSEARCH, RESEARCH, INVESTIGATIONNOTEPADMINIMIZING RISK TO CRISIS AFFECTED PEOPLE PARTNERS AND STAKEHOLDERSTEAMWORK

16. WORKING WITH OTHERSWORKING ACCOUNTABLYUNDERSTANDING THE HUMANITARIAN CONTEXTAcademy & HPassSAFEGUARDING

17. 2020 AcademyCREATIVE LEARNINGLEARNING GOVERNANCE AND LEARNING CULTUREMOBILE LEARNING PILOT

18. Academy 2GAMIFICATIONPSYCHOLOGICAL FIRST AID WELLNESS AND RESILIENCEINNOVATIONFORESIGHT

19. NRCCHECKPOINTQUICK RUN BAGFIRST AIDRADIO COMMUNICATIONSTRAINING OF TRAINERS -CLASSROOMTRAINING OF TRAINERS - FIELD

20. ClaritySECURITY FOR FREQUENT TRAVELLERS

21. IFRC – Learn to ChangeCOMPLETERCHAMPION (COMMUNICATOR)

22. ICRC – DetentionDETENTION - GENERIC

23. Crisis AnticipationCRISIS ANTICIPATION FUNDAMENTALS

24. RedR UK COVID (EMF)HYGIENECOVIDCOVID - MILESTONEMYTHS AND RUMOURSMENTAL HEALTH / RESILIENCE - DEPRECATED

25. War ChildGENDER BASED VIOLENCEMENTAL HEALTH

26. HUMCAPCHILD SAFEGUARDINGFOOD SECURITYNUTRITIONCOMMUNICATIONEDUCATIONSUPPLY CHAINPEOPLE MANAGEMENTCASE MANAGEMENTMEAL

27. CPiEREFLECTIVE REPORTGROUP PRESENTATIONBLANK SCREENLEGAL FRAMEWORKSIMULATIONSIMULATION(MILESTONE)

28. AUAFACADEMY COMPLETION

29. AUBProject Management in Humanitarian Settings(GHUM 301) Humanitarian Programming Monitoring and Evaluation(GHUM 302) Humanitarian Leadership Diploma(Milestone)Budgeting and Reporting for Humanitarian Programming(GHUM 303) Mediation and Negotiation in Crisis Settings(GHUM 304) Humanitarian Law and Human Rights (GHUM 307)Humanitarian Leadership and Coordination(GHUM 308) Interpersonal Communication Skills for Humanitarian Managers(GHUM 305)Disaster Management: Leading Humanitarian Response (GHUM 306)

30. New icon research: OCHA (for adaptation to HPass style) https://thenounproject.com/ochavisual/collection/ocha-humanitarian-icons/ https://thenounproject.com/ochavisual/collection/ocha-humanitarian-icons-v02/

31. Work page for a BannerCreate a PNG file for your organisation banner to use in the Branding section of your Factory account. (Admin tools > Branding) It must be exactly1000 pixels wide.The 1000x170 rectangular shape above is a popular proportion for banner. (Actual width here = 20”, height is 3.4”)Insert and compose your banner content (e.g. logo, text, images) on top of this square shape.When you finish the banner content, change the fill Transparency to 100%) to make the rectangle invisible.We suggest you “group” the box and its contents to keep everything stable: drag your cursor over it and type Control+G.Right-click on the grouped shape and select Save as Picture in the dialogue box.Save as type PNG with a name like “BannerBig”.This banner is now the right shape but too large. Resize it in a image editing program if you have one or use a free editor like Photoscape or the online editor at: www.online-image-editor.com When resizing the image to exactly 1000 pixels wide, make sure that you have checked Aspect ratio, so that the overall proportion of the image remains the same.Your banner is now ready to upload to Open Badge Factory if it is a PNG exactly 1000 pixels wide.Example:LOGOLOGO(Transparency 100% makes box invisible)

32. Work page for an Organisation icon (logo)You can create a PNG file for an organisation icon to put in the Organisation details section of your Factory account.(Admin tools > Organisation details) It must be exactly square. The shape to the left is 8” x 8”. Resize it as needed to be a backdrop for your logo icon, if it is too big, or make your icon smaller to fit the box if that’s too big.Insert and compose the logo on top of this square shape. Centre manually (looking forn the dotted guides) or use Shape Format > Align, with both logo and background square selected. When you finish the placing the icon in the square, change the fill Transparency of the square to 100% to make it invisible. (Right-click > Format Shape > Fill > Solid Fill > Transparency 100%).We now suggest you “group” the box and its contents to keep everything stable: drag your cursor over it and type Control+G.Right-click on the grouped shape and select Save as Picture in the dialogue box.Save as type PNG with a name like “Square Icon”.Upload the resulting PNG file as an icon (Admin tools > Organisations details > Upload icon)If the file size is too big (unlikely), you can resize it in a image editing program if you have one on your computer (Photoscape is a popular free program), or online at: www.online-image-editor.com Example:LOGOLOGO