Design Tool

Design Tool

Contrary to popular belief, graphic design is not all about artistic skill. A variety of external factors, including everything from personal taste to raw talent, play a big role in how your design will turn out. Recognizing the importance of these outside influences on the success of the design process, we set out to develop a web site chock full of tools that would allow the customers of StickyLife.com to confidently create their own designs.

While anyone can dabble in the craft, some people are just better at it than others. If you're one of those less fortunate, not-so-artistic types, don't worry. By following the guidelines we've created below, you shouldn't have any trouble designing a respectable sign, banner, or vehicle layout, regardless of your artistic ability.

Sizing Design Elements:

Maintain proportions example

By default when you upload your own images or add your own text, the maintain proportions check-box is checked to help ensure that when you change the size of your design elements the size remains proportional. If you want to change the size of a graphic but do not want to maintain proportions you will want to unlock the aspect ratio.

Click the lock icon under the Add/Edit Text or Add/Edit Images to unlock the aspect ratio. The width and height aspect ratios will then be unlinked so that when you enlarge the width or height the opposing dimension will not change. In some cases you will want to skew or stretch out your design element a little. We encourage you to not enlarge or stretch out uploaded images too much. Pixilation may become an issue. If you do increase the size of your design element too much you will receive an image resolution warning.

Bring to Front or Send to Back:

Front to Back Design Tool Feature

When multiple design elements are present you may find the need to control which design element shows up on top or on bottom. We call this layering and you’ll find it similar to transparent slides on an overhead projector. If you put one on top it will cover up what is underneath it. The F/B options in our design tools will bring the selected element to the front or send it to the back one layer at a time. Sometimes you will find yourself stuck because you can not select a smaller item buried underneath larger design elements. To work around this issue instead of attempting to bring the smaller element forward – send the larger element to the back. You may need to do the same to a few design elements to get the intended layering effect.

Design Size

trash delete icon

Pricing is based on the area that is used in your design settings like size, how many colors are used, quantity you’re planning on ordering, and more. It is a good idea to delete any elements you do not plan on using instead of simply moving it off the product background image.

Otherwise the size of your design can range from small to extra large. Our Pro Decal Tool provides options to start from scratch. Create your own decal with a blank canvas starting at 1" and as large as 60".

Letter Spacing

Letter Spacing Example Image

Letter spacing (aka Tracking) can help save space and clean up text in turn making things easier to read. Reducing your letter spacing will enlarge letters slightly. Do not ignore lettering spacing or line spacing unless the default settings are close to what you need.

Uploading Tips

When uploading a file our system does two things.

  1. The original file is saved in a secure location so that we can access it for production if you place your order.
  2. A lower resolution image is created and then added to the design tool for faster editing.

High resolution images or large files would slow down the design tool and is why we create a lower res image for the design tool. If you notice your image looks a little pixilated or fuzzy it may just be a poor down sampling of your file. We encourage you to review our artwork guidelines to learn more about uploading images. Pixilation may also be a resulting effect when using images that are too small for printing. You can also learn more about proper image sizes and ensure your file is large enough for quality results through our artwork guidelines.

Add to Cart Without Design

No Design Error Example Image

Many times customers want products without a design. Our current design tool requires a design before you can add to your shopping cart but a workaround option is available. All you would simply need to do is add a textual element that has no real value; perhaps something like a period or comma. The default color will be black and the default size may be larger than expected. All you need to do is change the text color to the same background color and then change the size of the text element.

Zoom Tool

Zoom Tool Example Image

In the bottom right corner of many of our design tools you’ll notice a zoom tool. Use this to zoom in on your design to make small adjustments. You can also use the placement feature to make adjustments.

Change Background Color

Change background example image

Customers can change the background color through the design tool without having to go back to the product page. In most of our design tools you’ll notice just below the design window an option for backgrounds. Customers also don’t necessarily have to go back to the product page to change their size either. When clicking the green add to cart button you will find pricing options for all sizes available in that category.

Copy Text Settings

Copy Example

If you’ve spent a good amount of time customizing your text options but need another text box or line of text with the same settings use the copy feature to help save some time. When changing the text the letter size will change. Hopefully the amount of characters used in the new text box is the same; otherwise you’ll have some manual adjustments to make to ensure same letter size. This copy feature works on uploaded images and clip art graphics too.

Size Tool

Getting two design elements the same size can be tricky. The best way make the graphics and text sizes the same is to use the size feature. Select one element in the design window and then click size. You may want to click the maintain proportions box before making any changes. Take note of the height difference between the two items. When you know what size you’re looking for select the other item and make the necessary changes. If one design element has textual descenders (lower case y, g, j, or any other character that goes below the base line) and the other text box does not then this work around may not work for you.

Sizing Lettering

Size Letters Example Image

