How to make 2.25 inch Buttons

How to make everything with a 2-1/4″ button machine from ButtonMakers.net from buttonmakers on Vimeo. Check out our 2-1/4 inch instructional video. The full length video shows how to make regular pinned back buttons as well as all the accessories for that size. You can also jump to individual videos for the accessories below: How

how-to-make-225-buttonshow-to-make-225-buttons

Photoshop Elements 8

Hello and welcome to the button design tutorial for Adobe Photoshop Elements version 8. If you are using the full version of Photoshop, please use this tutorial instead.  Before getting started, please download the template you need for your particular size button. (download links below the video). Also, please make sure you are comfortable using

elementselements

100 buttons in 30 minutes!

Okay so technically it took 32 minutes 57 and 4/10ths seconds to cut and press 100 buttons. – Proving that designing and printing is usually the most time consuming part of making buttons. For this example I was using a Model 250 2-1/2 inch Button Machine, 2920 Graphic Punch, and a graphic provided to us

100buttons_30min100buttons_30min

How to Design a Button using Open Office

Free Design Software! (Rather use Photoshop? Click Here) Need to design a button? Don’t have photoshop or illustrator or corel draw? No problem! Just download OpenOffice for free and get started using Draw!! If you find Draw to be useful for you (especially if you’re in business using it), please consider making a donation to

openoffice_templateopenoffice_template

How to Make a 1 inch Button – Video!

How to Make a 1 inch Button Video! Check me out, getting my video on! You should check this out even if you know how to make buttons already. There’s some special tips at the end.

how_to_vidhow_to_vid
7

Buttons Raise Funds for GS8

ButtonMakers.net Sponsors the 2010 Georgetown Super 8 Film Festival

The folks over at GS8 put on a festival every year featuring amateur, unedited, un-juried films shot on Super 8. The whole neighborhood comes out and comes together. It’s really amazing. Plus the money raised goes toward a neighborhood arts grant.

This year ButtonMakers.net helped out by donating a rental and supplies to the festival. They made these awesome “metallic” magnets in the 1 inch machine by printing the design backwards on transparencies. (More about the technique later.)

BUTTONS = DONATIONS

This metal drop box was placed in the neighborhood coffee shop. They just put up a sign to “take a magnet, leave a dollar” and watched the $ roll in. They were able to bring in several hundred dollars in just over a month. It was absolutely the most effective, fund-raising effort the festival did, while at the same time requiring the least amount of legwork!


METALLIC BUTTONS


One way to snazz up your button designs is to print them out on transparencies. This way the metal shell shows through and makes it look all shiny and cool.

When you do this, you’ll want to print out your graphic backwards. That way you can place the transparency on the shell ink or toner side down to protect the graphic. You don’t even need to use mylar!

To flip your image in Photoshop, use the Image -> Image Rotation -> Flip Horizontal option as shown in the image to the left. If you’re not familiar with laying out pages on one Layer this way, you might want to download our templates and check out the tutorial on using Patterns.

In OpenOffice you can flip your image by right clicking or CTRL-clicking on it and selecting Flip -> Horizontally. In OpenOffice you have to remember to flip your graphic before laying out the whole page.

If you have a good printer you may also be able to flip the image in the printer settings as well.

When you’re pressing metallic buttons you want to make sure that the image prints backwards, the ink is totally dry, and you load the graphic into the machine with the graphic toward the shell. That way it reads properly and the ink side is facing the shell (not out and exposed to the elements). You don’t want to use mylar for metallic buttons either. Sometimes when you put two pieces of plastic together you get that weird rainbow pattern, and that’s not what we want.


3

Black Thumb

This ever happen to you? You’re all done making your batch of collet buttons, dutifully inserting that copper lockpin one by one by one. The next thing you know your thumb and forefinger are all black!

WTH?!?, you may ask yourself. Well, my friends, you did not receive a dirty batch of lockpins. No, this black thumb is the result of oxidation.

Apparently the acidic nature of your sweat makes the electrons in the copper lockpin go crazy! They freak out and jump from the copper over to your skin, creating this lovely black metallic stain. It’s kinda like what happens when you wear copper jewelry. Never fear the black thumb! Just go wash your hands. ;)

42
Adobe Photoshop Templates

Adobe Photoshop Templates

