PC SOFT

WINDEVWEBDEV AND WINDEV MOBILE
ONLINE HELP

Home | Sign in | English UK
  • Overview
  • Special case: Read-only file
  • Ribbon: "Home" pane
  • "General" group
  • "Clipboard" group
  • "Display" group
  • "Colors" group
  • "Drawing" group
  • "Selection" group
  • "Layers" group
  • Ribbon: "Other tools" pane
  • "Size" group
  • "Effects and settings" group
  • "Transformation" group
  • Pane of image editor
  • Managing layers
  • Overview
  • Special case: Read-only file
  • Ribbon: "Home" pane
  • "General" group
  • "Clipboard" group
  • "Size" group
  • "Drawing" group
  • "Selection" group
  • "Lines" group
  • "Display" group
  • Ribbon: "Other tools" pane
  • "Layers" group
  • "Rotation and symmetry" group
  • "Effects and settings" group
  • "Transformation" group
  • Pane of image editor
  • Managing layers
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
Image Editor control: Using the ribbon and the pane
Overview
The Image Editor control proposes several features accessible via:
  • The ribbon. Two panes are available:
    • The "Home" pane that is used to perform the most common operations on an image.
    • The "Settings" pane that is used to perform more complex operations.
  • The editor pane, that is used to easily perform several settings.
Notes: The arrows found at the top of ribbon are used to manage the "Undo - Redo" feature on the Image Editor control.

Special case: Read-only file

When an image is opened in read-only mode, a "Read-only" bar is displayed instead of the arrows for Undo/Redo management. In this case, only some operations can be performed.
Read-only
Ribbon: "Home" pane
The "Home" pane allows you to perform the most common operations on an image.
This pane proposes the following groups:
  • General: Used to open, create, save or print an image.
  • Clipboard: Used to manage the clipboard (copy/paste).
  • Display: Used to manage the display options.
  • Colors: Allows you to define the color used by the drawing options.
  • Drawing: Used to apply the drawing tools to the current image or layer.
  • Selection: Used to perform a selection on the current layer, to move it and to resize it.
  • Layers: Used to manage the layers.

"General" group

The General group is used to open, create, save or print an image.
General group
You can:
  • Create a new image.
  • Open an existing image.
  • Save (or save as) an image.
  • Print an image. The window for print configuration is displayed (with a preview of printed document). You can configure:
    • the printer properties: Printer name, orientation, print mode, number of copies.
    • the image position in the printed page as well as the margins,
    • the image size.

"Clipboard" group

The Clipboard group is used to manage the clipboard (copy/paste).
Note: You also have the ability to use the standard shortcuts: Ctrl + C, Ctrl + V, Ctrl + X.

"Display" group

The "Display" group is used to manage the display of elements in the editor.
The option "Manage the zoom" is used to:
  • increase or reduce the zoom.
    Note: To modify the zoom value, you can also use:
    • Ctrl + mouse wheel.
    • the progress bar in the pane of the image editor.
  • display in full size (100%).
  • adapt to screen.
  • specify a value.
The "Pane" option is used to manage the display of pane of image editor. See Pane features for more details.

"Colors" group

The Colors group allows you to define the color used by the drawing options. You can:
  • select a color via the color picker. The current color is previewed in the area below the eyedropper.
  • select a specific color already used in the current image via the eyedropper. Simply click the "Eyedropper" tool in the ribbon and click the desired color in the image.
    Note: The color is displayed in a preview area below the eyedropper when hovered over.
Note: The management of colors can also be performed from the image editor pane.

"Drawing" group

