44

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, Oval, 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″
1-3/4×2-3/4 Oval 

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

44 Responses to Adobe Photoshop Templates

  1. Buttons (my actual nickname!) says:

    Just wanted to say thanks for this blog.. I just purchased a 1" press and the entries here have helped me out immensely!! Especially the ones about paper and ICC profiles.

    I did notice 1 small thing.. in the photoshop 1" templates, it seems the 2 circles on the template are off by just the smallest amount which causes the designs to be off-center slightly (or maybe it's just my computer).

    Thanks for all the help!

  2. ButtonMakers says:

    Hi Buttons -

    Thanks for the tip. I'll check into that.

    -Rebecca

  3. Alan L says:

    I also want to say thanks for the blog. It's what convinced me to buy a button maker local from you folks, rather than off the internet.

    The Photoshop templates are very helpful.

    Have you ever tried printing on overhead transparencies? This would give you a silver button. I had some old sheets of inkjet printable transparencies sitting around. I inverted my image and printed mirror on the sheet. I thought to be durable the ink should be on the inside of the sheet. I also decided not to use any mylar. They turned out stunning. I had a customer order 500 regular buttons, white logo with black background. I made up a few of the silver buttons, they really loved them. The silver stood out from the others like limited edition buttons.

  4. ButtonMakers says:

    Hi Alan L,

    Thanks for the compliments! Yes printing on transparencies is a great idea. We call those "metallic" buttons because the metal shell shows through. You're right they look really cool!

    Thanks for sharing!
    Rebecca

  5. ButtonMakers says:

    Hey Guys – If the OpenOffice direct download is too slow, you can try one of the mirror sites or P2P applications.

    Or you can also email me at info [at] buttonmakers.net. I can send you a URL to a private host for faster downloads.

    Rebecca

  6. Haunted Dreams says:

    I'm glad my tip was useful! It's saved me a lot of time. =)

  7. Bill says:

    I love the templates.
    I'm just learning Photoshop and I have to ask, how do you create the "perimeter text" layers. I need to put one on the bottom.

  8. ButtonMakers says:

    Hi Bill,

    The perimeter text uses the text along a path feature in Photoshop.

    I do go over how to use them in the video.

    If you need to change the "perimeter text" text to "yourwebsite.com" for example, you just need to highlight that text layer in the layers pallet, select the Type tool on the tools pallet, and then just click on the "perimeter text" and start typing.

    If you need to put curved text on the bottom of the face of the button you can copy one of the Paths in the Paths Pallet and select Edit – Transform Path – Scale to scale it down.

    Tip: Holding your Shift and Alt keys down while Transforming will keep your circle perfectly centered.

    Then courser over the path with the Type tool until the icon turns into the I with a squiggle icon and start typing.

    You can also use the "Warp Text" feature on a regular type layer if its easier for you. But I don't like this option because it distorts the text and look a little less pro, imo.

    Let me know if that helps!

    Rebecca

  9. Drew says:

    Tons of respect to you. I'm not much of an active maker anymore. I only make maybe 200 a month compared to the thousands I used to, but I still get updated comments to an old thread I posted in and I just looked in on the blog. It's so great that you are providing so much to everyone, looking it as community and not competition. Kudos upon kudos to you!

  10. ButtonMakers says:

    Hey thanks, Drew!

  11. Al says:

    These templates are great, any chance of getting a 1 3/4 X 2 3/4 rectangular template as well. THANKS

  12. Mizuko says:

    I have a question a/b the templates:
    do they still work w/ Badge-a-minute sizes?

  13. ButtonMakers says:

    Hi Mizuko,

    Our 1-1/4 size is the same as Badge A Mint, so that template should work fine.

    Our 2-1/4 inch size is a tiny bit smaller than the Badge A Minit 2-1/4. You might be able to get away with using it as is, but if you want it to be totally accurate, you may need to enlarge the template a little.

    Thanks!
    Rebecca

  14. Emma says:

    Hey, just wanted to say how helpful this all is. Thankyou! I was wondering if you know of any similar site using UK dimensions and paper sizes?

  15. bcdetwiler says:

    Hi,
    Just used the 2 1/4 template in photo shop and it worked well, however when printing I only get one copy of the button image.
    I am not sure how to be able to print a whole sheet of said image.
    Or in other words multiples of the templated image on one page.
    Any help is greatly appreciated!

    IG got my button maker and accesories for Christmas from your company and absolutely love it … and your site. Also got the ADobe CS 5 so thus the question since I am trying to learn quickly.

    Many Thanks.

    BCDetwiler
    Word is ART
    Jerome, AZ

    • Jess says:

      There is a video provided at the very top of this page. Check it out starting at the time 20:50. She goes into showing you how to create your image as a pattern and then applying the pattern to automatically fill an 8.5 x 11 (8×10) page.

      I see you posted in January, so i’m sure by now you’ve figured it out. But my reply can probably help others with your same problem if they missed the video above.

  16. jen says:

    Okay, I need help! I am using the photoshop 2×3 template in Gimp. Everything goes great until I cut and paste the finished layouts on a new 8.5×11 sheet. When I print the page, all of the images have shrunk just enough to make the cut out image unusable.

    When I print the single image out from the original template, it is the perfect size. It ONLY shrinks when I cut and paste it into a new page (so I can print more than one image at a time.)

    I do the EXACT same thing with my 2.25 and 3.5 layouts and never have had any trouble.

    At this point I am printing one image per sheet, which, as you can imagine is time consumin and wasteful. ANY help would be super appreciated.

    Thanks!

    • admin says:

      Hi Jen,

      This happens because you’re using the Fit To Page feature in your printer dialog settings. Deselect this in the printer settings before printing.

      Thanks!
      Rebecca

  17. sam says:

    uhmmm…wat kind of photoshop is this? can i use this with adobe photoshop CS3?

  18. faridooi says:

    Hai there,

    1-1/4″
    1-1/2″
    1-3/4″

    Which one is 48mm?

    Thanks in advance

    • admin says:

      Hi Faridooi

      1-1/4 inch = 31.75 millimeters
      1-1/2 inch = 38.1 millimeters
      1-3/4 inch = 44.45 millimeters

      Thanks!
      Rebecca

  19. This is my new favorite toy. We are cutting apart everything in my studio that isn’t moving.. j/k.. but I love it. I’m not sure I’m in love with the keychains that I ordered. They don’t feel like they are gonna hold up to abuse. Any thought? Is there a trick to clicking the parts together?

  20. Scott says:

    I have photoshop elements 7. I can use the template, but the Paths portion of the tutorial does not appear to be supported by Elements. Is there a workaround? I’d rather not waste ink and paper, since I am making 3″ photo buttons using photo paper.

    • admin says:

      Hi There,

      You are correct. Paths are not supported in Photoshop Elements. Elements does have a Warp Text option you can use though.

      Here is the video and downloads specific to Elements:

      http://buttonmakers.net/blog/photoshop-elements-8/

      If you are just trying to cut pixels so as to not print them outside your button circle, all you need to do is make a circular selection around your graphic, invert the selection and cut the pixels.

      Thanks!
      Rebecca

  21. Dre'a says:

    I’m having a problem with the text on different paths. When I download the template to photoshop, photoshop says some text layers might need to be updated before they can be used for vector based output..then it asks if I want to update them, If I say no then it opens up exactly as shown on the instructions. When it opens the perimeter layer (in the layers box) has an icon on it that looks like a yield sign with an exclamation point in it, then when I try to click on the perimeter text as instructed, photoshop says editing or rendering the perimeter text layer will cause the layout to change, so when I click continue..It changes the perimeter text to a regular square text box and is no longer following the bleed lines. Any suggestions?

    Also, when I tried typing along the path as instructed my symbol would not change to the symbol in the instructions for me to type along the path..maybe my settings are wrong? Any suggestions?

    • Radar says:

      I’m having the same problem. HELP! I’m using Photoshop 7

      • admin says:

        Hi Radar,

        Text Along a Path is not supported in version 7. I believe there is a Warp Text option you can use instead in the Character Pallet if you want curved text on the face of the button.

        But, personally I would not try to use the perimeter text options without text along a path. The placement and curvature is to precise to achieve with warp text. Sorry!

        Rebecca

    • admin says:

      Hi Dre’a

      What version are you using? Text along a Path is only supported in version CS (8) or later.

      Thanks!
      Rebecca

  22. Eugene says:

    Your instructions and your video are outstanding! Thank you so much for making button-making so fun.

    Your instructions show how to make a full sheet of the same button. Can you help me make multpile button designs on one sheet?

    Thanks!
    Eugene.

  23. Kathy Fuerst says:

    I’m having trouble getting my type on the ‘perimeter path’. I’ve followed the video and the cursor will not get to the icon change where it follows the curve – just keeps typing straight. Help!

    • admin says:

      Hi Kathy,

      You’re welcome to call me at 1-800-927-8330 to walk through it. This part can be tricky.

      Thanks!
      Rebecca

  24. Liz says:

    I’ve talked to Rebecca in a few emails getting advice on the 2 1/4 template. She was very understanding and helpful! These guys at buttonmakers are very personable and friendly, I’m always going to different button websites to compare prices (because I’m cheapskate!) and I can totally say with confidence that there is NO other button website like this one! They are so down to earth and real!

    Liz

  25. Lucy says:

    Is there any chance that you can put the actions download back? I can’t seem to be able to download it anymore thank you ^_^

    • admin says:

      Sure. What size do you need? Also why the heck would you rather use Actions? The Fill with Pattern feature works SOOOOO much better.

      Thanks!
      Rebecca

  26. Tumbleweed says:

    Here is a great tutorial on how to make text along a circular path. This is really useful when placing text around a button.

    http://www.adobe.com/designcenter/photoshop/articles/phs8ppcircletxt.html

    Thanks!
    Tumbleweed

  27. Tina says:

    how do I get different buttons on one sheet? I am making name badges with people’s pictures on them so I’d like to fill a sheet with all the different people, not just multiples of one person.

    Thank you for your soonest reply, I’ve got to figure this out by next week!

    Tina

    • admin says:

      Hi Tina,

      You can always make each design, flatten it, and then drag it into a page document one at a time. This is pretty much what you’ll have to do if each design has a different background.

      When I do this I have one “master” work template where I make my design, and then I just duplicate the layers for each different variation. I’ll make a change to the type or whatever, flatten, drag it into the page, then go back to the design, to the History pallet, undo flattening part, and start on the next design. — Just make sure to save it with all the layers in tact!!

      Another thing you can do if all the backgrounds are the same is fill a page with circular background graphics and a tiny faint, hardly visible face line. Then you can just put in the different names as text layers on the actual page layout.

      Thanks!
      Rebecca

  28. colleen beviss says:

    I am using a mac, what program can I use to print the buttons?

    • admin says:

      I’m on a Mac too! You can use any program you want. :)

      Seriously though, Open Office Draw is free and is a good starter option if you’re a beginner. If you’re going into business and really need some graphic designing power, you could go for Photoshop Elements, or the Full Photoshop as I’ve shown here.

      I’m partial to the full version of Photoshop, but that’s just me.

  29. brian says:

    hi from england
    what agreat website
    im new to badge making so hope you can help.
    when i go to add a picture file my template disappear’s
    please help

    • admin says:

      Hi Brain,

      That’s either because you put your graphic layer on top of your template layer, or it’s just ginormous compared to the size of your little button.

      First open the Layers pallet (View -> Layers) and drag your graphic layer underneath the template layers. If you still can’t see it, delete that layer and drag it in again. Only this time, resize it first.

      So open your graphic or photo and select Image -> Image size. Make sure “resample image” is checked. Then change the width and height options to inches. Set the inches to somewhere in the ballpark of your button. If you’re making a 2.25 inch button, set your image to something like 2.5 or 3 inches on the short side. Click OK.

      Then drag it into your template and go from there. Remember to go back to your original and undo that resize before saving. Or just close it without saving. This part is important because you can accidentally save over your original with a much smaller low resolution version. and that is bad berries!

      Thanks!
      Rebecca

  30. Keith says:

    Hi Rebecca and the TEAM..

    I have only today had a chance to read through the posts on here and thought I should make one as well.. purely caus you guys have been great in the last few weeks answering a few questions I had over Email and even sending me some samples to try out on my existing machine..

    What a Great bunch of guys you are !! wish you guys were in Australia and I would be buying all my stuff of you .. rather than cheap knock-off’s from elsewhere ( Not mentioning where.. lol )

    Anyway , Thanks Guys .. keep up the great work.

    Keith

  31. Rich B says:

    Any chance of creating a 2.25″ badge-a-minit photoshop template?

    • admin says:

      Hi Rich,

      We don’t carry Badge A Minit machines, and wouldn’t be able to test a template properly. But you could potentially modify our 2-1/4 inch template. The cut line diameter for Badge A Minit is 2.747 inches.

      Thanks!

      Rebecca