Online Ordering Tool with 3D Preview
A computer system of a finishing center, such as a mobile finishing center, includes a tool that allows a customer to preview or create new designs for apparel before purchase and before laser finishing. 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 or ablate the pattern onto apparel. With the tool, the customer will be able to preview, create, make changes, and view images of a design, in real time, before purchase and burning or ablation by a laser. Input to the tool can include fabric template images, laser input files, and damage input. In an implementation, the customer or another user can also move, rotate, scale, and warp the image input.
The application is a continuation of U.S. application Ser. No. 17/009,704, filed Sep. 1, 2020, issued as U.S. Pat. No. 11,680,366 on Jun. 20, 2023, which is a divisional of U.S. application Ser. No. 16/535,058, filed Aug. 7, 2019, which claims the benefit of U.S. patent application 62/715,788, filed Aug. 7, 2018. These applications are incorporated by reference along with all other references cited in this application.
BACKGROUND OF THE INVENTIONThe present invention relates to apparel manufacturing and, more specifically, to manufacturing using a mobile finishing center finishing center for finishing garments to have a faded, distressed, washed, or worn finish or desired appearance. The mobile finishing center can be driven to a location such as sporting events (e.g., Super Bowl), concerts (e.g., Coachella), or other special event, at which garments can be processed on site.
In 1853, during the California Gold Rush, Levi Strauss, a 24-year-old German immigrant, left New York for San Francisco with a small supply of dry goods with the intention of opening a branch of his brother's New York dry goods business. Shortly after arriving in San Francisco, Mr. Strauss realized that the miners and prospectors (called the “forty niners”) needed pants strong enough to last through the hard work conditions they endured. So, Mr. Strauss developed the now familiar jeans which he sold to the miners. The company he founded, Levi Strauss & Co., still sells jeans and is the most widely known jeans brand in the world. Levi's is a trademark of Levi Strauss & Co. or LS&Co.
Though jeans at the time of the Gold Rush were used as work clothes, jeans have evolved to be fashionably worn everyday by men and women, showing up on billboards, television commercials, and fashion runways. Fashion is one of the largest consumer industries in the U.S. and around the world. Jeans and related apparel are a significant segment of the industry.
As fashion, people are concerned with the appearance of their jeans. Many people desire a faded or worn blue jeans look. In the past, jeans became faded or distressed through normal wash and wear. The apparel industry recognized people's desire for the worn blue jeans look and began producing jeans and apparel with a variety of wear patterns. The wear patterns have become part of the jeans style and fashion. Some examples of wear patterns include combs or honeycombs, whiskers, stacks, crackle, and train tracks.
Despite the widespread success jeans have enjoyed, the process to produce modern jeans with wear patterns takes processing time, has relatively high processing cost, and is resource intensive. A typical process to produce jeans uses significant amounts of water, chemicals (e.g., bleaching or oxidizing agents), ozone, enzymes, and pumice stone. For example, it may take about 20 to 60 liters of water to finish each pair of jeans.
Therefore, there is a need for a technique for finishing garments that also reduces environmental impact, processing time, and processing costs, while maintaining the look and style of traditional finishing techniques.
BRIEF SUMMARY OF THE INVENTIONA computer system of a finishing center, such as a mobile finishing center, includes a tool that allows a customer to preview or create new designs for apparel before purchase and before laser finishing. 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 or ablate the pattern onto apparel. With the tool, the customer will be able to preview, create, make changes, and view images of a design, in real time, before purchase and burning or ablation by a laser. Input to the tool can include fabric template images, laser input files, and damage input. In an implementation, the customer or another user can also move, rotate, scale, and warp the image input.
The finishing center includes a laser to finish garments to have a faded, distressed, washed, or worn finish or desired appearance. The mobile finishing center is self-contained and can be driven to a location where consumers can select, view a preview of apparel products, order apparel products, and then the products will be manufactured on site.
In a specific implementation, a system includes a tablet computer. The tablet computer includes a touch screen display, where a first ordering screen on the tablet computer. The first ordering screen includes a three-dimensional preview rendering of a garment and a number of ordering options that selectable by a user where the ordering options are displayed along with the three-dimensional preview of the garment.
A first ordering option of the number of ordering options includes selectable shades of a material of the garment. A second ordering option of the plurality of ordering options includes selectable patterns of the garment, wherein the selectable patterns are to be lasered by a laser onto the garment using laser pattern files for the patterns. A third ordering option of the number of ordering options comprises selectable damage of the garment. The damage is to be lasered by the laser using laser damage files for the selectable damages. The laser pattern files and the laser damage files are different files.
After one or more of the first, second, or third ordering options are selected, the three-dimensional preview of the garment is updated in the first order screen in real time to display the three-dimensional preview of the garment with one or more of a selected shade of the material, a selected pattern, or a selected damage.
Other objects, features, and advantages of the present invention will become apparent upon consideration of the following detailed description and the accompanying drawings, in which like reference designations represent like features throughout the figures.
Some examples of natural fibers include cotton, flax, hemp, sisal, jute, kenaf, and coconut; fibers from animal sources include silk, wool, cashmere, and mohair. Some examples of synthetic fibers include polyester, nylon, spandex or elastane, and other polymers. Some examples of semisynthetic fibers include rayon, viscose, modal, and lyocell, which are made from a regenerated cellulose fiber. A fabric can be a natural fiber alone (e.g., cotton), a synthetic fiber alone (e.g., polyester alone), a blend of natural and synthetic fibers (e.g., cotton and polyester blend, or cotton and spandex), or a blend of natural and semisynthetic fibers, or any combination of these or other fibers.
For jeans, the fabric is typically a denim, which is a sturdy cotton warp-faced textile in which a weft passes under two or more warp threads. This twill weaving produces a diagonal ribbing. The yarns (e.g., warp yarns) are dyed using an indigo or blue dye, which is characteristic of blue jeans.
Although this patent describes the apparel processing and finishing with respect to jeans, the invention is not limited jeans or denim products, such as shirts, shorts, jackets, vests, and skirts. The techniques and approaches described are applicable to other apparel and products, including nondenim products and products made from knit materials. Some examples include T-shirts, sweaters, coats, sweatshirts (e.g., hoodies), casual wear, athletic wear, outerwear, dresses, eveningwear, sleepwear, loungewear, underwear, socks, bags, backpacks, uniforms, umbrellas, swimwear, bed sheets, scarves, and many others.
A manufacturer creates a design 115 (design I) of its product. The design can be for a particular type of clothing or garment (e.g., men's or women's jean, or jacket), sizing of the garment (e.g., small, medium, or large, or waist size and inseam length), or other design feature. The design can be specified by a pattern or cut used to form pieces of the pattern. A fabric is selected and patterned and cut 118 based on the design. The pattern pieces are assembled together 121 into the garment, typically by sewing, but can be joined together using other techniques (e.g., rivets, buttons, zipper, hoop and loop, adhesives, or other techniques and structures to join fabrics and materials together).
Some garments can be complete after assembly and ready for sale. However, other garments are unfinished 122 and receive additional finishing 124. The additional finishing may include laser finishing, tinting, washing, softening, and fixing. For distressed denim products, the laser finishing can include using a laser to produce a wear pattern according to a design 127 (design II). Some additional details of laser finishing are described in U.S. patent application 62/377,447, filed Aug. 19, 2016, and Ser. No. 15/682,507, filed Aug. 21, 2017, issued as U.S. Pat. No. 10,051,905 on Aug. 21, 2018, are incorporated by reference along with all other references cited in this application. U.S. patent applications 62/636,108, filed Feb. 27, 2018, and 62/715,788, filed Aug. 7, 2018, describe some specific implementations of a brief builder application and are incorporated by reference.
Design 127 (design II) is for post-assembly aspects of a garment while design 115 is for preassembly aspects of a garment. After finishing 124, a finished product 130 (e.g., a pair of jeans) is complete and ready for sale. The finished product can be inventoried and distributed 133, delivered to stores 136, and sold to consumers or customers 139. The finished product can alternatively be sold to a customer at a mobile finishing center where the customer orders the jeans and selects a laser finishing pattern for application for the jeans at the mobile finishing center and delivery at the center. Laser finishing facilitates the consumer buying and wearing worn blue jeans without having to wear the jeans themselves to achieve the worn blue jeans appearance. Achieving a worn blue jeans appearance through wear usually takes significant time and effort.
Traditionally, to produce distressed denim products, finishing techniques include dry abrasion, wet processing, oxidation, or other techniques, or combinations of these, to accelerate wear of the material in order to produce a desired wear pattern. Dry abrasion can include sandblasting or using sandpaper. For example, some portions or localized areas of the fabric are sanded to abrade the fabric surface. Wet processing can include washing in water, washing with oxidizers (e.g., bleach, peroxide, ozone, or potassium permanganate), spraying with oxidizers, washing with abrasives (e.g., pumice, stone, or grit).
These traditional finishing approaches take time, incur expense, and impact the environment by utilizing resources and producing waste. It is desirable to reduce water and chemical usage, which can include eliminating the use agents such as potassium permanganate and pumice. An alternative to these traditional finishing approaches is laser finishing.
The laser is controlled by an input file 210 and control software 213 to emit a laser beam onto fabric at a particular position or location at a specific power level for a specific amount of time. Further, the power of the laser beam can be varied according to a waveform such as a pulse wave with a particular frequency, period, pulse width, or other characteristics. Some aspects of the laser that can be controlled include the duty cycle, frequency, marking or burning speed, ablation speed, and other parameters.
The duty cycle is a percentage of laser emission time. Some examples of duty cycle percentages include 40, 45, 50, 55, 60, 80, and 100 percent. The frequency is the laser pulse frequency. A low frequency might be, for example, 5 kilohertz, while a high frequency might be, for example, 25 kilohertz. Generally, lower frequencies will have higher surface penetration than high frequencies, which has less surface penetration.
The laser acts like a printer and “prints,” “marks,” “burns,” or “ablates” a wear pattern (specified by input file 210) onto the garment. The fabric that is exposed to the laser beam (e.g., infrared beam) changes color, lightening the fabric at a specified position by a certain amount based on the laser power, time of exposure, waveform used, or any combination of these laser features. The laser light emitted by a laser is directed from position to position until the wear pattern is completely printed on the garment.
In a specific implementation, the laser beam has a resolution of about 34 dots per inch (dpi), which on the garment is about 0.7 millimeters per pixel. The technique described in this patent is not dependent on the laser beam's resolution, and will work with lasers have more or less resolution than 34 dots per inch. For example, the laser beam can have a resolution of 10, 15, 20, 25, 30, 40, 50, 60, 72, 80, 96, 100, 120, 150, 200, 300, or 600 dots per inch, or more or less than any of these or other values. Typically, the greater the resolution, the finer the features that can be printed on the garment in a single pass. By using multiple passes (e.g., 2, 3, 4, 5, or more passes) with the laser, the effective resolution of the laser beam can be increased. In an implementation, multiple laser passes are used.
In an implementation, jeans are dyed using an indigo dye, which results in a blue colored fabric. The blue color is caused by chromophores trapped in the fabric which reflect light as a blue color. U.S. patent application 62/433,739, filed Dec. 13, 2016, which is incorporated by reference, describes a denim material with enhanced response characteristics to laser finishing. Using a denim material made from indigo ring-dyed yarn, variations in highs and lows in indigo color shading is achieved by using a laser.
Laser finishing can be used on denim and other materials too. Laser finishing can be used to alter the coloration of any material where the sublimation (or decomposition in some cases) temperature of the dye or the material itself is within range of the operating temperatures of the laser during use. Color change is a product of either the removal of dyestuff or the removal of material uncovering material of another color.
For denim, dyed yarn is used for the warp, and undyed or white yarn is typically used for the weft yarn. In some denim fabrics, the weft yarn can be dyed and have a color other than white, such as red. In the denim weave, the weft passes under two or more warp threads.
Because of the weave, one side of the fabric exposes more of the warp yarns (e.g., warp-faced side), while the other side exposes more of the weft yarns (e.g., weft-faced side). When the warp yarns are blue and weft yarns are white, a result of the weave is the warp-faced side will appear mostly blue while the reverse side, weft-faced side, will appear mostly white.
In denim, the warp is typically 100 percent cotton. But some warp yarns can be a blend with, for example, elastane to allow for warp stretch. And some yarns for other fabrics may contain other fibers, such as polyester or elastane as examples.
In an indigo ring-dyed yarn, the indigo does not fully penetrate to a core of the yarn. Rather, the indigo dye is applied at a surface of the cotton yarn and diffuses toward the interior of the yarn. So, when the yarn is viewed cross-sectionally, the indigo dyed material will appear as a ring on around an outer edge of the yarn. The shading of the indigo dye will generally lighten in a gradient as a distance increases from the surface of the yarn to the center (or core) of the yarn.
During laser finishing, the laser removes a selected amount of the surface of the indigo dyed yarn (e.g., blue color) to reveal a lighter color (e.g., white color) of the inner core of the ring-dyed yarn. The more of the indigo dyed material that is removed, the lighter the color (e.g., lighter shade of blue). The more of the indigo dyed material that remains, the darker the color (e.g., deeper shade of blue). The laser can be controlled precisely to remove a desired amount of material to achieve a desired shade of blue in a desired place or position on the material.
With laser finishing, a finish can be applied (e.g., printed, burned, or ablated via the laser) onto apparel (e.g., jeans and denim garments) that will appear similar to or indistinguishable from a finish obtained using traditional processing techniques (e.g., dry abrasion, wet processing, and oxidation). Laser finishing of apparel is less costly and is faster than traditional finishing techniques and also has reduced environmental impact (e.g., eliminating the use of harsh chemical agents and reducing waste).
As shown in
Finishing II can include laser finishing. Base A is lasered with different designs to obtain various final product based on base A (e.g., FP(A)1 to FP(A)i, where i is an integer). Base B is lasered with different designs to obtain various final product based on base B (e.g., FP(B)1 to FP(B)j, where j is an integer). Base C is lasered with different designs to obtain various final product based on base C (e.g., FP(C)1 to FP(C)k, where k is an integer). Each base can be used to obtain a number of different final designs. For example, the integers i, j, and k can have different values.
As described above and shown in
In an implementation, laser finishing is used to create many different finishes (each a different product) easily and quickly from the same fabric template or BFF or “blank.” For each fabric, there will be a number of base fit fabrics. These base fit fabrics are lasered to produce many different finishes, each being a different product for a product line. Laser finishing allows greater efficiency because by using fabric templates (or base fit fabrics), a single fabric or material can be used to create many different products for a product line, more than is possible with traditional processing. This reduces the inventory of different fabric and finish raw materials.
For a particular product (e.g., 511 product), there can be two different fabrics, such as base B and base C of
For example, FP(B)1 can be laser finished using different laser files (e.g., laser file 1, laser file 2, laser file 3, or others) or have different post-laser wash (e.g., post-laser wash recipe 1, post-laser wash recipe 2, post-laser wash recipe 3, or others), or any combination of these. A first product would be base fit fabric FP(B)1 lasered using laser file 1 and washed using post-laser wash recipe 1. A second product would be base fit fabric FP(B)1 lasered using laser file 2 and washed using post-laser wash recipe 1. A third product would be base fit fabric FP(B)1 lasered using laser file 2 and washed using post-laser wash recipe 2. And there can be many more products based on the same base fit fabric. Each can have a different product identifier or unique identifier, such as a different PC9 or nine-digit product code.
With laser finishing, many products or PC9s are produced for each base fit fabric or blank. Compared to traditional processing, this is a significant improvement in providing greater numbers of different products with less different fabrics and finishes (each of which in traditional processing consume resources, increasing cost, and take time). Inventory is reduced. The technique of providing base fit finishes or fabric templates for laser finishing has significant and many benefits.
A system incorporating laser finishing can include a computer to control or monitor operation, or both.
Communication network 1024 may itself be comprised of many interconnected computer systems and communication links. Communication links 1028 may be hardwire links, optical links, satellite or other wireless communications links, wave propagation links, or any other mechanisms for communication of information. Communication links 1028 may be DSL, Cable, Ethernet or other hardwire links, passive or active optical links, 3G, 3.5G, 4G and other mobility, satellite or other wireless communications links, wave propagation links, or any other mechanisms for communication of information.
Various communication protocols may be used to facilitate communication between the various systems shown in
Distributed computer network 1000 in
Client systems 1013, 1016, and 1019 typically request information from a server system which provides the information. For this reason, server systems typically have more computing and storage capacity than client systems. However, a particular computer system may act as both as a client or a server depending on whether the computer system is requesting or providing information. Additionally, although aspects of the invention have been described using a client-server environment, it should be apparent that the invention may also be embodied in a standalone computer system.
Server 1022 is responsible for receiving information requests from client systems 1013, 1016, and 1019, performing processing required to satisfy the requests, and for forwarding the results corresponding to the requests back to the requesting client system. The processing required to satisfy the request may be performed by server system 1022 or may alternatively be delegated to other servers connected to communication network 1024.
Client systems 1013, 1016, and 1019 enable users to access and query information stored by server system 1022. In a specific embodiment, the client systems can run as a standalone application such as a desktop application or mobile smartphone or tablet application. In another embodiment, a “Web browser” application executing on a client system enables users to select, access, retrieve, or query information stored by server system 1022. Examples of Web browsers include the Internet Explorer browser program provided by Microsoft Corporation, Firefox browser provided by Mozilla, Chrome browser provided by Google, Safari browser provided by Apple, and others.
In a client-server environment, some resources (e.g., files, music, video, or data) are stored at the client while others are stored or delivered from elsewhere in the network, such as a server, and accessible via the network (e.g., the Internet). Therefore, the user's data can be stored in the network or “cloud.” For example, the user can work on documents on a client device that are stored remotely on the cloud (e.g., server). Data on the client device can be synchronized with the cloud.
It should be understood that the present invention is not limited any computing device in a specific form factor (e.g., desktop computer form factor), but can include all types of computing devices in various form factors. A user can interface with any computing device, including smartphones, personal computers, laptops, electronic tablet devices, global positioning system (GPS) receivers, portable media players, personal digital assistants (PDAs), other network access devices, and other processing devices capable of receiving or transmitting data.
For example, in a specific implementation, the client device can be a smartphone or tablet device, such as the Apple iPhone (e.g., Apple iPhone X series), Apple iPad (e.g., Apple iPad, Apple iPad Pro, or Apple iPad mini), Apple iPod (e.g., Apple iPod Touch), Samsung Galaxy product (e.g., Galaxy S series product or Galaxy Note series product), Google Nexus and Pixel devices (e.g., Google Nexus series), and Microsoft devices (e.g., Microsoft Surface tablet). Typically, a smartphone includes a telephony portion (and associated radios) and a computer portion, which are accessible via a touch screen display.
There is nonvolatile memory to store data of the telephone portion (e.g., contacts and phone numbers) and the computer portion (e.g., application programs including a browser, pictures, games, videos, and music). The smartphone typically includes a camera (e.g., front facing camera or rear camera, or both) for taking pictures and video. For example, a smartphone or tablet can be used to take live video that can be streamed to one or more other devices.
Enclosure 1107 houses familiar computer components, some of which are not shown, such as a processor, memory, mass storage devices 1117, and the like. Mass storage devices 1117 may include mass disk drives, floppy disks, magnetic disks, optical disks, magneto-optical disks, fixed disks, hard disks, CD-ROMs, recordable CDs, DVDs, recordable DVDs (e.g., DVD-R, DVD+R, DVD-RW, DVD+RW, HD-DVD, or Blu-ray Disc), flash and other nonvolatile solid-state storage (e.g., USB flash drive or solid state drive (SSD)), battery-backed-up volatile memory, tape storage, reader, and other similar media, and combinations of these.
A computer-implemented or computer-executable version or computer program product of the invention may be embodied using, stored on, or associated with computer-readable medium. A computer-readable medium may include any medium that participates in providing instructions to one or more processors for execution. Such a medium may take many forms including, but not limited to, nonvolatile, volatile, and transmission media. Nonvolatile media includes, for example, flash memory, or optical or magnetic disks. Volatile media includes static or dynamic memory, such as cache memory or RAM. Transmission media includes coaxial cables, copper wire, fiber optic lines, and wires arranged in a bus. Transmission media can also take the form of electromagnetic, radio frequency, acoustic, or light waves, such as those generated during radio wave and infrared data communications.
For example, a binary, machine-executable version, of the software of the present invention may be stored or reside in RAM or cache memory, or on mass storage device 1117. The source code of the software of the present invention may also be stored or reside on mass storage device 1117 (e.g., hard disk, magnetic disk, tape, or CD-ROM). As a further example, code of the invention may be transmitted via wires, radio waves, or through a network such as the Internet.
Arrows such as 1222 represent the system bus architecture of computer system 1101.
However, these arrows are illustrative of any interconnection scheme serving to link the subsystems. For example, speaker 1220 could be connected to the other subsystems through a port or have an internal direct connection to central processor 1202. The processor may include multiple processors or a multicore processor, which may permit parallel processing of information. Computer system 1101 shown in
Computer software products may be written in any of various suitable programming languages, such as C, C++, C #, Pascal, Fortran, Perl, Matlab (from MathWorks, www.mathworks.com), SAS, SPSS, JavaScript, AJAX, Java, Python, Erlang, and Ruby on Rails.
The computer software product may be an independent application with data input and data display modules. Alternatively, the computer software products may be classes that may be instantiated as distributed objects. The computer software products may also be component software such as Java Beans (from Oracle Corporation) or Enterprise Java Beans (EJB from Oracle Corporation).
An operating system for the system may be one of the Microsoft Windows® family of systems (e.g., Windows 95, 98, Me, Windows NT, Windows 2000, Windows XP, Windows XP x64 Edition, Windows Vista, Windows 7, Windows 8, Windows 10, Windows CE, Windows Mobile, Windows RT), Symbian OS, Tizen, Linux, HP-UX, UNIX, Sun OS, Solaris, Mac OS X, Apple iOS, Android, Alpha OS, AIX, IRIX32, or IRIX64. Other operating systems may be used. Microsoft Windows is a trademark of Microsoft Corporation.
Any trademarks or service marks used in this patent are property of their respective owner. Any company, product, or service names in this patent are for identification purposes only. Use of these names, logos, and brands does not imply endorsement.
Furthermore, the computer may be connected to a network and may interface to other computers using this network. The network may be an intranet, internet, or the Internet, among others. The network may be a wired network (e.g., using copper), telephone network, packet network, an optical network (e.g., using optical fiber), or a wireless network, or any combination of these. For example, data and other information may be passed between the computer and components (or steps) of a system of the invention using a wireless network using a protocol such as Wi-Fi (IEEE standards 802.11, 802.11a, 802.11b, 802.11e, 802.11g, 802.11i, 802.11n, 802.11ac, and 802.11ad, just to name a few examples), near field communication (NFC), radio-frequency identification (RFID), mobile or cellular wireless (e.g., 2G, 3G, 4G, 3GPP LTE, WiMAX, LTE, LTE Advanced, Flash-OFDM, HIPERMAN, iBurst, EDGE Evolution, UMTS, UMTS-TDD, 1×RDD, and EV-DO). For example, signals from a computer may be transferred, at least in part, wirelessly to components or other computers.
In an embodiment, with a Web browser executing on a computer workstation system, a user accesses a system on the World Wide Web (WWW) through a network such as the Internet. The Web browser is used to download Web pages or other content in various formats including HTML, XML, text, PDF, and postscript, and may be used to upload information to other parts of the system. The Web browser may use uniform resource identifiers (URLs) to identify resources on the Web and hypertext transfer protocol (HTTP) in transferring files on the Web.
In other implementations, the user accesses the system through either or both of native and nonnative applications. Native applications are locally installed on the particular computing system and are specific to the operating system or one or more hardware devices of that computing system, or a combination of these. These applications (which are sometimes also referred to as “apps”) can be updated (e.g., periodically) via a direct internet upgrade patching mechanism or through an applications store (e.g., Apple iTunes and App store, Google Play store, Windows Phone store, and Blackberry App World store).
The system can run in platform-independent, nonnative applications. For example, client can access the system through a Web application from one or more servers using a network connection with the server or servers and load the Web application in a Web browser. For example, a Web application can be downloaded from an application server over the Internet by a Web browser. Nonnative applications can also be obtained from other sources, such as a disk.
Smartphone 1301 has an enclosure that includes a screen 1303, button 1309, speaker 1311, camera 1313, and proximity sensor 1335. The screen can be a touch screen that detects and accepts input from finger touch or a stylus. The technology of the touch screen can be a resistive, capacitive, infrared grid, optical imaging, or pressure-sensitive, dispersive signal, acoustic pulse recognition, or others. The touch screen is screen and a user input device interface that acts as a mouse and keyboard of a computer.
Button 1309 is sometimes referred to as a home button and is used to exit a program and return the user to the home screen. The phone may also include other buttons (not shown) such as volume buttons and on-off button on a side. The proximity detector can detect a user's face is close to the phone, and can disable the phone screen and its touch sensor, so that there will be no false inputs from the user's face being next to screen when talking.
Tablet 1401 is similar to a smartphone. Tablet 1401 has an enclosure that includes a screen 1403, button 1409, and camera 1413. Typically the screen (e.g., touch screen) of a tablet is larger than a smartphone, usually 7, 8, 9, 10, 12, 13, or more inches (measured diagonally).
The system includes wireless components such as a mobile network connection 1527 (e.g., mobile telephone or mobile data), Wi-Fi 1529, Bluetooth 1531, GPS 1533 (e.g., detect GPS positioning), other sensors 1535 such as a proximity sensor, CPU 1537, RAM memory 1539, storage 1541 (e.g., nonvolatile memory), and battery 1543 (lithium ion or lithium polymer cell). The battery supplies power to the electronic components and is rechargeable, which allows the system to be mobile.
There is a digital design tool 1616 merchants and design can use to click and drag finish effects (e.g., laser files) and tint casts over images of base washes in order to visualize possible combinations and build the line visually before the garment finish is actually finished by the laser. The visualizations can be by rendering on a computer system, such as using three-dimensional (3D) graphics.
U.S. patent applications 62/433,746, filed Dec. 13, 2016, and Ser. No. 15/841,268, filed Dec. 13, 2017, which are incorporated by reference, describe a system and operating model of apparel manufacture with laser finishing. Laser finishing of apparel products allows an operating model that reduces finishing cost, lowers carrying costs, increases productivity, shortens time to market, be more reactive to trends, reduce product constraints, reduces lost sales and dilution, and more. Improved aspects include design, development, planning, merchandising, selling, making, and delivering. The model uses fabric templates, each of which can be used to produce a multitude of laser finishes. Operational efficiency is improved.
Designers can use the digital design tool to design products that are used to satisfy the requests in open slots 1609. Designs created using the digital design tool can be stored in a digital library 1622. Input to the digital design tool include fabric templates or blanks 1627 (e.g., base fit fabrics or BFFs), existing finishes 1633 (e.g., can be further modified by the tool 1616), and new finishes 1638. New finishes can be from designs 1641 (e.g., vintage design) captured using a laser finish software tool 1645, examples of which are described in U.S. patent applications 62/377,447, filed Aug. 19, 2016, and Ser. No. 15/682,507, filed Aug. 21, 2017. Digital library 1622 can be accessible by the region assorting and sell-in 1650. And the digital library can be used to populate or satisfy the box line plan.
Preview tool 1703 can be a single tool in a toolbox or toolkit used for laser finishing of garments, or the tool can be incorporated as a feature of another tool. The preview tool allows a user such as a clothing designer to preview on a computer screen or to generate a digital representation (e.g., image file, JPEG file, BMP file, TIFF file, GIF file, PNG file, PSD file, or others) of jeans in a selected base fit fabric or fabric template 1706 with a selected laser pattern 1709 (e.g., from a laser input file). With the digital representation, the user will be able to see or preview the jeans in the selected base fit fabric as if it had been burned or ablated with the selected laser input file, without needing to actually laser or burn or ablate the jeans.
Some files are described as being of an image file type. Some examples of image file types or file formats include bitmap or raster graphics formats including IMG, TIFF, EXIF, JPEG, GIF, PNG, PBM, PGM, PPM, BMP, and RAW. The compression for the file can be lossless (e.g., TIFF) or lossy (e.g., JPEG). Other image file types or file formats include vector graphics including DXF, SVG, and the like.
Bitmaps or raster graphics are resolution dependent while vector graphics are resolution independent. Raster graphics generally cannot scale up to an arbitrary resolution without loss of apparent quality. This property contrasts with the capabilities of vector graphics, which generally easily scale up to the quality of the device rendering them.
A raster graphics image is a dot matrix data structure representing a generally rectangular grid of pixels, or points of color, viewable via a monitor, paper, or other display medium. A bitmap, such as a single-bit raster, corresponds bit-for-bit with an image displayed on a screen or output medium. A raster is characterized by the width and height of the image in pixels and by the number of bits per pixel (or color depth, which determines the number of colors it can represent).
The BMP file format is an example of a bitmap. The BMP file format, also known as bitmap image file or device independent bitmap (DIB) file format or simply a bitmap, is a raster graphics image file format used to store bitmap digital images, independently of the display device. The BMP file format is capable of storing two-dimensional digital images of arbitrary width, height, and resolution, both monochrome and color, in various color depths, and optionally with data compression, alpha channels, and color profiles.
The fabric template can be selected from a library of fabric template images 1716 or may be a new image uploaded or provided by the user. Each fabric template images is an image file of jeans in a base fit fabric or other material. For each jeans model or fit (e.g., models or fits 311, 501, 505, 511, 515, 541, 569, 721, and others), there would be one image in each different material or base fit fabric.
The laser input file can be selected from a library of laser input files 1722 (e.g., files created from vintage jeans or from a group of designers), a file 1718 created by the user, or a file uploaded or provided by the user. For example, the user may have created the laser pattern (contained within a laser input file) manually using a graphical or image editing tool (e.g., Adobe Photoshop and similar photo editing programs). Or the laser pattern may have been created by another, such as selected from a library of laser files. The laser pattern may be generated by a computer or automated process, such as may be used to obtain a laser pattern from vintage jeans. The user will be able to see the results of a burn or ablation, make any manual changes or alterations to the pattern (such as additional changes to a vintage jeans pattern in a digital image file) and preview the results again. The preview tool allows a user to make and see changes, to the user can obtain feedback faster than having to laser jeans to see the results and also avoiding unneeded waste (e.g., preliminary versions of burned or ablated jeans).
Each digital representation can be saved as separate images, and a group or set of the images can be a called brief of collection of jeans. The preview tool can be used for merchandising, such as generating images of a proposed line of products for a particular season, and these images can be shared among members of a team to discuss any additions, changes, or deletions to a collection.
A table below presents a pseudocode computer program listing of sample software code for a specific implementation of a preview tool 1703 for displaying finished apparel 1711 for a given fabric template input (e.g., base fit fabric image) and laser input file. A specific implementation of the source code may be written in a programming language such as Python. Other programming languages can be used.
A specific version of the preview tool overlays a fabric template input file and a laser input file, and then generates an image to display them together as a representation of the laser-finished apparel. The laser input file is aligned to the garment in the fabric template input file, so that the positioning of features in the laser input file are at appropriate positions or places on the garment. The alignment may be by using alignment marks that are in the input files. The alignment may be an automated alignment or scaling, or a combination.
Brightness, intensity, opacity, blending, transparency, or other adjustable parameters for an image layer, or any combination of these, are selected or adjusted for the laser input file, so that when the laser input file is overlaid above the fabric template image, the look of the garment will appear of simulate the look of a garment had been burned or ablated by a laser using that laser input file.
Adjustable parameters such as opacity can be used to blend two or more image layers together. For example, a layer's overall opacity determines to what degree it obscures or reveals the layer beneath it. For example, a layer with 1 percent opacity appears nearly transparent, while one with 100 percent opacity appears completely opaque.
Further, a dots per inch (dpi) of the combined image can be adjusted to more properly simulate the look of a garment more closely with a burned or ablated garment. Dots per inch refers to the number of dots in a printed inch. The more dots, the higher the quality of the print (e.g., more sharpness and detail). By reducing the dpi of the image, this will reduce the image quality, resulting a blurring of the image. In an implementation, the preview tool reduces a dpi of the combined image, to be of less dpi than the fabric template input file or the laser input file. By blurring the preview image, this results in improved simulation that corresponds better to a burned or ablated laser garment. When burning or ablated a garment, the garment material or fabric typically limits the resolution of the result to less than that of the input file.
In an implementation, the dpi of the laser input file is about 72 dpi, while the dpi of the preview image is about 34 dpi. In an implementation, the dpi of the fabric template input file and laser input file are about 36 dpi or above, while the dpi of the preview image is about 36 dpi or lower.
It should be understood that the invention is not limited to the specific flows and steps presented. A flow of the invention may have additional steps (not necessarily described in this patent), different steps which replace some of the steps presented, fewer steps or a subset of the steps presented, or steps in a different order than presented, or any combination of these. Further, the steps in other implementations of the invention may not be exactly the same as the steps presented and may be modified or altered as appropriate for a particular application or based on the data or situation.
The digital brief tool takes as input three types of digital assets 1805, fabric template input 1816, damage input 1819 (e.g., damage input file), and laser input file 1822. Fabric template input 1816 and laser input file 1822 are similar to the inputs for the preview tool. Damage input 1819 is an image of damage (e.g., holes, rips, shredded regions, or openings of various shapes and sizes) that can be burned or ablated by a laser into jeans. The digital brief tool overlays the damage and laser input files over the fabric template.
The user selects a fabric template input, which an image of a jeans style in a particular base fit fabric. The user can optionally select one or more damage inputs. If a damage input is selected, the damage input will be a layer that overlays the fabric template layer. As for the preview tool, the user selects a laser input file with laser pattern and overlays the fabric template layer. As the user selects the inputs, the user will be able to see in real time the inputs and any changes or updates in a preview image or brief.
After the inputs are selected, the user can select and perform one or more operations 1826 on the inputs using the digital brief tool. These operations including adding tint 1831, adjusting intensity 1834, adjusting bright point 1837, move digital asset 1842, rotate digital asset 1845, scale digital asset 1848, and warp digital asset 1852. As the user selects and performs one or more operations, the user will be able to see in real time the changes or updates in the preview image or brief.
After the fabric template input, the user can add tinting 1831. Tinting will adjust the hue of the color of the fabric template input. Tinting is representative of the tinting which can be added during the post-laser wash or finishing II, described above. The user will be able to select a tint color, and this tint color will be blended with the existing color of the fabric template input. The amount or intensity of the tinting can be increased or decreased, such as by using a slider bar.
The user can adjust intensity 1834. In an implementation, intensity adjusts a weight matrix by a percentage of each value in the array. In an implementation, intensity (or brightness) adjusts an opacity of a generated adjustment layer (see hue saturation lightness adjustment layer described below). The greater the opacity, the more opaque this layer will appear in the preview or brief image. The less the opacity, the less opaque this layer will appear in the preview or brief image; the layer will appear more transparent so that the layer beneath will show through more.
When increasing brightness, the opacity of the adjustment layer increases, and since the adjustment layer is above the fabric template input, the generated adjustment layer will become more prominent or visible, thus making this layer (which has the wear pattern) brighter. Similarly, when decreasing brightness, the opacity of the adjustment layer decreases, the generated adjustment layer will become less prominent or visible, thus making this layer (which has the wear pattern) less bright or fainter. The amount of the intensity can be increased or decreased, such as by using a slider bar.
The user can adjust bright point 1837. Bright point adjusts the effect of the laser input file on the fabric template input. In an implementation, bright point adjustment changes a midpoint of a grayscale, creating a piecewise linear mapping of the pattern file.
Increasing the bright point will increase an effect of the laser pattern (e.g., causing greater laser pattern highlights) in the laser input file on the fabric template input, while decreasing the bright point does the opposite (e.g., diminishing laser pattern highlights). The bright point adjustment can be analogous to changing a pixel time or the time that the laser stays at a particular position for a given input from the laser input file. The amount of the bright point can be increased or decreased, such as by using a slider bar.
The user can move 1842 or reposition a selected digital asset. For example, a damage input (or fabric template or laser file) may be moved to a position desired by the user. The user can rotate 1845 a selected digital asset. For example, a damage input (or fabric template or laser file) may be rotated to any angle relative to the other layers as desired by the user.
The user can scale 1848 a selected digital asset. This scaling can be locked, maintaining the original aspect ratio of the digital asset, or can be unlocked, such that the user can change the aspect ratio. The user can warp 1852 a selected digital asset. With warping, the user can adjust an aspect ratio of a portion of the digital asset differently from another portion. For example, one portion of a damage input (or fabric template or laser file) can be squished (e.g., right and left edges of image pushed toward each other) while another portion is expanded (e.g., right and left edges of image pulled away from each other).
After the user has performed selected operations 1826, the digital brief tool shows an image of the jeans with the laser finishing pattern, including any tinting, damage, or other adjustments, as created by the user. This image can be saved and viewed again later. A user can create multiple designs, and these can be saved together as part of a collection.
To obtain a final result, which is the final image of the jeans with laser finishing pattern, a laser pattern mask is combined with the base image and HSL adjustment layer. A resulting combination will be based on intensity and bright point settings.
The laser pattern mask is a negative image or reverse image of the laser input file. For the laser input file, during laser burning or ablating, a white pixel means the pixel is not lasered (which results in the original indigo color of the fabric), and a black pixel means the pixel will be lasered at highest level (which results in the whitest color that can be achieved on the fabric). In an implementation, the laser input file has 256 levels of gray, and for levels between 0 (e.g., black) and 255 (e.g., white), then the amount of laser burning or laser ablating will be proportionally somewhere in between.
A technique of the digital brief tool is to combine the base image and adjustment layer based on the laser pattern mask. For a black pixel in the laser pattern mask, the base layer will fully pass (and none of the adjustment layer) through to the final result image. For a white pixel in the laser pattern mask, the adjustment layer (and none of the base layer) will fully pass through to the final result image. For gray pixel values, then a percentage of the base layer and adjustment layer will pass through to the final result image. For example, for a value in the layer pattern mask, 90 percent of the base layer and 10 percent of the adjustment layer pass through to the final result image.
For first jeans in the first column (from a left of the array), third row (from a top of the array), the bright point and intensity are both L, indicating the least amount of bright point and intensity. For second jeans in the second column, third row, these jeans have a bright point of L and an intensity between L and H. The wear pattern of the second jeans is more visible than that for the third jeans. For third jeans in the third column, third row, these jeans have a bright point of L and an intensity of H, indicating the greatest amount of intensity. The wear pattern of the third jeans is more visible than that for the second jeans.
For fourth jeans in the third column, second row, these jeans have a bright point between L and H, and an intensity of H. The size or area of the wear pattern of the fourth jeans is larger than that for the third jeans. For fifth jeans in the third column, first row, these jeans have a bright point of H and an intensity of H. The size or area of the wear pattern of the fifth jeans is larger than that for the fourth jeans.
In an implementation, one or more of the base image, the HSL adjustment layer, the laser pattern mask, the solid color adjustment layer (opacity adjusted and non-opacity adjusted), and the final result image are three-dimension images that show how a garment being customized appears in three-dimension at eat of the steps at with image information for these images is combines. Adjustment to the bright point and intensity may be made to intermediary three-dimensional images of garment or final three-dimension images of garments.
The adjusted base template image is created from the base template image by adjusting its hue, saturation, or lightness, or any combination of these. Compared to the original base template image, the adjusted base template image will appear washed out or bleached. In other words, the adjusted base template image will appear as if the garment in the base template image were fully bleached or lasered. The adjusted base template image can be an HLS adjustment layer as discussed above.
For a specific implementation of a laser, a specification for the laser input file is that each pixel is represented by an 8-bit binary value, which represents grayscale value in a range from 0 to 255. A 0 black prints the highest intensity (i.e., creates the most change and will be the lightest possible pixel) and a 255 white does not print at all (i.e., creates the least change or will be the darkest possible pixel).
For a laser input file for this laser implementation, a reverse or negative image of the laser input file is input to the create preview image process. Based on the negative laser input file, to create each pixel in the preview image, the create preview image process will pass pixels of the base template image or the adjusted base template image, or a combination of these.
For the negative laser input file, a black pixel means the pixel (which was a white pixel in the original file) will not be lasered (which results in the original indigo color of the fabric). And a white pixel means the pixel (which was black in the original file) will be lasered at highest level (which results in the whitest color that can be achieved on the fabric). And for gray pixels between black and white, the result will be proportional to the value, somewhere between darkest and lightest colors.
Similarly, to create the preview image, based the negative laser input file, a pixel of a (1) base template image (e.g., unbleached) or (2) adjusted base template image (e.g., bleached) or (3) some mixture or combination of the base template image and adjusted base template image proportional to the grayscale value in the negative laser input file. For example, for a gray value in the negative laser input file, 60 percent of the base layer and 40 percent of the adjustment layer pass through to the preview image.
The above discussion described a laser input file conforming to one type of logic. However, in other implementations of a laser, the values in the laser input file can be the reverse or negative logic compared to that described above. As one of ordinary skill in the art would appreciate, the techniques described in this patent can be modified accordingly to work with negative or positive logic laser input files.
In an implementation, the preview tool is a consumer digital brief tool, such as for Levi's Customization Studio with Project F.L.X. The consumer brief tool may be similar to a full or general digital brief tool for a designer, but may have a more restricted feature set. The consumer digital brief tool allows a consumer user to design apparel that may include a laser finish. The consumer digital brief tool can execute on a device such a computer, electronic tablet (e.g., Apple iPad), or smartphone. The user can interact with the tool using a keyboard device or touch screen interface.
The computer system is adapted to store and run computer code for the preview tool, the digital design tool, the consumer digital design tool, or any combination of these tools. That is, the computer system is adapted to store and run computer code for any of the digital brief tool 1803, operations 1805 associated with the digital brief tool, operations 1826 associated with the digital brief tool, the display digital brief 1711, any combination of these modules and operations, or other modules and operations. These software tools are sometimes referred to as software modules or simply modules. The consumer digital brief tool may be operated in a mobile processing system that can be moved from location to location where consumers can order and purchases garments that they consumers customize using the consumer digital brief tool. A number of mobile systems that includes shipping containers are described below.
In the editing interface, the user can make selections as to a shade, overdye, intensity (e.g., a slider bar), post-wash bleach, and tint. In
A tint option is turned on, and a particular tint shade is selected (e.g., indicated by a circle around a shade circle) with an intensity of 0.31. The coloration of the jacket and pattern are adjusted and applied in real time, showing the how the back of the jacket will appear after manufacture.
Some additional features of the consumer digital brief tool include patches. Patch images are processed in a similar way as damages (discussed elsewhere), where the image is overlaid onto the base garment, rather than processed like a laser file. Overlaid design features include: damages, patches, hem treatments. As shown above, Levi's logos can be added as “laser patches.” These images are processed in a similar way as laser patterns, but they are not wear patterns. These images are of logos, shapes, textures, or any artistic design that does create the look of natural worn denim.
The tools also allow further wet processing including tinting, overdye and post-wash bleach. Overdye is similar to tint, but a heavier effect. Tint is subtle while overdye allows a user to change the color more dramatically. For post-wash bleach, the garment can be slightly bleached during the post-wash. This functionality allows the user to lighten the image in order to visualize this effect.
A brief description of the
In an implementation, each of the garment preview images shown in
In an implementation, the preview tool includes a menu 4501 for order options. Order options that are displayed in the menu can be selected by a customer, via a touch screen of the computer system, a human interaction device, or others.
In an implementation, the preview tool displays a garment preview image 4500 of the preview tool in combinations with the order options displayed in the menu 4501. The garment preview image may be a base garment image having user selected options. The order options may include options provided by the preset design tool 805, the custom design tool 815, and the sizing tool 810. The preview tool interface can be adapted to update the base garment image as various order options are selected from the menu. While the base garment image is jeans, the image can be any selected garment, bag, or others.
The garment preview image shows the garment in a three-dimensional view. The three-dimensional view of the garment preview image shows how a garment that is being customized using the preview tool will appear on the user's body when the user purchases and wears the garment. In an implementation, the garment preview image in the three-dimension view is a pare of jeans, but can be any garment, such as a jacket, shorts, shirts, hat, backpack, scarf, hat, or other garment items.
In an implementation, the garment preview image is rotatable and each of the rotated view of the garment preview image is a three-dimensional image. The multiple three-dimensional view of the preview garment image allows the user to see how the garment will appear on the user's body from multiple viewpoints (e.g., multiple angles of rotation).
All customization applied to a garment that are selected by a user are shown in the three-dimensional view of the garment preview image. Thus, a user will not only see how the garment will appear on their body in three-dimension, a user will all see how each customization will appear on the garment in three-dimensions on the user's body. A two-dimensional, in comparison with a three-dimensional view, does not allow a user to see how a garment will actually appear on their body and does not allow a user to see how their selected customizations of a garment will appear on their body.
In an implementation, the preview tool includes one or more options for displaying the front and back of the base garment image or for smooth rotation of the garment image for viewing from more view than front and back. The front and back view of jeans 4500 are both shown in a three-dimensional view so that a user can see how the jeans will appear on their body in three-dimensions. The smooth rotated views are also three-dimensional view. The preview tool may allow the garment to be “clicked” on using a human interface device to rotate the garment between front and back. In an implementation, the preview tool includes a front select button (“+”) and a back select button (“−”) 4505a that allow for selection of a front view of a garment and a back view of a garment. In an implementation, the preview tool includes a slider bar 4505b or another tool that allows for rotations of a garment displayed by the preview tool. The slider tool may allow for a number of angled views to be displayed, such as more than two views (e.g., front and back). For example, the slider tool may allow for 360 rotated views (e.g., a view for every angle of rotation from 0 degrees to 360 degrees).
In an implementation, the preview tool includes a user selectable option 4510 for selecting the shade of denim of the base template jeans. The use selectable option may include a dropdown menu. There can be a number of base templates colors to choose from where the base templates have different colors of denim. The colors may include indigo and indigo sky (as indicated on the preview tool shown in
The preview tool includes a user selectable option 4515 for selecting a finishing pattern that may be formed on a garment, such as jeans. The user selectable option 4515 may include a dropdown menu. A finishing pattern may be applied by the laser of the mobile finishing center 10 to jeans, such as jeans shown in the base template jeans image in the preview tool 1703.
The design pattern may include an animal print 4515c, such as a leopard pattern.
The design pattern may include letters, numbers, or other symbols 4515d or graphics combined letters, numbers, or other symbols. The dropdown menu for a finishing pattern may include a graphical indicator (e.g., rectangle around the bandana pattern) that indicates the particular finishing pattern is selected.
Additionally, the preview tool may include additional options that allow a user to make other adjustments such, changing an intensity of the pattern, changing a bright point of the pattern, or adding damage to the design. The jeans images and laser finishing patterns may be stored in one or more formatted files in one or more mobile devices operating the digital design tool 800
For any changes the user makes, the user will see changes in the preview image in real-time. The preview shows the user how the jeans will appear after it is manufactured by the mobile finishing center. By selecting different combinations of laser files and base jeans templates, a customer can create numerous different jeans designs and have these manufactured by the mobile finishing center.
The wear and damage patterns on the preview images of the garment (e.g., jeans) are shown in three-dimensions. The wear and damage patterns rotate with the preview image as the preview image is rotated. Thus, a user can see the wear and damage patterns on the jeans in three-dimension from multiple viewpoints (e.g., multiple angles of rotation).
The tint of the garment in the preview image is shown in three-dimensions. The tint rotates with the preview image as the preview image is rotated. Thus, a user can see the tint on the jeans in three-dimension from multiple viewpoints (e.g., multiple angles of rotation).
In an implementation, preview tool 1703 includes a menu 4530 for waist sizes for jeans from which a user may select a desired waist size. The preview tool may also include a menu 4535 for inseam length from which a user may select a desired inseam length. The waist and inseam sizes are shown in inches but may be displayed in other units, such as centimeters. The preview tool may include one or more other menus for jeans sizes, such as hip size.
For other types of garments, one menu for garment sizes might be provided by the preview tool. For example, for a shirt, one size menu might be provided by the preview tool where the sizes include extra small, small, medium, large, extra-large, xx-large, xxx-large, other sizes, or any combination of these sizes. In another implementation, three or more menus may be provided for sizing, such as three size menus for shirts that may include menu options for torso length, chest circumference, and sleeve length. The preview tool may also display and provide a link 4540 to another user interface page that includes information for interpreting size information, such as linking torso length, chest circumference, and sleeve length to sizes, such as extra small, small, medium, large, extra-large, xx-large, xxx-large, other sizes.
In an implementation, the preview tool displays a user-selectable screen button 4545 that may be selected to add a specified garment (e.g., jeans with a light indigo color, a bandana pattern, damage, rose tint, 34 inch waist, and 32 inch inseam) to an electronic shopping bag, sometimes referred to an electronic shopping cart. When the specified garment is added to the electronic shipping bag, the digital design tool 800 may display another interface, such as the digital design tool interface 835 (e.g., shown in
In an implementation, the preview tool displays a user-selectable screen button 4550 that may be selected to save a specified garment design. The specified garment design may be stored in the mobile device operating the digital design tool 800, may be stored remotely in a data center, may be stored on a user's own device (e.g., mobile device), or another device. The specified garment design may be recalled from memory to modify the design or to purchase the garment having the design.
In an implementation, the preview tool displays a user-selectable screen button 4555 that may be selected to reset of a specified garment design. A reset design may include a base denim shade, no pattern, no lived in options, no tint, and no size information. After a design is reset, the preview tool displays an essentially blank pallet from which a new design may be specified using the preview tool.
The preview images for the garment in the normal size and in the magnified view are both shown in three-dimensions. The normal sized garment and the magnified garment rotate with the preview image as the preview image is rotated. Thus, a user can see the jeans in three-dimension from multiple view points (e.g., multiple angles of rotation) in multiple magnifications.
In an implementation, the order tool interface displays a garment image 4590 having the options selected using the preview tool. The order tool interface can be adapted to update the garment image as various order options are selected from the garment. For example, if a preset design with whiskers is selected from the order options, then the garment image (e.g., jeans) is displayed with whiskers. If the present design for whiskers is deselected, then the garment preview image is displayed without whiskers. While the garment preview image is jeans, the image can be any selected garment, bag, or others.
The preview image of the ordered garment is shown in three-dimensions so that the user can see how the customized garment that they are about to purchase will appear on their body in three-dimensions. In an implementation, the preview image of the garment in three-dimension is rotatable on the order tool interface (e.g., curser click on the garment and drag for rotation) and each rotated view of the garment can be a three-dimensional view of the garment.
The adjusted base template image is created from the base template image by adjusting its hue, saturation, or lightness, or any combination of these. Compared to the original base template image, the adjusted base template image will appear washed out or bleached. In other words, the adjusted base template image will appear as if the garment in the base template image were fully bleached or lasered. The adjusted base template image can be an HLS adjustment layer as discussed above.
For a specific implementation of a laser, a specification for the laser input file is that each pixel is represented by an 8-bit binary value, which represents grayscale value in a range from 0 to 255. A 0 black prints the highest intensity (i.e., creates the most change and will be the lightest possible pixel) and a 255 white does not print at all (i.e., creates the least change or will be the darkest possible pixel).
For a laser input file for this laser implementation, a reverse or negative image of the laser input file is input to the create preview image process. Based on the negative laser input file, to create each pixel in the preview image, the create preview image process will pass pixels of the base template image or the adjusted base template image, or a combination of these.
For the negative laser input file, a black pixel means the pixel (which was a white pixel in the original file) will not be lasered (which results in the original indigo color of the fabric). And a white pixel means the pixel (which was black in the original file) will be lasered at highest level (which results in the whitest color that can be achieved on the fabric). And for gray pixels between black and white, the result will be proportional to the value, somewhere between darkest and lightest colors.
Similarly, to create the preview image, based the negative laser input file, a pixel of a (1) base template image (e.g., unbleached) or (2) adjusted base template image (e.g., bleached) or (3) some mixture or combination of the base template image and adjusted base template image proportional to the grayscale value in the negative laser input file. For example, for a gray value in the negative laser input file, 60 percent of the base layer and 40 percent of the adjustment layer pass through to the preview image.
The above discussion described a laser input file conforming to one type of logic.
However, in other implementations of a laser, the values in the laser input file can be the reverse or negative logic compared to that described above. As one of ordinary skill in the art would appreciate, the techniques described in this patent can be modified accordingly to work with negative or positive logic laser input files.
-
- 1. A deconstruct garment step S806. A garment is cut into separate pieces so the pieces can be photographed flat. The shape of the cut pieces are specifically sized and selected for ensuring a high quality three-dimensional preview.
- 2. A photograph pattern pieces step S812. The pieces of the garment are photographed while flat on a surface. Compared to photographing the pieces while sewed together, where sections of the garment may be
- 3. An extract shadow neutral digital pattern pieces 5818.
- 4. A create shadow neutral texture pieces 5824.
- 5. A map shadow neutral texture to three-dimensional (3-D or 3D) model step S830.
- 6. An apply simulated light or shadowing, or both, step S836.
The following describes a specific implementation of deconstructing a garment 5806.
The following describes a specific implementation of photograph pattern pieces 5812. A photograph of each deconstructed pattern pieces is taken. Each photograph can be stored in a digital file, such as a JPEG, high efficiency video coding (HVEC), or other image file format.
Alternatively, the camera and lightning are positioned on a side, and the work surface is vertically orientated on another side facing the camera and lightning. The garment pieces that be attached, such as using glue, pins, or hook and loop fasteners, to the vertical work surface.
The room can be a light room or light box. The room and work surface are typically painted or colored a white color. For good or best results, the white color used should be consistently the same shade throughout the room. Then any white balance adjustment or correction made at the camera or digitally after the photographs are taken will be more precise.
The lights of the lightning are positioned laterally (e.g., distributed evenly along the same plane as the work surface, which can be referred as an X direction) to evenly illuminate the work surface. So, the garment will be evenly illuminated without noticeably or significantly brighter or darker areas or portions. The lightning is also positioned a distance above the work surface (which can be referred as a Y direction) to allow for more even illumination.
The lens of the camera is positioned above (in the Y direction) the lighting source, so that the camera does not cast a shadow on the work surface or garment (e.g., horizontally orientated). And the camera can be positioned in the X direction so that lights are arranged uniformly about the camera lens. For example, in
A specific example of extract shadow neutral digital pattern pieces 5818 follows. After the photographs are taken, each photograph is processed to extract neutral digital pattern pieces. In the extraction process, the background and shadowing, if any, is removed.
As examples,
The extracted pattern pieces are shadow neutral since the pattern pieces were photographed while flat. In contrast, for garments that are photographed or scanned while on a fit model or mannequin, the extracted pattern pieces would not be shadow neutral. The garment pieces based on curved surfaces, conforming to the shape of the fit model or mannequin. When the curved surfaces are flattened, there would be shadowing, such as wrinkles and other aberrations. So, when those nonshadow neutral extracted pattern pieces are used with a three-dimensional model to generate a preview, the preview will have an appearance that does not look natural, such as having unusual shadowing.
A specific example of create shadow neutral texture pieces 8524 follows.
To create the shadow neutral texture, the extracted shadow neutral pattern pieces are combined with a color layer, which typically is a color which is close to that of a color the garment. For example, for blue jeans, the color layer used will be a similar shade of blue or indigo as on the blue jeans.
The color layer of the shadow neutral texture allows stitching together of the different neutral pattern pieces, when mapped to a three-dimensional model, such any potential gaps between the pattern pieces will appear seamless. For example, if a very different color is used for the color layer, such as white, than the jeans color, then gaps that do not exactly align may show this color (e.g., white line).
A specific example of map shadow neutral texture to three-dimensional (3D) model 5830 follows.
Similarly,
There are various ways to generate a three-dimensional model. One technique is to generate a three-dimensional model from a scan of a physical three-dimensional object, such as a fit model or mannequin. Another technique to create a three-dimensional model from scratch using software. Such software can allow a designer to three-dimensional model analogous to using molding a clay sculpture. Another technique to create a three-dimensional model from software (e.g., computer aided design (CAD) or computer aided manufacturing (CAM) tool) where two-dimensional pattern pieces of a garment are converted into to three dimensions.
A specific example of apply simulated light or shadowing, or both, 8536 follows. A shadow neutral texture and three-dimensional model can be inputs to a rendering engine or software to render the preview image. Some examples of rendering engines include Google's ARCore, WebGL, and others.
With the rendering engine, an object such as the garment can be rendered or previewed with shadowing generated by the engine or software. The shadows will change based on a relative positioning of a simulated light source and object. Further, the rendering engine can change a camera position of point of view (POV) of the user, so that the preview will have the shadowing from that camera position.
In a specific implementation, a rendering engine maps the shadow neutral texture to the three-dimensional model, or preview image, and generates the preview image with shadowing based on a positioning of a simulated light source. The positioning of the light source can be changed or varied.
For example,
Alternatively, the user can rotate or change the positioning of the garment, and the shadowing, wrinkles, and contours will be shown in accordance with the changed positioning. This is due to the change in the relative positioning between the garment and the light source. The shadows are generated by the rendering software.
Furthermore, there can be multiple three-dimensional models, such as a first three-dimensional model and a second three-dimensional model. The different three-dimensional models may represent different fits or styles. Then a single shadow neutral texture can be mapped to the first three-dimensional model to generate a corresponding preview image. And the single shadow neutral texture can be mapped to the second three-dimensional model to generate a corresponding preview image.
This allows generating multiple previews from a single shadow neutral texture. For example, a first preview may be for a first fit or style in the finish of the shadow neutral texture. And a second preview may be for a second fit or style in the same finish. This technique allows for more a single shadow neutral texture to be used to more easily and rapidly generate preview images of different models, where models can represent different fits (e.g., Levi's 501, 502, 504, 505, 511, 512, 514, 541, 311, 710, or 711) or styles (e.g., skinny, boot cut, wide leg, straight, relaxed, super skinny, slim, tapered, athletic, boyfriend, wedgie, and others). The creation of three-dimensional preview images for apparel products, such as a pair of jeans, is described in U.S. patent application 62/774,127, filed Nov. 30, 2018 and U.S. patent application 62/877,830, filed Jul. 23, 2019. These applications are incorporated by reference.
Three-dimensional preview image of garment may be rendered by a tablet computer of the system. In an implementation, the three-dimensional preview that is rendered by the tablet computer is not a photograph. The three-dimensional preview that rendered by the tablet computer is not a real-time camera view or video feed from a camera. To generate the three-dimensional preview rendering, the tablet computer selects a shadow neutral texture (described above) that corresponds to a selected shade that is selected from the preview tool and applies the shadow neutral texture to a three-dimensional model (described above).
This description of the invention has been presented for the purposes of illustration and description. It is not intended to be exhaustive or to limit the invention to the precise form described, and many modifications and variations are possible in light of the teaching above. The embodiments were chosen and described in order to best explain the principles of the invention and its practical applications. This description will enable others skilled in the art to best utilize and practice the invention in various embodiments and with various modifications as are suited to a particular use. The scope of the invention is defined by the following claims.
Claims
1. A system comprising:
- a client computer comprising a display, wherein a first ordering screen on the client computer comprises:
- a three-dimensional preview rendering of a garment, wherein an appearance of the three-dimensional preview rendering is as if the garment is being worn by a person, a user can rotate the preview rendering to view the garment at an angle selectable between 0 and 360 degrees, and the preview rendering comprises a three-dimensional model upon which a shadow neutral texture is mapped onto the three-dimensional model;
- a plurality of ordering options, selectable by a user displayed along with the three-dimensional preview of the garment;
- a first ordering option of the plurality of ordering options comprises selectable shades of a material of the garment; and
- a second ordering option of the plurality of ordering options comprises selectable patterns of the garment.
2. The system of claim 1 wherein the selectable patterns are to be lasered by a laser onto the garment using laser pattern files for the patterns.
3. The system of claim 1 comprising:
- a third ordering option of the plurality of ordering options comprises selectable damage of the garment, wherein the damage is to be lasered by the laser using laser damage files for the selectable damages, wherein the laser pattern files and the laser damage files are different files, wherein after one or more of the first, second, or third ordering options are selected, the three-dimensional preview of the garment is updated in the first order screen in real time to display the three-dimensional preview of the garment with one or more of a selected shade of the material, a selected pattern, or a selected damage.
4. The system of claim 1 wherein the first ordering option includes images of fabric shade that can be selected by the user.
5. The system of claim 4 wherein the second ordering option includes images of patterns that can be selected by the user, to be used in conjunction with the fabric shade selected by the user.
6. The system of claim 3 wherein the third ordering option includes images of damage types that be selected by the user, to be used in conjunction with the pattern selected by the user.
7. The system of claim 1 wherein the first ordering screen on the client computer comprises a third ordering option of the plurality of ordering options and comprises selectable tint of the garment, wherein the three-dimensional preview of the garment is updated in the first order screen to display the three-dimensional preview of the garment with one or more of a selected shade of the material, a selected pattern, or a selected tint for the garment.
8. The system of claim 1 wherein a second ordering screen on the client computer comprises a third ordering option of the plurality of ordering options comprising selectable rotation of the three-dimensional preview of the garment, wherein the three-dimensional preview of the garment is rotated when the selectable rotations is selected.
9. The system of claim 8 wherein a second ordering screen on the client computer comprises a fourth ordering option of the plurality of ordering options comprising selectable enlargement of the three-dimensional preview of the garment, wherein the three-dimensional preview of the garment is enlarged in real time when the selectable enlargement is selected.
10. The system of claim 9 wherein a second ordering screen on the client computer comprises a fifth ordering option of the plurality of ordering options comprising selectable shrink of the three-dimensional preview of the garment, wherein the three-dimensional preview of the garment is shrunken when the selectable shrink is selected.
11. The system of claim 1 wherein the three-dimensional preview is rendered by the client computer.
12. The system of claim 11 wherein the three-dimensional preview that is rendered by the client computer and is not a photograph.
13. The system of claim 11 wherein the three-dimensional preview that is rendered by the client computer is not a real-time camera view or a video feed from a camera.
14. The system of claim 1 wherein to generate the three-dimensional preview rendering, the client computer selects a shadow neutral texture corresponding to the selected shade and applies the shadow neutral texture to a three-dimensional model.
15. The system of claim 1 wherein to generate the three-dimensional preview rendering, the client computer selects a shadow neutral texture corresponding to the selected shade and selected pattern and applies the shadow neutral texture to a three-dimensional model.
16. The system of claim 7 wherein to generate the three-dimensional preview rendering, the client computer selects a shadow neutral texture corresponding to the selected shade, selected pattern, and selected tint and applies the shadow neutral texture to a three-dimensional model.
17. A system comprising:
- a client device comprising display, wherein a first ordering screen on the client device comprises:
- a three-dimensional preview rendering of a garment;
- a plurality of ordering options, selectable by a user displayed along with the three-dimensional preview of the garment;
- a first ordering option of the plurality of ordering options comprises selectable shades of a material of the garment;
- a second ordering option of the plurality of ordering options comprises selectable patterns of the garment; and
- a third ordering option of the plurality of ordering options comprises selectable tint of the garment, wherein after one or more of the first, second, or third ordering options are selected, the three-dimensional preview of the garment is updated in the first order screen in real time to display the three-dimensional preview of the garment with one or more of a selected shade of the material, a selected pattern, or a selected tint.
18. The system of claim 17 wherein the selectable patterns are to be lasered by a laser onto the garment using laser pattern files for the patterns.
19. The system of claim 17 wherein the first ordering option includes color swatches of the selectable shades, the second ordering option includes pattern swatches of the selectable patterns, and the third ordering option includes damage swatches of the selectable tint.
20. The system of claim 19 wherein the first ordering screen on the client device comprises a fourth ordering option of the plurality of ordering options and comprises selectable damage of the garment, wherein the three-dimensional preview of the garment is updated in the first order screen in real time to display the three-dimensional preview of the garment with one or more of a selected shade of the material, a selected pattern, a selected damage, or a selected tint for the garment.
21. The system of claim 17 wherein a second ordering screen on the client device comprises a fourth ordering option of the plurality of ordering options comprising selectable rotation of the three-dimensional preview of the garment, wherein the three-dimensional preview of the garment is rotated in real time when the selectable rotations is selected.
22. The system of claim 20 wherein a second ordering screen on the client device comprises a fifth ordering option of the plurality of ordering options comprising selectable enlargement of the three-dimensional preview of the garment, wherein the three-dimensional preview of the garment is enlarged in real time when the selectable enlargement is selected; and a sixth ordering option of the plurality of ordering options comprising selectable shrink of the three-dimensional preview of the garment, wherein the three-dimensional preview of the garment is shrunken in real time when the selectable shrink is selected.
Type: Application
Filed: Jun 20, 2023
Publication Date: Oct 26, 2023
Inventors: Benjamin Bell (San Francisco, CA), Debdulal Mahanty (Fremont, CA), Ozgur Taylan Kuzucu (Walnut Creek, CA), James Barton Sights (San Francisco, CA), Jennifer Schultz (Beaverton, OR), Christopher Schultz (Beaverton, OR), Jeff Zens (Emeryville, CA)
Application Number: 18/338,263
