Welcome to the Tickets and Badges design tool documentation.

The design tool's controls, functions, and options will help you easily create your own design or edit an existing design. You will get amazing results with very little effort. Don't let yourself get overwhelmed by the options and tools at your disposal, they're easy to use, most have contextual help. This full documentation as well as in-editor/tool help docs are only a click away if you need help with something.

Let's get started

Simply click on a product that is the size and orientation that suits your needs. Orientation meaning: choose a horizontal (landscape) or vertical (portrait) layout. Most of our products give you this option.

Once you have your product page loaded, on the right you will see all the purchase options for that product. First, choose if you want printing on both sides of your product. Then depending on the product you have chosen, there will be different options to choose from. Make your choices from the options available to you.

Product Options List (Click to expand)

  • Print Option - 1 Sided or 2 Sided
  • Qty - The number of products or bundles you are ordering
  • Paper Choice - 100 lb gloss book or 10 pt cover stock
  • Lanyard style - Economy or Premium style
  • Lanyard Color - Black, Royal Blue, Red, Yellow or Green

Click on any light-blue highlighted topic and it will expand to reveal additional information!

If you make a mistake and have already submitted your design and made payment, but need 2 sided printing, a different style/color of lanyard (for badges) or another option not available on the side bar panel, give us a call at 714-294-0550 or 877-205-4090 to give us your special instructions or process the remainder of your order. We're here to help!


Time to design your product

Click on the goldenrod colored button that says, Customize this design. This will launch the design tool and load the following screen.

Editor screen diagram

Overview diagram of the editor screen


The buttons

Click on a button below to expand and learn more about it. Close it when finished to avoid distraction.

Side 1 of Design GO TO SIDE 1 OF DESIGN

By default when you open up a product to customize, you will be working on side 1. Use the arrows on the left and right of the canvas to go to side 1 and 2.

Side 2 of Design GO TO SIDE 2 OF DESIGN

To work on the backside, or side 2 of a product, use the arrow on the right side of the canvas. Keep in mind that if you do not select 2 Sided from the Print Options before you add the item to your cart, we will not print the 2nd side of your design. Both sides of the design will be saved, even if you forget to pay for it. Give us a call immediately to let us know. We can then process the remainder of your order via phone. We apologize, but changes cannot be made if you do not call us before we print your product.

Collapse Menu Icon COLLAPSE/HIDE LEFTSIDE TOOL PANEL

Click this button (bottom-left side of the canvas) to collapse/hide the left tool panel. This will help those with smaller viewing screens to have more room to work with their design as well as provides less distraction.

Expand Menu Icon EXPAND/SHOW LEFTSIDE TOOL PANEL

Click this button (left side of the canvas) to expand/show the left tool panel. Click the Collapse/Hide button or on the gray background surrounding the design/product canvas.


Bottom button panel

Button Panel found at the bottom of the canvas.

Help Icon HELP/INSTRUCTIONS

Click to launch these instructions. Click on this same button or click on the big X in the top right of these instructions to return to your design!

Undo Icon UNDO

If you want to undo your last change, click on the Undo button. Continue clicking on that button to go back in time on your design.

Redo Icon REDO

Didn't mean to undo? Click on the Redo button to undo the last undo!

Zoom In Icon ZOOM IN

Click to zoom in on your design and enlarge it for closer viewing.

Zoom Out Icon ZOOM OUT

Click here to zoom out on your design and get a wider view of it.

Clipboard Icon COPIED TO CLIPBOARD

This button only appears when you have copied an object (image or text - see Copy or Cut below). Whatever object you have copied or cut, will paste into your design when you click this button.


Top right button panel

Button Panel found at the top-right of the canvas.

Start Over Icon START OVER

If you want to start over completely, click on the Start over button ( found at the top right of the page/window).

Cancel Icon CANCEL

Want to exit the design program without saving your changes? Click this button. Just remember your changes will not be saved. Click the button to the right of the Cancel button to save and submit your changes. (see next)

Submit Icon SUBMIT DESIGN

Click this button to save and submit your design. You will then see a proof of the final design. Click the submit button again to accept your design proof and proceed with adding the final product to your shopping cart.

Want to make more changes? Click the X button to go back and edit your design. After you have submitted the proof you will be returned to the product page. Instead of seeing the goldenrod colored button to begin customizing your design, you will now have a green Edit your design button. You can go back and edit you design until you process payment, even after adding it to your cart, as long as you have not finished the payment process. If for any reason you need to edit your design after that point, please call us right away before we begin printing it.


