Badge Designer

loader
You have selected

You have selected:

shape

size

backside

loader

The preview shows your print-ready button.
This is how your badge will look once printed.
Please note that the monitor view is not colour accurate.

add to cart »
« continue editing

Enter quantity:

pcs

Show graduated prices
Unit price
Total price

plus shipping costs
premade
close
Unfortunately, your browser does not support our Badge Designer. Please try Mozilla Firefox or Google Chrome.


How to use our Badge Designer



          The fastest method to create name tags in the button designer is to create the first name button badge with all elements. Then you click on „finish design“ to see the preview and put the layout in the shopping cart. After that, you will be asked if you want to go to the cart or to continue shopping. Choose „continue shopping“ to come back to your existing design. Now just change the name and put the next button badge to the shopping cart and so on.

          Insert a picture/image
          Insert a picture

          With one click you select your picture/image on your device which you want to place on the button badge.

          Possible files formats are: .png, .jpg, .jpeg und .gif


          Edit your picture/image

          If you placed a picture in the designer you can edit it with several tools.

          • reduce and enlarge
              zoom out Icon zoom in Icon
            • There are two ways to resize your image. Just click on the magnifier icons or drag the image to your desired size using the small gray squares on the corners of your image.
          • to mirror
              mirror Icon mirror Icon
            • You can mirror your image horizontal oder vertical.
          • to rotate
              rotate Icon
            • With a click you can rotate the image by 45 degrees or you enter the exact value. You can also rotate the image with the green points in the preview.
          • change the opacity
              change the opacity Icon
            • You can change the opacity so that the background shines through the image.
          Insert text

          This feature allows you to enter and configure text. You can add several text blocks. A line break is not possible! Just add as many text blocks as you need.

          Add text
          Design text

          First you have to select a text line to use the different configuration tools.

          • Font colour
              Font colour Icon
            • Click on the black square icon to open the colour palette and choose your prefered colour.
          • Curve text
              Curve text Icon bottom Curve text Icon top
            • With this tool, you can curve your selected text line either at the upper or at the bottom border of the button badge. It align perfect to the shape of the button badge. After that it is still possible to change the size of the font or the colour. This function is only available for round button badges.
          • Font type
              Font type Icon
            • Click on „Font“ to select a font that you like.
          • Font size
              Font size Icon
            • The number shown is the size of the font. The higher the number the bigger is your text.
          • Italic
              Italic Icon
            • With this icon you can change your text to Italic.
          • Rotate
              Rotate Icon
            • With a click on this icon your text will rotate 45° or you enter an exact number. Additionally you can use the green points in the preview to rotate your text.
          • Change text
            • With the „change text“ on the right side of your text element, you can complete or overwrite your old text.
          Insert an icon or graphic parts
          Add clipart

          Within this menu we offer you some ready-to-use icons and graphics for your design. For example, you can find the „I love“ symbol or other kinds of useful graphics to design your idea fast. These graphics can be placed somewhere you wish to. It‘s also possible to change the sizes of the graphics.

          To draw
          Paint

          The „drawing“ tool allows you to create shapes or to draw lines. Even colouring of your created shapes is possible. For this use the menu „stroke colour“ and „fill colour“.


          Align text to an object or a line
          Align text

          First, create an object like a line, a free form or a circle. Now click on „align text on path“ and enter your text. Immediately, your text is aligned to your coosen object. With this function you can design a lot of cool things. To make the line or object invisible, just select it and change the stroke to zero or the opacity to 0%. Or you can simply delete the object and the text will be left.

          Select one of your created objects at the right-sided list. Now you can reposition the image or text with the shown cursor pad. Another way to move the element is holding down the mouse button and drag the element to where you want it.

          move
          move Icon

          Select one of your created objects at the right-sided list. Now you can reposition the image or text with the shown cursor pad. Another way to move the element is holding down the mouse button and drag the element to where you want it.


          centering
          centering Icon

          By clicking the center of the cursor pad your selected element will be centered in the middle of the button badge.


          align on border
          align on border Icon

          With these control buttons, you can align your elements on the border or corner of the button badge. This is very helpful for angular formats.

          define the order of the elements
          elements Icon

          You can set the order of your elements in the preview. You want the picture in the back and the font on the front? No matter, you can reorder the layers. By clicking and dragging with the mouse button pressed, you can move the selected object up or down in the layers. The top layer is the one that is visible at the very front of the button badge.


          The background colour of the whole button badge can be changed by opening the colour table with a click on the grey squared icon named „background colour“.

          Background colour
          You already has a printable and finished layout or file?

          If you have a ready-to-print file, you do not need to use this Badge Designer. Please use the order function here!


          colours

          Important: colour looks different on different devices or screens. The real 4 colour print looks different to this preview on your screen and the preview is not a reference point for the colours. We print on calibrated high-quality print systems with professional colour specifications. So you can be sure that we have an eye on print quality and the idea behind your layouts. If you need exact colours than please write us your details in the free field during the order.


          Finish design / Preview of your button badge

          To get an exact preview of your finished layout just klick on the green button „finish design“. You can do that as often as you want during your design progress. The red dashed line marks the border of the button badge. If you want the background colour or other elements to go around the corner of the button badges, you can check the placement here. Please note the text on this preview screen. Once you put the design in the cart and go to the cart you can not edit the design again.


          „Reference line“ and „Template“ buttons
          Button preview, Template, Reference line

          These two selectable views help you to place and assess your created layout. The red dotted reference line will appear when you click on the „reference line“ button. This line marks the outermost edge within which text or important content should be placed to remain visible on the button badge. This red dotted line is just for your help. The printing area goes around the edge of the button badge. With a click on „template“ you will see the complete print layout for the production. The inner black linie marks the border of the finished button badge.


          „Rotate“ field above the button designer
          rotate

          This function is only activated if you chose a rectangular format. With that you can choose a vertical or a horizontal view in the designer. With every click the view changes.

          Suchergebnisse für