This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.

Create Your Badge Graphic


Layout a good looking badge for your course

Badge Design Essentials

You can use whatever design tools you're comfortable with to build a badge and submit it to the group. The only requirement is that the final badge graphic is a square PNG image smaller than 250K. The recommended size is 150px by 150px.

If you're not a graphic design guru, use this excellent tutorial provided by community member Jose using Inkscape (open source) to design a badge:

Using Inkscape to Design Badges

Inkscape is an Open Source Vector Graphics editor. For a generic introduction to inkscape feel free to watch this video tutorial which is the first part of an 11 parts series.

The first step will be to download and install Inkscape and the resources needed which have been compressed into this P2PU Badge resource file.

The resources file contains a template file called P2PU_Badge_Template_v1.svg, and a font file called Princeton Normal.ttf, which is the font used for the P2PU logo. (Installing a font is a platform specific task so to install Princeton Normal in your particular computer please use your favourite engine to search for "install fonts XXXX" where XXXX is Mac, Linux, or Windows. If you are having any problems please leave a comment and we will help you out.)

Once the font is installed in your system, all you need to do is open the svg provided template and start modifying it, as explained in the next section. 

Using the P2PU Badges Template

The following video shows, step by step, how to use the template with Inkscape:

http://youtu.be/8ifOysfGe7Q

If you are having any problems please leave a comment.

More information

The following video explains how to use the bitmap trace tool that was mentioned in the previous video:

http://youtu.be/mlsf3f_YI6s

The following links are tutorials and articles on how to use text effects and make the text follow a path.

Show Us Your Work!

Post a link int he comments to your drafts and final badge design for feedback!

Task Discussion


  • v4lent1na said:

    This is how the Young Reporter badge should look like:

    It is awarded to a student that has mastered the art of gathering info and put it together in a text which is both informative and pleasant to read.

    on Sept. 8, 2013, 8:44 a.m.
  • Leo Kindon said:

      Service Badge for our school

    on July 5, 2013, 12:10 p.m.
  • Physics Bridge said:

    A badge for students about to start Alevel physics who complete the electrical circuits prep task.

    on June 23, 2013, 5:11 p.m.

    Dirk said:

    Hey!

    The badge looks really good! You can head over to http://badges.p2pu.org to implement the badge!

    Cheers

    Dirk

    on June 24, 2013, 5:29 a.m. in reply to Physics Bridge
  • John Martin, aka EdVentures said:

    on May 30, 2013, 10:56 a.m.
  • HEI-ON Project said:

     

    Project goal is to develop an online tool, intended for the use of any Higher Education Institution(HEI) that wishes, which will simplify and facilitate the development and dispatch of ECTS Learning Agreements in an online environment.

    In these terms the person, who wants our Badge needs to have knowledge about studying abroad and making the learning agreement (LA). 

    on Feb. 22, 2013, 6:07 a.m.

    pinguroolz said:

    Wow that is really nice heion!

    on March 22, 2013, 6:16 p.m. in reply to HEI-ON Project
  • Jörg Lohrer said:

    Here is my OER-Maker Badge.
    Next step i have to define the Challenge for Builders of open educational resources to earn it :-)
    Do you like it?

    on Feb. 14, 2013, noon

    HEI-ON Project said:

    Yes, I like it!

    on March 19, 2013, 10:02 a.m. in reply to Jörg Lohrer
  • Peter Rawsthorne said:

    Also going to be using this badge for the Badge System Design challenge I am taking a lead on for the School of Badges; https://p2pu.org/en/groups/badge-system-design/

    Badge System Design

    on Feb. 2, 2013, 9:44 a.m.
  • Peter Rawsthorne said:

    Context and description of badge can be found here; http://en.wikiversity.org/wiki/PhD/BadgeSystem

    on Jan. 30, 2013, 7:33 p.m.
  • Becky Heritage said:

    on Jan. 19, 2013, 2:16 p.m.
  • Clichtman said:

    Into the WildThis is designed to be one of several badges that teens could win during my library's Summer Reading Program.  Perhaps it should say Explorer, though that does sound like the Boy Scouts.  I envision each badge encompassing a different aspect of our overall theme which is Beneath the Surface.

    I also wondered how to get rid of the color leaking around the edges and give it a beveled look.

    on Jan. 17, 2013, 11:30 p.m.
  • Badge Definer said:

    What about this graphic? The badge is really introductory so I thought I would make it a little bit fun:

    on Jan. 4, 2013, 8:26 p.m.

    Clichtman said:

    Very cute and original

    on Jan. 16, 2013, 11:04 p.m. in reply to Badge Definer
  • Stephen Gilman said:

    Couldn't get Inkscape (or more specifically, X11) to install so I used SketchBookExpress to make this badge graphic for my course: Google Driver. Let me know what you think. Thanks!

    on Jan. 1, 2013, 11:01 p.m.
  • lfoulis said:

    community builderThis is my first attempt at a badge. Any comments?

    on Dec. 20, 2012, 4:28 a.m.

    Hampi Gogoi said:

    This is good!!! But I hope you make the heart at the center a little more regular in shape.......If its not a heart then its really very funky and cool!!!

    Please can you give me the helpful feedback badge!!!

    on Dec. 20, 2012, 7:38 a.m. in reply to lfoulis

    Stephen Gilman said:

    I like your "Community Builder" text to path. Color scheme is pleasing. A little hard to read "Carnegie College." Heart could be a little less abstracted. I'm interested in taking this course! :-)

    on Jan. 1, 2013, 9:22 p.m. in reply to lfoulis
  • HAZZA24937 said:


     

    on Dec. 18, 2012, 7:39 p.m.
  • Hampi Gogoi said:

    I have tried to make this badge:

    Please. Comment on it - how is it???

    on Dec. 9, 2012, 6:14 a.m.
  • Mathew said:

    on Dec. 8, 2012, 10:39 p.m.