Left tool panel

Tool panel found at the left of the canvas.

Smaller screens like small tablets and cell phones will collapse/hide the left tool panel by default, to give you more room to work with your design. To open the panel, click on the Expand/Show button or one of the Background, Images, or Text buttons up top (black header bar). It may be difficult on very small screens. If you are having trouble, we suggest using a device with a larger screen to design your product, or you can give us a call!

Background Color Icon BACKGROUND COLOR

To change your background color, click on the Background color button and then the Bucket button. (see next)

Bucket Icon BUCKET

This button allows you to fill certain object with color like text, shapes or patterns. Use the dropdown list to choose from various preset palettes (including popular pantone collections), or choose My Colors on the same dropdown list after you have chosen your own colors from the color wheel.

My Colors Icon CHOOSE YOUR OWN COLORS

Click this button to view the palette of colors you have saved, or by choosing My colors from the dropdown list of palettes. You can add as many colors to your own palette/My Colors as you need.

After clicking the My Colors Button, click the plus + button to launch the color wheel to choose your own colors. Click around the wheel to view various colors that will load in to the color spot. Once you find a color you like, simply click anywhere on the grey background surrounding the product you are working on and the color wheel will close. This selects the last color you clicked on the wheel and will also save your color so you can use it later.

Images Icon IMAGES

To change/add a background image or to add new images to a design, click on the Images button. This will give you several options: Image Library, Upload, Facebook and Instagram button options. Images that are already in the template, that have been stretched as a background image, will hide it's tools. You will need to click down and drag until you can see the image editing tools. Reverse these steps to stretch an image for a background.

Image Library Icon IMAGE LIBRARY

The Image library includes various themes, clipart, backgrounds, patterns/textures and a Basic Shapes category. Use the Basic Shapes to create areas that need a different fill color than the background (see below).

Working with shapes

Click on Basic Shapes from the Image library dropdown list. Choose a shape. You will then be able to edit the shape just like you can edit an image, plus you can change it's color with the Bucket button. (see Background color above for directions on working the Bucket button)

Working with patterns

Basic patterns can be edited like text and images. Use the Bucket, Layer and Transparency buttons and resize the shape the same way you resize images. (see Resizing an image below)

Working with images

Moving/Dragging

Click down on an image and drag it to where you want it and let go of your click to place it. You can also use the arrow keys on your keyboard to move the selected image in small increments, either up, down, left or right!

Rotating

Click on an image, then hover your cursor over the black and white circular arrow found above the image until you see a plus + sign appear. While the + sign shows, click down on it and then rotate the image clockwise or counter clockwise. Let go of your click to stop rotating the image.

Resizing an image

To stretch an image to cover all or part of the design, like a background image, click on the image to select it. Click down on a corner marker (box) and drag it to scale your image larger or smaller. Click on the middle markers (boxes) to stretch or shrink the image horizontally or vertically. This will distort the image and not maintain proportions. To keep proportions, use the corner markers. You may need to drag your image up or over to continue resizing it.


Images tool panel

Edit picture panel pops up when you click on an image already on your canvas.

Copy to Clipboard Icon COPY TO CLIPBOARD

To copy an object (text or image) to the Clipboard, select an object and click this button. Only one item can be copied to the Clipboard at one time. Use this to copy something to the back or somewhere else on the same side. Now you will see the Clipboard button appear in the bottom panel of tools (bottom far right). Click that button to paste the copied object where you want it. The original object you copied will remain where it was.

Cut Object to Clipboard Icon CUT TO CLIPBOARD

Clicking this button will remove the object and copy it to the clipboard.

Remove Icon REMOVE

Click here to remove an image from your design without copying it. Don't worry, you can always add it back in the same way you add other images.

Align Object Icon ALIGN OBJECT

Choose where you want your image to line up on the canvas. This helps you center or align an image left or right, etc.

Layers Icon LAYERS

The Layers button allows you to move an object above or under other objects (text or other images). Select the object you want to send up or down, click on the Layers button and you will get a new popup. The up arrow moves the selected object up one layer and the down arrow moves it down one level. The double-up arrow moves it all the way to the top (over everything else) and the double-down arrow moves the selected object all the way to the bottom, just above the background color.

Transparency Icon TRANSPARENCY

