Digital design tool with image preview in web browser

Patent metadata

Field	Value
Publication number	US-11995300-B2
Application number	US-202318176368-A
Country	US
Kind code	B2
Filing date	Feb 28, 2023
Priority date	Oct 31, 2017
Publication date	May 28, 2024
Grant date	May 28, 2024

Abstract

A tool allows a user to create new designs for apparel and preview these designs before manufacture. Software and lasers are used in finishing apparel to produce a desired wear pattern or other design. Based on a laser input file with a pattern, a laser will burn the pattern onto apparel. With the tool, the user will be able to create, make changes, and view images of a design, in real time, before burning by a laser. Input to the tool includes fabric template images, laser input files, and damage input. The tool allows adding of tinting and adjusting of intensity and bright point. The user can also move, rotate, scale, and warp the image input.

First claim

The invention claimed is:

1. A method comprising:
in a digital design tool, providing a first option for a user to select a garment base and upon the user's selection, showing a first preview image in a screen of a Web browser comprising a base image for the selected garment base;
providing a second option for the user to select a finishing pattern for the selected garment base from a number of finishing patterns, wherein each finishing pattern is associated with a laser input file to be used by a laser to produce that finishing pattern onto a garment of the selected garment base;
after the finishing pattern is selected, showing a second preview image on the screen comprising the selected finishing pattern in combination with the base image, wherein the second preview image replaces the first preview image, and the second preview image provides an appearance of the garment template after being lasered with the selected finishing pattern and washed,
wherein the second preview image is generated comprising
generating an adjusted base image from the base image without the selected finishing pattern,
generating a pattern mask based on the laser input file associated with the selected finishing pattern,
for a pixel at a pixel location of the second preview image, obtaining a first contribution by combining a first value associated with a pixel of the pattern mask at a pattern mask pixel location that corresponds to the pixel location of the second preview image and a value of a pixel of the base image at a base image pixel location that corresponds to the pixel location of the second preview image,
for the pixel at the pixel location of the second preview image, obtaining a second contribution by combining a second value associated with the pixel of the pattern mask at the pattern mask pixel location that corresponds to the pixel location of the second preview image and a value of a pixel of the adjusted base image at an adjusted base image pixel location that corresponds to the pixel location of the second preview image,
combining the first contribution and second contribution to obtain a combined value for the pixel at the pixel location of the second preview image, and
displaying the pixel of the second preview image as a color on the screen, wherein the color of the pixel corresponds to the combined value.

2. The method of claim 1 wherein the user selects the finishing pattern by way of a touch screen interface of the screen.

3. The method of claim 1 wherein the user selects the finishing pattern by way of a mouse pointer screen interface.

4. The method of claim 1 comprising:
in the second preview image, the user selecting the finishing pattern and modifying a sizing of the finishing pattern relative to the base image, wherein as the user makes changes, the modified sizing of the finishing pattern is displayed to the user on the screen.

5. The method of claim 4 comprising:
showing a third preview image on the computer screen comprising the base image and selected finishing pattern with the modified sizing.

6. The method of claim 1 comprising:
in the second preview image, the user selecting the finishing pattern and modifying a position of the finishing pattern relative to the base image, wherein as the user makes changes, the modified positioning of the finishing pattern is displayed to the user.

7. The method of claim 6 comprising:
showing a third garment preview image on the computer screen comprising the base image and selected finishing pattern with the modified positioning is displayed to the user on the screen.

8. The method of claim 1 wherein the selected garment base comprises a pair of jeans.

9. The method of claim 1 wherein the selected garment base comprises a pair of pants.

10. The method of claim 1 wherein the selected garment base comprises a pair of shorts.

11. The method of claim 1 wherein the selected garment base comprises a shirt.

12. The method of claim 1 wherein the first contribution comprises a first percentage of the base image that passes to the second preview image, and the second contribution comprises a second percentage of the base image that passes to the second preview image.

13. The method of claim 1 wherein for the first contribution, the combining comprises a multiply operation of the first value and the value of the pixel of the base image at the base image pixel location.

14. The method of claim 13 wherein for the second contribution, the combining comprises a multiply operation of the second value and the value of the pixel of the adjusted base image at a new base image pixel location.

15. The method of claim 1 wherein the combining the first contribution and second contribution comprises an addition operation.

16. The method of claim 1 comprising:
using a laser to create a garment with the selected finishing pattern on an outer surface of the garment that is represented by the second preview image.

17. A method comprising:
in a garment design customization tool, providing a first option for a user to select a garment base and upon the user's selection, showing a first preview image in a screen of a Web browser comprising a base image for the selected garment base;
providing a second option for the user to select a finishing pattern for the selected garment base from a number of finishing patterns, wherein each finishing pattern is associated with a laser input file to be used by a laser to produce that finishing pattern onto a garment of the selected garment base; and
after the finishing pattern is selected, showing a second preview image on the screen comprising the selected finishing pattern in combination with the base image, wherein the second preview image replaces the first preview image, and the second preview image provides an appearance of the garment template after being lasered with the selected finishing pattern and washed,
wherein the second preview image is generated comprising
generating an adjusted base image from the base image without the selected finishing pattern,
generating a pattern mask based on the laser input file associated with the selected finishing pattern, and
for a pixel at a pixel location of the second preview image, obtaining a first contribution by combining a first value associated with a pixel of the pattern mask at a pattern mask pixel location that corresponds to the pixel location of the second preview image and a value of a pixel of the base image at a base image pixel location that corresponds to the pixel location of the second preview image.

18. The method of claim 17 wherein the selected garment base comprises a pair of jeans or pants.

19. The method of claim 17 comprising:
in the second preview image, the user selecting the finishing pattern and modifying a sizing of the finishing pattern relative to the base image, wherein as the user makes changes, the modified sizing of the finishing pattern is displayed to the user on the screen.

20. The method of claim 17 comprising:
in the second preview image, the user selecting the finishing pattern and modifying a position of the finishing pattern relative to the base image, wherein as the user makes changes, the modified positioning of the finishing pattern is displayed to the user.

21. The method of claim 17 comprising:
for the pixel at the pixel location of the second preview image, obtaining a second contribution by combining a second value associated with the pixel of the pattern mask at the pattern mask pixel location

Assignees

• Strauss Levi & Co

Inventors

• Mahanty Debdulal
• Kuzucu Ozgur Taylan
• Sights James Barton
• Bell Benjamin
• Schultz Christopher
• Schultz Jennifer

Classifications

• G06T11/10

  Texturing; Colouring; Generation of textures or colours (retouching, inpainting or scratch removal G06T5/77) · CPC title

• G06F3/04845 Primary

  for image manipulation, e.g. dragging, rotation, expansion or change of colour · CPC title

• G06F3/04817

  using icons (graphical or visual programming using iconic symbols G06F8/34) · CPC title

• G06F3/0482

  Interaction with lists of selectable items, e.g. menus · CPC title

• G06F3/04847

  Interaction techniques to control parameter settings, e.g. interaction with sliders or dials · CPC title