Technologies for rendering items and elements thereof within a design studio

Patent metadata

Field	Value
Publication number	US-12374029-B2
Application number	US-202217853392-A
Country	US
Kind code	B2
Filing date	Jun 29, 2022
Priority date	Jun 29, 2021
Publication date	Jul 29, 2025
Grant date	Jul 29, 2025

Abstract

Systems and methods for rendering items in a user interface are described. According to certain aspects, an electronic device may initiate, on a display of the electronic device, a user interface for displaying a rendering of an item. In embodiments, the user interface may include selectable options for editing design elements of the item. As a user of the electronic device moves a pointer on the user interface, the electronic device may automatically and dynamically configure a lighting effect simulating a virtual light source by setting a position of the virtual light source to the location of the pointer. A rendering of the item can then be generated by applying the lighting effect to a digital image of the item, where the lighting effect can be updated responsive to movement of the pointer.

First claim

What is claimed is:

1. A computer-implemented method for rendering an item, the method comprising:
initiating, by one or more processors, on a display of an electronic device, a user interface for displaying a rendering of the item, wherein the item comprises (i) a first portion having a first texture, and (ii) a second portion having a second texture different than the first texture;
detecting, by the one or more processors, a location of a pointer on the user interface, the pointer controllable by a user of the electronic device; and
as the pointer moves to a series of new locations within the user interface:
configuring, by the one or more processors, a lighting effect simulating a virtual light source by setting a position of the virtual light source to a current new location, of the series of new locations, of the pointer,
generating, by the one or more processors, the rendering of the item by applying the lighting effect to a digital image of the item according to the position of the virtual light source, including:
applying the lighting effect to a first portion of the digital image corresponding to the first portion of the item having the first texture to simulate how the first texture would physically appear on the item, and
applying the lighting effect to a second portion of the digital image corresponding to the second portion of the item having the second texture to simulate how the second texture would physically appear on the item, wherein the lighting effect is applied to the first portion and to the second portion using a single mask image that is dynamically modified or re-generated in real time to reflect movement of the pointer to the current new location of the pointer, and

displaying, by the one or more processors, the rendering of the item in the user interface.

2. The computer-implemented method of claim 1 , wherein generating the rendering includes:
applying the lighting effect to the digital image using a scalable vector graphics (SVG) filter.

3. The computer-implemented method of claim 1 , wherein generating the rendering includes:
applying the lighting effect to the digital image by:
generating the single mask image representing a circular gradient having a center positioned at the position of the virtual light source; and
overlaying the single mask image on the first portion and the second portion of the digital image.

4. The computer-implemented method of claim 1 , further comprising:
receiving, by the one or more processors, via the user interface, an edit to a design element of the item;
updating, by the one or more processors, the digital image of the item to include the edit to the design element;
generating, by the one or more processors, an updated rendering of the item by applying the lighting effect to the updated digital image; and
displaying, by the one or more processors, the updated rendering in the user interface.

5. The computer-implemented method of claim 1 , wherein initiating the user interface includes:
initiating the user interface using a web browser application implemented at the electronic device.

6. The computer-implemented method of claim 1 , wherein detecting the location of the pointer includes:
receiving, by the one or more processors, input from a mouse communicatively coupled to the electronic device; and
determining the location of the pointer based on the input.

7. An electronic device for rendering system for rendering an item, comprising:
a display;
a memory storing non-transitory computer-executable instructions; and
one or more processors interfacing with the display and the memory, and configured to execute the non-transitory computer-executable instructions to cause the one or more processors to:
initiate a user interface for displaying a rendering of the item, wherein the item comprises (i) a first portion having a first texture, and (ii) a second portion having a second texture different than the first texture;
detect a location of a pointer on the user interface, the pointer controllable by a user of the electronic device; and
as the pointer moves to a series of new locations within the user interface:
configure a lighting effect simulating a virtual light source by setting a position of the virtual light source to a current new location, of the series of new locations, of the pointer,
generate the rendering of the item by applying the lighting effect to a digital image of the item according to the position of the virtual light source, including:
applying the lighting effect to a first portion of the digital image corresponding to the first portion of the item having the first texture to simulate how the first texture would physically appear on the item, and
applying the lighting effect to a second portion of the digital image corresponding to the second portion of the item having the second texture to simulate how the second texture would physically appear on the item, wherein the lighting effect is applied to the first portion and to the second portion using a single mask image that is dynamically modified or re-generated in real time to reflect movement of the pointer to the current new location of the pointer, and display the rendering of the item in the user interface.

8. The electronic device of claim 7 , wherein to generate the rendering, the one or more processors are configured to:
apply the lighting effect to the digital image using a scalable vector graphics (SVG) filter.

9. The electronic device of claim 7 , wherein to generate the rendering, the one or more processors are configured to:
apply the lighting effect to the digital image by:
generating the single mask image representing a circular gradient having a center positioned at the position of the virtual light source; and
overlaying the single mask image on the first portion and the second portion of the digital image.

10. The electronic device of claim 7 , wherein the one or more processors are configured to execute the non-transitory computer-executable instructions to further cause the one or more processors to:
receive, via the user interface, an edit to a design element of the item;
update the digital image of the item to include the edit to the design element;
generate an updated rendering of the item by applying the lighting effect to the updated digital image; and
display the updated rendering in the user interface.

11. The electronic device of claim 7 , wherein to initiate the user interface, the one or more processors are configured to:
initiate the user interface using a web browser application implemented at the electronic device.

12. The electronic device of claim 7 , wherein to detect the location of the pointer, the one or more processors are configured to:
receiving, by the one or more processors, input from a mouse communicatively coupled to the electronic device; and
determining the location of the pointer based on the input.

13. A non-transitory computer-readable storage medium having stored thereon a set of instructions, executable by one or more processors, for rendering an item, the set of instructions comprising:
instructions for initiating, on a display of an electronic device, a user interface for displaying a rendering of the item, wherein the item comprises (i) a first portion having a first texture, and (ii) a second portion having a second texture different than the first texture;
instructions for detecting a location of a pointer on the user interface, the pointer controllable by a user of the electronic device; and
instructions for, as the pointer moves to a series of new locations within the user interface:
configuring a

Assignees

• Cimpress Schweiz Gmbh

Inventors

• Kayastha Christina

Classifications

• G06Q30/0643

  graphically representing goods, e.g. 3D product representation · CPC title

• G06F3/1256

  User feedback, e.g. print preview, test print, proofing, pre-flight checks · CPC title

• G06T15/506

  Illumination models · CPC title

• G06F3/1208

  resulting in improved quality of the output result, e.g. print layout, colours, workflows, print preview · CPC title

• G06T15/50 Primary

  Lighting effects · CPC title