+6019 499 2566 (via Whatsapp)

>
>
Designer Guide

Designer Guide.

The online Designer is Ozz Vampo's design tool that allows you to select existing designs, create new designs, add text, choose placement, colors and effects, and many more options, and apply them to products within decoration areas as defined by the product.

The Designer will only make available the decoration processes that are applicable to the product offered.

 

The following decoration processes are available within the designer:

  1.    Sublimation.
  2.   Transfer (Heat Press),
  3.   Embroidery,
  4.   Screen-Printing

    All the above processes will be offered .

     

The designer will be launched when you commence a buying and designing decision.

 

Key Designer Concepts.

  • Decorations may only be applied in the decoration area, which by default is a visible box on the product to be decorated. Decorations outside this area will be cropped.
  • Decorations are applied in layers exactly like common graphics programs, with lower layers being overwritten by layers above them.
  • Effects may be applied to graphic designs and text to change their appearance.
     

Storefront Designer Screen Layout.

OzzVampo Designer Home

 

In this Guide, you will learn:

  •  

To change the currently selected product in the Designer:
 

  1. Make sure the Product button is selected in the Designer Toolbar.
    • ozzvampo Designer Product Button
  2. Click on the Change Product button in the Product panel.
    • OzzVampo Designer -Product Details Panel
       
    • The Select Product popup will be displayed.
    • OzzVampo Designer -Select Product Popup
  3. Click on a product to select it.
  •  

To add text to a product in the Designer:
 

  1. Click on the Add Text button in the Designer Toolbar.
    • OzzVampo Designer Add Text Button
  2. Select the type of process to be used for the text in the Select Type of Text popup. Only options that are supported by the product being decorated will appear.
    • OzzVampo Designer Select type of text pop-up
  3. Enter the text, and click ADD TEXT.
    • OzzVampo Designer Enter Your Text Pop-up
    • The text will appear inside the decoration area in its bounding box with editable size dimension, resize and rotate handles and delete control available.
    • OzzVampo Designer Inserted Text
  •  

To adjust the properties of text in the Designer:

  1. Click on the View and organize layers button in the View Toolbar
  2. Click the text object you wish to adjust the properties of.
    The Text Properties panel will appear on the left side of the Designer.
    • OzzVampo Designer Text Properties Panel
  3. Configure the text as required:
    • Text Box: lets you edit the text.
       
    • Formatting
    • The Formatting tab is expanded by default and contains the following controls:
    • Font: change the font via the Select A Font popup.
       
    • Font color: change the text color via the color popup.
       
    • Bold: boldens the text.
       
    • Italics: italicizes the text.
       
    • Left-align: aligns text to the left when it spans multiple lines.
       
    • Center-align: center-aligns text when it spans multiple lines.
       
    • Right-align: aligns text to the right when it spans multiple lines.
       
    • Outline: lets you apply an outline to the text. At the leftmost position on the slider, no outline is applied. Moving the slider to the right applies an outline that increases in thickness the further right it is moved.
       
    • Outline Color: lets you set the color of the outline via the color popup.
       
    • Resize Proportionally: when this checkbox is ticked, the text will keep its original proportions when you resize it.

       
  • Position.
     
  • Click on the Position tab to expand it. Expanding the Position tab reveals the following controls:
  • OzzVampo Designer Position Controls
  • Position controls: lets you move the selected text within the decoration area using any of the eight directional arrows.
     
  • Size controls: lets you increase/decrease the size of the selected text by clicking on the up/down arrows.
     
  • Rotation controls: lets you turn the selected text around its center axis. You can do this by:
     
    • Specifying a specific angle at which to rotate the text.
       
    • Clicking on the left arrow to rotate the text 5 degrees to the left.
       
    • Clicking on the right arrow to rotate the text 5 degrees to the right.

       
  • Horizontal Centering controls: Horizontally centers the selected text within the decoration area.
     
  • Vertical Centering controls: Vertically centers the selected text within the decoration area.
     
  • Layering controls: lets you change the layer at which the selected text is positioned in relation to other decorations.
     
  •  

Effects

Effects are only available for the direct to garment printing decoration process.
 

Click on the Effects tab to expand it. Expanding the Effects tab reveals the following text effects:

  • OzzVampo Designer Effects Controls
    • Text Shape: lets you alter the shape of the text. The options indicate the shape that they will apply.
       
    • Effect: Lets you add a shadow or glow effect to the text.
       
      • None: no effect is applied.
         
      • Shadow: applies a drop shadow to the text.
         
        • Offset: lets you set the position that the shadow will be offset from the text.
           
        • Blur: lets you set the level of blurring effect that will be applied to the shadow.
           
      • Glow: applies the appearance of a glow around the text.
         
        • Strength: lets you set the intensity of the glow.
           
        • Blur: lets you set the level of blurring effect that will be applied to the glow.
           
    • Effect Color: lets you set the color of the Effect via the color popup.
       
    • Gradient: sets a horizontal or vertical gradient of color between the selected font color and the gradient color.
       
    • Gradient Color: lets you set the color of the Gradient via the color popup.
  •  

