StartLogic - Affordable Webhosting

Basic Image Edit Console

Hi,

In our prior project, we have refined the Search Image Utility.  After an image is found and we plan to use, we may need to edit it bit. Some reasons for editing images may include to edit out irrelevant objects or persons in the image, to reduce the size of an image or reposition the object of interest. Thanks to SSIDE and WORM for contributing the DLLs which made the editing possible via AMS.

This AMS example shows how a selected Image can be RESIZED, REPOSITIONED, ROTATED and CROPPED before any final usage. This Basic Image Edit Console will be embedded inside the latest Search Image Utility in the next article. Once thats done, we will finally insert this utility into our Mini Email Address Book.

Original Image before Editing

Original Image before Editing

You may noticed that once you selected an Image, it will appear with ASPECT RATIO maintained eventhough it might be smaller than the original. NOTICED THE RED RECTANGULAR GUIDE? That guide is used to standardize all image sizes to be used in the Mini Email Address Book. The Image will be cropped according to the size of the Red Guide. You can get rid of this by the Click On & Click Off Button as shown in the screen shot below.

Red Guide is Off

Red Guide is Off

Without the Red Guide, you can Drag the Left Mouse Button and select your own area to Crop. The area to be cropped will appear in a Yellow Guide. Then click the Crop & Save Button. The Cropped Image will be Saved in a Folder “EditedImage” on the DeskTop.

Drag Left Mouse Button

Drag Left Mouse Button

Lets say I keep the Red Guide in the Screen Shot below.  I can move and position the Image using Position Buttons. You can choose the move distance by Pixels by selecting the Position Combo from 1 to 10 pixels.

Image Moved to the LEFT

Image Moved to the LEFT

From the Screen Shot below, you can see that I have Resized and Moved the Image. You can Resize the Image by using the Resize Buttons + ( for larger ) and – ( for smaller ). Choose the Resize Percentage from the Percent ComboBox.

Image is Moved and Resized

Image is Moved and Resized

The Screen Shot below showed the Cropped Image based on the Red Guide.

Cropped Image based on the Red Guide

Cropped Image based on the Red Guide

The Screen Shot below shows an Image which is cropped based on Mouse Dragged area

Image Cropped based on Mouse Drag Area

Image Cropped based on Mouse Drag Area

So far so good. You can also ROTATE an Image when it is necessary by using the <<LEFT or RIGHT>> buttons.

And if you plan to use this Basic Image Editing Console for your projects, please make sure you put Error Check Functions. AND….. please leave a comment in this blog.

Please Login or Register to download this file.

  • Share/Save/Bookmark

1 comment to Basic Image Edit Console

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>