The Drawing group is used to apply the drawing tools to the current image or layer.
  • The "Pen" tool is used to draw freehand on the current layer. The pencil color is displayed in the "Colors" group and it was selected via the color picker. The pencil thickness is defined in the image editor pane. To use this tool:
    1. Click the "Pen" tool in the ribbon.
    2. Click the position where the drawing will start in the image.
    3. Keep the left mouse button down until you have finished drawing.
  • The "Line" tool is used to draw a line on the current layer. The line color is displayed in the "Colors" group and it was selected via the color picker. The line thickness is defined in the pane of image editor. To use this tool:
    1. Click the "Line" tool in the ribbon.
    2. Click the position where the line will start in the image.
    3. Click the position where the line will end in the image.
  • The "Eraser" tool is used to erase freehand on the current layer. The eraser erases the drawing on the current layer. The eraser thickness is defined in the image editor pane. To use this tool:
    1. Click the "Eraser" tool in the ribbon.
    2. Click the position where the erasing will start in the image.
    3. Keep the left mouse button down until the end of erasing.
  • The "Text" tool is used to write a text on the current layer. To use this tool:
    1. Click the "Text" tool in the ribbon.
    2. In the image, create the area where the text will be positioned.
    3. The text area appears and a toolbar is used to define the different characteristics of text to write:
      • Font used and font size,
      • Characteristics of characters: bold, italic, underlined, ...
      • Background color, text color,
      • Layout (centered, aligned to right, ...).
    4. Type your text. To exit from the text area, click anywhere on the image.
  • The "Fill" tool is used to fill an area with a color on the current layer. The fill color is displayed in the "Colors" group and it was selected via the color picker. To use this tool:
    1. Select the area to fill (via the rectangle, the lasso or the wand for example).
    2. Click the "Fill" tool in the ribbon.
    3. Click the area to fill. The fill is automatically performed.

"Selection" group

The Selection group is used to perform a selection on the current layer, to move it and to resize it.
  • Rectangle: Used to perform a rectangular selection on the current layer. To use this tool:
    1. Click the "Rectangle" tool in the ribbon.
    2. Click the image at the position where the rectangle should start.
    3. Keep the left mouse button down until you reach the point where the rectangle will end.
    4. Then, the selection can be manipulated (moved, filled, etc.).
  • Lasso: Used to perform a freehand selection on the current layer. To use this tool:
    1. Click the "Lasso" tool in the ribbon.
    2. Click the position where the selection will start in the image.
    3. Keep the left mouse button down until you reach the point where the selection will end. If this point does not correspond to the start point, the two lasso extremities are automatically linked.
    4. Then, the selection can be manipulated (moved, filled, etc.).
  • Wand: Used to perform a selection according to existing outlines on the current layer. To use this tool:
    1. Click the "Wand" tool in the ribbon.
    2. Click the position where the selection will be performed in the image. The corresponding pixels are automatically selected.
      Note: The tolerance can be specified for the wand: all you have to do is expand the menu found on the right of Wand option.
    3. Then, the selection can be manipulated (moved, filled, etc.).
  • Move and resize (Ctrl T): This option is used to set the current selection in order to:
    • move it: all you have to do is move the selection with the mouse,
    • resize it: all you have to do is use the sizing handles around the selection.
      Note: If the SHIFT key is pressed down during the resizing, this resize operation is performed in homothetic mode (the height/width ratio is kept).
    • perform a rotation: all you have to do is move the mouse away from the area handles to display a rotation cursor (double curved arrow). Then, keep the left mouse button down during the move in the requested rotation direction. Releasing the left mouse button validates the rotation.

"Layers" group

The "Layers" group is used to manage the layers. You can:
  • Create a new layer either blank, or from an image.
  • Duplicate an existing layer.
  • Flatten the image layers. These operations can also be performed via the pane of image editor. See Pane features for more details.
Ribbon: "Other tools" pane
The "Other tools" pane is used to perform various operations on an image or image layer.
The options are grouped into several groups:
  • Size: Used to handle the image size.
  • Effects and settings: Used to handle the image content.
  • Transformation: Used to transform the image.

"Size" group

The Size group is mainly used to manage the image size.
Size group
You can:
  • Resize the image: In the window that is displayed, specify the new size or the percentage of enlargement/reduction.
    Notes:
    • The resizing is performed for the current layer. If you select the "Entire image" layer, the resizing will be performed for all layers.
    • A click on the string is used to perform a non-proportional resizing.
  • Enlarge the workspace: In the window that is displayed, specify:
    • The new size of workspace.
    • The mode for enlarging the image.
  • Clip the image: This option changes the mouse cursor into a specific tool. To use this tool, select the area you want to keep. The image is automatically clipped.
  • Rotation: Used to perform a rotation of current layer (preset or custom rotation).
  • Symmetry: Used to perform a symmetry of current layer (horizontal and/or vertical).

"Effects and settings" group