If you're attempting to size two lines of text to be the same size but one line of text has a descender and the other does not then you’ll want to do the following: Find two similar letters in both text boxes (like the letter a or b) move one text box above the other until the letters are almost aligned together. Change the color of one text box so that you can see where the top letter starts and the bottom letter stops. You can then change the top text width and height until both letters are exactly the same size. You may need to reposition the top text box a little until you cannot see the bottom letter. Move the text box back into place and change to color back to the color you want and you’re good to go.

Sizing Design Elements

Sizing Design Elements Example.

Sometimes it is difficult to know just how large or small clip art objects, parts of uploaded files, individual letters or other design elements are in the design tool. To find out click the Add Text button and enter a period then click ok. This will give you a large black square in your design window. You can then re-size the square (aka period) to the same size as the element you want to measure. Once re-sized select the size tool to learn the width and height dimensions.

Bold Text

Bold Text Work Around Example

Some fonts do not have a bold option but that does not mean you still can’t get a bold look. If clicking the bold option under the message window does nothing for your font of choice then you can always work around this by adding a stroke/border in the same color to thicken up your text. Borders can be found under the effects tab. Adding a faux border this will works just as well as the real thing.

Curved Text

Customers will often want text to conform to the shape of their selected product; for instance a circle decal or car magnet. This can be done through effects. This process can be tricky but with a little effort anyone can get their text to curve as needed. There are a couple of options that will make this possible. Arch Up and Can Up are two possible options that will provide the intended results.

Curved Text Design Text Example

Many times however the text may not follow the same just right. You may need to manipulate the width and height of the text box a little to force the curvature of the text to conform to the product shape. This will not work for complex shapes like butterflies, stars, or four-leaf clovers. You may need to adjust letter spacing, text height and width, and amount of effect applied.

Application Surface Consideration

Consider the application surface. Decals with dark backgrounds do not show up very well on modern car windows due to factory window tinting. We suggest choosing a brighter colored background for best results. If your surface is already bright consider starting with a decal with a dark background. For vinyl lettering you can always outline or add a border in a bright color if darker colors are needed. The bright border will then help highlight the text and make it pop off the surface.

Sketch it Out

Sketch it out example image

It never hurts to sketch it out. Take your time by starting out with something we like to call a “Brain Dump”. This process allows you to put all the design pieces "on the table" and dissect what is truly needed and in what order (hierarchy). Very similar to putting a puzzle together. Nobody really starts in the middle.

You can also tape up your rough sketch to the surface you plan on applying your product to. If it is a vinyl decal and you intend on applying it to a car window then doing this will give you an idea of how large or small you want your decal to be. It is always a good idea to start with a sketch before starting the online design process.

Save Your Work

email saved design example

Save your work periodically to have access to different design phases. This will give you a historical presentation on your design phases. You can then access your past designs if needed. Bookmarking your favorite designs is also a good idea for fast and easy access. It will also allow you to organize or categorize your designs based on your needs.

Choosing a Font

Font Selection Example

Plan to spend some extra time reviewing all font options. Carefully choose your font. A good font selection is important based on your message. If you’re a lawyer and want people to take your seriously then comic sans is not a good font selection. In fact comic sans is never a good option; unless you’re a comedian or your ultimate goal is to make people laugh. Getting the tone and emotional feeling right is really important.

Line Spacing

line spacing example

Play with textual layouts. You can add multiple text boxes and position the text in different ways to give yourself something special. Sometimes you’ll want a bold line of text on top and smaller text underneath. That isn’t possible within one text box but you can make that happen with multiple text boxes. You will also be able to control line spacing (aka Leading).

Experiment

Experiment and have fun. The design process is a fun and entertaining process and shouldn’t feel overwhelming or difficult. When you take each step at a time you’re sure to end with something amazing.

Limit Font Variety

Font Selection Overload Example

Don't use more than 2 fonts. The more fonts you use the busier your design becomes. Limit yourself upfront to two font selections to help make it easier. There have been expensive studies done that have proven that when multiple fonts are used readers develop eye strain and find it difficult to pay attention to the message.

Multiple fonts combined together can be a really nice affect but caution should be used. Two different fonts can be paired together quite nicely, however the more you add the more cluttered the design becomes. The following image is a good example of what not to do.

Test Your Design Before Ordering

Test your design out with your friends, family, and colleagues. You may find inspiration from the least likely of places or may learn something needs fixed from an unlikely source. When spending so much time on your design you may be over looking something obvious that others may find right away. Fresh eyes never hurt anybody. Consider sharing your results through our design tool's email feature or sending the saved design link to others through email.

A Graphic Designer May be Needed

Our design tools are not difficult to use but will only get you so far. It is possible that you’ll need to use a graphics program like Adobe Photoshop or Adobe Illustrator to create what you’re looking for. Those programs can be difficult to learn and you may need to hire a graphic designer.

In most cases we hope that you will be able to create something similar to what you’re looking for by combining our design tool features like Add Text, Upload Images, and Search Clip Art options through our design tools. If all else fails you can always search through our design templates to find something similar and then change the design to your liking.