(don’t have photoshop? use Open Office)

Check out our new button design templates for Photoshop. Thanks to a blog comment suggestion from user merrow, I went ahead and made these new templates, using Patterns instead of Actions. If you love the old style with the Actions and everything for some reason, they are still available here.

These templates are the correct size so that you can fill an 8×10 size page with them perfectly. We’re using 8×10 so you can print it on an 8.5×11 sheet of paper without cutting off any designs. The “Minimized Margins” files are made to fill an 8.5×11 page and should only be used if your printer can print full 8.5×11 pages.

How to make a button using Adobe Photoshop from buttonmakers on Vimeo.

1. First download the template you need from the list below. These downloads are in zip files. After unzipping the file, you should have a PSD file. Open the file in Photoshop.

2. Make your design as you see fit. Leave the “Cut Line” layer visible and on top. Turn off the “Face Line” layer once you’re finished with the design. You can replace our “perimeter text” with your web address or copyright info. This text shows up on the edge of your finished button. If your not using the perimeter text you can turn off those layers. Save the design when you’re done.

3. Once you’re totally finished with the design, select “Edit” > “Define Pattern” in Photoshop. Give the pattern a name, and click “OK.”

4. Open a new document “File” > “New”. Set it to 8×10 inches and 300 PPI.

5. Now, we’ll fill the document with the design Pattern. Select “Edit” > “Fill”. Select “Pattern” from the drop down menu, and choose your design from the “Custom Pattern” drop down. Click “OK”

That’s it! See that was totally easier than using Actions! :P

Download the template for your size below:

Standard Circular Buttons:
7/8″
1
1-1/4″
1-1/2″
1-3/4″
2″
2-1/4″
2-1/2″
3″
3-1/2″

Squares and Rectangles:
1×1″
1-1/2×1-1/2″
1-1/2×1-1/2″ diamond
2×3″
2-1/2″x3-1/2″

Minimized Margins (only use if you can print a full 8.5×11 page with minimal margins)
2-1/4″
3″

43
How to Design a Button using Open Office

How to Design a Button using Open Office

Free Design Software!


(Rather use Photoshop? Click Here)

Need to design a button? Don’t have photoshop or illustrator or corel draw? No problem! Just download OpenOffice for free and get started using Draw!! If you find Draw to be useful for you (especially if you’re in business using it), please consider making a donation to OpenOffice.org. Thanks!!

Take a look at this video tutorial for help.

The video is based on a 2-1/4 inch button design, but you can use Draw for any size. Below is a list of button sizes cut line diameters and face line diameters:

7/8 inch -
Cut Line: 1.2″ Face Line: 0.875″

1 inch -
Cut Line: 1.31″ Face Line: 1″

1-1/4 inch -
Cut Line: 1.63″ Face Line: 1.25″

1-1/2 inch -
Cut Line: 1.84″ Face Line: 1.5″

1-3/4 inch -
Cut Line: 2.01″ Face Line: 1.75″

2 inch -
Cut Line: 2.42″ Face Line: 2″

2-1/4 inch -
Cut Line: 2.63″ Face Line: 2.25″

2-1/2 inch -
Cut Line: 2.92″ Face Line: 2.5″

3 inch -
Cut Line: 3.45″ Face Line: 3″

3-1/2 inch -
Cut Line: 4″ Face Line: 3.5″

6 inch -
Cut Line: 6.66″ Face Line: 6″

Oval -
Cut Line: 2.33″ x 3.25″ Face Line: 1.75″ x 2.75″

1-1/2 Square -
Cut Line: 2.2″ x 2.2″ Face Line: 1.5″ x 1.5″

2×3 Rectangle -
Cut Line: 2.77″ x 3.77″ Face Line: 2″x3″

5
How to Make a 1 inch Button – Video!

How to Make a 1 inch Button – Video!

How to Make a 1 inch Button
Video!

Check me out, getting my video on! You should check this out even if you know how to make buttons already. There’s some special tips at the end. :D

4

New Magnets More Awesome Than Before!

Newer, better, sleeker, sexier (can buttons be sexy… ?) than ever before, introducing the new 1-1/4 inch magnets!!!!!!!!!!!
These new sets are made with collets. The adhesive magnet goes inside the button after it’s pressed. It sticks to the inside of the shell and lays flat with the collet.

