Support

Important Notice: Design artwork

  • Important : Before submit artwork & Placing order.

    Please read carefully:

    • Please note that your artwork will not be checked before proceed to print. Kindly double-check with your artwork’s details before placing order.

    • Colours appear on digital screen are displayed in RGB colour spectrum whereas your product is print in CMYK colour spectrum, you may expect a degree of color variation of end product may differ from what appears on screen.
    • STALION® shall have no liability to you for any errors in the final printing outcome subsequently discovered by you.
  • will be update

    will be update soon

    • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    • Ut enim ad minim veniam, quis nostrud exercitation
    • Ullamco laboris nisi ut aliquip ex ea commodo consequat.

     

  • will be update soon

    Will be update soon

    • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    • Ut enim ad minim veniam, quis nostrud exercitation
    • Ullamco laboris nisi ut aliquip ex ea commodo consequat.
 

Basic Guide : Part A (How To)

  •  Crop Image

    To crop an image after adding into design area, just click on image and select crop tool

    The new popup show up

    • The image will be cropped with the exact position you put into the viewer.

    • There are some tweaks to make your image align better such as:

    • Center: move selection to center of image
    • Horizontal center: move selection align to horizontal center
    • Vertical Center: move selection top align to middle
    • Square: make selection square
    • After selected area, just press Save button.

  • Fill colour for image or text

    In some case, you want to have another color for image or text.

    Just select the layers then use the tools below:

    • You can apply this to clipart, shape, text. Images.

  • Text with mask background

    To use text mask background of the image.

    • Firstly we have to add text and image into design area then click on the image and select mask icon.

    • Notice, you have to put text above the image as the screenshot.

    The new box options show up as

    • In this box, select the text layers above image to apply effects.

    After some second the result will show up.

    • Your design will become like this.
  • Remove Background Image

    To remove the background of an image.

    Firstly we have to select the image then click on the remove background icon.

    The new box options show up as

    • In this box, we have to know image has light background or black background and select same value into  Modeoption

    • After that increase, the Deep value, use the amount which you saw that the background removed or fit with your ideas.

  • Make curved text

    To make your text more curved, please follow tips:

    • Firstly, select text layer you want to apply, then press the Text Effects icon, a box settings show up.

    • Select the Curved Text effects to apply.

    • If your text does not fit with your ideas, just try to adjust the Radius and Spacing options to make text looks better.

  • Image Filter effects

    This feature helps you make the image have a great effect as the filter of a camera.

    • There are 20+ effects ready to use.

    • To use this, just click on the image then select the Effects Filter icon.

    • The new box shows up with some options as the screenshot below. Select preset filter on the Image Filters to apply effects.

    • You can change other values to make photo looks better.

  • How to move layer to front of other one

    All layers which you added to design are displayed on Layers tab.

    To change the order of layers, just follow ways to do that.To back or forward other layers, just drag and drop them.

    Change from Layers tab

    • Go to Layers tab, change the order of layers from top to bottom to sort them, just drag and drop them to change position

    Change from toolbar

    • Select a layer via design area, click on Arrange Layers icon on the toolbar then change on Backward or Forward to move the current layer to the front of to back of another one.

  • How to change product color and quantity

    The color is important to value your product. You can change the color of the set of patterns colors or add your color via color picker.

    The Quantity

    • Often a product has a quantity box for entering the value. In some case, products allow order multi-product size, with custom quantity for each size.
    • Bellow, there are two cases you can set quantity

    • Product has one quantity box

    • Product has many sizes for order with custom quantities

  • How to change printing method

    How to change printing method

    • The product supports many print methods. So you can change method before adding to cart or compare which method is good for you.

    • To change the printing methods. Firstly, go to Product tab in the editor.

    • Then go to section Print Technologies and select one of them to activate. Each method has the different way to calculate the price. So the product price will change when you change the methods.

  • How to print my design

    To preview your design or just want to see how it looks. You can print them via Print feature. (This section is not allowed for customer / members).

    • #1 After prepares your design, go to menu Print, the setting box show on with some option for size print. Select the preset size or enter your custom size via Custom field. A centimeter is the unit of size.

    • #2 Click on Download if you want to have an image of the design. Click on Print Now to select print devices for printing.

  • How to import/ export design

    In case you want to share the design with friends or moving to another computer.

    Just export current design and import them on another computer.

    Export Design

    • Go to menu File > Save as file

    • This step will save all your design data into a .json file. Notice does not change any content on that file, may that action break down content

    Import Design

    • You have a .json content file. Just go to File > Import Design and select your file to be ready for import. The content auto loaded into design area after select file.

  • How to add product to cart

    After design ideas, you can put an item into the cart and continue edit with other product or go to checkout.

    • To add to cart product. Firstly focus on the tab Product. In here, you can see some product details and printing method + attributes. You have to complete selection printing method and attributes values before adding to cart..

    • The printing method is the method to print your design on the product. As many similar stores, you have some attribute need to finish when adding a product to cart.

    • Design studio editor supports many attribute type; even they have the price on it. When attribute changed the price of the product will be changed base on values attributes and printing methods.

    • After finish, just press the Add To Cart button. You will see the number on the My Cart will increase when new product added

    Update Design studio editor cart item

    • For some reason, may you want to change the info or attribute of product on the cart? Simply, just go to the My Cart then select product and click on Edit link. The product info + design loaded into design area immediately.

    • After change info or attribute values, just press the Update Cart Item to submit your change to cart item.

  • Cart & Langguages

    Cart

    • Design studio editor has preview cart with cart items you added. To view more items in the cart just press View Details button.

    • In the View Details popup, you can see more details for a product such as an attribute selected, the price for each them and subtotal price, total price as well.

    • To go to checkout, please press the Checkout button.

    Languages

    • When admin enable the Allow users to change settings user can switch to other languages with dropdown as screenshot

    Thanks for reading.
 

