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.
Note
The Online Image Editor is available under all packages except the Online Brochure package.
Follow the process mentioned below:
1.Login to your Control Panel. 1
2.Proceed to the Website Designer Admin Area. 2
3.Click the Goodies & Addons link in the general Website Manager settings.
4.This will then bring up a page displaying a list of Goodies. Click the Image Editor icon.
5.Then, the following page loads -
Note
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 before you proceed to edit the image with the Image Editor. You can import images by clicking the IMPORT/DELETE IMAGES button.
6. To edit an image in your Image Library, simply click the particular image to proceed to the following Edit Image page.
7.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.
Note
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, click SUBMIT 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.
Note
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 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.
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 and click SUBMIT.
2.Click 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 Submit to proceed. The following pages will be loaded -
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.Select a font style for the text from the list provided.
5.Type in a font size for the text.
6.Choose a color for the text from the color palette. The selected color is displayed in the small rectangular box on the left.
7.Click SUBMIT to proceed.
Save As
You can also choose to save the final image file in any other filename or file format. Select a new name and format for the image and then click SUBMIT.
Note
If you are not able to view images on your website or if they appear to be distorted, then it maybe due to an Ad Blocking software installed on your computer that is treating as your images as advertisements. You need to in such cases, tweak the settings of the same to allow image display on your website.
Additional Information
Modifying the settings of your Ad Blocking software to allow display of images on your website
Dinsol Info Solutions
109 A, Shivlok House 1,
Commercial Complex, Karampura
New Delhi 110015, INDIA.
Telephone:+91 9811 681 682
Fax:+91 11 4501 3421