It’s way better than the old style. The old sets were made with a regular old button back that had the pin removed, as if you had just crafted your way from buttons to magnets. These new improved puppies make your model 125 machine feel like it was made for magnets!

1-1/4 inch magnetJust look at the difference. Now that’s a sexy magnet if I ever saw one.

We’ve basically discontinued the old style in favor of this newer, flatter magnet. But if you want to stick with the old style for some reason (the new ones are slightly more expensive) you can assemble a set of 100 from the bits and pieces section. You’ll need shells, mylar, unpinned backs, and 3/4 diameter adhesive magnets. You’ll have to contact us for pricing on quantities over 100 for the old style.

3

Introducing Itty Bitty 7/8 inch buttons

7/8 inch buttonsCute As a Button! Measuring in at a mere 0.875 inches (22.225 mm) our new 7/8 inch button is the smallest member of the pinned back button family ever! It uses the copper wire lock-pin just like the 1 inch buttons and is made the same way too. Model 875 kits are available for sale now on ButtonMakers.net!! Check it out and send me photos of your tiny creations!!!!

2

ButtonMakers Customer Makes the News!!

One of our favorite customers Majid Al-Bahadli and his button maker made it on the local news last night! Check it out!!

Click the pic to see the vidMajid Al-Bahadli Making Buttons

39
Button Gimp

Button Gimp

Recent Update: OpenOffice.org’s Draw is easier to use than GIMP for page layout stuff (and is also free). You might still want to download GIMP for more involved photo manipulation. But if you just want to get a simple button design on a page, save yourself a headache and use OpenOffice instead.

Gimp is the GNU Image Manipulation Program. It has a lot of the same features as Photoshop, but unlike Photoshop, it’s FREE. It’s an open source application, which means there is no support except from dedicated community members. If you have trouble using the software, you’ll have to research the problem and reach out to community members on forums. Other than that, you are on your own.

GIMP doesn’t have proper printer drivers. If you’re a programmer type you can install Gutenprint here. If you’re not, you will need to install another program from which to do your printing – such as IrfranView (also free).

Natively GIMP doesn’t come with installers. You can read more about this on the official GIMP website. Most people are going to need installers, so you should download GIMP from the following site:

Download GIMP here
(Windows users only. Gimp is available for Mac too, but the installation process is pretty involved. I’ll be posting another blog about Gimp for Mac at a later time.)

Button Templates for GIMP:
1 inch
1-1/4 inch
1-1/2 inch
1-3/4 inch
2 inch
2-1/4 inch
2-1/2 inch
3 inch
3-1/2 inch

1. Download and install GIMP.

2. Download the template file for your size (links above) and save it to the folder of your choice on your hard drive. I saved mine to the My Pictures folder. The template file is a layered .xcf file that can only be opened in Gimp.

3. Launch GIMP. GIMP looks a little different from most application windows you might be used to. Each component of Gimp is it’s own window with it’s own menu bar at the top. There is not one single program window as you might normally see. Take a moment to get a feel for this. If you’re a computer novice, you might have trouble with everything ‘disappearing’ because you clicked outside one of the Gimp element windows. If this is happening to you, just close all other applications before starting Gimp.
As shown in the example photo, when you first launch Gimp you will see a tools dialog, and that’s it.

4. Click on “File” at the top of the tools dialog and select “Open.” In the dialog box that appears navigate to the location on your hard drive where you saved your template file. Once you locate the template file you downloaded earlier, click on it and then click “Open”.

5. When you successfully open the template file, you will see a white “canvas” area with two black circles. The outer one is your “cut line” and the inner one is the “face line”. You should keep your important design elements inside the inner circle.

6. Next we need to view the “layers” of the file. On the “canvas” window select “Dialogs” and click “Layers”. This will open the “layers” dialog box.

You should now be able to see the separate components of the file. You can make a new layer by clicking the sheet of paper icon on the bottom left of the dialog. You can turn the layers on and off using the eyeball icon next to them. You can drag them to the little trash can icon on the bottom right of the dialog if you want to delete a layer. You can drag the layers up or down to change how they are arranged on your canvas. For example, you could make your designs on a new layer, but you would need to place it underneath the face line layer, so you can see the line you need to stay within.

