Account Center

Object editing

Using the left side bar, you can add an image, text, shape, vector path, image generated by Artimind, array, and duplicate object to a canvas. After adding objects, you can edit them by using the upper panel.

General editing

The general object editing functions are available for all types of objects.

Arrange the stacking order

• Bring to front: moves the selected object, group, or layer to the top of the stacking order
• Send backward: moves the selected object, group, or layer backward one position in the stacking order
• Bring forward: moves the selected object, group, or layer forward one position in the stacking order
• Send to back: moves the selected object, group, or layer to the bottom of the stacking order

Align objects

• Align left: aligns the left edges of the selected objects
• Horizontal align center: aligns the horizontal centers of the selected objects
• Align right: aligns the right edges of the selected objects
• Align top: aligns the tops of the selected objects
• Vertical align center: aligns the vertical centers of the selected objects
• Align bottom: aligns the bottoms of the selected objects
• Align center: aligns the centers of the selected objects

Distribute objects

Distribute horizontally: spaces the selected objects evenly between the leftmost and rightmost edges of the objects in the selection area in the horizontal direction.

Distribute vertically: spaces the selected objects evenly between the leftmost and rightmost edges of the objects in the selection area in the vertical direction.

Reflect an object

You can reflect an object as required.

Reflect horizontally: reflects the selected object using the horizontal center line as the axis.

Reflect vertically: reflects the selected object using the vertical center line as the axis.

Set the position of an object

You can set the position of an object precisely by entering the x and y coordinates of its upper-left edge.

The unit can be set in Settings.

The position (0, 0) is in the upper-left corner of the canvas.

Set the size of an object

You can set the size of an object by entering its width and height. The aspect ratio is locked when you insert or import an object into the canvas. You can click the Lock aspect ratio icon to unlock the ratio.

Rotate an object

You can rotate an object by entering an angle. A positive value indicates rotating clockwise, and a negative one indicates rotating counterclockwise.

Set the corner radius

You can modify a rectangle to a rounded one by entering a corner radius.

Create an outline of an object

You can create an outline for a bitmap, vector path, or text. In addition, you can add an inner outline for a bitmap with a transparent background.

Group and ungroup objects

You can group two or more objects or ungroup them.

Bitmap image editing

Besides the general editing functions, there are design functions available only for bitmap images. You can select an image to activate these functions.

Adjustments

• Auto Adjust: Automatically adjusts the image's settings for improved quality. (Note: Using official materials can achieve better auto-adjustment results.)
• Grayscale: Converts the image into black and white by removing all color information.

• Invert: Inverts the colors of the image, turning all light colors dark and vice versa.

• Sharpness: Adjusts the clarity and definition of the image. Increasing the sharpness makes the image appear clearer.

• Saturation: Controls the intensity of the colors in the image. Increasing saturation makes the colors more vibrant, while decreasing it makes them more muted.

• Brightness: Adjusts the overall lightness or darkness of the image. Increasing brightness makes the image lighter, and decreasing it darkens the image.

• Contrast: Controls the difference between the light and dark areas of the image. Increasing contrast makes the light areas lighter and the dark areas darker.

• Temperature: Adjusts the warmth or coolness of the image. Moving the slider to the right makes the image warmer (more orange), while to the left makes it cooler (more blue).
• Tint: Adjusts the color balance of the image, giving it a slight color cast (e.g., greenish or purplish) depending on the tint level.

Tools

Crop Image: Allows you to select and crop a portion of the image, removing unwanted areas and keeping only the selected part.

AI Cutout: Uses artificial intelligence to automatically identify the subject in the image and remove the background, ideal for quickly processing images with background removal.

AI Expand: Expands the edges or background of the image, generating more background areas and enhancing the image's overall composition.

Magic Eraser: Lets you erase specific areas of the image. Adjust the Fuzziness parameter to delete pixels with similar colors in the selected area.

AI Replace: Uses AI to replace specified parts of the image, replacing them with different backgrounds or content as needed.

Enhance: Enhances the image by adjusting its brightness, contrast, and details, making it clearer and brighter.

Trace: Converts a bitmap image into a vector by automatically generating vector outlines, with options for Auto-trace and Center tracing for different image types.

Filter

Original: Displays the image in its original form without any filters applied.

Grid: Applies a grid overlay effect to the image, often used to create a structured or technical look.

Sketch: Converts the image into a pencil sketch style, giving it a hand-drawn appearance.

Comic 1: Applies a comic-style effect to the image, typically with bold outlines and simplified shading.

Comic 2: Another comic-style filter that gives the image a more stylized, graphic novel look with different patterns.

Embossment: Creates a raised effect on the image, giving it a 3D appearance by simulating light and shadow.

Black-and-white: Converts the image to a black-and-white version, removing all color for a classic monochrome effect.

Halftone: Applies a halftone effect to the image, creating a pattern of dots that mimics old printing styles or comic book art.

