sio2y
asked on
make a picture with rounded border and frame
Hi,
We are trying to take pictures and create a frame with rounded corner so that both the image and the colored frame have the same radius on the corners. We can make the frame no issue and we can round the corners of the image no problem. Unfortunately we can't seem to get the frame rounded and the image together.
It would be great to be able to do this in fireworks cs4 but photoshop cs4 would be ok as well.
example attached.
Thanks.
Mike-Winterhalter.png
We are trying to take pictures and create a frame with rounded corner so that both the image and the colored frame have the same radius on the corners. We can make the frame no issue and we can round the corners of the image no problem. Unfortunately we can't seem to get the frame rounded and the image together.
It would be great to be able to do this in fireworks cs4 but photoshop cs4 would be ok as well.
example attached.
Thanks.
Mike-Winterhalter.png
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Perfect
Thanks for making those clarifications for others who make come upon this solution! That is the sort of thing that continues to make EE such a valuable resource.
Regarding the transparent base. I didn't want to get into the usage, but perhaps I should. If the project is going to be printed, then there is usually no need for a transparent base.
If the project is to be used on the web, and it is not being used on a white background, then be sure to save the project as a PNG-24 with the transparency option checked. If the image is saved as a jpg, the transparent background will revert back to a white box shape canceling out your transparency.
The PNG-24 file will almost always be larger than the same image saved as a jpeg, but is the only way to have a transparency that preserves the gradient of the dropshadow.
Also, to save a little bit of extra space, use the Save for Web and Devices option for saving, check the convert to sRGB option and do not check the Embed Color Profile option.
Using the Save for Web dialogue strips out the meta data containing the information about when and where the image was made, camera make and settings. etc.
All modern browsers assume an image to be sRGB unless another profile is specified. Embedding one just adds a few more k of data that is not needed.
Regarding the transparent base. I didn't want to get into the usage, but perhaps I should. If the project is going to be printed, then there is usually no need for a transparent base.
If the project is to be used on the web, and it is not being used on a white background, then be sure to save the project as a PNG-24 with the transparency option checked. If the image is saved as a jpg, the transparent background will revert back to a white box shape canceling out your transparency.
The PNG-24 file will almost always be larger than the same image saved as a jpeg, but is the only way to have a transparency that preserves the gradient of the dropshadow.
Also, to save a little bit of extra space, use the Save for Web and Devices option for saving, check the convert to sRGB option and do not check the Embed Color Profile option.
Using the Save for Web dialogue strips out the meta data containing the information about when and where the image was made, camera make and settings. etc.
All modern browsers assume an image to be sRGB unless another profile is specified. Embedding one just adds a few more k of data that is not needed.
ASKER
Awesome - Thank you.
ASKER
I searched for hours for that. As a liitle bit of clarity for any who follow....
1. create the new base layer a little bigger than the image
2. make sure the base layer is transparent
3. open the image and drag it onto the base layer
4. After clicking on the top image layer to reveal the layer style menu click once on stroke to select it and then click again to get the settings
Awesome - many thanks!