Jump to: navigation, search

Designer Studio Enhancements90

Designer Studio Features

Interactive 3D Design Preview (Add-On Plugin)

In this release, we are introducing interactive 3D previews for your products. After selecting the products and customizing the design, it will help your customers to know exactly how the product will look once it is printed.

We are offering two types of previews considering different types of products:

  • 360° Preview – This preview is available to single-page or multi-page flat products like business cards, letterheads, brochures, pocket folders, etc.

    FlatProduct360degree.gif

  • 3D Model PreviewThis preview is available for model products like mugs, t-shirts, pillows, etc.

    ModelProduct3Dview.gif

We also support custom models for other products like stubby holders, bottles, etc. with additional cost depending on its model creation complexity.

To show the 3D preview to your customer, first, you will have to configure the 3D Models and then assign those models to the respective product. Follow below for the same.

Designing 3D Preview

We have given the facility of configuring the 3D preview for the products in the Admin >> Designer Studio >> Studio Settings >> 3D Preview tab

DesignStudio3DPreview.png

We will be giving 3D previews configured for some of the Flat and Model products. You can see the details of the products for the preview by clicking on the 3D Models button as shown below:

3DPreview3DModels.png

For adding a new 3D model, you can click on the Add button from the above screen. It will take you to the next screen where you can enter the details for your new model:

Add3DModel3DPreview.png

Here, you need to enter the title, select 3D model type and then, upload the GLTF and additional files. After filling up all the details click on the Save button to add the new 3D model.

Note: Based on the product for which you want to show a 3D preview, OPS Technical Team will configure and assign the 3D models for you.

Now, need to assign products to the 3D models created. From the main 3D Preview screen, click on the Assign 3D Model button:

Assign3DProductwithModel.png

Select the product from the first drop-down, choose the type, specify the status of this preview (display or no display) and save the details.

3D Packaging Solution (Add-On Plugin)

In this version, we are introducing a personalized 3D box packaging feature. For it, we have introduced a new product type – Packages.

With OnPrintShop, you can create a Package product with a great user experience and the right features. It will in return give your customers a classic and timeless feel, as it provides a more versatile approach when decorating.

Note: Based on the product for which you want to show a 3D preview, OPS Technical Team will configure and assign the 3D models for you.

We are offering full personalization (outside and inside) for the following box types as part of our package module:

3DPackagingSolution.png

Adding a Package Product:

  • The process of adding a Package product remains the same as adding any custom size product.
  • To add a Package Product: choose the product type as ‘Packages’:
  • AddingPackageProduct.png

  • The pricing method for Package products will be “Size-based price”.
  • Define all the other details for the products as per your requirement. (Some of the possible additional options are – Box type, Paper type, Thickness, Coating type, Printing Sides and many more.)

Designing Package Preview

We have given the facility of configuring the preview of the Package Module in the Admin >> Designer Studio >> Studio Settings >> Package Preview tab

DesignStudioPackageModulePreview.png

We will be giving package previews configured for the three package products; Product Box, Mailer Box and Shipping Box. You can see the details of the package models for the preview by clicking on the Package Models button:

PackageModulePreviewPackageModels.png

For adding a new package model, you can click on the Add button from the Package Models screen. It will take you to the next screen where you can enter the details for your new model:

AddEditPackagePreview.png

Here, you need to enter the title, Package type and package area constant along with uploading the script and preview script file (The script and preview script files will be based on the products and it will be provided by the OPS team). After filling up all the details click on the Save button to add the new package model.

Now, need to assign products to the package models created. From the main Package Preview screen, click on the Assign Package Model button:

AssignPackageModelPackageProduct.png

Select the Product from the first drop-down, choose the package model for the product and specify the status of this package preview (display or no display) and save.

If your customer wants to print packages other than the mentioned boxes, the designs can be directly uploaded from the ‘Upload Design center’ and added to the cart.

Note: The 3D preview is currently applicable to three types of Packages: Product Box, Mailer Box and Shipping Box.

Apart from the mentioned boxes, on request, we can create new package box types with additional costs based on feasibility.

Now, let’s check how the price for the Package module will be calculated!

Creating Master Option Formula

For better and easy price calculation of the Package Module, we have introduced an advanced level custom Formula in the Product Options section.

We have given the facility of configuring the preview of the Package Module in the Admin >> Products >> Product Options

ProductOptionsFormulaButton.png

On the Add Master Option Formula page, you can add the title, Variable Name for formula, formula value and sorting preference:

AddFormulaPackage.png