The Effects and settings group is mainly used to manage the image size. The available options are:
  • Contrast Lightness: This option is used to define the contrast and lightness of image via a specific window. The contrast is included between -100 and +100. The lightness is included between -255 and +255. These settings can be viewed in real time on the image ("Preview on image" option).
  • Border: This option is used to add a border around the image via a specific window. You can:
    • use a preset border: simple black, round, ...
    • customize a preset border.
    • use a custom border.
  • Icon: This option is used to change the current image into icon. The different icon formats proposed by default are displayed on the left of editor. You have the ability to add specific formats ("+" button), to delete useless formats, to regenerate the icons by modifying the size of source image.
  • Transparent color: This option is used to select the color that will become transparent in the image.
    Transparent color
    This setting can be viewed in real time on the image ("Preview on image" option). The pipette is used to directly select a color in your image.
  • HSL settings: This option is used to modify the Hue, Saturation and Lightness options of image. The hue is included between -180 and +180. The saturation is included between -100 and +100. The lightness is included between -255 and +255. These settings can be viewed in real time on the image ("Preview on image" option).
  • Transfo colors: This option is used to replace a color by another one in the image. This setting can be viewed in real time on the image ("Preview on image" option).
  • Shadow: Used to apply a shadow effect on the image elements in relation to the image background. The shadow effects are increased whenever a click is performed on the "Shadow" option. The source of light used to generate the shadow comes from the top left corner.
  • Halo: Used to define a shadow around the image elements (equivalent to a shadow on all sides). You can define the thickness of the halo. This setting can be viewed in real time on the image ("Preview on image" option).
  • Black and white: Used to convert the image in color into black and white (grayscale).
The available options are:
  • Contrast Lightness: This option is used to define the contrast and lightness of image via a specific window. The contrast is included between -100 and +100. The lightness is included between -255 and +255. These settings can be viewed in real time on the image ("Preview on image" option).
  • Transparent color: This option is used to select the color that will become transparent in the image. This setting can be viewed in real time on the image ("Preview on image" option). The pipette is used to directly select a color in your image.
  • HSL settings: This option is used to modify the Hue, Saturation and Lightness options of image. The hue is included between -180 and +180. The saturation is included between -100 and +100. The lightness is included between -255 and +255. These settings can be viewed in real time on the image ("Preview on image" option).
  • Transfo colors: This option is used to replace a color by another one in the image. This setting can be viewed in real time on the image ("Preview on image" option).
  • Shadow: Used to apply a shadow effect on the image elements in relation to the image background. The shadow effects are increased whenever a click is performed on the "Shadow" option. The source of light used to generate the shadow comes from the top left corner.
  • Halo: Used to define a shadow around the image elements (equivalent to a shadow on all sides). You can define the thickness of the halo. This setting can be viewed in real time on the image ("Preview on image" option).
  • Black and white: Used to convert the image in color into black and white (grayscale).

"Transformation" group

The Transformation group is mainly used to manage the image size. The available options are:
  • Icon: This option is used to change the current image into icon. The different icon formats proposed by default are displayed on the left of editor. You have the ability to add specific formats ("+" button), to delete useless formats, to regenerate the icons by modifying the size of source image.
  • Multi DPI: Used to create a set of images corresponding to the different DPIs . The different DPIs proposed by default are displayed on the left of editor. You have the ability to add specific DPIs ("+" button), to delete useless DPIs, to regenerate the images by modifying the size of source image. The option "Export DPI" found in the "Home" pane of ribbon is used to generate the corresponding files. The name of these images is formatted as follows:
    omImage@dpi99x.Extension
    Where 99x corresponds to the multiplier coefficient in relation to the editor DPI.
    The editor operates in 160 DPI. For example, for a "Logo.png" image, the set of images will be:
    • "Logo@dpi1x.png" for the 160 DPI.
    • "Logo@dpi1_5x.png" for the 240 DPI.
    • "Logo@dpi2x.png" for the 320 DPI.
    • "Logo@dpi3x.png" for the 480 DPI.
    • "Logo@dpi4x.png" for the 640 DPI.
  • Border: This option is used to add a border around the image via a specific window. You can:
    • use a preset border: simple black, round, ...
    • customize a preset border.
    • use a custom border.
Pane of image editor
The pane found on the right of image editor is used to:
  • Preview the image and the selection performed in the image.
  • Zoom the image displayed in the editor via the size cursor.
  • Select the color used for the different tools (fill, pen, line, ...). The color can also be selected via the pipette.
  • Select the thickness of different tools (line, pen, ...).
  • Manage and select the layers.

