Skip to main content

Custom Buttons Design: Color, Image Resolution, and Text

With our custom buttons, you can not only choose your own size and type of backing your buttons will have, you can also submit your own artwork and photos for a button as unique as you are!

Today we are focusing on the most common questions we receive about button colors, image resolution, and text.

 

Color

 

Colors help your custom button design stand out from the crowd, and we let you use as many as your heart desires! However, there are some factors to keep in mind when choosing your button colors to help make sure they turn out amazing:

 

What types of colors can be printed in my button design?

There are two main ways of making color, with light (RGB) and with ink (CMYK). RGB stands for Red-Green-Blue, while CMYK represents the Cyan-Magenta-Yellow-Key (“Key”= black) inks for printing. It is important to know what system your button design is using to create color, as it will effect how your final button design will print!

The first is RGB, and it is used for displaying color on digital screens like computers, smartphones, and television screens. Small LED bulbs behind the screen combine different amounts of red, green, and blue light to produce bright light we see as color. When these three colors of light are combined, they produce white light. This is why so many RGB colors can appear bright and vivid!

When creating a custom button design on your computer, this way of mixing colors is why your design can appear vivid and colorful on a screen.

 

The diagram above shows how RGB colors combine to form other colors. Because this way of mixing colors involves light, when all three colors are mixed together the result is white.

 

The second, CMYK, is used for printing and physical objects. Colors are made by combining different amounts of cyan, magenta, yellow, and black inks. The “K” in CMYK refers to black pigment, or the “key”, for the printing process. Since physical pigments are used to create colors there are limits to how vivid any color can be. Using more of any pigment always results in a darker color.

Because we print out your designs to use them for buttons, we use CMYK colors for every custom button design.

 

This diagram shows how CMYK colors are combined to create different colors with ink. Unlike RGB colors, mixing all of them creates black.

 

Can I use Pantone ® colors in my button design?

If you are choosing a Pantone ® color for your button design, choose colors from the Solid +Coated swatch book under the “CMYK” column. Because we print with CMYK inks and not Pantone ® inks we cannot guarantee your buttons will print with the exact color you choose. We will try to make sure your buttons print as closely as possible to the chosen color, but if a match cannot be made our graphics department will work with you to find a solution.

 

 

If I am using RGB colors in my design, can I switch to CMYK?

Technically yes, but any colors that are super bright and vibrant (like neon greens, bright oranges, and intense reds) will end up looking different on your buttons than it looks on your screen. This is because even when the color space is changed, your monitor is showing your button design in RGB colors. We recommend making sure your colors are in CMYK so what you are viewing is a closer representation of how your button design will print.

If our graphic designers notice a color they think will print significantly different on your buttons than what you might be expecting, they will notify you via email or on your button proof sheet before sending your design to production.

 

Image Resolution

 

This is a bit of a complicated topic, but it is not as scary as it seems! Image resolution is measured in two units: Pixels Per Inch (PPI) and Dots Per Inch (DPI). Digital screens have pixels and work with PPI. Because your screen display has a fixed ratio of pixels a lower resolution image might look exactly the same as a high resolution image.

However, printers use DPI and the differences in resolution will be noticeable. This is because the resolution in this case refers to the number of physical ink dots per square inch. The higher the DPI resolution, the greater the number of ink dots and the clearer your image will appear.

To achieve a clear button image, we recommend having a minimum of 300 DPI for your button designs. However, if your image is pixelated when you send it in, changing the DPI to 300 will NOT fix the pixilation issue.

 

 

Another thing to note is if you have a tiny image that is high resolution, making it larger will result in lower resolution images. This is because the amount of pixels in an image will always stay the same, the pixels will only become larger as the overall image becomes larger. Because of this we recommend that any images you use for your custom buttons are larger than the button size you plan on ordering.

 

Is saving an image with “Web Safe” settings okay for printing?

If you are unsure about what “Web Safe” files are, feel free to skip this section!

For making your buttons, it is generally not a good idea to save your image with web safe settings before sending it to us. Web safe settings are intended for screen viewing, and like we mentioned earlier a computer or phone screen can make it seem like low-resolution images are the same as high-resolution ones. This setting will reduce the overall resolution, making it more difficult to print a high quality image for your buttons.

 

Can I use a screenshot for my custom buttons?

Using a screenshot on your button will almost always result in a pixelated image, especially on our larger button sizes. With the way computers save screenshot files, we cannot edit them to make them clearer. We highly recommend sending us the original artwork file instead, which should be higher in resolution than a screenshot would be and will print much clearer on your buttons.

 

My design has a lot of extra space around what I want on my button, should I crop it?

When sending in your button images, always leave extra room around the edges for us to work with. When your images have extra room around the edges, or a “bleed area”, we are able to make sure your design fills the entire button, including the back! If you crop your image before submitting it and you do not have bleed area, harsh edges might appear on the button face.

If you are using our button template to determine design placement, make sure the bleed area of your button design reaches the solid blue line.

 

Adding Text to Your Buttons

 

