You are here

Create Gradient from Image application

  • 1
  • 2
  • 3
  • 4
  • 5
Total votes: 0
Rate this item!

I created a simple program in WINAPI to generate gradients of the downloaded jpg image files. The principle is simple, if an image is loaded, you can press the left mouse button in a fixed area image window, drag and release in the second section and the program automatically creates a preview of a gradient consisting of a number of segments displayed in the control at the top of the window. By pressing the button with the hand goes to manual mode, where you can add or subtract points on the path drawn by double clicking the left mouse button near a path.
This program unfortunately only works under windows, but I hope that maybe someday someone will do a similar program that runs on Linux

I added a new version with bug repaired.

Now I've added support for 32 bit png and bmp files. You can load files by dragging and dropping them on the window or by choosing File-> Open. In a browser window in the lower right corner you can select the type of the loaded file (bmp, jpg, gif, png).

Last bug repaired, now You can really open bmp, png and gif file.

Now I add menu position file->standard graphics, where are where they are loaded in the menu items, refer to files in a folder Stadnard graphics file located in the application folder.

I added a new mode of the program, for creating gradients of color are in preset points bitmap. It is also possible to define the color of the left and right side segments. Simply right-click on the point and move the mouse to change the color on the right side of the segment. Left click add points, or they are moving. Double click the left mouse button will remove a point. Extreme points (the last and first) can not have different colors on the left and right side.

Now I add only print screen of program to description

Now You can change position points and semgents of gradient and generate a gradient image file contained in the files specified in the location by selecting from the menu file-> Create->preview gradients file

a small error associated with the folder name corrected

Another bug fixed version

Now version is avaible. In this version I added the possibility to manually change the color of the point of the gradient in the window that appears when you right-click the control point located in the gradient window.

So it's time has come to version which have been introduced following facilities:
1) removal of points holding down the shift key allows you to preserve the color and position of other points
2) add points with hold down shift key allows you to add a point of maintaining the distribution and colors of other points.
3) I added a menu that can be called by right-clicking on the gradient preview to allow even distribution of points, or get colors from bitmap
4) allowed saving gradient to *. svg file
5) I added an option in the menu file-> create-> svg file with Gradients - now You can make *.svg file with gradients stuff

I had to fix a bug in v

Now is time to version, where I add possibility to save gradient as css gradient, or export gradient file from ggr to css with automatic creation of file .html with preciew of created css gradients.

In version I add possibility to create gradient from eliptic or circle path.

Bug fixed.

It's time is come on version of changeimage program, in this version we hav in menu file->gradient browser, I think that is good information becouse from now on You can serch Your gradient file and see preview of this gradients. You can copy, cut and paste file inside of browser, You can select file, export them to svg, css or png file. I think it would be enough in this version.

Som byg fixed

GIMP Version: 
Code License: 


Very nice! It looks like only up from here on out!

Thank You very kindly

What a fantastic App! And very user friendly as well.

For someone who loves colours, I am going to have a lot of fun playing around with it.

Well done.

Thank You very kindly


Program is pretty neat!

I have only one problem with it and that is how can you delete a handle in the gradient without having to start mapping the gradient all over again.

Best part of this program is you can see what your gradient is going to look like while you're doing it!


I will try to do something on this, although you could write mode in which you would like to specifically eliminate this problem. I suspect that in the point mode, but I could be wrong.

IMO this is a great simple app! I subscribed to it and will keep an eye out!

I hope that the latest version solves Your problems

Very well done and was looking for this type of a prog for a long time!

Thank you


Subscribe to Comments for "Create Gradient from Image application"