Managing layers

The layers are stacked one above another, each one containing some image elements. You can for example create a layer to display a "Promotion" stamp on an image.
The following options are available for the layers:
  • Make a layer visible or invisible ( Visible ),
  • Add a new layer ( New ),
  • Delete the selected layer ( Delete ),
  • Duplicate the selected layer ( Duplicate ),
  • Move the selected layer ( Move ),
  • Flatten the image ( Flatten ).
Each layer includes a popup menu allowing you to handle it (duplicate, merge, move, ...).
The option "Visible/Invisible by programming" allows you to make the layer usable by programming: This allows you to display the image in an Image control while specifying the layer to be made visible or invisible.
This option is available from version 230042.
Overview
The Image Editor control proposes several features accessible via:
  • The ribbon. Two panes are available:
    • The "Home" pane that is used to perform the most common operations on an image.
    • The "Other tools" pane that is used to perform more complex operations.
  • The editor pane, that is used to easily perform several settings.
Notes: The arrows found at the top of ribbon are used to manage the "Undo - Redo" feature on the Image Editor control.

Special case: Read-only file

When an image is opened in read-only mode, a "Read-only" bar is displayed instead of the arrows for Undo/Redo management. In this case, only some operations can be performed.
Read-only
Ribbon: "Home" pane
The "Home" pane allows you to perform the most common operations on an image.
Home pane
This pane proposes the following groups:
  • General: Used to open, create, save or print an image.
  • Clipboard: Used to manage the clipboard (copy/paste).
  • Size: Used to handle the image size.
  • Drawing: Used to apply the drawing tools to the current image or layer.
  • Selection: Used to perform a selection on the current layer, to move it and to resize it.
  • Lines: Used to define the thickness of the line and its color.
  • Display: Used to zoom and to display or hide the pane.

"General" group

The General group is used to open, create, save or print an image.
General group
You can:
  • Create a new image.
  • Open an existing image.
  • Save (or save as) an image.
  • Print an image. The window for print configuration is displayed (with a preview of printed document).
    Print options
    You can configure:
    • the printer properties: Printer name, orientation, print mode, number of copies.
    • the image position in the printed page as well as the margins,
    • the image size.

"Clipboard" group

The Clipboard group is used to manage the clipboard (copy/paste).
Clipboard group
Note: You also have the ability to use the standard shortcuts: Ctrl + C, Ctrl + V, Ctrl + X.

"Size" group

The Size group is mainly used to manage the image size.
Size group
You can:
  • Crop the image: This option changes the mouse cursor into a specific tool. To use this tool, select the area you want to keep. The image is automatically cropped.
  • Resize the image: In the window that is displayed, specify the new size or the percentage of enlargement/reduction.
    Resizing

    Notes:
    • The resizing is performed for the current layer. If you select the "Entire image" layer, the resizing will be performed for all layers.
    • A click on the string is used to perform a non-proportional resizing.
  • Enlarge the workspace: In the window that is displayed, specify:
    Enlarging
    • The new size of workspace.
    • The mode for enlarging the image.

"Drawing" group

