SlideShare a Scribd company logo
1 of 10
Open Badges design
template and tips
Nicola Pallitt
Open Badges South Africa
workgroup (OBSA)
14 July 2015
Once you have edited a badge, hold down the control key (Ctrl) and then
right click on the selection and select ‘Save as picture’. Alternatively, click
on ‘Select’ and then ‘Select All’. Choose the portable network graphics
option (.png) and save your badge image.
If you want a transparent background rather than white, you will need to
use Photoshop. See a tutorial on how to do this here:
http://www.photoshopbuzz.com/removing-background-photoshop/
You can use PowerPoint to create the badge and Photoshop for setting
background transparency if you are a more confident PowerPoint user.
YOUR
LOGO/IMAGE
HERE
Avoid too
many crazy
shapes
Pick a clear font
that is easy to
read when the
badge is scaled
down
Badge
Keep it simple
Use your
corporate /
institutional
colours
Badge title
Helpful free tools:
• Pixel to cm online calculator
http://pixelyzer.com/image_size_calcula
tor.html
• Image resizer
https://imageresizer.codeplex.com/
• Video on how to do text in a circle in
PowerPoint
https://www.youtube.com/watch?v=O9
YKETux-so

More Related Content

More from Nicola Pallitt

Developing an ePortfolio
Developing an ePortfolioDeveloping an ePortfolio
Developing an ePortfolioNicola Pallitt
 
Sparking learning: learning about the world through the web
Sparking learning: learning about the world through the webSparking learning: learning about the world through the web
Sparking learning: learning about the world through the webNicola Pallitt
 
games * children * play
games * children * playgames * children * play
games * children * playNicola Pallitt
 
Critical analysis of a planned teaching activity: Google Drive Workshop
Critical analysis of a planned teaching activity: Google Drive WorkshopCritical analysis of a planned teaching activity: Google Drive Workshop
Critical analysis of a planned teaching activity: Google Drive WorkshopNicola Pallitt
 
Creating a digital video - Workshop for preservice teachers March 2014
Creating a digital video - Workshop for preservice teachers March 2014Creating a digital video - Workshop for preservice teachers March 2014
Creating a digital video - Workshop for preservice teachers March 2014Nicola Pallitt
 
Children as ‘produsers’: YouTube for Schools & learner-generated videos
Children as ‘produsers’: YouTube for Schools & learner-generated videosChildren as ‘produsers’: YouTube for Schools & learner-generated videos
Children as ‘produsers’: YouTube for Schools & learner-generated videosNicola Pallitt
 

More from Nicola Pallitt (6)

Developing an ePortfolio
Developing an ePortfolioDeveloping an ePortfolio
Developing an ePortfolio
 
Sparking learning: learning about the world through the web
Sparking learning: learning about the world through the webSparking learning: learning about the world through the web
Sparking learning: learning about the world through the web
 
games * children * play
games * children * playgames * children * play
games * children * play
 
Critical analysis of a planned teaching activity: Google Drive Workshop
Critical analysis of a planned teaching activity: Google Drive WorkshopCritical analysis of a planned teaching activity: Google Drive Workshop
Critical analysis of a planned teaching activity: Google Drive Workshop
 
Creating a digital video - Workshop for preservice teachers March 2014
Creating a digital video - Workshop for preservice teachers March 2014Creating a digital video - Workshop for preservice teachers March 2014
Creating a digital video - Workshop for preservice teachers March 2014
 
Children as ‘produsers’: YouTube for Schools & learner-generated videos
Children as ‘produsers’: YouTube for Schools & learner-generated videosChildren as ‘produsers’: YouTube for Schools & learner-generated videos
Children as ‘produsers’: YouTube for Schools & learner-generated videos
 

Recently uploaded

How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 

Recently uploaded (20)

How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 

Open badges design template and tips

  • 1. Open Badges design template and tips Nicola Pallitt Open Badges South Africa workgroup (OBSA) 14 July 2015 Once you have edited a badge, hold down the control key (Ctrl) and then right click on the selection and select ‘Save as picture’. Alternatively, click on ‘Select’ and then ‘Select All’. Choose the portable network graphics option (.png) and save your badge image. If you want a transparent background rather than white, you will need to use Photoshop. See a tutorial on how to do this here: http://www.photoshopbuzz.com/removing-background-photoshop/ You can use PowerPoint to create the badge and Photoshop for setting background transparency if you are a more confident PowerPoint user.
  • 4. Pick a clear font that is easy to read when the badge is scaled down
  • 6.
  • 7. Keep it simple Use your corporate / institutional colours
  • 9.
  • 10. Helpful free tools: • Pixel to cm online calculator http://pixelyzer.com/image_size_calcula tor.html • Image resizer https://imageresizer.codeplex.com/ • Video on how to do text in a circle in PowerPoint https://www.youtube.com/watch?v=O9 YKETux-so