Custom Gateway - Customer Support


Welcome to the Custom Gateway Support Portal

Here you can raise support tickets and read articles on common queries using the topic sections and search below

G3D ACP: 2D Templates

Follow

Introduction.

When creating a 2D product you require an image of the product from an overhead view as shown in the following image.

sgs-4-pv.png

Duplicating a product

Find an existing 2D product in the Gateway 3D ACP and duplicate it into a category that you have write access to. If you are unsure of how to do this, guidance can be found here.

 

Resizing the image

Open the product image in your photo editing suite.

Gimp_Loaded.JPG

Notice the dimensions of the image highlighted at the top.

Make the canvas size square by increasing the length of the shortest edge to the same length as the longest edge, lock the aspect ratio and centre the image.

Canvas_Pre.JPGCanvas_Post.JPG

 

Scale the image to 800x800 px.

Scale_Pre.JPGScale_Post.JPG

Export the resized image to a png file.

 

Creating the mask

Add a new transparent layer and select the outline of the product in the original image using the fuzzy select tool.

New_Layer_Post.JPG

 

 

With the new layer selected in the layers tab, fill the editable area of the product image in black to create the mask.

Fill.JPG

 

Delete the layer that contains the original product image and export the mask to a png file.

Delete.JPG

 

What you are left with is an image of the product that is 800x800 px and a mask of the product that is 800x800 px, both in png format.

 

Updating the products basic details

Go back to the Gateway 3D ACP and find the new product that we earlier duplicated from an existing product, click edit and in the Basic Details section, amend the name, SKU, supplier etc. and click Save.

Basic_Details.JPG

 

 

Updating the 2D views

Select 2D views from the left, upload the image and the mask as a 2D view using the Choose File buttons and click Save.

2D_Views.JPG

 

 

Setting up print areas

Next we need to set up a print area that will contain the image areas and text areas that we will create.

Select Print Areas on the left. If there are no specified print areas, click New. If there is already a print area there, click the Edit button.

Print_Areas_Pre.JPG

 

Enter the actual print dimensions in mm of the print area into the Print Width boxes and give the print area a name.

Print_Area_Actual.JPG

 

Use the Texture Preview section to specify the size and position of the print area. Do this by dragging and expanding the image and mask until the required size and position are reached.

Print_Area_Texture_Preview.JPG

Make sure that the aspect ratio of the print area and the mask area is within 0.05 of the Print Width and Print Height aspect ratios. Click Save.

 

Setting up image areas

Next we need to set up image areas for the product. Select Image Areas from the left. If there are no specified image areas, click New. If there is already an image area there, click the Edit button.

Image_Area_Pre.JPG

 

An image area must fall within the area specified as the print area. Use the Surface drop down to specify the print area that this image area will belong to. Set the name for the image area.

Image_Area_Post.JPG

 

Use the Texture Preview section to specify the size and position of the image area. Do this by dragging and expanding the image area until the required size and position are reached. Click Save.

Image_Area_Texture_Preview.JPG

 

Setting up text areas

We now have our print area and image area set up so we can now move onto setting up the text areas.

Select Text Areas on the left. If there are no specified text areas, click New. If there is already a text area there, click the Edit button.

Text_Area_Pre.JPG

 

Once inside the text area you can give the area a name, character limit and default font size using the Name, Char Limit and Size fields respectively.

Text_Area_Post.JPG

 

Text areas are also required to fall within the specified print area. Make sure that the Surface Area drop down has the relevant print area selected and expand the Default Colour section to set a default colour for the text area.Text_Area_Default_Colour.JPG

 

Use the Texture Preview section to specify the position of the text area. Do this by dragging the text area until the required position is reached (remember that with text areas, you are using the X and Y co-ordinates to specify where the centre of the user's text will be placed).  Click Save.

Text_Area_Texture_Preview.JPG

 

Autofit Text and Placeholder Text

The 2D canvas renderer now supports two new features for text.

These new features are currently (02/01/2014) only available through the ACP layout but will be eventually added to other layouts or instantly on request.

Example: http://my.gateway3d.com/acp/app/?l=acp&p=1011472

 

 

Autofit Text

The 2D renderer is able to automatically adjust the size of a user’s text, as they type, so that it best fits a predefined area.

This feature leverages the existing “Text Boundary” feature and can be enabled under “Text Areas” in the ACP.

Note that the “Text Boundary” feature must be enabled for “Auto Fit” to work correctly.

 

Once the “Auto Fit” feature is enabled, the user will no longer be able to manually change the size of the text. It is therefore recommend that only one size is enabled for the product (which will cause the size selection list to be hidden).



Placeholder Text

Placeholder text is simply a default value for a text area that will be shown on a product until the user overwrites it with something else.

The placeholder text can be set in the “Text Areas” section of the ACP.



 

Print Test

The final stage is to print test the model to check that the model has been set up as you expected. Do this by going back to Basic Details and selecting Print Test.

Print_Test.JPG

Was this article helpful?
1 out of 1 found this helpful

Comments