The Drawing group is used to apply the drawing tools to the current image or layer.
Drawing group
  • The "Pen" tool is used to draw freehand on the current layer. The pencil color and thickness can be selected in the "Lines" group. These characteristics can also be modified in the image editor pane. To use this tool:
    1. Click the "Pen" tool in the ribbon.
    2. Click the position where the drawing will start in the image.
    3. Keep the left mouse button down until you have finished drawing.
  • The "Line" tool is used to draw a line on the current layer. The line color and thickness can be selected in the "Lines" group. These characteristics can also be modified in the image editor pane. To use this tool:
    1. Click the "Line" tool in the ribbon.
    2. Click the position where the line will start in the image.
    3. Keep the left mouse button down until you have finished drawing.
      Note: If you hold down the Shift key, you will get a perfectly horizontal or vertical line.
  • The "Eraser" tool is used to erase freehand on the current layer. The eraser erases the drawing on the current layer. The eraser thickness is defined in the "Lines" group or in the image editor pane. To use this tool:
    1. Click the "Eraser" tool in the ribbon.
    2. Click the position where the erasing will start in the image.
    3. Keep the left mouse button down until the end of erasing.
  • The "Text" tool is used to write a text on the current layer. To use this tool:
    1. Click the "Text" tool in the ribbon.
    2. In the image, create the area where the text will be positioned.
    3. The text area appears and a toolbar is used to define the different characteristics of text to write:
      Text area
      • Font used and font size,
      • Characteristics of characters: bold, italic, underlined, ...
      • Background color, text color,
      • Layout (centered, aligned to right, ...).
    4. Type your text. To exit from the text area, click anywhere on the image.
  • The "Fill" tool is used to fill an area with a color on the current layer. The fill color can be selected in the "Lines" group or in the image editor pane. To use this tool:
    1. Select the area to fill (with the rectangle, the lasso or wand tools for example, available in the "Selection" group).
    2. Click the "Fill" tool in the ribbon.
    3. Click the area to fill. The fill is automatically performed.
  • Versions 24 and later
    The "Ellipse" tool is used to draw an ellipse or a circle on the current layer. The line and fill color can be selected in the "Lines" group. These characteristics can also be modified in the image editor pane. To use this tool:
    1. Click the "Ellipse" tool in the ribbon.
    2. Click the position where the ellipse drawing will start in the image.
      Note: The ellipse is drawn in an area. The start position of the drawing corresponds to one corner of the area in which the ellipse will be drawn.
    3. Keep the left mouse button down until you have finished drawing.
      Note: If you hold down the Shift key, you will get a perfect circle.
    New in version 24
    The "Ellipse" tool is used to draw an ellipse or a circle on the current layer. The line and fill color can be selected in the "Lines" group. These characteristics can also be modified in the image editor pane. To use this tool:
    1. Click the "Ellipse" tool in the ribbon.
    2. Click the position where the ellipse drawing will start in the image.
      Note: The ellipse is drawn in an area. The start position of the drawing corresponds to one corner of the area in which the ellipse will be drawn.
    3. Keep the left mouse button down until you have finished drawing.
      Note: If you hold down the Shift key, you will get a perfect circle.
    The "Ellipse" tool is used to draw an ellipse or a circle on the current layer. The line and fill color can be selected in the "Lines" group. These characteristics can also be modified in the image editor pane. To use this tool:
    1. Click the "Ellipse" tool in the ribbon.
    2. Click the position where the ellipse drawing will start in the image.
      Note: The ellipse is drawn in an area. The start position of the drawing corresponds to one corner of the area in which the ellipse will be drawn.
    3. Keep the left mouse button down until you have finished drawing.
      Note: If you hold down the Shift key, you will get a perfect circle.
  • Versions 24 and later
    The "Rectangle" tool is used to draw a rectangle or a square on the current layer. The line and fill color can be selected in the "Lines" group. These characteristics can also be modified in the image editor pane. To use this tool:
    1. Click the "Rectangle" tool in the ribbon.
    2. Click the position where the rectangle will start in the image.
    3. Keep the left mouse button down until you have finished drawing.
      Note: If you hold down the Shift key, you will get a perfect square.
    New in version 24
    The "Rectangle" tool is used to draw a rectangle or a square on the current layer. The line and fill color can be selected in the "Lines" group. These characteristics can also be modified in the image editor pane. To use this tool:
    1. Click the "Rectangle" tool in the ribbon.
    2. Click the position where the rectangle will start in the image.
    3. Keep the left mouse button down until you have finished drawing.
      Note: If you hold down the Shift key, you will get a perfect square.
    The "Rectangle" tool is used to draw a rectangle or a square on the current layer. The line and fill color can be selected in the "Lines" group. These characteristics can also be modified in the image editor pane. To use this tool:
    1. Click the "Rectangle" tool in the ribbon.
    2. Click the position where the rectangle will start in the image.
    3. Keep the left mouse button down until you have finished drawing.
      Note: If you hold down the Shift key, you will get a perfect square.
  • Versions 24 and later
    The "Arrow" tool allows you to draw an arrow on the current layer. The arrow color can be selected in the "Lines" group. The image editor pane is used to configure additional features such as arrow size, arrowhead, etc, ... To use this tool:
    1. Click the "Arrow" tool in the ribbon.
    2. Click the position where the arrow will start in the image.
    3. Keep the left mouse button down until you have finished drawing.
      Note: If you hold down the Shift key, the arrow will be horizontal or vertical.
    New in version 24
    The "Arrow" tool allows you to draw an arrow on the current layer. The arrow color can be selected in the "Lines" group. The image editor pane is used to configure additional features such as arrow size, arrowhead, etc, ... To use this tool:
    1. Click the "Arrow" tool in the ribbon.
    2. Click the position where the arrow will start in the image.
    3. Keep the left mouse button down until you have finished drawing.
      Note: If you hold down the Shift key, the arrow will be horizontal or vertical.
    The "Arrow" tool allows you to draw an arrow on the current layer. The arrow color can be selected in the "Lines" group. The image editor pane is used to configure additional features such as arrow size, arrowhead, etc, ... To use this tool:
    1. Click the "Arrow" tool in the ribbon.
    2. Click the position where the arrow will start in the image.
    3. Keep the left mouse button down until you have finished drawing.
      Note: If you hold down the Shift key, the arrow will be horizontal or vertical.

