Curve edges on this png

[DanUK]

Hi guys.

I have a really massive favour to ask, I don't have a graphics program to hand until I have my laptop back from a shop at the weekend, and I need this PNG image to have curved edges (nothing major, just subtle curves on all four corners) with the blank part of the curve (as I imagine the image still remains sqaure) transparent.

If anyone has a free 5 minutes and wouldn't mind doing this, I would be extremely grateful.

Many thanks in advance.

[Brendi]

Don't know if this will come through or not..... but will try. not sure how to attach a file here.

Brendi

[Brendi]

How's that????????

Brendi

[DanUK]

you've a lifesaver, thank you so much :)

Just as a question, what did you do that in to get the transparency on the edges too? I never know what I'm doing with that, and takes me hours

[Brendi]

I used my computer... that's what I did... :) The program? PAINT.... the program that I think comes with Windows 98 & all the rest as far as I know. I used the ROUNDED RECTANGLE tool after making sure that both the colors in the little boxes to the bottom left were set on WHITE and made the rectangle cover the whole image by holding down the mouse button and dragging it. Then I used the PENCIL tool to white-out the corners. If you have any more questions about this, let me know.

Happy to Help............
Brendi

[justinbarneskin]

Here's a try...

[Brendi]

Justinbarneskin has a better image for you.... should check that.

Brendi

[DanUK]

hey! thanks for that, looks really nice!
with the corners though...the bit that is now white - can that be made transparent? The signatures we use go on multiple places, and some have dark backgrounds... don't know if that's possible!

Thank you again, really appreciated

[Brendi]

Were the edges transparent on the first image I did for you? I am not sure how to do the transparency on the image that justinbarneskin did for you, but I will check into it.

Brendi

[DanUK]

not that I know of :) I think i put that in my first post, but just realised myself.

[Brendi]

Does it have to be a PNG image or will gif or jpg do? I can't seem to get it save as a PNG yet.... let me try saving it as jpg...

[DanUK]

.jpg is perfect as that's what our scripts work with, it's just with PNG I can save it as 100% quality in the jpeg which is what we need too :D thank you!

[Brendi]

The only format I can get it to save in is gif....

[DanUK]

I might be able to convert that, let's try! :D

[Brendi]

Okay... let's give it a try...

[Brendi]

Hmmm.... when placed on a black background, there are still some white areas that show around the edges... not sure why. I used an online transparent gif maker located at http://www.gifworks.com

[bathurst_guy]

jpgs dont have transparancy. Attached is png and gif with transparent corners.

[Brendi]

hey, good work bathurst_guy..... how'd you accomplish this? (if ya don't mind my asking....I don't have alot of experience working with images (YET)! :)

Brendi

[DanUK]

Nope, didn't work - sorry :(
Seems quite a bit of quality loss in the .gif too

Thank you for trying tho!

[DanUK]

Ahh just saw bathurst's reply - THANK YOU!
I will try with this. you're all great

[Brendi]

There is still some white around the edges on bathurst_guy's images, too... I wonder why; and can they be removed somehow????

Brendi

[DanUK]

yep using the png, and still the white also. Weird! :)

[bathurst_guy]

Its the matte - if there is a gradient between a colour and the transparancy it cannot do that. You either need a sharp edge or specify a colour. I can change it from white if you want.

I used Photoshop, deleted the white areas with the background as a transparent layer, and selected transparancy on save.

[Brendi]

bathurst_guy,

which version of Photoshop did you use?

Brendi

[bathurst_guy]

CS3 Beta, but it is easily possible in earlier versions

[Brendi]

Thanks... found it in my Adobe Photoshop Elements 4.0. And I learned how to use it. Thanks.

Brendi

[justinbarneskin]

Open this code with InternetExplorer. You will need to change the background color to match the page used on. Take a screen capture,save as .png or jpg.


<HTML>
<HEAD><TITLE>sample</TITLE>
<STYLE>
v\:* { behavior: url(#default#VML); }
o\:* {behavior:url(#default#VML);}

</STYLE>


</HEAD>
<BODY bgColor=#8d8d8d>
<TABLE style="Z-INDEX: 2; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%">
<TBODY>
<TR>
<TD id=palette align=middle><?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" />
<v:roundrect class=drag id=aShape style="Z-INDEX: 3; LEFT: -5px; WIDTH: 322px; TOP: -30px; HEIGHT: 77px; rotation: 0" arcsize = "10999f" coordsize = "21600,21600" o:spt = "2" filled = "t" stroked = "f" strokecolor = "#656b72" strokeweight = ".75pt" adj = ",4000,4000,4000">
<v:fill id=myVf src = "http://www.webdeveloper.com/forum/attachment.php?attachmentid=8200&d=1169115804" type = "frame" opacity = "1" color2 = "#7fb630" angle = "0" focus = "-10%" focusposition = ".5,.5" focussize = "0,0" method = "linear sigma"></v:fill>
</v:roundrect>
<IMG class=drag id=aImg style="Z-INDEX: 2; LEFT: 69px; POSITION: absolute; TOP: 358px" src="http://www.webdeveloper.com/forum/attachment.php?attachmentid=8200&d=1169115804"> </TD></TR></TBODY></TABLE></BODY>
</HTML>