Clicking on this gives you a sliding scale that allows you to make the selected image (or text) less visible. Create a see-thru/ghost effect or slide it back to completely solid again.

Edit Picture Button EDIT PICTURE

Advanced instructions are located at the bottom of this page.

Upload Your Own Image Icon UPLOAD YOUR OWN IMAGE

Click this button to upload images from your device. You will be prompted to choose an image. Images must be 1 mb or less. Please see our artwork Specifications Guide if you have any questions.

Any image(s) you upload will be saved along with your design when you submit it for a proof. If you should accidentally delete it from your design while working on it, you will find the image you uploaded by clicking the Upload your own image button again.

Need help finding free or paid stock images? View our Resources Page. Want to edit an image you have uploaded or in the library? Follow the the same image editing instructions found above.

Upload Image from Facebook Icon UPLOAD AN IMAGE FROM FACEBOOK

Click here to be prompted to upload images from your Facebook account. You will be asked to log in to your account if not already logged in. Once logged in, your photos will be available for use in the Design Editor.

Upload Image from Instagram Icon UPLOAD AN IMAGE FROM INSTAGRAM

Click here to be prompted to upload images from your Instagram account. You will be asked to log in to your account if not already logged in. Once logged in, your photos will be available for use in the Design Editor.


Text tool panel

Edit text panel pops up when you click the plus + icon and then click on the canvas.

Text Icon TEXT BUTTON

Click this to launch the text tool.

Images Icon ADD NEW TEXT TO CANVAS

Click on this button and then on to the canvas to add a new instance of text (block, line or word/number).

EDITING EXISTING TEXT

Simply click on the text you wish to edit. Follow the steps below to change the look or content of the text.

Text editing panel

Edit text panel pops up when you click the plus + icon and then click on the canvas - or when clicking on existing text.

WORKING WITH TEXT (CONTROLS)

Besides the buttons we have already mentioned above concerning images; Bucket, Copy to clipboard, Cut, Remove, Layers & Transparency - which work the same way - below those, the next 3 rows of buttons are as follows:

Write Text Icon WRITE TEXT

This allows you to write text or edit text that is already present in your design. Clicking on it drops down a white field where you can type or edit text. You can reopen this field by double clicking on the design text. Also, clicking the Text toggle button (see below) will open or close the white text field. Clicking outside the design in the grey canvas area closes the text editor panel of tools completely.

Bold Text Icon BOLD

Make a line or block of selected text bold. If you need part of a line of text bold and the rest regular (or any other effect) you will need to make separate lines or blocks.

Italic Text Icon ITALIC

Slant a line or block of selected text. If you need part of a line of text italic and the rest regular (or any other effect) you will need to make separate lines or blocks.

Underline Text Icon UNDERLINE

Underline a line or block of selected text. If you need part of a line of text underlined and the rest regular (or any other effect) you will need to make separate lines or blocks.

Align Text to the Left Icon ALIGN LEFT

Align a line or block of text to the left.

Align Text to the Center Icon ALIGN CENTER

Align a line or block of text to the center. (or center text)

Align Text to the Right Icon ALIGN RIGHT

Align a line or block of text to the right.

Text Size Icon TEXT SIZE

Change the size of your text by clicking this button and choosing a text size from the dropdown list that appears.

Line Height Icon LINE HEIGHT

Choose how far apart you want the lines in a block of text.

Outline Text Icon OUTLINE

Puts a black outline around the text. You can adjust the size of the outline. You can also remove the outline.

Text Field Toggle Icon TEXT FIELD TOGGLE

Clicking this will open or close the white text field so you can edit or add text. You can also double click on existing text to edit it.

Font Face Icon CHOOSE FONT FACE

This is a dropdown of the fonts that are available to style the text you are editing. Nothing is permanent until you submit your design proof, so you can go back and change any of the text editing features.

MOVING TEXT

Click down on text and drag it where ever you want it. You can also use your arrow keys on your keyboard to move the text in small increments, either up, down, left or right. Text can also be rotated, just like an image. (see image rotating above)

OTHER TEXT EFFECTS

Add a shadow or highlight to your text by copying text to the Clipboard and then pasting it in again. Color the text lighter, darker or however you wish and place it above or over the other text using the Layers button options. (see image Layers instructions above)

COMING SOON !!! - WARP TEXT EFFECTS!

Developers are working on a text warping tool that will allow you to curve, stretch, pinch and manipulate text.

