Documentation

Steps:

• Left: Project Management Panel - Manage your editing projects and user information
• Top: Toolbar - Contains all editing tools and action buttons
• Center: Canvas Area - Main editing workspace
• Right: Properties Panel - Adjust selected element properties and manage layers

Steps:

• Click tools in the toolbar to switch editing modes
• Click elements on the canvas to select them
• Drag elements to move them, drag corners to scale proportionally
• Click blank area outside the canvas to switch to the layer panel
• The right panel automatically switches based on the selected element

Steps:

• Click the top "Insert Image" button to switch to the right-side Insert Image primary panel.
• Enable the "Auto Background Removal" toggle; uploaded or generated product images will automatically have backgrounds removed.

Steps:

• Click the top "Insert Image" button to switch to the right-side Insert Image primary panel.
• Select "AI Product Image" in the right panel to enter the AI Product Image secondary panel.
• In the AI Product Image secondary panel, enter a natural language description and click the "Generate" button at the bottom. Please wait patiently for the product image to be generated.
• Once generated, the product image is automatically inserted into the center of the canvas and a layer is created.

Steps:

• Click the top "Insert Image" button to switch to the right-side Insert Image primary panel.
• Click the "Upload Image" area in the right panel to select local product images.
• After uploading, the product image is automatically inserted into the center of the canvas and a layer is created.

Steps:

• Click the top "Insert Image" button to switch to the right-side Insert Image primary panel.
• Click the "History Images" area in the right panel to select from historical images.
• Selected history images are automatically inserted into the center of the canvas and a layer is created.
• History images can be deleted at any time.
• You can enter the History Images secondary panel to view all history images.

Steps:

• After selecting an image, the right properties panel automatically focuses on the image property controls.
• Adjust parameters in the image property control area with real-time preview.

Steps:

• Select the image and press the Delete/Backspace key
• Or click the delete button at the bottom of the properties panel

Steps:

• After selecting an image element, click the "Copy" button at the bottom of the right properties panel.
• The copied image element is automatically inserted into the canvas and a layer is created.

Steps:

• Click the top "Add Text" button to switch to the right-side Add Text primary panel.
• In the Add Text primary panel, click the "Add Text" button in the right panel to add a text editing box to the canvas.
• After entering text in the editing box, click outside the box to exit edit mode; the text will automatically create a layer.
• The text box can be dragged to move and corners dragged to scale proportionally.

Steps:

• Click the top "Add Text" button to switch to the right-side Add Text primary panel.
• Select a preset style in the right panel; clicking applies it to the canvas and creates the corresponding layer.

Steps:

• After selecting text, the right properties panel automatically focuses on the text property controls.
• Adjust parameters in the text property control area with real-time preview.

Steps:

• Double-click text to enter edit mode and modify content.
• Use the properties panel to set font, size, color, etc.
• The text box can be dragged to move and corners dragged to scale proportionally.

Steps:

• Select the text and press the Delete/Backspace key
• Or click the delete button at the bottom of the properties panel

Steps:

• After selecting a text element, click the "Copy" button at the bottom of the right properties panel.
• The copied text element is automatically inserted into the canvas and a layer is created.

Steps:

• Click the top "Canvas Background" button to switch to the right-side Canvas Background primary panel.
• Click the "AI Generate" button in the right panel to enter the AI Background Generation secondary panel.
• In the AI Background Generation secondary panel, enter a natural language description and click the "Generate" button at the bottom. Please wait patiently for the background to be generated.
• Once generated, the background is automatically applied to the canvas and the background layer is updated.

Steps:

• Click the top "Canvas Background" button to switch to the right-side Canvas Background primary panel.
• Click the "Upload Image" area in the right panel to select local background images.
• After uploading, the background is automatically applied to the canvas and the background layer is updated.

Steps:

• Click the top "Canvas Background" button to switch to the right-side Canvas Background primary panel.
• Click the "History Background" area in the right panel to select from historical backgrounds.
• Selected history backgrounds are automatically applied to the canvas and the background layer is updated.
• History backgrounds can be deleted at any time.
• You can enter the History Background secondary panel to view all history backgrounds.

Steps:

• Click the top "Canvas Background" button to switch to the right-side Canvas Background primary panel.
• Click the "Scenes" area in the right panel to select scene presets.
• Selected scenes are automatically applied to the canvas and the background layer is updated.
• You can enter the Scenes secondary panel to view all scene presets.

Steps:

• Click the top "Canvas Background" button to switch to the right-side Canvas Background primary panel.
• Click the "Colors" area in the right panel, select solid or gradient buttons to enter the secondary panel.
• In the secondary panel, select a color preset; clicking applies it to the canvas and updates the background layer.

Steps:

• Click the top "Canvas Size" button to switch to the right-side Canvas Size primary panel.
• The panel top shows the current canvas size, below shows multi-platform standard preset sizes.
• Select a preset size based on your needs; clicking applies it to the canvas and updates the canvas size.

Steps:

• Click blank area outside the canvas; the right panel automatically switches to the layer panel.
• Top layers display in front; bottom layers display at the back.
• Background layer always stays at the bottom of the canvas and cannot be moved or edited.
• Drag layers to reorder; dragging uses snap linkage for smooth user experience.
• Click the eye icon to toggle layer visibility.
• Click the pencil icon to rename layers.

Steps:

• Click the top "Save Project" button to switch to the right-side Save Project primary panel.
• Enter a project name or use the preset name (starting with aluo_project_).
• Click the "Save" button at the bottom and wait for data processing.
• After successful save, the left project list updates automatically and displays the saved project file.

Steps:

• Click the top "Download Image" button to switch to the right-side Download Image primary panel.
• Use the preset filename or customize the filename.
• Use the default format or select the desired download format.
• Choose to download in original size or high definition (2x resolution).
• Click the "Download" button at the bottom and wait for data processing.
• After successful download, the image is saved locally automatically.

Steps:

• Click the top "Undo/Redo" button to revert the previous action.
• Click the bottom "+" and "-" buttons to zoom the canvas display ratio.
• Click the bottom "Reset" button to reset the canvas display ratio.

Steps:

• Each user receives a unique 8-character invite code upon registration
• Referral link format: https://aluo.ai/i/YOUR_CODE
• You can customize your invite code in My Invites page
• When invited users make purchases, you earn rewards automatically

Steps:

• Go to 'My Invites' page in your user center
• Copy your unique referral link
• Share the link with friends, colleagues, or on social media
• Track your invites and earnings in real-time

Steps:

• No reward for registration only
• 20% commission when invited users make their first purchase
• Rewards are calculated and credited automatically
• View detailed reward history in My Invites page

Steps:

• Total number of invited users
• Number of users who made purchases
• Total rewards earned
• Detailed list of invited users with pagination

Steps:

• Self-referral is not allowed
• Invite relationship must be established within 2 hours of registration
• Each user can only have one inviter
• Invite codes are cached locally for 30 days

Steps:

• Visit the API documentation page for complete documentation
• Includes detailed descriptions of all API endpoints
• Provides example code in multiple programming languages
• View authentication, error handling, rate limiting, and other important information