AdjustmentsContent

Using IcoFX you can apply many adjustments on your image for post processing. Most adjustments dialogs have a "Preview" check box. If this check box is checked then you can see a real time preview of the adjustment result on your image.

IcoFX contains the following image adjustments:

Brightness and Contrast ContentTop

To open the brightness and contrast adjusting dialog use the "Adjustments/Brightness and Contrast..." menu item.

Brightness and Contrast
Brightness and Contrast Adjustment

On this dialog you can increase / decrease the brightness and contrast of the selected image or selection. If the "Use legacy algorithm" check box is checked then IcoFX will use the same algorithm that was used in IcoFX 1.X version. If not then a new enhanced algorithm will be used. If you use selections then you can adjust the brightness and contrast of only a selected part of the image.

Hue and Saturation ContentTop

To open the hue adjusting dialog use the "Adjustments/Hue and Saturation..." menu item. This dialog has three functions. You can set the hue and saturation of the image, you can select a color range where the hue and saturation will be applied, and finally you can colorize an image.

Hue
Hue and Saturation Adjustment

If you set the hue method to master then you can set the hue, saturation and brightness of all the colors in the image or selection. In the color bars at the bottom of the dialog you can see the new replacement of each color.

Hue Range
Hue and Saturation Range

If you set the hue method to range then you can select a color range by dragging the bars between the color bars. The color range where the adjustment will not be applied will be darkened out on the color bars. If you set the hue, saturation and brightness of the image or selection then only the hue, saturation and brightness of the selected colors will be changed. In the color bars at the bottom of the dialog you can see the new replacement of each color.

Colorize
Colorize

If you set the hue method to colorize then you can colorize the image or selection. Using the hue, saturation and brightness sliders you can select a color and the image will contain only shades of the given color. In the color bars at the bottom of the dialog you can see the new color.

Color Balance ContentTop

To open the color balance adjusting dialog use the "Adjustments/Color Balance..." menu item.

Color Balance
Color Balance Adjustment

On this dialog you can set the color balance of the selected image or selection. You can change the tone of the image using scroll bars. To change the tone drag the scroll bar to the desired color.

Levels ContentTop

To open the Levels dialog use the "Adjustments/Levels..." menu item.

Levels
Levels Adjustment

Using the Levels adjustment you can correct the tonal range and color balance of an image. You can adjust the intensity levels of image shadows, midtones, and highlights. The Input Levels sliders map the black and white points to the settings of the Output sliders.

You can apply the levels to all channels (RGB) or to specific channels (Red, Green, Blue). You can select the desired channel in the "Channel" box.

In the "Input Levels" group box you can see the histogram of the image. For more information about histograms see the Histogram panel.

Most images look best when they utilize the full range of the histogram from black (0) to white (255). To adjust the shadows and highlights, drag the black and white Input Levels sliders to the edge of the first group of pixels at either end of the histogram.

Levels Adjustment
Adjusting the shadow and highlights using levels

The middle Input slider adjusts the midtones (gamma) of the image. Moving the middle Input slider to the right makes the overall image lighter while moving it to the left makes the image darker.

Curves ContentTop

To open the Curves dialog use the "Adjustments/Curves..." menu item.

Curves
Curves Adjustment

You can apply the levels to all channels (RGB) or to specific channels (Red, Green, Blue). You can select the desired channel in the "Channel" box.

Using the Curves dialog, you can adjust an image’s tonal range. The dialog displays highlights in the upper-right part of the graph and the shadows in the lower-left part. You can add control points to the line by left clicking and move them by dragging. Right click a control point to delete it. You can adjust the image by changing the shape of the curve. Steeper curve represent higher contrast while flatter curve represent lower contrast.

Points in the top of the curve adjusts the highlights. Points in the center of the curve adjusts the midtones, and points in the bottom of the curve adjusts the shadows. Move a point downwards to darken and upwards to lighten the image.

Curves Adjustment
Adjusting the shadow and highlights using curves

Bevel ContentTop

To open the Bevel dialog use the "Adjustments/Bevel..." menu item.

Bevel
Bevel Adjustment

The bevel dialog adds various combinations of highlights and shadows to an image.

You can adjust different properties of the bevel:

  • Angle: Sets the angle/direction of the light
  • Size: The size of the bevel
  • Elevation: Specify the elevation of the bevel
  • Soften: Softens the bevel
  • Highlight Opacity: The opacity of the highlighted area. You can also select the color of the highlight.
  • Shadow Opacity: The opacity of the shadowed area. You can also select the color of the shadow.

Opacity ContentTop

To open the opacity adjusting dialog use the "Adjustments/Opacity..." menu item.

Opacity
Opacity Adjustment

On this dialog you can increase or decrease the opacity of the image or selection.

Fadeout ContentTop

To open the fadeout dialog use the "Adjustments/Fadeout..." menu item.

Fadeout
Fadeout Adjustment

On this dialog you can fade out the image or selection. Similarly to the Opacity dialog this will also change the opacity of the image or selection, but you can configure an opacity gradient that will be used. Using this technique you can achieve fade out effects.

You can select between the following fadeout types:

  • Vertical - Will apply the gradient vertically to the image
  • Horizontal - Will apply the gradient horizontally to the image
  • Diagonal (Bottom-Top) - Will apply a diagonal gradient
  • Diagonal (Top-Bottom) - Will apply a diagonal gradient
  • Diamond - The gradient will be applied in the form of a rectangle
  • Radial - The gradient will be applied in the form of an ellipse

Pressing the Reset button will reset the whole dialog to its initial state.

