20 Jul 10 Online Image Editor

Online Image Editor allows you to perform various image manipulation/editing and retouching features to refine/correct and enhance your existing images before including it in your website. With Image Editor, you can perform various image editing operations like Flip, Crop, Rotate, apply Frames & Borders, change Brightness & Contrast, Resize, Annotate (text on image), Change Image Format, etc.

Follow the process mentioned below -

1. Search for the domain name and go to Order Details view to manage your Website Builder package. Click here to learn how >>

2. In the Order Details View, click on the Build Site button to begin designing your website.

3. The following page loads once you click on the Image Editor link from the menu available on the left of your Page Manager -

IMPORTANT  

The above Image Library page would be empty when you visit it for the first time. You will need to Import your own images from your computer’s hard disk before you proceed to edit the image with the Image Editor. You can import images by clicking on the IMPORT/DELETE IMAGES button.

4. To edit an image in your Image Library, simply click on the particular image to proceed to the following Edit Image page.

The various image-editing operations that you can perform on the image are provided as links at the bottom of the page. While editing an image, a Check box with Save the image in a different name option appears at the bottom of the image. By checking the same, the Website Builder allows you to save the edited image with an alternate name. Also the options ACCEPT & CONTINUE EDITING, ACCEPT & FINISH and UNDO allows you to manage your image editing process.

Flip

Flop

Crop

The Crop operation lets you cut or crop the image leaving only that part of the image that you want to retain.

IMPORTANT  

You can only select rectangular or square portions of the image.

How to Crop an Image?

  
1. Decide on which rectangular or square portion of the image you want to retain.
    
2. Use the mouse to click the left top corner of this imaginary rectangle and keep the mouse button pressed.
    
3. With the mouse button pressed, drag the mouse diagonally down to the bottom right corner of this imaginary rectangle. Release the mouse button only after you reach the bottom right corner.
    
4. As you release the mouse button, a rectangular box with Cyan border appears. Only the part of the image which falls inside this rectangle will be retained.
    
5. When you are convinced that the rectangle/square box is the portion that you want to crop, accept the changes to proceed.

 

 

 

Resize

The Resize operation lets you increase or decrease the dimensions of the image based on the width and height values that you type in.

How to Resize?

  
1. Enter the values for Width and Height to which you want to resize the image.
    
2. Click Submit to proceed.



IMPORTANT  

These values could be more than or less than the actual width and height of the image. Normally if the values are greater than the original then the image is likely to lose its visual clarity.

 

 

 

Rotate

The Rotate operation lets you rotate the image to an angle specified by you. You can also choose the direction in which the image will be rotated – i.e., either clockwise or anti-clockwise.

How to Rotate?

  
1. Type in the Angle (in degrees) to which you want to rotate the image. Only whole numbers from 1 to 360 are allowed.
    
2. Select the direction of rotation, i.e., either clockwise or anti-clockwise.
    
3. Click Submit to proceed.

 

 

 

Brightness

You can adjust the brightness of the Image.

How to adjust Brightness?

  
1. Type in a value for Brightness. Any number in multiples of 10 is recommended.
    
2. Click Submit to proceed.

 

 

 

Contrast

You can adjust the contrast of the Image.

How to adjust Contrast?

  
1. Select the desired contrast from the available.
    
2. Click Submit to proceed.

 

 

 

Raise

By Raising, you can give an embossed effect to your image.

How to Raise?

  
1. Type in the Raise value (any number in multiples of 10 and below 90 is recommended).
    
2. Click Submit to proceed.

 

 

 

Frame

You can create a Frame for the image by specifying the width of the Frame.

How to create a Frame?

  
1. Type in a value for Frame Width (any number in multiples of 10 and below 50 is suggested).
    
2. Click Submit to proceed.

 

 

 

Border

You can create a Border for the image by specifying the width of the Border.

How to create a Border?

  
1. Click on the color palette to choose a Border color. The selected color will be displayed in the small rectangular box on the left.
    
2. Type in a value for Border Width (Any number in multiples of 10 and below 50 is suggested).
    
3. Click Submit to proceed.

 

 

 

Annotate

By Annotating, you can place any text with a specified color and font on the image, at a specific position of your choice.

How to Annotate?

  
1. Decide on the area in the image where you want to add text.
    
2. Click a point on the image from where you want the text to begin.
    
3. Type the text in the textbox provided.
    
4. Choose a color for the text from the color palette. The selected color is displayed in the small rectangular box on the left.
    
5. Select a font style for the text from the list provided.
    
6. Type in a font size for the text.
    
7. Click Submit to proceed.

 

 

 

Save As

You can also choose to save the final image file in any other filename or file format.

Composite

By Compositing, you can juxtapose one image over another image and combine both into a single image file with changes.

How to Composite?

  
1. Select a Foreground Image

   

    

2. Click on the Background image to indicate the position where you would like to place the Foreground image. The top-left corner of the Foreground image will coincide with the point you have clicked.

   

    

    

3. Click on Submit to proceed.

   

    

    

 

 

 

Tags: Alternate Name, Amp, Borders, Change Brightness, Change Image, Cyan border, Domain Name, Editor, Frames, Gt 2, Hard Disk, Image Change, Image Check, Image Editing, Image Editor, Image Format, Image Library, Image Manipulation, Images, Page Loads, Page Manager, Retouching, Website Builder