This tutorial is for designing buttons and layout pages for print on a computer using Adobe Photoshop CS. If you just want to learn how the machines work, you want to go to How To Make a Button guide instead.
If you don't have Photoshop, you will need some sort of graphics program if you want to make your own buttons. There are pre-made button specific programs out there, but we don't carry them because they are pretty well useless for most purposes.
This tutorial also requires a basic understanding of Adobe Photoshop and its tools including:
Layers, Actions, Paths, Text, Move tool, and Other design oriented tools such as the Paint Brush, etc.
You should have a basic understanding of Resolution or DPI and how that relates to image size on screen vs. printing.
These files also rely heavily on the "text on a path" feature only available in version CS or later. If you are using an earlier version of Photoshop you can still use them, but there may be some conflicts. If you are serious about Button Making and are an avid user of Photoshop its highly recommended that you upgrade to the newest version, as some really great advances have been made with the type feature.
First choose your size to download the appropriate files:
Each of the above links contains a zip file (requires winzip which most newer windows computers should already have). Download the zip file and save it to your hard drive. Then unzip it to create a folder that contains 3 files named Xin_design_template.psd, Xin_page_layout.psd, and Xin_button_layout.atn respectively. (the X is replaced with your specific size)
Xin_design_template.psd is used to help you create your master button graphic
Xin_page_layout.psd is used to help make the page layout
Xin_button_layout.atn is a Photoshop action that automates the page layout