transparent roundrectangle and composite
Posted: 2007-11-03T02:49:31-07:00
Hello,
I'm preparing some teaching material for the students in regards to a Linux Shell. I got a screen shots of Linux terminal which is black letters on white background.

http://cyberwar.netfirms.com/test.gif
I'm more sys admin that graphic designer so I spend couple hours to find out how can I place transparent yellow roundedrectangle over my image.
As suggested on this forum, before a placed this question to the forum I have done some research and I found:
http://www.imagemagick.org/Usage/compose/#blend_use
however if covers the whole image. So I have tried to create rectangle first and that use composite and I ended with this:

http://cyberwar.netfirms.com/test_.gif
how do I make this yellow rectangle round and transparent so I can see what is behind it? Any hints are appreciated.
thank you
I'm preparing some teaching material for the students in regards to a Linux Shell. I got a screen shots of Linux terminal which is black letters on white background.

http://cyberwar.netfirms.com/test.gif
I'm more sys admin that graphic designer so I spend couple hours to find out how can I place transparent yellow roundedrectangle over my image.
As suggested on this forum, before a placed this question to the forum I have done some research and I found:
http://www.imagemagick.org/Usage/compose/#blend_use
however if covers the whole image. So I have tried to create rectangle first and that use composite and I ended with this:
Code: Select all
convert -size 500x25 xc:yellow rec.png
composite -compose over -gravity center rec.png test.gif test_.gif

http://cyberwar.netfirms.com/test_.gif
how do I make this yellow rectangle round and transparent so I can see what is behind it? Any hints are appreciated.
thank you