Digital design tool with preview in browser
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.
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 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, wherein the finishing pattern is associated with a digital input file to be used 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 produced with the selected finishing pattern,
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 digital 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 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 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, wherein the finishing pattern is associated with a digital input file to be used 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 produced,
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 digital input file associated with the selected finishing pattern,
obtaining a first contribution by combining a first value associated with a pixel of the pattern mask at a pattern mask pixel location and a value of a pixel of the base image at a base image pixel location,
obtaining a second contribution by combining a second value associated with the pixel of the pattern and a value of a pixel of the adjusted base image at an adjusted base image pixel location,
combining the first contribution and second contribution to obtain a combined value for a pixel 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.
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.