[Help]ImajEditor : Java GUI Design 03-31-2014, 12:50 PM
#1
I am working on a ImageEditor. Here's the ScreenShot :-
![[Image: yyR9RHz.png]](http://i.imgur.com/yyR9RHz.png)
The image you see has been processed with GaborFilter ( http://en.wikipedia.org/wiki/Gabor_filter )
I have already coded a lot of image filter and effects algorithm and they are working well.
But I can't figure out how to design the GUI and make it look good.
I have a statusbar, menubar, toolbar , left and right panels can be hide, and an Image Panel where we place the images.
Any length or size of image can be loaded without any problem. The images are configured to be displayed according to the local graphics environment.
I am thinking of adding a combobox beside choose ceffect label and there by a submit to go button to see the change of effect. But the GUI isn't looking good :Cry::Cry::Cry::Cry:
Can someone please help me with the designs and color and suggest how to organize the various options.
Here's the GUI code to open the images, download it :-
http://www.mediafire.com/download/6n75na...tor.tar.gz
VirusScan:
https://www.virustotal.com/en/file/3417d...396273390/
That's not it. For some effects we have different parameters for example :-
Suppose we use Grayscale threashold. In this we convert an image to grayscale with a specified threshhold point and pixels after that are made black. We pass two parameters
grayscaleThreshhold(image, ThreshHold_Limit)
We get an output as follows for the threshhold value 200
![[Image: IRJD5RN.png]](http://i.imgur.com/IRJD5RN.png)
Also we can set the min and max colors and in such case we provide 4 parameters like
grayscaleThreshhold(image, ThreshHold_Limit, minColor, maxColor);
An example output would be :-
![[Image: wPMKCY6.png]](http://i.imgur.com/wPMKCY6.png)
Hence I want it to be very user friendly where user can provide every option by his own and get an equivalent image.
I want to support multiple effects overlay on a single image. I know how to do it but I wanna get the proper UI design for it.
I have even written a little interpreter script to do everything by writing instructions and it will show he changes on the GUI. Its for those who don't like GUI a lot.
Example :-
The above above will load booby.jpeg in the ide and do a threshold with limit 200 and min and max color as #232323 and #ffffff respectively.
Suggest me ways to improve the script language too.
edit :
Now see the following two pics :-
Linear Filter Customization with Histogram
![[Image: aWceaJ1.png?1]](http://i.imgur.com/aWceaJ1.png?1)
![[Image: aWceaJ1.png?1]](http://i.imgur.com/aWceaJ1.png?1)
![[Image: Jr4Doc2.png?1]](http://i.imgur.com/Jr4Doc2.png?1)
Thank you.
![[Image: yyR9RHz.png]](http://i.imgur.com/yyR9RHz.png)
The image you see has been processed with GaborFilter ( http://en.wikipedia.org/wiki/Gabor_filter )
I have already coded a lot of image filter and effects algorithm and they are working well.
But I can't figure out how to design the GUI and make it look good.
I have a statusbar, menubar, toolbar , left and right panels can be hide, and an Image Panel where we place the images.
Any length or size of image can be loaded without any problem. The images are configured to be displayed according to the local graphics environment.
I am thinking of adding a combobox beside choose ceffect label and there by a submit to go button to see the change of effect. But the GUI isn't looking good :Cry::Cry::Cry::Cry:
Can someone please help me with the designs and color and suggest how to organize the various options.
Here's the GUI code to open the images, download it :-
http://www.mediafire.com/download/6n75na...tor.tar.gz
VirusScan:
https://www.virustotal.com/en/file/3417d...396273390/
That's not it. For some effects we have different parameters for example :-
Suppose we use Grayscale threashold. In this we convert an image to grayscale with a specified threshhold point and pixels after that are made black. We pass two parameters
grayscaleThreshhold(image, ThreshHold_Limit)
We get an output as follows for the threshhold value 200
![[Image: IRJD5RN.png]](http://i.imgur.com/IRJD5RN.png)
Also we can set the min and max colors and in such case we provide 4 parameters like
grayscaleThreshhold(image, ThreshHold_Limit, minColor, maxColor);
An example output would be :-
![[Image: wPMKCY6.png]](http://i.imgur.com/wPMKCY6.png)
Hence I want it to be very user friendly where user can provide every option by his own and get an equivalent image.
I want to support multiple effects overlay on a single image. I know how to do it but I wanna get the proper UI design for it.
I have even written a little interpreter script to do everything by writing instructions and it will show he changes on the GUI. Its for those who don't like GUI a lot.
Example :-
Code:
load "/home/psychocoder/booby.jpeg"
process "grayThresh 200 #232323 #ffffff"The above above will load booby.jpeg in the ide and do a threshold with limit 200 and min and max color as #232323 and #ffffff respectively.
Suggest me ways to improve the script language too.
edit :
Now see the following two pics :-
Linear Filter Customization with Histogram
![[Image: aWceaJ1.png?1]](http://i.imgur.com/aWceaJ1.png?1)
![[Image: aWceaJ1.png?1]](http://i.imgur.com/aWceaJ1.png?1)
![[Image: Jr4Doc2.png?1]](http://i.imgur.com/Jr4Doc2.png?1)
Thank you.
![[Image: OilyCostlyEwe.gif]](http://fat.gfycat.com/OilyCostlyEwe.gif)


![[+]](https://sinister.li/images/modern/collapse_collapsed.png)
