Docs

Style 3D Viewer

User 6bb91f83

发布于：2025-01-14

Style library list

Click directly on the style, and the pop-up window will be opened by default to view the style information:
• If the style is a 2D style, enter the 2D style details page through the details; if the style is a 3D style, enter the 3D details page through the 3D details
You can switch the style version and the design scheme under the switch version.
  • Enter 3D detail page: Enter by clicking the 3D detail button on the style list or by clicking the 3D detail button on the 2D pop-up window.

Style 3D Viewer

Intermediate function area

1. Style association with fabric
The associated fabrics can be chosen from fabrics pushed by fabric suppliers and official fabrics. Once added successfully, the fabrics will be automatically imported into the fabric library.
It can also add fabrics to the associated library in the fabric library. After successfully adding the association, the shared detail page will default to displaying the associated fabrics.
You can also use a QR code scanner to scan the fabric and wear it.
Transparent fabric automatic display
The system will automatically recognize fabrics with transparent decals and transparent texture effects, and automatically switch to transparent rendering effects.
Fabric drag
Click with the left mouse button and drag the fabric to make the fabric slide.
Mirror copy of style and fabric
1. Enter the style detail page and select the fabric. Click on mirror Copy；a square-shaped move key will appear
2. Left-click the mouse to drag the mirror copy key to another piece of fabric, which will mirror copy the same pattern to the other side (the mirror copy effect is better when the style is symmetrical)
After mirroring
2. Style-related accessories
Auxiliary materials can be added from the associated corporate library, and associated auxiliary materials can be linked from the corporate library.
Change of style accessories and colors
3. Style associated artwork
Artworks can be added by selecting from a artwork library or uploading locally.
3.1 Pattern Copy
Select the pattern you want to copy, click the copy icon, and click again at the target location to copy directly.
3.2 Enlarging, reducing and rotating patterns
Select the pattern, and you can directly enlarge or reduce it with the mouse, or rotate the pattern's angle.
3.3 Full-body Print Pattern
You can upload a pattern photo locally, apply it to the style, then choose all for the pattern loop and check the box to apply it to the same fabric, which will allow the pattern to be printed all over the style.
4、Background
You can select a background from the background list to add.
5. Resource Management (Attribute Editing)
1.Enter the 3D product details page and click the "Resource Management" button at the bottom left. A resource management panel will appear. There is an "Edit" button and a "Hide" button behind each resource.
2.Click the "Edit" button, and an "Edit Component" panel will pop up. You can edit the material on this panel.
3.Click the "Hide" button, and the fabric material of this resource will be hidden.
4.Click the "Move" button behind the material, and you can move the material to different material groups.
Special Note: Dragging the fabric onto the pattern piece can directly display the style effect. The use of materials only supports single-drag operation. If you need to change the material locally/globally, you can choose to group them.
Change the color of topstitching
After selecting the topstitching, choose the color-changing option in the color mode. Click on the color, and a color palette will appear. You can select a color from the palette to change the color.
6. Changing the Color of Style Fabrics
  1. After selecting the fabric, a fabric property panel appears on the right. A color mode has been added to the fabric property panel.
  1. The color mode includes the color-changing mode and the overlay mode.
  1. When the color-changing mode is selected in the color mode, click the color panel above to display the color palette, and you can change the fabric color.
  2. When the overlay mode is selected in the color mode, you can overlay other colors on the existing color.
7. Changing Colors of Different Color Sections of Style Fabrics
  1. Select the fabric on the details page and click the icon for changing colors of different color sections.
  2. Inside the color-changing panel for different color sections on the right, the system will extract all the colors of the pattern and display the number of pattern colors.
  3. Select a specific color, and you can manually replace it with another color on the color palette. Click "OK", and all the color blocks in the pattern that contain this color will be uniformly replaced with the new color.
  4. You can also choose to adjust the range and change the hue, transparency, and saturation of this color to make color adjustments.

Top function area

1. Check the version
2. Check the design scheme and style information.
  1. View style information: Click to view the summary configured in the settings center.
  2. View design plan: Click to view the material display of the summary. Priority is given to displaying all cover images, design solution diagrams, and videos of the current version of the style.
3. Lighting
The intensity and direction of light can be adjusted. The light panel supports parameter adjustment.
1. Ambient light: Supports intensity adjustment (0-4) and angle adjustment (-180-180).
2. Directional light: Supports on-off operation, and intensity adjustment (default 0.46, range 0-1).
3. Soft shadow effect attributes: Add dividing lines between ambient light, directional light, and soft shadow.
4. Wrench
5. Take photos for the style detail page.
Choose to take a photo; you can rotate the 3D model to take screenshots. After taking photos, you can choose to export all screenshot images.
Cloud render
You can rotate the picture to download it as a GIF or MP4.
6. Style comments
7. Entry for Creating Annotations
·Suppliers enter the Design Center > My Styles/My Collaborations/Customer Styles. The 3D style details page supports annotations.
·Purchasers enter the Procurement Center > Garment Suppliers > Styles. The 3D style details page pushed by suppliers supports annotations.
·Note: 2D styles do not support annotations, and style sharing does not support annotations, but it supports comments.
Steps for Creating Annotations
·The process of creating annotations on the style details pages accessed from the two menus is the same. Take Procurement Center > Garment Suppliers > Styles as an example:
  1. Enter the 3D details page of the style, click the annotation button at the top, and enter the annotation view page.
  1. Click on the comment, display the comment box, and relevant comment information can be filled in the comment box. Review and comment on the design draft while doing so
  1. After making comments, click save to store the comment information in the comment list
  1. The annotation list can be used to view multiple annotation messages, and clicking on an annotation can also change it; the annotation list can download annotation screenshots.
Other Instructions:
After the upgrade of this review scenario, multiple annotations can be made from a single perspective.
The annotation tool supports operations such as drawing with a brush, using a Bezier pen, inserting pictures, and using an eraser.
Annotation and Comment:
• After completing an annotation, the supplier will receive an annotation reminder in the message center. Clicking the link allows the supplier to view the annotation details.
  • At the same time, if necessary, the purchaser can send an email to remind the supplier to check the comment information.
If you need to export comments, you can check the comments you want to export and click the Download button below. After exporting the pdf file, you can send the comment information using other communication methods.
8. Style Review
9. New function: AI face-Swapping
We have added new function, including AI face-swapping, AI scene, AI cloth, and the size of the output image can be selected as 3D (undefinedxundefined) or 4K
  1. You can choose a template from the existing image library or upload it yourself.
After choosing the template, you can view the result according to the instructions.

Top right area

1. System Preferences

2、Shortcut Keys

Minimalist Mode: Alt/Option + 1
Magnifier: Alt/Option + 2
Auto-rotate: Alt/Option + 3
Hide/Show Dummy: Shift + A
Save: Ctrl + S
  • Save: Save as profile, Save as new style, Reset, Edit
  1. Print Tag
    You can choose from print templates, including style preset templates and design preset templates. Printing mode and loading mode, etc. can be selected.

Bottom area

1. Support switching model views (front, back, left, right, top, bottom)
2. Support perspective reset: After resetting, it will return to the original perspective
Other: The mannequin will be displayed by default, and you can choose whether to display the viewground and grid.
  1. The transparent mode can be set, including the Graymode, Semitransparency, RandomColor.
Feedback title
Generic prev page
Generic empty
Generic next page
Fabric 3D Viewer