You can see an opacity gradient that will be applied to the image. You can change the opacity values. You can also add new opacity values to the gradient by clicking on the color thumbnail area. Then you can set the position and opacity value of the given point. Using the Delete button you can delete the selected opacity value. (The last two values cannot be deleted)

Shadow ContentTop

To open the shadow dialog use the "Adjustments/Shadow..." menu item.

Shadow
Shadow Adjustment

Using the shadow dialog you can add drop shadows or inner shadows to your image. This will only work if the image has transparent areas, in other cases the shadow will not be visible.

On this dialog you can set the type, color, size, opacity and position of the shadow.

Replace Color ContentTop

To open the replace color dialog use the "Adjustments/Replace Color..." menu item.

Replace Color
Replace Color

The Replace Color dialog combines tools for selecting a color range and replacing that color.

In the preview box you can see the selected color range and/or select the color to be replaced. If you click on the preview box you can select the color to be replaced. The preview box has two modes:

  • Selection: Displays the parts of the image that will be re-colorized. It makes selecting the color range easier.
  • Image: Displays the image. This option is useful for quickly selecting the color on the preview box.

You have three possibilities to select the colors that you want to replace:

  • Use the color picker tool, by clicking on the color picker dialog, and select the color from the image
  • Click on the color box and select the color from the color selection dialog
  • Select the color from the preview box

By dragging the Fuzziness slider you can set the color range, the degree to which related colors are included in the selection.

You can specify a replacement color by using the color picker tool, color selection dialog, or by dragging the Hue, Saturation, and Lightness sliders.

Color Replacement
Replacing the yellows with greens

Replace Pixels ContentTop

To open the replace pixels dialog use the "Adjustments/Replace Pixels..." menu item.

Replace Pixels
Replace Pixels

The Replace Pixels dialog allows you to replace pixels with different colored pixels. While the Replace Color dialog is oriented to replace a range of colors the Replace Pixels dialog gives you more control over what will be replaces and makes it easier to replace colors in pixel arts.

You can add multiple color replacements, and the first one that will match a pixel will be used to replace the pixel. You can also save and load color replacements in *.rep files. You can select the old color that will be replaced, the new color, and the tolerance.

Make Color Transparent ContentTop

To open the transparent color adjusting dialog use the "Adjustments/Make Color Transparent..." menu item.

Make Color Transparent
Make Color Transparent Dialog

Using the Make Color Transparent dialog you can select a color of your image and make it transparent. This is useful when you try to create icons from imported images that have no transparency information (like JPEG). It works best if the image background has a uniform color.

You can select the color to make transparent by double clicking on the color box. This will show a color selection dialog. An alternative is to use the color picker. You can press the color picker button, the dialog will be hidden, and you can select the desired color straight from the image. If you click on the desired color on the image the dialog will reappear and the selected color is set in the color box.

You can select the tolerance of the transparent color. A smaller value means that only very similar colored pixels will be made transparent. A greater tolerance value allows a greater difference between the pixel colors. You can also set the soft edge value. Increasing this value will create softer edges, gradient between the transparent and opaque area.

Image Size ContentTop

To open the image size adjusting dialog use the "Adjustments/Image Size..." menu item.

Image Size
Image Size Dialog

Using this dialog you can set a new size for your canvas. The image contained in the canvas will be also resized to fit the new canvas size. You can choose from predefined image sizes or enter a custom value.

Canvas Size ContentTop

To open the canvas size adjusting dialog use the "Adjustments/Canvas Size..." menu item.

Canvas Size
Canvas Size Dialog

Using this dialog you can set a new size for your canvas. The image contained in the canvas will not be resized, it will be cropped to fit the new canvas size. You can choose from predefined image sizes or enter a custom value.

Expand Canvas ContentTop

To open the expand canvas dialog use the "Adjustments/Expand Canvas..." menu item.

Expand Canvas
Expand Canvas Dialog

Using the expand canvas dialog you can increase the size of the canvas. The image contained in the canvas will not be resized. You can choose the side that will be expanded: left, right, top or bottom. You can enter the value and the canvas will be expanded by this value.

On the dialog you can see the current canvas size and the new canvas size (after the expanding). The canvas size cannot be greater than 512x512.

Trim ContentTop

To open the Trim dialog use the "Adjustments/Trim..." menu item.

Trim
Trim Dialog

The Trim dialog allows the cropping of an image by trimming surrounding pixels that have a given color. You can choose to trim transparent pixels, the pixels that are colored like the top-left or bottom-right pixel of the image. You can also choose the cropped sides of the image: top, left, bottom or right.

Rotate ContentTop

Under the "Adjustments/Rotate/Flip" menu there are more rotation and flipping functions:

  • Rotate Left 90° - Rotates the image or selection to the left by 90°
  • Rotate Right 90° - Rotates the image or selection to the right by 90°
  • Rotate 180° - Rotates the image or selection by 180°
  • Flip Horizontal - Flips the image or selection horizontally
  • Flip Vertical - Flips the image or selection vertically

To open the rotate dialog use the "Adjustments/Rotate/Flip/Rotate..." menu item.

Rotate
Rotate Dialog

Using the rotate dialog you can rotate an image or selection. On the dialog you can select the rotation angle, direction and center point. The center point option is only available if you rotate the whole image, it is not available in the case of rotating a selection.

If you rotate an image the canvas size will not change to fit the image. If you rotate a selection the selection size will be increased to fit the rotated selection.

Data Type ContentTop

Using the menu items under the "Adjustments/Data Type" menu you can change the data type of your image. The data type of IcoFX images cannot be changed, it is always 32 bits.


ContentTop