For adding the formula value, you can refer to the Help text by clicking on the HelpIcon.png icon. Once you save the formula, it will appear as shown below:

AddedFormulaPackage.png

You can anytime modify the formula and save the changes.

Creating Master Product Options

After creating the Master Formula, it is time to create a Master Product Options which includes the formula created. From the Admin >> Products >> Product Options screen, click on the Add button.

On the Add Product Option page, enter the option details. In the Price Settings section, it is important to select the Custom Formula option from the Option Price Formula field.

AddpdtOptionsFormulaPackage.png

Now, for creating the formula copy the Formula Variable Name from the Formula screen and paste in curly braces in the space provided. Enter any other variable for the custom formula and then save.

Assigning Product Option to Package Product

Finally, it is time to assign the product option created to the respective Package product.

AssignPdtOptionsPackagepdt.png

Photo Calendar Solution Enhancement

In our Calendar Product, we are providing some additional facilities for a better UI and designing experience.

Add Back Cover

You get the option to design or offer the customers to design the back cover of the Calendar products when you enable the “Back Cover” from the Admin >> Products >> Calendar >> Edit Designer Option screen:

FrontBackCoverCalendarSettingsDS.png

The Designer Studio will have the Cover as well as Back page option along with 12-month pages:

BackCoverDesignerStudio.png

The layout for the Back page will be the same as the Cover page.

Duplicate Same Month

To design and display the same month twice on the same page, we have introduced the option of “Duplicate Month”.

DuplicateMonthAdmin.png

From the Admin >> Products >> Calendar >> Edit Designer Option screen, you need to first enable “Split View” and then enable the “Duplicate Month” option to duplicate the same month on the same page:

DuplicateMonth.png

Combine Month and Personalized Layout

The Combine Month & Personalized Layout was offered by default for calendar product without ‘split view’. Now, we have given this provision even for the calendar with ‘split view’. For this, you need to first enable the “Split View” and then “Combine Month & Personalization Layout”:

CombineMonthandPersonalized.png

In the Designer Studio, the customer will get the option to personalize the template which will have a month block too:

CombinedLayoutDesignerStudio.png

Modify Basic Properties

You can now offer your customers to personalize the month layout of the Calendar by enabling the “Allow Basic Calendar Properties modify at the front side” from the Admin >> Designer Studio >> Studio Settings >> Elements tab:

BasicPropertiesEnable.png

Now, when the customer will try to customize any Calendar product in the Designer Studio, he will get the option of editing the properties of the month layout.

BasicPropertiesEditOption.png

Selecting any Month Block from the template will display the option of “Edit Month Layout”. Clicking on this button will open a pop up of Month Layout Editor:

BasicPropertiesEditOptionMain.png

Here, the customers can modify the properties of Month title, Week, Day, Weekend, Other Days and Events. They will also get the option of previewing the changes or resetting them.

Modified Design of Accordion

In this release, we have modified the UI of Accordion for a better user interface and experience. To view how the Month Accordion appears click on the Edit Design button for any Month layout from the Admin >> Products >> Calendar >> Month/Week Layouts screen:

MonthLayoutEditAccordianChange.png

This will take you to the next screen where you can edit the design of the selected layout (with improved UI of properties):

CalendarAccordianUIChange.png

Split Single Date Cell

While designing a Calendar, you will have the control to select the number of rows in a month, which will apply to all the months in the calendar and if you have dates which does not fit in the specified rows then, a single date cell will be divided into two to fit two dates:

NumberofRowsCalendar.png

This newly added field – ‘No of Rows’ will be available only when ‘One’ is selected in the field – ‘No. of Weeks Per Row’.

Canvas Solution: Center Align Image

In this release we have added a setting through which you can control the default image alignment on the Canvas:

ImageCenterAlignmentStudioSettings.png

With this setting set to “Center”, the uploaded image will align centrally and fit the canvas, it will not zoom in/out automatically and white space will be applied across all sides.

Example: The Canvas is the landscape and the uploaded image is portrait then the image will align at the center of the canvas and white space will be added across all sides – probably more on left and right side compared to top and bottom:

FittoCenterImageCanvas.png

Photo Transfer from Smartphones to Desktops

In the Designer Studio, you can allow your customers to upload photos from their mobile (cell-phone) using the QR Code for easy personalization especially useful for Photo Prints Products.

First of all, to make this feature available in the Designer Studio, you need to enable the feature from Admin >> Designer Studio >> Studio Settings >> Common >> Image Section tab:

StudioSettingsMobileUploadEnable.png