To add designs to a product in the Designer using the Add Design button:
 

You can select designs from the following sources:

  1. Click on the Add Design button in the Designer Toolbar.
    • OzzVampo Designer Add Design Button
  2. Select the type of process to be used for the design in the Select Type of Design popup. Only options that are supported by the product being decorated will be enabled.
    • OzzVampo Designer Select Type of Design Pop-up
       
  3. Browse to and click on the design you want to add in the Select a design popup.
    • OzzVampo Designer Select A Design Popup

       
    • Upload a new design: Click on Upload Image to upload a design from your device.

      Raster, vector, and embroidery file types are supported in the formats as listed below:
       

      • Raster (PNGJPGJPEGGIFTIF)
         
      • Vector (CDR*PDFEPSPSSVGSVGZ)
         
      • Embroidery (EMB)
         

      Vector based graphics will have modifiable elements such as text and colors editable on the fly by users.

      *CDR requires the CorelDRAW app to be enabled. When a CDR file is uploaded it will be automatically converted to SVG format so that it can be modified in the Online Designer.
       

    • Your own previously uploaded design designs: These will appear under the Upload Image button if you have uploaded designs before.
       
    • Instagram: Click on the Instagram button and enter your credentials to access your Instagram pictures.
       
    • Facebook: Click on the Facebook button and enter your credentials to access your Facebook pictures.
       
    • Store Designs: designs exclusive to the store.
       
    • Stock Designs: Third-party designs made available for use.
       
  4. Click SELECT DESIGN
    • The design will appear inside the decoration area in its bounding box with editable size dimension, resize and rotate handles and delete control available.
  • OzzVampo Designer Inserted Design

 

To add designs to a product in the Designer by drag and drop:

 

  1. Drag a design file from your computer into the decoration area of the product in the Designer.

    The decoration area will be highlighted when the mouse pointer is within its boundaries.

    • OzzVampo Designer Highlighted Decoration Area
       
  2. Release the mouse button to drop the design into the decoration area.

    The Select Type of Design popup will be displayed with the supported decoration types enabled for the product selected.
     

    • Ozzvampo Designer Select Type of Design Popup 2
       
  3. Select the decoration process you want to be used for the design.

    The system will begin uploading the design file to your own design library.

    • OzzVampo Designer Uploading Design
       
  4. Tick the, I hereby declare I own the rights to print this image, checkbox in the Confirm Copyright Permission popup to verify that you have permission to use the design.
     
    • OzzVampo Designer Confirm Copyright Permission pop-up
  5. Click OK.

    The design will appear inside the decoration area in its bounding box with editable size dimension, resize and rotate handles and delete control available.

    OzzVampo Designer Inserted Design
  •  

To adjust the properties of designs in the Designer:

 

 

  1. Click on the View and organize layers button in the View Toolbar.
    • OzzVampo Designer View And Organize Layers Button
  2. Click the design object you wish to adjust the properties of.

    The Image Properties panel will appear on the left side of the Designer.



     

  3. Configure the design as required:

    • Quality: Shows you a bar indicating how clear the image is for printing. The indicator reflects how well the raster-based graphic is going to print before blurring too badly. If this drops below a certain threshold, the system will warn the customer that their print quality will be compromised.
      • This option is only available for raster designs.
    • Colors: Shows you the colors currently used in the design.
      • edit: Click on the link to edit the design colors.
      • This option is not available for designs that have restrictions on customizing.
    • Resize Proportionally: when this checkbox is ticked, the design will keep its original proportions when you resize it.
      • This option is not available for embroidery, transfer and rhinestone designs.
    • Ungroup: click on the link to ungroup the design into its component elements.
      • This option is only available for vector-based designs.

    Position

    Click on the Position tab to expand it. Expanding the Position tab reveals the following controls:

    • Position controls: lets you move the selected text within the decoration area using any of the eight directional arrows.
       
    • Size controls: lets you increase/decrease the size of the selected text by clicking on the up/down arrows.
       
    • Rotation controls: lets you turn the selected text around its center axis. You can do this by:
      • Specifying a specific angle at which to rotate the text.
         
      • Clicking on the left arrow to rotate the text 5 degrees to the left.
         
      • Clicking on the right arrow to rotate the text 5 degrees to the right.
    • Horizontal Centering controls: Horizontally centers the selected text within the decoration area.
    • Vertical Centering controls: Vertically centers the selected text within the decoration area.
       
    • Layering controls: lets you change the layer at which the selected text is positioned in relation to other decorations.


    •  

    Effects

    Click on the Effects tab to expand it. Expanding the Effects tab reveals the following controls:

    Ozz Vampo Designer: Image Properties Panel - Effects Section

    These options are only available for raster designs.

    • Effects: lets you apply a special effect to the design that alters its appearance. Click on the Effects drop-down box to see the effects options.
    • Ozzvampo Designer Effects Option

    Click CANCEL to return to the Effects Panel.

    • Border: lets you apply a border to the boundary of the design. Click on the Borders drop-down box to see the border options.
    • Ozzvampo Designer Border Options
    •  

    To specify product sizes and quantities in the Designer:

  1. Click on the Product button in the Designer Toolbar.
    • Ozzvampo Designer Product Button

    The Product panel is displayed.

    • Ozzvampo Designer Product Panel
  2. Select a size from the Size drop-down list and specify the quantity required in the input box for that size.
  3. Click Add Another Size to specify quantities for each size required.
    • Ozzvampo Designer Another Size Fields
  •  

