SUBSCRIBE
SUBSCRIBE
SLJ Blog Network +
  • 100 Scope Notes
  • A Fuse #8 Production
  • Good Comics for Kids
  • Heavy Medal: A Mock Newbery Blog
  • Teen Librarian Toolbox
  • The Classroom Bookshelf
  • The Yarn
  • Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • About TLT
  • Reviews
    • Book Reviews
    • A to Z Book Lists
    • Book Review Policy
  • Teen Issues
  • Middle Grade Mondays
  • Programs
    • TPiB
    • Tech Talk
  • Professional
    • Teen Services 101
    • Things We Didn’t Learn in Library School
  • MakerSpace
  • Projects
    • #SVYALit
    • #FSYALit
    • #MHYALit
    • #Poverty in YA Lit

July 18, 2017 by Karen Jensen, MLS

MakerSpace: How to Design a Button

July 18, 2017 by Karen Jensen, MLS   Leave a Comment

Button, button, who makes the button? I do! Teens do! But how? Yesterday I shared some basics on button making, today let’s talk about designing your buttons.

For the purpose of this discussion a button insert will refer to your final circle image cut to size that is placed in between the two button parts – the shell and the pin back – which will ultimately become your button. It’s the graphic piece that you create to make a button.

Start Here: MakerSpace: Button Making is All the Rage (The Complete Button Making Index)

buttons18

What Programs Do You Use to Design a Button?

We’re going to start here with the final step. I know that sounds weird, but your ultimate goal is to create and print a properly sized button insert – the graphic piece – that will make your image pop. The final step is sizing and printing that button insert. We’ll start there.

SCROLL TO KEEP READING THIS POST

ADVERTISEMENT

ADVERTISEMENT

In the final steps, I recommend using a program like Microsoft Publisher to finish your button design. This allows you to create your button true to size and then print it out. For example, if you are making a 2.25 button you can use the Insert Shape feature, choose a circle, and size it to 2.25. You can use the fill feature to fill the button with your circle OR you can use it as an outline and overlay it on your image to make sure what you want to appear does in fact appear in the middle of the button.

insershapeResizing Photos for Button Makers

After you have made a design that you are happy with and appropriately sized them, you can then “group” all the parts and copy and paste them to make rows of button inserts. For example, here are some SRC buttons I designed to give to kids who participated in our 2015 summer reading program. This is what the printed out sheet of paper will look like. You then just cut your button inserts out and go through the button making steps.

buttons7

Buttons for our 2015 Super Readers!
Buttons for our 2015 Super Readers!

Why Publisher? You need a publishing program that handles graphics well and prints true to size. For example, if you create a circle image in PowerPoint, even though on screen it is sized the correct size, it doesn’t print out true to size because a PowerPoint slide is not the same size as a sheet of paper. It’s a computer focused program as opposed to a print focused program. Publisher is designed to create and print materials so it works really well for printing button inserts.

In a pinch, you can create your image in another program and copy and paste it into Word at the correct size, but it’s a few more steps. I only recently got Microsoft Publisher on my personal laptop and used Word for quite some time. It’s perfectly functional, though more complicated then I liked.

You Don’t, However, Have to Begin with Publisher to Design Your Button

So let’s go back to the beginning – designing your button insert.

Let’s be honest, if you are using Publisher to size and print your buttons, you can in fact use them to design your entire button if you so choose. But it is not the only tool I use and there are many other tools that offer other features that you may wish to explore.

Although I recommend ending and printing with Publisher, you don’t have to begin there. I most often don’t. For example, I might fall in love with a picture I have taken on Instagram so that becomes my starting point. I might design something online in Canva and then transfer it into publisher for sizing and printing. I also use a lot of photo apps that have different filters, texts, and features to enhance a photo. I just create my image and then download it to my computer and insert it into Publisher for sizing and printing. Yes, some buttons take a lot of steps. But the design process is part of what I enjoy.

More photos manipulated with photo apps and turned into buttons. Washi tape makes up the borders on some of these buttons.
More photos manipulated with photo apps and turned into buttons. Washi tape makes up the borders on some of these buttons.