Restyle

• Original: Displays the image in its original form without any style changes.
• Line art realistic: Converts the image into a realistic line art version, emphasizing the subject with detailed lines and shading for a more lifelike appearance.
• Line art: Similar to the "Line art re..." option, but with a more simplified line drawing, highlighting the basic structure of the image.
• Black and white: Converts the image to black and white, turning it into a monochrome version with varying shades of gray.
• Flat illustration: Applies a flat, 2D illustration style to the image, with bold colors and minimal shading, similar to digital illustrations.
• Oil painting: Transforms the image into an oil painting style, giving it a textured and brushstroke-like appearance.
• Papercut: Applies a paper-cutout effect to the image, making it appear as though it is made of layered paper.
• Graffiti: Adds a street art or graffiti-style effect to the image, giving it an urban, spray-painted look.
• Watercolor: Converts the image into a watercolor painting style, featuring soft, blended colors and brushstroke effects.
• Enchanted: Applies a magical or fantasy-like filter, often with soft glows and dream-like colors.
• Pixel art: Transforms the image into pixelated artwork, mimicking retro 8-bit or 16-bit video game graphics.
• Cyberpunk: Gives the image a futuristic, cyberpunk aesthetic, often incorporating neon colors and high-tech, dystopian elements.
• Cartoon: Transforms the image into a cartoon-style version with simplified features and bold outlines.

Crop

In the Crop image dialog box, you can keep an area and discard those not selected.

Night crop ratios are provided, including random ratio, original ratio, 1:1, 3:2, 4:3, 3:4, 2:3, 16:9, 9:16. You can also set the crop size and click the Lock aspect ratio icon to lock or unlock the ratio.

Create a clipping mask

You can shape a bitmap image with a vector path by making a clipping mask.

(1) Select the bitmap image and vector path.

(2) Click Create mask.

(3) Move the image to the mask.

(4) Click Done.

Text editing

Besides the general editing functions, there are design functions available only for texts. You can enter and select a text to activate these functions.

• Typeface: Select the font style for the text.
• Attribute: Set font properties like weight (e.g., Regular, Bold).
• Size: Adjust the text size (measured in points).
• Weld: Merge multiple texts into one entity (applies to text - based shapes).
• Rotate: Rotate the selected text.
• Curve: Add a curved effect to modify the text’s shape.
• Leading: Adjust the distance between lines of text.
• Spacing: Adjust the spacing between individual characters.
• Align: Set text alignment (left, center, right, etc.).

Typeface

You can select a typeface from the xTool selected or system typefaces.

Attribute

You can set the style or weight of a text.

Leading

You can set the amount of space between lines of text.

Spacing

You can set the amount of space between letters.

Rotate

You can rotate the text after you move the mouse pointer close to the Rotate icon and the pointer changes to a double-arrow curve.

Size

You can set the size of a text by entering a value. The following is a reference.

Curve

You can curve the text by dragging the control on the right.

Weld

This function is used to unite the character strings that overlap one another partially in a text. After being welded, the text becomes vector paths and the text setting panel is not displayed after you select it.

If no character strings overlap one another partially in the text, the text looks the same but becomes vector paths after you weld it, and the text setting panel is not displayed after you select it.

Align

You can align the left edge of a text with the left margin, the right edge with the right margin, or center a text.

Original case

Retain the text’s original uppercase/lowercase status.

Uppercase:

Convert the text to all uppercase letters.

Vector editing

Besides the general editing functions, there are design functions available only for vectors. You can draw or insert and select a vector to activate these functions.

Set node position

You can set the position of a node precisely by entering the x and y coordinates. The unit can be set in Settings.

The position (0, 0) is in the upper-left corner of the canvas.

Align

You can select a node to align it with the canvas, or select two or more nodes to align them.

• Align a node with the canvas.

For example:

• Select two or more nodes to align them.

Set node type

You can select one or more nodes and set their node types.

Sharp corner

Perfect symmetry

Total asymmetry

Angled symmetry

After editing the nodes, click Done.

Simplify nodes

For complex vectors, you can click Simplify to reduce the number of nodes.

(1) Select the target vector pattern.

(2) Click Edit.

(3) Click Simplify. In the Simplify vector dialog box, you can adopt the auto-simplification result or use the Simplification slider to reduce the number of nodes.

(4) Click Done.

Split path

You can split a path between nodes.

(1) Select the target vector path.

(2) Click Edit.

(3) Click Scissors on the upper panel.

(4) Move the cursor onto the path segment you want to split and click the target path segment. You can also click Select to go back to the previous step.

(5) Click Done in the upper right corner.

Set compound

Edit compound

You can click Edit compound to set the position, align, and reflect one or more vectors.

Release or make compound vectors

You can release or make a compound vector.

Set pathfinder

By selecting two or more vectors, you can set pathfinder.

Unite

Substract

Unite at overtap

Substract at overtap