To specify product size and quantity in the Designer when products are sold in bulk:

  1. Click on the Product button in the Designer Toolbar.
    • OzzVampo Designer Product Button - Buly Quantity

    The Product panel is displayed.

    • OzzVampo Designer Product Detail Panel -Bulk Quantity

    The Quantity field will show the minimum quantity you can purchase.

    Note. you cannot select multiple sizes when products are sold in bulk.

  2. Select a size from the Size drop-down list in the Product Panel.
    • Ozzvampo Deasigner Product Detail Panel - Size Breakdown
    • Select a quantity from the QTY drop-down list in the Designer Toolbar.
      • Ozzvampo Designer Quantity Breakdown
      •  

      To arrange layers in the Designer:

  1. Click on the View and organize layers button in the View Toolbar.
    • OzzVampo Designer -View And Organize Layers Button

    The Layers panel is displayed showing all the text and design objects present in the decoration area.

    • Ozzvampo Designer layers Panel
  2. Arrange the elements as required:
     
    • To move a layer up, click on the up arrow to move it to a new position in the list. Likewise, to move a layer down, click on the down to move it to a new position in the list.
       
    • To delete a layer, click the cross icon at the right of the layer.
    •  

    To re-group template design elements in the Designer:

    You can group elements from a template design that you have ungrouped.
     

  1. Click on the View and organize layers button in the View Toolbar.
    • Ozzvampo Designer View and Organize Layer Button

    The Layers panel is displayed showing all the text and design objects present in the decoration area.

    • Ozz Vampo Designer - Layers Panel Ungroup Elements
  2. Hold down the Ctrl key and click on each layer you want to be grouped.
  3. Click on the Group Selected Items button in the View Toolbar.

     

To add team names in the Designer:

"Team name" allows automatic formatting of text in the form of a small name and large number beneath, decorated onto the product. This is useful for teams and other groups who would like a jersey-style name and number on their product.

You cannot add team names using the Embroidery or the Screen Printing decoration process.

  1. Click on the Add Team name button in the Designer Toolbar.
    • Ozzvampo Designer -add Team Name Button

    The Select Type of Team name popup will be displayed with the supported decoration types enabled for the product selected.

    • Ozz vampo Designer -Select Type of Team Name Pop-up
  2. Select the decoration process you want to be used for the team names.

    The Add Team name popup will be displayed.

    • Ozz Vampo Designer -Add Team Name Pop-up
  3. Select a size and specify the quantity required for that size.
     
  4. Click Add Another Size to specify quantities for each size required.
     
  5. Click Next.

    The Edit Team name popup will be displayed containing Name and Number fields to match the quantities specified in the Add Team name popup.
    • OzzVampo Designer -Edit Team Name Pop-up
  6. Configure team names by entering the team name and number for each product to be decorated.

    The item selected in the View column will be the item that is displayed in the Designer.

  7. Click Add Another Team Member and specify the team name and number for each additional product required.
  8. Click OK when done.

    The team name and number will be set up on the product as text areas whose properties may be adjusted as per normal text, except that any changes made will apply to all team name products.

    • OzzVampo Designer -Team Name On Product
  9. If you want to edit the teamnames and numbers, select a text area and click Edit teamnames in the Text Properties panel to display the Edit Team name popup.
    •  
Search
Your cart is empty
Search

Select Currency

{CC} - {CN}