SERIES NUMBERING

By default we will add series numbering to your tickets. We add the numbering after you have submitted your design and process your payment. If you do not want numbering, remove it from the design, add a note to the Paypal cart payment process or give us a call right away. If you want series numbering on your badges, add a note during purchase or give us call at 714-241-8443 to let us know!


EDIT PICTURE

ADDITIONAL TOOLS & ADVANCED IMAGE EDITING FEATURES

Welcome to the advanced image editing tools for our more adventurous users! If you do not have image editing software or app on their computer, tablet or cell phone to edit your images. Our extension developer is working to increase the features in our advanced tools.

Advanced screen

Image of the advanced image editing screen

AVAILABLE FEATURES

Enhance

Preset filters for foregrounds and backgrounds in your image.

Hi Def

  • Scenery
  • Food
  • Portrait
  • Night

Effects

Filter effects for your image.

  • Signature



  • Classic



Vignette

Add a dark softening shadow around the border of your image and control the amount added with a sliding scale.

Splash

Add or subtract a splatter or splash effect/pattern on your image.

Overlays

Various overlays that create an added layer with patterns and shapes on top of your image.

  • Original



  • Boom



Lighting

Control the lightness and darkness of your image - brightness, contrast, highlight and shadows.

Color

Control the saturation, warmth, tint and fade of colors in your image.

Blemish

A blending brush to smooth and blend colors. Several brush sizes.

Focus

Blurring effect with sliding scale.

Redeye

Remove and correct redeye in photos.

Whiten

Depending on the lightness of an image, this tool intensifies colors in several brush sizes.

Resize

Beside the normal dragging of image markers to resize an image, you can enter specific pixel dimensions for your image here. Click the lock to lock and unlock the dimension proportions. Locked will keep the ratio and automatically detect the pixel length in one field if the other one is changed to maintain it's original dimensions. Unlocking it will allow you to stretch or shorten the width or height of an image.

Crop

To eliminate outside portions of an image. Use the custom dimension, choose from common ratios, or drag the round corner markers to cut away the outside parts you do not want.

Frames

Add frame effects to your image.

  • Original



  • Bohemia



Stickers

Add elements to your image that can be scaled and moved around on the image. Add as many as you like!

  • Original



  • Bohemia



Orientation

The easiest and most exact way to rotate images. You can also flip/mirror your image vertically or horizontally.

Sharpness

Sharpen your image with a sliding scale.

Draw

Several brush sizes allow you to draw freehand on the image with your selected color. You can also erase with the same brushes.


FILE SPECIFICATIONS

Uploading your own predesigned files

Whether you are already fluent with your own design software/applications, want to squeeze every drop out of our design tool or have a graphic designer that supplies you with digital art, you have several options available to you to upload your own files. You can use the file upload button within the Design Editor, or you can use the Upload your Files button on the product page.

Our application currently only allows up to 1mb file size per upload in the Design Editor. You can upload multiple files of up to 1mb each into a design, but each instance needs to be under that limit. Your ready to print artwork can be of a larger file size.

Uploading print ready designs from product pages

All uploaded print ready artwork must be 300 DPI (dots per inch).

Additionally, those with ready to print artwork that exceeds the application or server max allowed file size limits are encouraged to send your files to: using a file sending service like Dropbox, WeTransfer, Google Drive, etc. This would be a rare case, as our max file upload size limit is set generously.

Below, you will find the required file information for using our design tool or the file dimensions/formats accepted for sending finished artwork.

DO NOT UPLOAD COPYRIGHTED IMAGES YOU DO NOT OWN OR POSSESS A LICENSE TO USE - Tickets and Badges accepts no responsibility or liability for the use of such images without the express permission or payment of licensing fees. By making use of our service and servers, you are agreeing to use only images to which you are legally entitled to use. If you are unsure if an image is copyrighted, or whether you have a license and right to make use of it, do not use it. It is your obligation to ensure that you are using any images you upload in accordance with the law.

FILE FORMATS

Importing in to Design Tool

  • jpg/jpeg
  • png
  • gif
  • svg

When using the product design editor, your proofs are automatically generated and submitted. Thus, there is no need to email proofs to you, and your submission is considered your approval.