7. Design your graphic. For this example, I am dropping a photo into the layout and adding some text on top. So my next step is to open the photo.

Click on “File” and select “Open” navigate to the area on your hard drive where the image is stored. Select the image and click the “Open” button.

8. Resize the photo. Now that I have my photo open, I need to scale it down. Usually photos are very high resolution so they can be printed very large. Buttons are relatively small and don’t require as much resolution. If I were to paste this image on to my button template without scaling it first, it would be enormous and difficult to work with.

On the photo window menu bar click on “Image” and select “Scale Image”. In my example, I’m using the 1 inch template. At 300 DPI, the printable area on a 1 inch button is only 300×300 pixels. For some safety and wiggle room, I decide to scale my photo down to 400 pixels on the short side – making my image 400×600 pixels.

Enter the pixel dimensions for your size into the “Scale Image” dialog box and click the “Scale” button.

9. Now that the photo is a manageable size, I can paste it into the button layout. But first we have to add a new layer to the button template. Click on the button template to bring it to the foreground. Then click on the piece of paper icon at the bottom left of the layers dialog. Now we’re ready to paste the photo into the template. On the photo window click on “Edit” and select “Copy”. Next click on the button layout window to bring it to the foreground. On the button layout window click on the new the new layer in the “layers” dialog to select it. Then click on “Edit” and select “Paste”. Use the Move tool to move the photo around until it is positioned where you want it. (The move tool is the cross arrows located on the far right side, second row of the tools dialog).

10. Close the photo, and DO NOT save it.


11. Next, we’ll add some text. In the “tools” dialog select the Text tool (the big black A button.) Click anywhere on the template and start typing. You can change the color and font using the options that appear at the bottom of the “tools” dialog.

Move the text around with the move tool until you have it properly positioned.

12. Save your work. Click “File” and select “Save As” select a location on your hard drive and give the file a new name. It’s always a good idea to keep your files in their layered state in case you want to make changes later.

13. Get rid of extraneous layers and prepare for printing. You don’t want the face line to print, so you once you have a version with the face line in tact saved, you can go ahead and drag that layer to the small trash can icon at the bottom of the layers dialog. We then need to merge the remaining layers. Click on the top layer to select it. Then click “Layer” and select “Merge Down.” Repeat the merging until you have only one layer total.

14. Get rid of excess image. In my case, some of the image goes outside my circular template lines. This really isn’t a problem except for the wasted ink that will occur when it goes to print. So I’m going to go ahead and turn the corners white. To do this, I select the “Ellipse Select” tool (the oval shaped tool). Click on the top left corner of the canvas, then hold down your shift key (to maintain a perfect circle) and drag to the bottom right corner. This should make a perfect circular selection. Then we need to invert it. Click “Select” on the tool bar and select “Invert”
Finally, fill the selection with white. Make sure your foreground color is white. (The foreground and background color boxes are located under the tools in the tools dialog. If the foreground is not set to white, double click on it and select white.) Then click “Edit” and select “Fill with FG color. (FG stands for foreground).

15. Crop the image to size. In this case, there is some extra image that flows over my canvas area. This will show up when I paste it onto a bigger canvas, so I have to crop it out. Select the crop tool (the knife icon). Click and drag from the top right corner of the canvas to the bottom left. Then double click in the middle.

16. Click on “File” and select “New”. When the Create New Image dialog box comes up, change “pixels” to “inches” using the drop down menu. Enter 8.5 in the width field and 11 in the height. This will open a new, blank 8.5 x 11 page on which we will paste our button graphics and print.

17. Click the button layout window to bring it forward. Then click on “Edit” and select “Copy”. Click on the page window to bring it forward and select “Edit” then “Paste”. Select the Move tool and drag the pasted image to the top right corner. Then select “Edit” – “Paste” (or CTRL-V on your keyboard) again. It will paste the second image directly on top of the one you just pasted. With the move tool, click on the button graphic and drag it down. Keep pasting and dragging until you’ve filled the page with button graphics.

18. Merge all of the layers together. Select “Layer” then “Merge Down.” Repeat this step until you have no more layers. Then select “File” – “Save As”. Select JPEG from the drop down menu and change the file name to something you can remember. Make sure to add the .jpg file extension to the end.