From band names and campaign slogans, to wishing someone a happy holiday, having text on your button is a great way to get your message across clearly and quickly.

 

Can I send my button design with text already in it?

Yes, however, keep in mind that depending on the type of file your artwork is saved as we might not be able to make any changes to the image you send us.

It is important to note that if you send a file with a font that is not very common, we might not be able to view your entire button design due to a missing font file. If this happens, we will need you to send the font file that was used, outline your fonts, or send your button design as a different file type.

 

What fonts should I use for my buttons?

The main purpose of text on a button is to share a message with the people around you, so having legible text is very important! While you are free to use any font you have access to for your design, we recommend using fonts that are clear and easy to read for your custom buttons. This is especially true for smaller button sizes, as the smaller button face means your text will also need to be smaller to fit on the visible part of the button. When you are creating your button design, be sure to view the design at an accurate size to have a good idea of the size of the text on your printed button.

 

What if I have a picture to for my button, but I don’t know how to add text?

Our graphics team will help you find the perfect font and layout for your custom buttons. We recommend looking at different fonts online for inspiration, and letting them know about which fonts you are interested in. If we cannot access the font you would like, we will do our best to find a close match to your desired style.

 

Here at Everyone Loves Buttons we want to make sure your buttons look their best!

Ready to order buttons, or looking for a quote? Visit our website at www.custombuttons.com today!

Still have questions about designing your buttons? Give us a call at 623-445-9975, or email us at graphics@custombuttons.com.

IN-HOUSE ART DEPARTMENT A BIG PLUS

One of the biggest assets of our company is our in-house art department which is available from 8 am to 5:00 pm Monday through Friday. Our artists prepare digital proofs throughout the day for all the orders that come in on a continuous basis. Even if your order comes in the same day that it needs to ship we will provide you a digital proof which is included in the setup. Our art dept is available to answer any questions you may have or can consult with you on your project. They can advise you on how to utilize our templates that are posted on our website if you are using one of the graphic programs such as in design, adobe illustrator or photoshop to name a few.

THE CUSTOMER IS RESPONSIBLE FOR APPROVING THE PROOF AND WRITTEN APPROVAL IS NEEDED in order to proceed with production of any Custom Buttons project.

Please Review your proof carefully, WE ARE NOT RESPONSIBLE FOR ERRORS OR OMISSIONS ON PROOF APPROVED BY THE CUSTOMER.

There are several options for submitting art files:

  • Upload files to website along with your order.
  • Email files to our art dept. at art@custombuttons.com (reference order number).
  • Upload files via dropbox or yousendit.
  • Mail files to our office: 20801 N. 19th Ave., Suite 8, Phoenix, AZ 85027

Artwork Format Full Service – Unlimited Proofs $25

Our most popular setup option. If you have artwork but need help setting it up, or if you have no artwork at all this is the option for you. We can create a full design for you, take your ideas and bring them to life, or modify an existing design to fit your current project’s needs.

We pride ourselves on our high level of customer satisfaction. Our award winning graphics department will provide an unlimited number of proofs until you are fully satisfied with your button design.

Camera Ready/Print Ready – Single Proof $15

Your artwork must be correctly set to our template in order to use this option. To be properly setup, you will need to have your bleed trimmed to our bleed line and all text and images to appear on the face of the button within the red dashed line. Also, the file should be provided in a layered format with the template lines on their own layer.

If the artwork is found to not be correctly set to the template or a change needs to be made, you will be charged the additional $10 for our full-service option.

acceptable artwork formats

Acceptable Button Artwork Files

Art files should be provided in any of the below listed file formats. All fonts must be converted to outlines or must be included (postscript). All files must be in CMYK, not RGB. Please indicate any PMS color codes.

  • Adobe Illustrator (.ai)
  • Adobe Photoshop (.psd)
  • Adobe InDesign (.indd)
  • Adobe PDF (.pdf)
  • Encapsulated PostScript (.eps)
  • Tagged Image File Format (.tiff)
  • Compressed Images (.jpg files at least 300 dpi)

If the files are Raster Images (such as a scanned image or picture), they need to be at least 300 dpi in CMYK mode (not RGB).

Digital Artwork Proof

Upon completion of a proof, the graphics department will e-mail it in a digital format to each customer for review (keep in mind that printing processes use CMYK and monitors display colors in RGB). Faxed or hard copy paper proofs can also be sent to clients as an alternative.

WE WILL NOT ALTER A CUSTOMER’S CAMERA READY ARTWORK UNLESS REQUESTED AND ACKNOWLEDGED IN WRITING.

IT IS THE CUSTOMER’S RESPONSIBILITY TO VERIFY ALL CMYK VALUES CONTAINED IN ORIGINAL ARTWORK PRIOR TO SUBMISSION. We are not responsible for output that does not match the client’s desired intent should the artwork contain incorrect CMYK percentages.

Hard copy artwork should be clean of any smudges or wrinkles and larger than actual product size. Note: A scanned image will only look as good as the art provided. Small text and detail will look blurred. It is possible to have our designers re-create hard copy files. Please email us to inquire about specific projects if needed.