Upload your Files - on Product Page

  • Adobe PDF (pdf)
  • PDF (generic)
  • TIFF (tif, tiff)
  • Photoshop (psd, pdd)
  • EPS (eps, epsf, ps)
  • BMP (bmp, rle, dib)
  • SVG
  • GIF89a (gif)
  • JPEG (jpg, jpe, jpeg)
  • JPEG2000 (jpf, jpx, jp2, j2k, j2c, jpc)
  • PNG (png)
  • CorelDRAW 5, 6, 7, 8, 9, 10 (cdr)

With completed artwork/designs uploaded via the 'Upload your Files' button on product pages, we will send the proof via email since the application does not generate a proof automatically when using the 'Upload your Files' button on the product page. Printing will not commence until your proof has been approved.

All uploaded print ready artwork must be 300 DPI (dots per inch).

FILE SIZE

Max file size for uploading to design tool: 1mb per file. You can upload as many 1mb files needed for your design.

Max file size for ready artwork: any size, but if it exceeds our application or server's max file size for uploads, you need to use Dropbox, WeTransfer, Google Drive, or another large filing service and send it to . This would be a rare case, as our max file upload size limit is set generously.

All uploaded print ready artwork must be 300 DPI (dots per inch).

If you upload completed, ready to print artwork, after you send it to us we will create a proof and send it to you for approval. Make sure you add to your spam filter's whitelist or your address book so our response doesn't land in your junk/spam folder or get rejected by your email server.

FILE DIMENSIONS

View the sizes of the various products we offer by clicking on the 'FILE DIMENSIONS' heading above. Then click on the product category you are interested in, below. All sizes provided in inches.

Tickets

Ticket-1-H
  • Bleed to edge: 5.375 x 1.725 inches
  • Final Trimmed Size: 5.25 x 1.6 inches
Ticket-1-V
  • Bleed to edge: 1.725 x 5.375 inches
  • Final Trimmed Size: 1.6 x 5.25 inches
Ticket 2-h
  • Bleed to Edge: 5.625 X 2.25 inches
  • Final Trimmed Size: 5.5 X 2.125 inches
Ticket 2-v
  • Bleed to Edge: 2.25 X 1.725 inches
  • Final Trimmed Size: 2.125 X 5.5 inches
Ticket 3-h
  • Bleed to Edge: 8.375 X 3.625 inches
  • Final Trimmed Size: 8.25 X 3.5 inches
Ticket 3-v
  • Bleed to Edge: 3.625 X 8.375 inches
  • Final Trimmed Size: 3.5 X 8.25 inches

Badges

Badge-1-H
  • Bleed to edge: 3.125 x 2.125 inches
  • Final Trimmed Size: 3 x 2 inches
Badge-1-V
  • Bleed to edge: 2.125 x 3.125 inches
  • Final Trimmed Size: 2 x 3 inches
Badge-2-H
  • Bleed to edge: 4.125 x 3.125 inches
  • Final Trimmed Size: 4 x 3 inches
Badge-2-V
  • Bleed to edge: 3.125 x 4.125 inches
  • Final Trimmed Size: 3 x 4 inches
Badge-3-H
  • Bleed to edge: 5.125 x 3.125 inches
  • Final Trimmed Size: 5 x 3 inches
Badge-3-V
  • Bleed to edge: 3.125 x 5.125 inches
  • Final Trimmed Size: 3 x 5 inches
Badge-4-H
  • Bleed to edge: 6.125 x 4.125 inches
  • Final Trimmed Size: 6 x 4 inches
Badge-4-V
  • Bleed to edge: 4.125 x 6.125 inches
  • Final Trimmed Size: 4 x 6 inches

Flyers

  • Final Trimmed Size: 11 x 8.5 inches
  • Bleed to edge: 11.125 x 8.625 inches

Posters

  • Bleed to edge: 12 x 18 inches (vertical/portrait) or 18 x 12 inches (horizontal/landscape)
  • Final Trimmed Size: 11 x 17 inches (vertical/portrait) or 17 x 11 inches (horizontal/landscape)

RESOURCE GUIDE

Free Images

123RF.com

Let us suggest a great source for your stock photo and other creative needs, 123RF. Click on the link below to discover fantastic royalty free photos, illustrations, and more!

Stock Photos from 123RF

all-free-download.com

Shutterstock affiliate/partner that offers a huge library of stock images. Formats usable by the design tool include; jpg/jpeg, png and svg vectors (patterns and shapes that can be filled with color using the Bucket button - svgs make for the cleanest and sharpest printing).