How to use the Image Manipulator

4
Your rating: None Average: 4 (1 vote)
Difficulty Level: 
Beginner
Topic: 
Other

Part I:
In this part I will show you how to use the Image Manipulator to convert image files. With part 1 and part 2 combined we will make a program a bit like this one that I made.
1. Insert the following objects:
* Image Manipulator
* 6 Buttons
* The Common Dialog object

Configuration of the Common Dialog object
We can leave the first two field alone but in the third field, type whatever you want into it. This will become the Dialog title when the dialog comes up.

Buttons
Now we need to set the text of the buttons. Set them to this:
Button = BMP
Button 2 = JPEG
Button 3 = ICO
Button 4 = PNG
Button 5 = TGA
Button 6 = Select Image

Now you can name the buttons so it is easy to distinguesh between them in the event editor. I am going to name them to the button text.

Then switch over to the event editor.
Event Editor
1. Insert the following events:
+ Start of Frame
- Common Dialog: Add filter: "All Supported Formats" for ""*.BMP; *.JPEG; *.GIF; *.PNG; *.ICO; *.TGA"
This will make sure the dialog will only show the six supported formats of the Image Manipulator.

+ Button "Select Image" Clicked
- Common Dialog: Show open dialog
This will open the "Open" dialog.

+ After Open Dialog
- Image Manipulator: Load File: GetFilename$( "Common Dialog object" )
When you click "Open" on the open dialog, it will set the Image Manipulators image to the result file name of the dialog.

+ Button "BMP" Clicked
- Image Manipulator: Save BMP: GetFilename$( "Common Dialog" )
This will convert the file to BMP.

+ Button "JPEG" Clicked
- Image Manipulator: Save JPEG: GetFilename$( "Common Dialog" )
This will convert the file to JPEG.

+ Button "ICO" Clicked
- Image Manipulator: Save ICO: GetFilename$( "Common Dialog" )
This will convert the file to ICO.

+ Button "PNG" Clicked
- Image Manipulator: Save PNG: GetFilename$( "Common Dialog" )
This will convert the file to PNG.

+ Button "TGA" Clicked
- Image Manipulator: Save TGA: GetFilename$( "Common Dialog" )
This will convert the file to TGA.

And your done!

Part II:
This part will show you how to add effects to images with the help of the Image Manipulator. First you must have completed part one of this tutorial. You should have the following object in the frame if you followed part 1 carefully:
* Image Manipulator
* 6 Buttons
* The Common Dialog object

For this part, we are going to need at least one other button. So insert that button, set the text to "Blur" and name it "Blur".
Now go to the event editor. Now insert the following event:
+ Button "Blur" Clicked
- Image Manipulator: Blur image
This will blur the image.

Repeat this process for every effect that you want.

And you are done!
Example File (full program that I made)
Example File (tutorial)

NOTE: On my program you may not change any information.