19. Open IrfanView. Select “File” – “Open” locate the file you just saved in Gimp and select “File” – “Print”

If you have any questions, comments, or suggestions please feel free to post them here.

5
Photographers Make Photo Buttons

Photographers Make Photo Buttons

I run a photography company in addition to Button Makers. However, I’d never put the two together until a very sweet lady came into my store and asked if I knew anyone who does photo buttons for parties. “Well…” I thought to myself “I can do that…”

The only piece of equipment I needed to buy was a portable photo printer. I settled on a Canon Selphy 740. I choose the Selphy because it’s small, portable, and fast. It’s not the battery operated model, but I need power for my lighting setup anyway. I went with Canon because I can connect my camera directly to the printer without going through a laptop. However, while on the job, I quickly discovered that you cannot shoot while the printer is printing from the camera! Yeah, uh, probably should have tested that one ahead of time! It was tough explaining to a bunch of exuberant party-goers “Sorry! I can’t take your photo for another minute and a half…”

I’ve heard other photographers say that they bring several memory cards and shoot with one while printing from the other. I wouldn’t want to go that route though because at the job I did, people kept coming up to me asking for a duplicate of a button I’d made 30 minutes ago, and I would not want to have to rummage through all my cards using the tiny LCD on the printer trying to find that persons particular shot.

I would recommend bringing a laptop. My canon 5D has a remote capture feature that dumps the image directly on to the computer hard drive (instead of the memory card). This is really draining on the battery though, so I would also need the DC coupler to plug the camera in to a power source.

Exchanging the cards between each shot so you can print while shooting, seems really cumbersome to me (and potentially dangerous too. Removing the card before the camera is done saving is sure path to irrecoverable image corruption!) So remote capture software is definitely the way to go. But if you had no other choice, I’m sure card swapping is doable.

My full equipment list looked (or would look, had I brought a laptop) something like this:

laptop
laptop power supply
mouse
camera body
lenses
compact flash cards
DC coupler
spare battery
flash (back up in case remote transmitter fails)
spare flash batteries
remote flash transmitter
remote flash receiver
spare remote transmitter battery
tripod
tripod quick release
back up sync cables (in case remote transmitter fails)
strobe 1 (I use Alien Bees)
strobe 2
2 umbrellas
2 strobe bells
2 strobe cables
2 light stands
extension cord
power strip
spare flash bulbs
2 backdrop stands
1 backdrop extension pole
backdrop (s)
4-6 sandbags
gaff tape
clamps
printer
extra paper/ink packs (500 total)
paper cartridge
power supply
mini to standard USB cable
standard printer USB cable
USB extension cable
trash bag
Model 350 Photo Button Maker
Model 4000 Graphic Punch
500 Complete Button Sets
500 Easel Back Add Ons
table (this was provided by the party planners)
folding hand truck

Miraculously, I was able to get all of it onto the cart and/or my person for carrying. I didn’t have any time to shoot a proper photo of my setup, but I managed to snag a couple of snaps during a slower moment – which was rare!

The event was a total success and the buttons were a major hit. The party was for teens around 12-16 years old. They couldn’t get enough of the buttons!! Many of the kids were so into the button machine they wanted to press their own photo buttons. One kid in particular made so many buttons, I slipped him a 20 at the end of the night!! I needed his help for sure.

If I were to get another job like this, I’d definitely bring an assistant.

The packages I offer for event photo buttons are as follows:

$685.00 for up to 100 buttons
or
$850.00 for up to 500 buttons

I usually commit to 5 hours at your standard party. My fees cover my take home pay, an assistant, and materials. If you had to buy all of the gear I listed, it would probably run you $5,000 – $6,000. Essentially you’d break even after 12 events or thereabouts. But you could always start with a stripped down setup: on-camera flash instead of strobes, a cheaper camera, no backdrop and no computer for example. You could also get a battery powered printer and just show up at street fairs, selling photo buttons for $5-$7 a pop. My mother in law is doing pretty well making photo buttons at dog shows with her little point and shoot camera and a battery powered Selphy.

In Seattle there are more photographers than I care to count. The competition is cutthroat and every one needs a niche. Photo buttons are a great niche for events, sports, and kids photography.

If you have any questions or comments please feel free to post them here!!