<div>
<div class="content wysiwyg-content">
Hi,<br />
I am having trouble tying to create an image such as sample attached, but the edges on the round corners don't look right. I am not sure if I should create a mask, or join or punch to acheive a better look.<br />
I will be using this image on my website to cover other pitures that will be changing from time to time to produce a result like final, so I need the center to be transparent. I hope this makes sense.<br />
<br />
Thanks in advance for your help. <br />
<br />
&nbsp;<a href="https://filedb.experts-exchange.com/incoming/2011/02_w08/411040/sample.png" target="_blank" title="round corners don't look right (592 KB)"><img alt="round corners don't look right" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2011/02_w08/800_411040/sample.png" /></a> <a href="https://filedb.experts-exchange.com/incoming/2011/02_w08/411042/sample-layers.png" target="_blank" title="sample with layers (647 KB)"><img alt="sample with layers" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2011/02_w08/800_411042/sample-layers.png" /></a><a href="https://filedb.experts-exchange.com/incoming/2011/02_w08/411043/final.jpg" target="_blank" class="file-inline" title="final (106 KB)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M67.508 468.467c-58.005-58.013-58.016-151.92 0-209.943l225.011-225.04c44.643-44.645 117.279-44.645 161.92 0 44.743 44.749 44.753 117.186 0 161.944l-189.465 189.49c-31.41 31.413-82.518 31.412-113.926.001-31.479-31.482-31.49-82.453 0-113.944L311.51 110.491c4.687-4.687 12.286-4.687 16.972 0l16.967 16.971c4.685 4.686 4.685 12.283 0 16.969L184.983 304.917c-12.724 12.724-12.73 33.328 0 46.058 12.696 12.697 33.356 12.699 46.054-.001l189.465-189.489c25.987-25.989 25.994-68.06.001-94.056-25.931-25.934-68.119-25.932-94.049 0l-225.01 225.039c-39.249 39.252-39.258 102.795-.001 142.057 39.285 39.29 102.885 39.287 142.162-.028A739446.174 739446.174 0 0 1 439.497 238.49c4.686-4.687 12.282-4.684 16.969.004l16.967 16.971c4.685 4.686 4.689 12.279.004 16.965a755654.128 755654.128 0 0 0-195.881 195.996c-58.034 58.092-152.004 58.093-210.048.041z"/></svg>final.jpg</a>
</div>
</div>


sample-layers.png

sample.png

final.jpg

Hi,
I am having trouble tying to create an image such as sample attached, but the edges on the round corners don't look right. I am not sure if I should create a mask, or join or punch to acheive a better look.
I will be using this image on my website to cover other pitures that will be changing from time to time to produce a result like final, so I need the center to be transparent. I hope this makes sense.

Thanks in advance for your help. 

  

Abobe Fireworks CS4 - create image mask

Websites use graphics to enhance information, assist navigation, and generally improve the user’s experience. To create those graphics, developers use any number of programs, like the Adobe Creative Suite (Photoshop and Flash have their own topics), the CorelDraw suite, Xara, Gimp, ACDSee, Serif, ULead and others.

Web Graphics Software

Adobe Creative Suite (CS) is a software suite of graphic design, video editing, and web development applications developed by Adobe Systems. Each edition consists several Adobe applications, including Photoshop, Acrobat, InDesign, Premiere Pro or After Effects. Photoshop, InDesign, and Illustrator are the industry standard applications for many graphic design positions. CS6 is the last version of the Creative Suite; future versions of their creative software would only be available via their Adobe Creative Cloud subscription service.