LiveArt Blog

New Year, New LiveArt

Hey everyone! It's a great year start, and our team is doing its best to provide constant improvements to our online product design tool. Let us have a look at what LiveArt will be in future versions.

Support of social networks. Adding own images from Instagram or Facebook has already become a must for most personalized products: phone wraps, custom canvases, cases, pillows, and apparel as well. Allowing people to access their Instagram feed with a click is another priority we are going to hit.

Responsive online designer. Yes, after several UX research tasks, our team is about to release a responsive version of LiveArt HTML5, allowing users to design their beloved customized products on smartphones, including Android, iOS, or Windows-based devices. More specifically, this would also be another step towards a complete design revamp of the tool scheduled to take place later this year.

Designer = Configurator. In addition to being an online product designer, LiveArt HTML5 became widely used as a universal product configurator, where users can create their product with parts or by modifying the existing options.

More integrations are coming. For a hosted platform of Shopify and another integration for a well-known .NET platform - nopCommerce.

As we have launched a Vote For Feature portal at http://liveart.uservoice.com/, you are more than welcome to check in regularly as well as subscribe to our Facebook and Twitter for updates.

Online 3D Design Preview In LiveArt HTML5 Product Designer

Modern online product designers feature realistic previews that are shown in real-time. Whether you add text or upload your own artwork it is reflected on a product just in a split second. While a flat preview might be sufficient for a printed products industry or stationary, promotional products like cups or custom uniforms might require a better outlook. That is where the 3D preview of a design might benefit much to the final look and feel of the personalized promotional product.

Read more

Basically, a 3D design preview applies design onto a product model, allowing the user to rotate it in a 360 degree while realizing how the end printed one would look like. A 3D product preview can be implemented for all types of LiveArt software, including  LiveArt HTML5 version. Upon additional request, our team can build custom scenes for a product rather than allowing preview float in a space, which is the most simple implementation.

A realistic touch can be made for phone cases 3d previews, t-shirt 3d previews, mugs, cups, USB drives, and a number of various products one can imagine.

Want a 3D Product Preview implemented for your project? Gather up a bit of information and let us know:

- A version of a product you are already using or planning to use. Applicable versions are LiveArt HTML5, LiveArt Shop and LiveArt Lite;

- A product type you would like to enable 3D preview for - t-shirt, cup, mug, banner, notebook, jewelry, etc.

- Any additional preferences to controls or scene itself.

Today the personalization comes out of 2-dimensional into complete 3D, where one can 3D print small applicable things like phone cases. A 3D Product Preview or designer would benefit much to further augmented the feeling of designing and engagement as well as customer love. Happy online designing!

 

Converting LiveArt HTML5 Online Design Studio Output to Other Formats

LiveArt’s HTML5 Online Design Studio offers a cutting-edge mobile experience on iPhone, Android, and Windows mobile platforms and uses most of the up to date web standards including SVG. To support the industry demand for high-quality output from online product designers, we have implemented SVG as the core technology of LiveArt HTML5.

Read more

While SVG is supported by the majority of the browsers and mobile platforms, it is often necessary to produce lower resolution images as design previews or proofs. The most common scenario is a small thumbnail in a shopping cart that will assure the user he has ordered the exact design. For other production purposes, other different images and formats might be required.

Since most of the backends are Unix or Linux based, our team recommends the following tools to do best for SVG conversion job:

  • ImageMagick - the most popular and very powerful conversion tool. The convert command is widely used for different conversion and can do simple SVG conversions as well.
  • rsvg - a highly-specialized library for SVG processing. Recommended for use if you have complex designs, uploaded images, and custom fonts (see also note on custom fonts below). rsvg is also a common delegate tool for ImageMagick convert as well.
  • Inkscape - a popular free SVG editor. While we recommend using it as an editing tool to convert LiveArt output into different printing formats, it also available for usage as a command-line tool for conversion.

If custom fonts are used inside SVG design, make sure to have them installed into the backend system BEFORE you are running the conversion tool. This would ensure your converted output would keep the original fonts inside the designer.

If you are planning to use SVG in a traditional graphic software like Illustrator or Coreldraw, make sure you also run a short checklist to get your output prepared for that:

  • Copy all externally referenced images locally. Ideally, place them into the same folder as your original design;
  • Install the custom font used on your system;
  • Since SVG is an open and understandable text formatted file, open it with a text editor. Replace all absolute xlink:href references to local files you have prepared in previous steps;
  • While the design would look exactly as you have designed it in the browser, be prepared that professional software may displace certain elements like text. Looks like software grands are still learning to support web standards.

Let us know if the above pieces of advice were helpful to you. Good luck and happy online designing!