Some of my favorite design programs/apps include:

  • Canva (online and an app)
  • Comic Book
  • Be Funky (App Review: BeFunky)
  • Hipstamatic
  • Silhouette (which I often use with Fused) (App Review: Fused (with an assist from the Silhouette app)
  • Instamag
  • Enlight (App Review: Enlight)
  • Word Swag
  • Prisma (App Review: Prisma)
  • FotoRus (App Review: FotoRus)

See also: How Did You Do That? Photo Apps Version and Generate Marketing Creativity with iPhone Apps

Some Design Tips to Keep in Mind

All the basic rules of graphic design basically apply:

  • Make sure your fonts are legible – both in style and color when using a background color
  • Limit the number of fonts that you use
  • Watch for pixelation when sizing images
  • See also: Learning the Basic Elements and Principles of Graphic Design

In addition, remember that here you are designing in a circle. This can present some unique challenges, especially since a lot of traditional design we do is in the square format. Try to focus your image in the center of the circle. Make sure that any important parts – including text – aren’t being cut off.

Made from an Instagram pic. Had to layer images to prevent text from being cut off.
Made from an Instagram pic. Had to layer images to prevent text from being cut off.
SCROLL TO KEEP READING THIS POST

ADVERTISEMENT

ADVERTISEMENT

The most important tip: Make sure and leave a little edge around all of your design so it doesn’t accidentally get cut off when you make the actual button. Words and important image pieces should not go all the way to the edge of your circle. You can have a background color that fills the complete image, but leave a little bit of space around the edges especially when you include any text.

There are Some Online Tools and Tutorials

How To Design a Button in Photoshop [4/13/2009] – YouTube

Button Designer Make Button Artwork Online

Create Buttons | Button Design | Custom Buttons | Pin Buttons

Button Designer Make Button Artwork Online

Free Button Maker Software – American Button Machines

MakePins.com: Make Custom Pins and Buttons That You Design

I have used exactly none of these. You really can design them yourselves quickly and easily as you become more proficient at using whatever software/apps you choose and just learn what does and doesn’t work.

At the End of the Day, Not all Buttons Needs to Be Computer Generated at All!

A table full of scrap button materials
A table full of scrap button materials

Put out a tub of scrapbook paper, discarded magazines and gns/manga, stickers, Sharpies, gel pens and more! Buttons can be mixed media collages or hand drawn. Fingerprint art buttons are some of our favorite buttons to be honest.

Hand drawn Sharpie art turned into buttons
Hand drawn Sharpie art turned into buttons
Coloring pages buttons
Coloring pages buttons

You can pre-cut a bunch of plain circles and put them out with a box of markers and let teens design.

Fingerprint Art Buttons for Shark Week
Fingerprint Art Buttons for Shark Week

You can pre-cut a bunch of pre-sized circles out of blank paper and put them out with a box of markers or gel pens and teens will still design pretty cool buttons.

Sharpies + Stick Figure Art
Sharpies + Stick Figure Art
Stick Figure Art Buttons!
Stick Figure Art Buttons!

To Recap: How to Design a Button Ranked from Easiest to Hardest Method

1. Cut out a plain circle and hand draw a design

2. Use paper scraps to create a design

3. Download an image and size it in Publisher (be aware of copyright)

4. Create a design from scratch in Publisher

5. Create a design in another resource, download it, and resize it in Publisher

Have fun designing!

Filed under: Makerspace

SHARE:

Read or Leave Comments
Button MakingButtons

About Karen Jensen, MLS

Karen Jensen has been a Teen Services Librarian for almost 30 years. She created TLT in 2011 and is the co-editor of The Whole Library Handbook: Teen Services with Heather Booth (ALA Editions, 2014).

ADVERTISEMENT

Related Posts

March 2022

Tween and Teen Programming Idea: DIY Photo/Note Holders

by Karen Jensen, MLS

November 2021

Turning Voice Recordings into Sound Wave Art and QR Codes

by Karen Jensen, MLS

July 2019

Rethinking 3D Printing in the Library, it's not as complicated as you might think

by Karen Jensen, MLS

July 2019

Slime, slime, and more slime

by Karen Jensen, MLS

February 2019

A Tale of Three Printers, portable photo printers that is (Tech Review)

by Karen Jensen, MLS

ADVERTISEMENT

SLJ Blog Network

100 Scope Notes

2023 Caldecott Jump

by Travis Jonker

A Fuse #8 Production

Bonds and Books: An Interview with Megan Dowd Lambert About Building Connections Through Family Reading

by Betsy Bird

Good Comics for Kids

Recent Graphic Novel Deals, Early Mar 2023 | News

by Johanna

Heavy Medal

March suggestions: early Mock Newbery possibilities

by Emily Mroczek-Bayci

Teen Librarian Toolbox

Playing to our Strengths (and Other Insights on Co-Authoring a Novel): A Conversation with Nicole Melleby and A. J. Sass

by Amanda MacGregor

The Classroom Bookshelf

The Classroom Bookshelf is Moving

by Erika Thulin Dawes

The Yarn

Newbery Medalist Amina Luqman-Dawson visits The Yarn

by Colby Sharp

ADVERTISEMENT

Related Articles on SLJ

2 Contemporary Retellings of 'Pride and Prejudice'

12 YA Titles Publishing in 2022 That Feature Asian American Protagonists

15 Middle Grade & YA History Books That Highlight Marginalized Voices

10 Manga Titles for Teens Who Watch Anime

Educators Weigh In on Summer Reading Lists in SLJ/NCTE Survey

Commenting for all posts is disabled after 30 days.

ADVERTISEMENT

Archives

Follow This Blog

Enter your email address below to receive notifications of new blog posts by email.

This coverage is free for all visitors. Your support makes this possible.

This coverage is free for all visitors. Your support makes this possible.

Primary Sidebar

  • News & Features
  • Reviews+
  • Technology
  • School Libraries
  • Public Libraries
  • Age Level
  • Ideas
  • Blogs
  • Classroom
  • Diversity
  • People
  • Job Zone

Reviews+

  • Book Lists
  • Best Books
  • Media
  • Reference
  • Series Made Simple
  • Tech
  • Review for SLJ
  • Review Submissions

SLJ Blog Network

  • 100 Scope Notes
  • A Fuse #8 Production
  • Good Comics for Kids
  • Heavy Medal
  • Neverending Search
  • Teen Librarian Toolbox
  • The Classroom Bookshelf
  • The Yarn

Resources

  • 2022 Youth Media Awards
  • The Newbery at 100: SLJ Celebrates the 100th Anniversary of the Award
  • Special Report | School Libraries 2021
  • Summer Reading 2021
  • Series Made Simple Spring 2021
  • SLJ Diverse Books Survey
  • Summer Programming Survey
  • Research
  • White Papers / Case Studies
  • School Librarian of the Year
  • Mathical Book Prize Collection Development Awards
  • Librarian/Teacher Collaboration Award

Events & PD

  • In-Person Events
  • Online Courses
  • Virtual Events
  • Webcasts
  • About Us
  • Contact Us
  • Advertise
  • Subscribe
  • Media Inquiries
  • Newsletter Sign Up
  • Content Submissions
  • Data Privacy
  • Terms of Use
  • Terms of Sale
  • FAQs
  • Diversity Policy
  • Careers at MSI


COPYRIGHT © 2023


COPYRIGHT © 2023