Online Hat Designer User Guide

Our Online Hat Designer is intended to give you a starting point for creating your hat design by providing a selection of pre-designed background patterns, colour palettes and layouts.   You can also add your own text and upload your own logo.  Your design need not be limited to these options so do feel free to add any different options that you require in the comments section at the end of the design process.

Teritex Online Hat Designer - User Guide - design your own football hat

Click the link from this website to be taken to our Online Hat Designer.

On the first page click the Start button to get started.

Teritex Online Hat Designer - User Guide - design your own football hat - Hat Style

The first step is to decide what style of hat you require. 

The Traditional style is gathered at the top and features a pom pom.  The Traditional style can have an optional turn-up.

The Domed style is seamed rather than gathered at the top.  Both pompom and turn-up are optional.

Click the Select button below your chosen style.  It will then be highlighted by a red dashed border.

In this example a Traditional style hat with pompom and optional turn-up has been selected.  The hat at the top of the page will change to reflect your choice.

Now click the Go to next step button.

Teritex Online Hat Designer - User Guide - design your own football hat - hat background pattern

The next step is to choose a background colour and / or pattern for the hat.  If a style with a pompom and / or a turn-up has been chosen they will be configured in their own steps later in the process.

There are 28 pre-designed patterns to choose from.  Each pattern will have one, two or three changeable colours, depending on the pattern chosen.  Use the blue left and right arrows to scroll through the different patterns available, and then click on the pattern that you require.

The hat at the top of the page will be updated to display the desired pattern.  By default the background colour will be shown as white, design colour 1 if there is one is shown as black, and design colour 2 if there is one is shown as blue.

Teritex Online Hat Designer - User Guide - design your own football hat - hat background colour

In this example we have chosen a pattern that contains three customisable colours.  Change the colours of the pattern by clicking on the coloured squares.  In this example we have chosen white for the background colour, red for Design Colour 1 and blue for design colour 2.  The hat at the top of the page will be updated to display your chosen colours.

Once you are happy with your design and colours click the Go to next step button.  You can also click the Return to previous step button to return to the previous step and make any changes required.

The next step is to select a text / logo layout for your hat.  Remember – if your chosen hat style has a turn-up then it too can have some text or a logo on it, which will be designed in a later step.

The possibilities are: No text/logo, text, logo or text below logo.  Click the Select button below your chosen layout.  It will then be highlighted by a red dashed border.

Teritex Online Hat Designer - User Guide - design your own football hat - hat layout

The hat at the top of the page will be updated to show the approximate positions of the various options.

Once you have chosen your layout click the Go to next step button.  You can also click the Return to previous step button to return to the previous step and make any changes required.

The next step will depend on the layout option chosen.  In this example we are going to have both text and logo on the hat so the next step is to add and design the text.  This would be the same step if the text only layout had been chosen.

Teritex Online Hat Designer - User Guide - design your own football hat - hat text

Type your desired text in the Text box and then click the Refresh Text button.  Your text will be displayed on the hat design at the top of the page.  The colour, size and font of the text can be changed using the colour picker, font drop-down list and size drop-down list tools.  Any changes will be reflected in the image of the hat at the top of the page.

Once you are happy with your text design and colour click the Go to next step button.  You can also click the Return to previous step button to return to the previous step and make any changes required.

The next step will depend on the layout option chosen.  In this example we are now going to add a logo image to the hat.  We would have come straight to this step if the logo only layout had been chosen.

Teritex Online Hat Designer - User Guide - design your own football hat - hat logo

Click the Browse… button and select the image on your computer that you want to use for your logo.  The image must be in either .jpg, .png or .gif format.  An image will work best if it is in .png format with a transparent background. 

Once you have selected your file its name and location will be displayed in the Upload image textbox.  Now click the Upload button.  When the file has finished uploading the text File uploaded will appear, and the image will be displayed in the preview box.  Click the Refresh Logo button to display the image on the hat at the top of the page.

The image can be displayed in a square format in the centre of the hat or in a rectangular format across the width of the hat.  Pick the one that best suits your needs using the Select buttons under the Square or Full width options.  If neither option suits your needs exactly then just pick the nearest and add a note at the end of the submission process detailing your requirements.

