open badges design template and tips

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-p hotoshop/ You can use PowerPoint to create the badge and Photoshop for setting background transparency if you are a more confident PowerPoint user.

Upload: nicola-pallitt

Post on 09-Aug-2015

109 views

Category:

Education


5 download

TRANSCRIPT

Page 1: Open badges design template and tips

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.

Page 2: Open badges design template and tips

YOUR LOGO/IMAGE

HERE

Page 3: Open badges design template and tips

Avoid too many crazy

shapes

Page 4: Open badges design template and tips

Pick a clear font that is

easy to read when the

badge is scaled down

Page 5: Open badges design template and tips

Badge

Page 6: Open badges design template and tips
Page 7: Open badges design template and tips

Keep it simpleUse your

corporate / institutional

colours

Your badge title

Page 8: Open badges design template and tips

Badge title

Page 9: Open badges design template and tips
Page 10: Open badges design template and tips

Helpful free tools:

• Pixel to cm online calculator http://pixelyzer.com/image_size_calculator.html

• Image resizer https://imageresizer.codeplex.com/

• Video on how to do text in a circle in PowerPoint https://www.youtube.com/watch?v=O9YKETux-so