Basic Guide: Part B (Design Area)

  •  Design Area

    This is the most important part of design studio editor. It is preview and workspace for all layers you added.

    • To adjust layer, just use the mouse to click on them or select all of them via drag mouse.

    There are parts of design area:

    • Current colors: all colors used in this design. Colors extracted from images, text and other resources.
    • Zoom tools
    • Stages switcher: switch design view to other stage or product.
    • Toolbar: The options for selected layers.
    • Borders of design area: the range of layers arranged
  • Image toolbar

    With an image added into design area. There are some options for it. To enable options, just click on an image and see the top toolbar as below:

    Crop Image

    • The image is cropped with the exact position you put into the viewer.

    Image Mask

    • Do you want to make text with complex background from another image?

    • Yeah, it does that with Text Mask feature.

    Remove Background

    • Sometimes you have light or dark background which make image ugly, and you want to remove them.

    • Doing that with this feature is easy.

    Image Filter Effects

    • This feature helps you make the image have a great effect as a filter of the camera.

    • There are 20+ effects ready to use.

     

  • Layout Toolbar

    Navigation and layout tools have many features to support you in designing.

    Auto Snap

    Follow steps to work with the tool:

    • Deselect all layers.
    • The Auto Snap tool will display on top right of design area
    • Click on Auto Snap link on toolbar
    • Turn the Auto Snap Mode to On
    • To disable, just switch Auto Snap Mode to Off

    Position

    When you want to put layers into the bottom right corner or make it center. It takes you some seconds to do that. But with Layer Position tool, layers are placed in the correct position with one click.

    Follow steps to work with the tool:

    • Select layer you want to move.
    • Click on Position icon on toolbar
    • Choose position you wish to move layer to.
    • Layer Position support positions as the screenshot.

    Fill Color

    With some object such as shape, image, text. The Fill Color helps users fill a solid color with that objects.

    Follow steps to work with the tool:

    • Select layer you want to fill color
    • Click on Fill Color icon on toolbar
    • Select color from preset colors or enter a custom value by click on input ‘Click to choose color‘.
    • To save custom color just press the plus (+) button next to input.
    • Transparent help you change the opacity of filled color with below layers.
    • Stroke width + Stroke color help you make the border color for current layer.

    Arrange Layers

    The Design Studion editor works base on layers; it means the higher layers were looked first.

    Arrange layers tool helps you change the position of the current layer with other layers. You can set a layer for Forward position or Back position with other ones.

    Follow steps to work with the tool:

    • Chose layer you want to change.
    • Click on Arange Layers icon on the toolbar.
    • Select Forward or Back action to change order.

    Transforms Manual

    When use transform tool directly, it is hard to know how many angles rotated or flipped.

    The design studio editor provide a manual way to set transform values for a layer.

    Follow steps to work with the tool:

    • Chose layer you want to change.
    • Click on Transform icon on the toolbar.
    • Adjust values you want to set.

    The values you can set for the object as bellow:

    • Rotate: the edge of an object. start from 0 – 360
    • Skew X: skews layer along the X-axis by the given angle
    • Skew Y: skews layer along the Y-axis by the given angle
    • Flip X: Horizontal flip your layer
    • Flip Y: Vertical flip your layer.
    • Of course, you can cancel all applied values by press the Reset All Transform button.

  •  Design Resources

    The resource is placed you can upload your image, reaching clipart/shape stocks to add to your design. Of course, in here you can see the product info and attributes or printing methods as well.

    We have tabs bellow:

    • Product
    • Templates
    • Layers
    • Text
    • Cliparts
    • Shapes
    • Images
    • Drawing

    Let’s check each of them.

    Product Info

    • This tab includes product info and attribute. From here you can change to other product quick as quick via Change Product button. There are colors option for you select to place an order or add your colors if shopper enables the current product. When you change an attribute or select printing method the price is updated automatically.

    • To add a product to cart, just press Add To Cart button. After adding to cart, you can change design or attribute, but the cart info is not updated with new changes unless you press the Update Cart button.

    Templates

    More than 300+ Prebuild Templates

    Layers

    • All layers which you added to design display on this tab. You can show/hide layers via visibility option. Or delete layers.

    • To change order to back or forward other layers, just drag and drop them.

    • Lock/Unlock layers to Disable/Enable modify tools on that one.

    Text

    • To use text in your design, just reach to this tab and select pre-made texts or select font style you want to add then click to add them.

    • To show more font styles, just press Load more 1000+ Fonts the new popup show up which allow you add more fonts to list.

    • View screenshot for more details.

    Cliparts

    This tab includes images which uploaded from admin panel by the shopper or from design studio editor stocks.

    • This tab allows customer reach to ideas they want to use via the search box and categories filter.

    • To view more details about clipart just mouseover the (i) icon, the large viewer shows up with more clipart details such as name, price, tags…

    • To add clipart to the design area, just click on them.

    Shapes

    • Similar clipart, this tab allow customer reach to ideas they want to use via the search box and categories filter. But Shapes are vector format which helps design have smooth details when zoom or export to big size without mess up.

    • To add shapes to the design area, just click on them.

    Images

    • This tab, allows you upload your pictures, or get them from your social account or some image stocks such as Pixabay, Openclipart.

    • To use them, just click on them to add to design editor.

    Drawing

    • This tab is setting to prepare draw info. You can select a color, size of the bush.

    • Just click on the color you want to use and draw what you want into editor area..

  • Text Toolbar

    With a text added to the design area. There are some options for it. To enable options, just click on the text and see the top toolbar as below:

    Font Family

    This option allows you switch to another font family easily. To use more font, just press the Get More Fonts button.

    Font Advance

    This tool allows you change the font-size, line-height even text content

    Text Effects

    There are some text effects on Design Studio Editor. To access it, just select a text and choose Text Effect icon.

    Text Style

    These options help you change text style as bold, underline, italic or text-align as well.

  •  Menu

    As an application on the desktop, there are some menus included on design studio editor.

     File

    • New Design: Start new empty design for the current product.
    • Import Design: Import design from your local which you exported from design studio editor.
    • Clear all: Clear current design to empty
    • Save as file: current export content on design area to a file
    • Make a Copy: Duplicate your current design content on area to new design
    • Download: export your design to another format: SVG, JPG, PNG, JSON, PDF

     My Designs

    This is management of all your designs on current PC

    • With each design, you can duplicate or focus edit and delete it.

    • To start new design just press New Design button

    Print

    Print current your design to printing devices

    • Just select a size or add your custom size to print or download result.

    Help

    Some guide for you to use our Design Studio Editor easier.

    Undo/Redo

    They are useful featured on design studio editor; you can track back to your works easier.

    Thanks for reading.

 