"Selection" group

The Selection group is used to perform a selection on the current layer, to move it and to resize it.
Selection group
  • Selection: Used to perform a rectangular selection on the current layer. To use this tool:
    1. Click the "Selection" tool in the ribbon.
    2. Click the position where the selection rectangle will start in the image.
    3. Keep the left mouse button down until you have selected the desired area.
    4. Then, the selection can be manipulated (moved, filled, etc.).
  • Lasso: Used to perform a freehand selection on the current layer. To use this tool:
    1. Click the "Lasso" tool in the ribbon.
    2. Click the position where the selection will start in the image.
    3. Keep the left mouse button down until you reach the point where the selection will end. If this point does not correspond to the start point, the two lasso extremities are automatically linked.
    4. Then, the selection can be manipulated (moved, filled, etc.).
  • Wand: Used to perform a selection according to existing outlines on the current layer. To use this tool:
    1. Click the "Wand" tool in the ribbon.
    2. Click the position where the selection will be performed in the image. The corresponding pixels are automatically selected.
      Note: The tolerance can be specified for the wand: all you have to do is expand the menu found on the right of Wand option.
      Configuring the tolerance
    3. Then, the selection can be manipulated (moved, filled, etc.).
  • Move and resize (Ctrl + T): This option is used to set the current selection in order to:
    • move it: all you have to do is move the selection with the mouse,
    • resize it: all you have to do is use the sizing handles around the selection.
      Note: If the SHIFT key is pressed down during the resizing, this resize operation is performed in homothetic mode (the height/width ratio is kept).
    • perform a rotation: all you have to do is move the mouse away from the area handles to display a rotation cursor (double curved arrow). Then, keep the left mouse button down during the move in the requested rotation direction. Releasing the left mouse button validates the rotation.

"Lines" group

The Lines group makes it possible to define various parameters used by the drawing options.
Colors group
You can:
  • select a color via the color picker. The current color is previewed in the area below the eyedropper.
  • select a specific color already used in the current image via the eyedropper. Simply click the "Eyedropper" tool in the ribbon and click the desired color in the image.
    Note: The color is displayed in a preview area below the eyedropper when hovered over.
  • set the thickness of the element used (line, border, etc.).
Note: These settings as well as advanced options for the different drawing tools are also available from the image editor pane.

"Display" group

The "Display" group is used to manage the display of elements in the editor.
Display group
The "Zoom" option is used to:
  • increase or reduce the zoom.
    Note: To modify the zoom value, you can also use:
    • Ctrl + mouse wheel.
    • the progress bar in the pane of the image editor.
  • display in full size (100%).
  • adapt to screen.
  • specify a value.
The "Pane" option is used to manage the display of pane of image editor. See Pane features for more details.
Ribbon: "Other tools" pane
The "Other tools" pane is used to perform various operations on an image or image layer.
Other Tools pane
The options are grouped into several groups:
  • Layers: Used to manage the layers.
  • Rotation and symmetry: Used to manage simple transformations on the image.
  • Effects and settings: Used to handle the image content.
  • Transformation: Used to transform the image.

"Layers" group

The "Layers" group is used to manage the layers.
Layers group
You can:
  • Create a new layer either blank, or from an image.
  • Duplicate an existing layer.
  • Flatten the image layers. These operations can also be performed via the pane of image editor. See Pane features for more details.