With 3 easy steps the customers can upload images from their cell phones:

  • Select the Mobile option from the Left-hand side pane.
  • AddPhotosMobile.png

  • The option to scan the QR Code will appear:
  • AddPhotosMobileQRCode.png

  • Scan the QR Code from your mobile phone, upload the photos and then click on the Refresh button to see your uploaded images.
  • Using the “Send link to email” option, your customer can share the link with their friends by entering their email ID. In this way, the customers can collect photos from their friends as well.

Artwork Auto Resize in Upload Center Proofing

In this release, we have enhanced the artwork fill behavior in the proofing tool & upload center page. You can use this facility to give your customer a better proofing experience.

In this enhancement, we have refined and added new precise artwork fill settings – 1. Load actual image size, 2. Fit to the canvas with aspect ratio, 3. Fill to the canvas with aspect ratio and 4. Fill to canvas without aspect ratio, to the “Image Load Options”. This field will appear when you will select “Designer Studio” in the Upload Center Proof:

ProductSettingsUploadImagesfillWork.png

Once you have saved your preferences, it will be applied in the Proofing tool when your customer will upload their design for the selected product.

Note: For all the load options, the proofing tool will match the center of the image with the center of the canvas and then upload the selected image.

Here is how the individual Image Load Options will appear in the proofing tool:

Load actual Image size

When you select this option, the image will upload with its actual size which can be larger or smaller than the selected Canvas size.

ActualSizeImageArtworkFill.png

Fit to Canvas with Aspect Ratio

When you select this option, the image will fit to the canvas size considering the aspect ratio. When considering the ratio for fitting, the image leaves some white space mostly on the left and right side of the canvas:

Fit2CanvasImageArtworkFill.png

Fill in Canvas with Aspect Ratio

When you select this option, the image will load filling up the entire canvas considering the aspect ratio.

Fil2CanvasImagewithRatioArtworkFill.png

Fill in Canvas without Aspect Ratio

When you select this option, the image will load filling up the entire canvas without considering the aspect ratio.

In this option, there are chances of the image is being stretched.

Fil2CanvasImagewithoutRatioArtworkFill.png

As an admin, you can save your preference for loading the image in the proofing tool. However, your customers will have the facility to toggle among the above-mentioned canvas artwork fill options (except the ‘Load actual image size’ option) as per their need using the Fit to Design button as shown below:

Fit2DesignartworkFill.gif

New Minor Features & Enhancements

Clip Art Supports Color Gradients

From v9.0, the Clipart section will have 60+ clip arts with gradient colors for a better and creative designing experience:

ClipArtSupportsColorGradients3.png

Your customers can select and add the gradient color clipart to your product. It also allows to customize the gradient colors:

ClipArtSupportsColorGradients2.png

The feature will display which color has been changed in the clipart image:

ClipArtSupportsColorGradients1.png

“Justified” Text Alignment

We have added “Justify” text alignment in the text editor for better design and user experience.

JustifiedTextAlignment.png

Change the Capitalization or Case of Text

In the Text Editor, we have added new buttons for changing the cases of the selected text. Using this editor, the texts can be transformed into UPPERCASE, lowercase, or Title Case:

CapitalizationCaseText.png

Allow Negative Value in Character Spacing

While designing any of your products, the admin and the customers can enter negative values (up to -200) while specifying the character spacing.

NegativeValueCharacterSpacing.png

Stroke Values in Float

To improve the application of the stroke effect, we have enabled the option of entering the value for stroke in decimals.

StrokeValuesFloat.png

Position Change for Curve Effect Options

The display of options for the curve effect has been enhanced. The options will now appear in the right-hand side panel instead of opening as a pop-up.

Mask Image in “Designer Preview Images”

Now, you can upload Landscape/Portrait Print-ready mask images from the Products > Additional Options > Product Designer Rule > Designer Preview Images tab.

DesignerPreviewImages.png

Load Photobook based on pages specified in price-calculator

Now, when the customer will select the number of pages for the photobook in the price calculator, the designer studio will load the photobook with the number of pages specified instead of the default number of pages. This can be done when the

below option is enabled from the Admin > Designer Studio > Studio Settings > General tab:

LoadPhotobookPagesEnable.png

Photobook Supports Block PDF Template

While creating the photobook products, you will now have the option to create block PDF templates.

Changed Template Auto-Personalization Behavior

Now, you will have the control to decide whether you want the template auto-personalization from the caching storage or the logged-in profile. For that we have added two settings:

TemplateAutoPersonalization.png

Open Replace Image Pop-Up in Mobile

When any user is customizing any product template in mobile and selects the image placeholder then, we will open the image replace pop-up.