Advance Guide: Part A

  • Sed do eiusmod tempor incididunt

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

    • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    • Ut enim ad minim veniam, quis nostrud exercitation
    • Ullamco laboris nisi ut aliquip ex ea commodo consequat.
    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

     

  • Lorem ipsum dolor sit amet elit?

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

    • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    • Ut enim ad minim veniam, quis nostrud exercitation
    • Ullamco laboris nisi ut aliquip ex ea commodo consequat.
    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

     

  • Ut enim ad minim veniam

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

    • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    • Ut enim ad minim veniam, quis nostrud exercitation
    • Ullamco laboris nisi ut aliquip ex ea commodo consequat.
    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

     

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 

Advance Guide: Part B

  • Sed do eiusmod tempor incididunt

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

    • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    • Ut enim ad minim veniam, quis nostrud exercitation
    • Ullamco laboris nisi ut aliquip ex ea commodo consequat.
    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

     

  • Lorem ipsum dolor sit amet elit?

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

    • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    • Ut enim ad minim veniam, quis nostrud exercitation
    • Ullamco laboris nisi ut aliquip ex ea commodo consequat.
    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

     

  • Ut enim ad minim veniam

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

    • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    • Ut enim ad minim veniam, quis nostrud exercitation
    • Ullamco laboris nisi ut aliquip ex ea commodo consequat.
    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

     

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 

Sublimation Printing design Guide

  • Sed do eiusmod tempor incididunt

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

    • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    • Ut enim ad minim veniam, quis nostrud exercitation
    • Ullamco laboris nisi ut aliquip ex ea commodo consequat.
    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

     

  • Lorem ipsum dolor sit amet elit?

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

    • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    • Ut enim ad minim veniam, quis nostrud exercitation
    • Ullamco laboris nisi ut aliquip ex ea commodo consequat.
    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

     

  • Ut enim ad minim veniam

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

    • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    • Ut enim ad minim veniam, quis nostrud exercitation
    • Ullamco laboris nisi ut aliquip ex ea commodo consequat.
    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

     

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.