To Uwe

[MarcoBoschi]

Uwe,
please
this is our logo (Hard Service).
http://www.marcoboschi.it/hs100.bmp


It's ok for document

I have to put it in a btnbmp for a program.

But the effect is no good.




How can I modify bmp files to obtain a gray background?

Many thanks
marco

[richard-service]

hi
you can use it from I modify.

[ukoenig]

Marco,
created 24x24, 32x32, 48x48, 64x64 PNG and BMP ( with transparent / Alphablended )
Borders are optimized, because of a few not clean background-areas.
the same set as < Gray > for disabled. I will test optimezed Buttons ( Colors )
Next placing a Download-link of a complete sample, as soon it is finished.

The reason of the bad quality is the background like You can see :



added a Shadow as new Logo
LogoNew.png ( 280 x 280 )



Download ( all Files )

http://www.pflegeplus.com/fw_downloads/logotest.zip

1. I cleaned the background
2. next increased the depth-sharpness
3. next adjusted contrast and brightness



Buttonstatus : BtnUp, Disabled, Overmouse, Click



With this little function, You can keep a different clicked BMP visible
Button-objects are a array => oBtn[10]

The 1. Button :

@ 20, 20 BTNBMP oBtn[1] OF oDlg2 2007 ;
SIZE 60, 30 PROMPT "32 x 32" ;
FONT oFont1 ;
LEFT ;
NOBORDER ;
FILENAME c_path + "\Logo\32x32N.bmp", ; // BtnUp
c_path + "\Logo\32x32C.bmp", ; // BtnDown
c_path + "\Logo\32x32D.bmp", ; // Disabled
c_path + "\Logo\32x32O.bmp" ; // Overmouse
ACTION SET_BTNBMP( oBtn, 1 )
oBtn[1]:lTransparent := .T.
oBtn[1]:cTooltip := "32 x 32"
oBtn[1]:lBorder := .F.

// -------- set any clicked Button to a different BMP ------------

FUNCTION SET_BTNBMP( oBtn, nBtn )
LOCAL I

I := 1
FOR I := 1 TO 10
// repaints all buttons to normal Images
oBtn[I]:SetFile( oBtn[I]:cBmpFile1, oBtn[I]:cBmpFile2 )
NEXT
// paints the selected button with a defined click-image
oBtn[nBtn]:SetFile( oBtn[nBtn]:cBmpFile2, oBtn[nBtn]:cBmpFile1 )
// resets back to normal Image
oBtn[nBtn]:cBmpFile1 := oBtn[nBtn]:cBmpFile2

RETURN NIL

Best Regards
Uwe

[MarcoBoschi]

Uwe,
I am amazed by your skill and kindness.
The person who made this logo is an artist but is not clever with Pc
This logo is ten years old


King Regards

marco

[Enrico Maria Giordano]

This is wonderful, Uwe! Can you explain, step by step, how to remove that low quality background, please?

EMG

[ukoenig]

Enrico,

I will show a solution, using freeware-tools.
I have still other choices, because owning some professional tools that makes it easy for me
creating special images : changing PIXEL-grafic to VECTOR-grafic and reverse .....

Like Marco explained, the logo is 10 years old.
Developer mostly used white logo-backgrounds for PRINTING.
( I still remember the problem some years ago )
These logos are not created for screen-design, taking care of transparent backgrounds.
The problem remains to the programmer.

To resize a SMALL raster-image like BMP, PNG converted to VECTOR



Best Regards
Uwe

[Enrico Maria Giordano]

Enrico,

I will show a solution, using freeware-tools.

Thank you!

EMG

[ukoenig]

Enrico,

lets start with the main-problem RESIZING

Like the 1. Screenshot shows, the original borders after resizing are very bad.
There is a brandnew Freeware-tool with exellent resize-results

Download :
http://sourceforge.net/projects/imageenlarger/

Preview of normal result ( bad outline ) :



The Tool-result of resizing. There are some adjustments like sharpness ... possible.



More will follow !!!

Best Regards
Uwe

[Enrico Maria Giordano]

Enrico,

lets start with the main-problem RESIZING

Thank you. I'm waiting for the solution of the other problem that is the main problem for me, the background.

EMG

[Armando]

Uwe:

Thanks a lot for your tutorial, it is very useful for me.

Regards

[ukoenig]

In the meantime You can download the new release of GIMP 2.8
next I will explain the usage to increase the logo-quality.

http://www.gimp.org/



The results, how it works together :

The original 100x100 BMP with errors :
( Test with Pixelformer )



The Enlarger cleans the outlines. New size 300 x 300 PNG
( Test with Pixelformer )



With the new GIMP the white background is replaced with TRANSPARENT.
( small differences in white < see errors > are ignored )

Sharpen, contrast is used :

Final result 300 x 300 PNG ( transparent ) :
The different colors ( button-status ) You can create with GIMP as well.



The steps what to do with GIMP, I will explain in detail !

Best Regards
Uwe

[Enrico Maria Giordano]

Thank you. I will try the procedure on the next problem.

EMG

[ukoenig]

This is the GIMP-part

Load the enlarged image in GIMP :

1. adjust Image-quality :





2. select the background, to make it transparent







3. save the Image and reload to change the colors for button-status if needed.



4. You can test the result with PIXELFORMER



Working on a MULTIMEDIA-tutorial with more details



From inside the Tutorial, You can connect to the Download-site



Best Regards
Uwe

[ukoenig]

The complete MULTIMEDIA-tutorial.
All infos and the needed Screenshots are included in one Exe-file.
It explains, how the different Tools are working together.
From inside, You can connect to the different Download-sites.

Download :

http://www.pflegeplus.com/fw_downloads/Logoadj1.zip



Best Regards
Uwe

[Armando]

Uwe:

Nice and excelent job, thanks so much !.

Regards