"Rotation and symmetry" group

The Rotation and symmetry group allows you to manage simple transformations on the image.
Size group
The different options are:
  • Rotation: Used to perform a rotation of current layer (preset or custom rotation).
    Rotation
  • Symmetry: Used to perform a symmetry of current layer (horizontal and/or vertical).
    Symmetry

"Effects and settings" group

The Effects and settings group is mainly used to manage the image content.
Effects and Settings group
The available options are:
  • Contrast Lightness: This option is used to define the contrast and lightness of image via a specific window.
    Contrast and lightness
    The contrast is included between -100 and +100. The lightness is included between -255 and +255. These settings can be viewed in real time on the image ("Preview on image" option).
  • Transparent color: This option is used to select the color that will become transparent in the image.
    Transparent color
    This setting can be viewed in real time on the image ("Preview on image" option). The pipette is used to directly select a color in your image.
  • HSL settings: This option is used to modify the Hue, Saturation and Lightness options of image.
    HSL settings
    The hue is included between -180 and +180. The saturation is included between -100 and +100. The lightness is included between -255 and +255. These settings can be viewed in real time on the image ("Preview on image" option).
  • Transfo colors: This option is used to replace a color by another one in the image.
    Transforming colors
    This setting can be viewed in real time on the image ("Preview on image" option).
  • Shadow: Used to apply a shadow effect on the image elements in relation to the image background. The shadow effects are increased whenever a click is performed on the "Shadow" option. The source of light used to generate the shadow comes from the top left corner.
  • Halo: Used to define a shadow around the image elements (equivalent to a shadow on all sides). You can define the thickness of the halo.
    Halo
    This setting can be viewed in real time on the image ("Preview on image" option).
  • Black and white: Used to convert the image in color into black and white (grayscale).

"Transformation" group

The Transformation group is mainly used to manage the image size.
Transformation
The available options are:
  • Icon: This option is used to change the current image into icon. The different icon formats proposed by default are displayed on the left of editor. You have the ability to add specific formats ("+" button), to delete useless formats, to regenerate the icons by modifying the size of source image.
    Icons
  • Multi DPI: Used to create a set of images corresponding to the different DPIs . The different DPIs proposed by default are displayed on the left of editor. You have the ability to add specific DPIs ("+" button), to delete useless DPIs, to regenerate the images by modifying the size of source image. The option "Export DPI" found in the "Home" pane of ribbon is used to generate the corresponding files. The name of these images is formatted as follows:
    omImage@dpi99x.Extension
    Where 99x corresponds to the multiplier coefficient in relation to the editor DPI.
    The editor operates in 160 DPI. For example, for a "Logo.png" image, the set of images will be:
    • "Logo@dpi1x.png" for the 160 DPI.
    • "Logo@dpi1_5x.png" for the 240 DPI.
    • "Logo@dpi2x.png" for the 320 DPI.
    • "Logo@dpi3x.png" for the 480 DPI.
    • "Logo@dpi4x.png" for the 640 DPI.
  • Border: This option is used to add a border around the image via a specific window.
    Configuring borders
    You can:
    • use a preset border: simple black, round, ...
    • customize a preset border.
    • use a custom border.
Pane of image editor
The pane found on the right of image editor is used to:
Pane of image editor
  • Preview the image and the selection performed in the image.
  • Zoom the image displayed in the editor via the size cursor.
  • Select the color used for the different tools (fill, pen, line, ...). The color can also be selected via the pipette.
  • Select the thickness of different tools (line, pen, ...).
  • Manage and select the layers.

Managing layers

The layers are stacked one above another, each one containing some image elements. You can for example create a layer to display a "Promotion" stamp on an image.
The following options are available for the layers:
  • Make a layer visible or invisible ( Visible ),
  • Add a new layer ( New ),
  • Delete the selected layer ( Delete ),
  • Duplicate the selected layer ( Duplicate ),
  • Move the selected layer ( Move ),
  • Flatten the image ( Flatten ).
Each layer includes a popup menu allowing you to handle it (duplicate, merge, move, ...).
The option "Visible/Invisible by programming" allows you to make the layer usable by programming: This allows you to display the image in an Image control while specifying the layer to be made visible or invisible.
This option is available from version 230042.
Minimum version required
  • Version 23
Comments
Click [Add] to post a comment