Once you are happy with your logo design click the Go to next step button.  You can also click the Return to previous step button to return to the previous step and make any changes required.

The next step will depend on the hat style chosen.  In this example we are now going to design our turn-up.  If the style you chose does not have a turn-up then you will now be taken to the pom-pom designer if you chose one or the submission page.

Teritex Online Hat Designer - User Guide - design your own football hat - hat turn-up

There are 24 pre-designed turn-up patterns to choose from.  Each pattern will have one, two or three changeable colours, depending on the pattern chosen.  Use the blue left and right arrows to scroll through the different patterns available, and then click on the pattern that you require.

The hat at the top of the page will be updated to display the desired turn-up pattern.  By default the background colour will be shown as white, design colour 1 if there is one is shown as black, and design colour 2 if there is one is shown as blue.

In this example we have chosen a pattern that contains three customisable colours.  Change the colours of the pattern by clicking on the coloured squares.  In this example we have chosen white for the background colour, red for Design Colour 1 and blue for design colour 2.  The hat at the top of the page will be updated to display your chosen colours.

Once you are happy with your design and colours of the turn-up click the Go to next step button.  You can also click the Return to previous step button to return to the previous step and make any changes required.

The next step is to select a text / logo layout for your turn-up.  The possibilities are: No text/logo, just text or just logo.  Click the Select button below your chosen turn-up layout.  It will then be highlighted by a red dashed border.

Teritex Online Hat Designer - User Guide - design your own football hat - hat turn-up layout

The hat at the top of the page will be updated to show the approximate positions of the various turn-up options.

Once you have chosen your turn-up layout click the Go to next step button.  You can also click the Return to previous step button to return to the previous step and make any changes required.

The next step will depend on the turn-up layout option chosen.  In this example we are going to have just text on the turn-up so the next step is to add and design the text.

Teritex Online Hat Designer - User Guide - design your own football hat - hat turn-up text

Type your desired text in the Text box and then click the Refresh Text button.  Your text will be displayed on the turn-up design at the top of the page.  The colour, size and font of the text can be changed using the colour picker, font drop-down list and size drop-down list tools.  Any changes will be reflected in the image of the hat at the top of the page.

Once you are happy with your text design and colour click the Go to next step button.  You can also click the Return to previous step button to return to the previous step and make any changes required.

The next step will depend on the hat style option chosen.  In this example we are now going to add a pom-pom.

If we had chosen the logo option we would need to do the following:

Teritex Online Hat Designer - User Guide - design your own football hat - hat turn-up logo

Click the Browse… button and select the image on your computer that you want to use for your logo.  The image must be in either .jpg, .png or .gif format.  An image will work best if it is in .png format with a transparent background. 

Once you have selected your file its name and location will be displayed in the Upload image textbox.  Now click the Upload button.  When the file has finished uploading the text File uploaded will appear, and the image will be displayed in the preview box.  Click the Refresh Logo button to display the image on the hat at the top of the page.

The image can be displayed in a square format in the centre of the turn-up, a rectangular format across half of the width of the hat or a rectangular format across the full width of the hat.  Pick the one that best suits your needs using the Select buttons under the Square, Half Width or Full Width options.  If none of the option suits your needs exactly then just pick the nearest and add a note at the end of the submission process detailing your requirements.

Once you are happy with your logo design click the Go to next step button.  You can also click the Return to previous step button to return to the previous step and make any changes required.

The next step will depend on the hat style chosen.  In this example we are now going to design our pom-pom.

Teritex Online Hat Designer - User Guide - design your own football hat - pom-pom design

The pom-pom can contain 1, 2 or 3 colours.  Select how many you want by clicking the 1, 2 or 3 buttons.

Choose your colours using the colour selection tool for each colour option chosen.

Once you are happy with your pom-pom design click the Go to next step button.  You can also click the Return to previous step button to return to the previous step and make any changes required.

Teritex Online Hat Designer - User Guide - design your own football hat - hat submission process

The last step is to submit your design to Teritex for comment.  Include your name, email address and any additional comments that you would like to include and then click the Submit your design button.  Our design team will receive your design and will contact you with pricing details etc.

Please do not include any single or double quotation marks in the comments box or you will receive a “Invalid characters detected in Remarks field” error message.

Please also ensure that you enter a valid email address or you will receive an error message.