Cropping Pics so they have "rounded" corners

I have Photoshop Elements 4 for Mac and need to "edit" some photos to make the corners "rounded" in lieu of the regular rectangular, square cornered shape. I'm a 'beginner' with some of the more advanced features of the application, have played with the "tools" (including the "rounded rectangular" shape tool, but still can't get a final product with the rounded corners. I found a website where a person who uses the PC version gave a step by step way to do it, but, unfortunately, one of the key steps uses some feature that apparently is on the PC version only.
Help! Thanks.

Thanks to everyone for their input. I will definitely try this. I just came back from 3 weeks in France with about 5,000 digital pics. Quite a few of the pics taken with my Nikon wide-angle-soom lens have some vignetting (dark corners) because the high-end camera store I bought my equipment from sold me a filter that caused the problem (the filter "ring" is causing the vignetting). So, to fix some of these photos, I need to round the corners to remove the dark areas. If I crop using a rectangular shape, it removes too much of the photo's subject matter.
Re. Barbara's inquiry about what I found online that doesn't seem applicable to the Mac version has something to do with "contract" and "paths" features. It may have been that these things are applicable to the full blown Photoshop, but I can't find that website at the moment to recheck what I did find there. In any event, I'll try the above suggestions which are very much appreciated. ;-)

Similar Messages

How can I program the text fields in my email forum to have rounded corners

How can I program the text fields in my email forum to have rounded off edges or corners.
this is the code im using.
// insert code here// insert code here// prepare email field
var email = sym.$("email")
email.html("Enter your Email: ");
inputEmail = $('<input />').attr({'type':'text', 'value':'', 'id':'email'});
inputEmail .css ('font-size', 14);
inputEmail .css ('width', 350);
inputEmail .css ('background-color', '#4e4e4e');
inputEmail .appendTo(email);
// prepare topic field
var topic = sym.$("topic");
topic.html("Topic: ");
inputTopic = $('<input />').attr({'type':'text', 'value':'', 'id':'topic'});
inputTopic .css ('font-size', 14);
inputTopic .css ('width', 350);
inputTopic .css ('background-color', '#4e4e4e');
inputTopic .appendTo(topic);
// prepare message field
var message = sym.$("message");
message.html("Message: ");
inputMessage = $('<textarea />').attr({'type':'textarea','rows':'10', 'cols': '25','value':'', 'id':'message'});
inputMessage .css ('font-family',"Arial,Helvtica,sans-serif");
inputMessage .css ('color',"#ffffff");
inputMessage .css ('font-size', 14);
inputMessage .css ('background-color', '#4e4e4e');
inputMessage .css ('box-shadow', '#4e4e4e');
inputMessage .css ('width', 350);
inputMessage .css ('height', 150);
inputMessage .appendTo(message);
var submitBtn = sym.$("btn");
submitBtn.html("Submit");
submitBtn.css("text-align", "center");
submitBtn.css("font-size",14);
submitBtn.css("font-weight","bold");
submitBtn.css("color","#ffffff");

Try this: inputEmail.css ('border-radius', '25px');
attachment
more details

How can a transparent stage have round corners and drop shadow?

Hi,
This is actually 2 questions:
1- How can a transparent stage have background corners?
I've tried doing this:
.rootPane
-fx-border-radius: 4 4 4 4;
-fx-background-radius: 4 4 4 4;
-fx-border-color: gray;
-fx-border-style: solid;
-fx-border-width: 1;
-fx-background-image: url("resource/clean_textile.png");
And make the root of the scene have the ".rootPane" style class.
But it sometimes shows some visual artifacts on the corners. Am I doing it wrong? is this a bug?
2 - How can a transparent stage show the windows 7 drop shadow effect of windows? Is it possible?

How can a transparent stage have background corners?Yes, this is a possible.
There are a few of tricks and you need all of them:
1. StageStyle must be transparent:
new Stage(StageStyle.TRANSPARENT);2. Scene fill must also be transparent:
new Scene(root, Color.TRANSPARENT);3. Color the background:
-fx-background-color: derive(cadetblue, -20%); 4. You need to apply the dropshadow effect to the background region.
-fx-effect: dropshadow(three-pass-box, derive(cadetblue, -20%), 10, 0, 4, 4); 5. You need to inset the background in the region which has the dropshadow so that the shadow will be visible within the Stage and not clipped out of the stage bounds.
-fx-background-insets: 12; 6. You need to apply a radius to the background to round it's corners.
-fx-background-radius: 6;Here is a sample in this gist revision =>
https://gist.github.com/1887631/155d5e052b6ec7d0eaa6f825713f98f8e542152e
How can a transparent stage show the windows 7 drop shadow effect of windows? Is it possible?You can kind of approximate it using the above techniques, but I don't think you will be able to get an exact match without something like: http://javafx-jira.kenai.com/browse/RT-18936 "Enable aero-style glass transparencies" (and probably additional JavaFX platform support as well) being implemented.

Make rectangle photo have rounded corners?

HI,
I have two banners I am using in my site. They are currently
rectangles about 900 px wide. I would like to somehow crop or do
something to get the corners rounded but not feather/faded/or
blurred. I would like to just put a thin border around the photo so
it looks clean but have the corner rounded.
Thanks,
-Westside

Make a rounded-corner rectangle the size you want with the
corner radius you like.
Duplicate it and put the copy on a new layer.
Make the first one with
white fill and no stroke. Select your banner and the
rectangle, then
Modify > Mask > Group as Mask.
Think of masks like stencils...white shows everything, black
shows nothing, intermediate colors show by luminance.
On the copy or your rounded rectangle, set the fill to none
and the stroke to the border thickness and color you'd like. Since
it's a copy of the shape you used to mask with, the border will
match up exactly.

Round corners missing

I'm part way through a problem that may yet be resolved by re-RIPping a PDF. But I thought I'd raise it anyway in case
there's an explanation.
I have placed images behind round cornered text frames and applied the round corners to the images at the point where
they coincide with the corners of the frames (that is, two corners rounded, two corners square) by placing a round
cornered image in a frame and then cropping the frame on one side to cut the corners square.
That has worked without problems. But in one frame I only wanted one corner of each image to be rounded, and there
wasn't enough spare on each image to crop the frames. So, using the pen tool I added a node either side of each rounded
corner I wanted to square off, then dragged the nodes to coincide with the real corner node, and it squared the corners OK.
So I have images which have been set to have rounded corners, but three of the corners have been edited back to squared
off. The fourth, rounded, corner then coincides with the rounded corner of a text frame above.
This all looks fine on the PDF. But on the RIPped proof, the rounded corner has gone, and I'm seeing an "ear" of the
squared-off picture behind the rounded text frame. Both pictures appear like this.
I'm suspicious that it's only the images that I have doctored the corners on that do this. But the PDF looks OK.
I've re-made the PDF and I'm waiting for a new proof. But I wondered whether anyone can suggest an explanation - if
indeed it's anything more than a glitch on the RIP or at proofing.
It's gone through an Apogee workflow, by the way.
k

You could save yourself a whole lot of grief, I think, if you selectively rounded just the corners you choose using the corner effects sample script.
If you need different rounding on different corners (as I used to do for one client) you can select the frame path and add a node either side of the corner, then delete the corner node itself and drag the control handles of your new nodes along the vertical or horizontal axis to make pretty much any curve at all.
Peter

How do I keep round cornered boxes when opening CS4 to CS4

I produce a lot of forms which have round cornered boxes within the text boxes, when opening these indesign CS4 files into CS5 the boxes lose all but one of the round corners. The only fix I can see is to manually adjust the boxes within CS5. Is there an easier way? or will an update improve this. I find this very frustrating as I only have about 700 forms produced which will all need to be fixed.
Please help!

I sympathise, it's exactly the problem with upgrading. I don't think Adobe cater for the user with 1000's of files very well,
Well, Stix, I don't think they cater to small users with thousands of files. I'm sure that if my organization was buying hundreds of licenses for the full Creative Suite, and maybe LiveCycle Server, that they might be able to cater to me. But since we're only buying 1 license of the Suite and 4 of InDesign, then the fact that I have an archive of tens of thousands documents in forty languages going back to the early 90s that have to be updated on an intermittent basis, is not really high on Adobe's list of things about which it is important to care. My file management needs, while totally critical to me (and by extension the refugees I serve), aren't going to be that important to Adobe. They don't cater to me, and I can understand this, as I am not a big revenue stream for them.
Wow, I'm flabbergasted! who knew that I would need to do this??
However, the fact that it seems that only the forums regulars know these critical facts is a massive failing on Adobe's part. I fail to understand why this stuff that we post over & over again isn't pointed out to the users when they install ID, or when they open a file that was created in a previous version of ID. Seems like a mind-numbingly obvious case for one of those little checkboxes that says "Don't show me this again." Illy seems to handle this without issue.
my documents are of a style whereby I may need to make changes to two
words in a document created in Indesign from 2004, are you suggesting
that I need to keep all versions of Indesign for evermore and only use
the program that created the document to open/edit? This is a very
impractical solution.
As Bob has already pointed out... yeah. It's impractical, but it is also a solution.
In your shoes, I'd mention to your IT folk that your long-term IT plan should include keeping some old apps around in virtualization; that way when InDesign CS10 reflows your document created with CS6 when you just want to update a logo, you can just boot up your image of Windows 2012 End-Of-The-World-Edition without needing IT to help you out.

Rounded corners on unordered list

I'd like to be able to have style my vertical menu, made with
an
unordered list, to have rounded corners. The menu is a fixed
width, but
the items could sometimes run onto two lines, so the height
of each item
needs to be flexible.
I created images called top.gif and bottom.gif for the curves
and when
I've done boxes I've made the bottom image a background to
the box div
tag and the top image a background to the heading tag within
the div.
However with the unordered list I don't really have two
elements to
attach the images to, if you understand what I mean?
I've been googling but haven't yet found a solution. Can
anyone
recommend a way of doing this?
Thanks
Vix

> I've been googling but haven't yet found a solution. Can
anyone recommend
> a way of doing this?
Could could wrap the UL in a DIV, giving you two elements.
You could give the first LI and last LI custom classes,
giving you to
elements.
While not pristine, I often will use wrapper divs to attach
CSS too:
<div id="menuOuterwrapper">
<div id="innnerWrapper">
<ul>...</ul>
</div></div>
That works for me in that it keeps my 'style HTML' separate
from my 'content
HTML'.
A goofy interpretation of 'separation of style and content',
perhaps.
-Darrel

How do I create rounded corners on an image in CS6?

Hello There!
In the previsous version of Photoshop, I use to do the following so that my pictures had rounded corners:
Open a picture
Click the layer mask button twice
Then use the rectangle tool to get my rounded corners on the preloaded image - Presto, all done!
This does not work in CS6. Does anyone have a better method? I just want to have rounded corners (radius 5) to my photos.
Thank you so much for your help!
-K

You can still use a Rounded Rectangle for a vector layer mask.
Draw your path first, then choose Layer - Vector Mask - Current Path
-Noel

Rounded corners and dropshadows in CSS

Hi all,
Hopefully I am not repeating a similar question. I am trying to redesign my site (with not much luck) in CSS. I want some text/navigation boxes that have rounded corners and drop shadows. Using CSS do I still need to create the images in an image editor, slice the images and place the appropriate sections of the image in divs to get this effect (much like using tables)?
Thanks in advance
Chris

afr43 wrote:
Using CSS do I still need to create the images in an image editor, slice the images and place the appropriate sections of the image in divs to get this effect (much like using tables)?
Thanks in advance
Chris
Like Nancy mentioned, the border-radius properties are not supported in older browsers, particularly IE6, which some of us still worry about. I'm not sure about the support in IE7, but I still design with IE6 in mind. In fact, I have never upgraded my IE browser since version 6, so I keep it on my computer for testing purposes.
In deciding whether to use new css features is deciding whether you are willing to leave IE6 behind. I emailed Simon Collison about this topic a couple of weeks ago. He wrote two very good books about CSS, Beginning CSS and CSS Mastery. The latter book was co-written with Andy Budd.
Here's what Simon said:
"There are so many conflicting views that you really need to think about your target audiences and decide based on that. Will you upset just two or three percent of people, or twenty/thirty percent by not serving for IE6?
"We use stats to discover the portion of users using IE6 and make a unique decision for each project.
"In all honesty, I think it is too early to abandon IE6. We work for clients in the real world, with lots of users locked into using IE6 thanks to over-zealous, outdated IT teams/experts who won't let them upgrade or use Firefox etc."
When I mentioned to Simon that some of the css features he used in his book were not supported in IE6, he responded:
"In a book like CSS Mastery, you have to forget older browsers and look at the future, and cool, exciting techniques. If we wrote that book so everything worked in IE6, it'd be a dull book, and would not have advanced CSS usage."
Most of us are itching to use the latest features of CSS but we need to design for users and consider what their experience will be. So, it comes down to this: It's your decision whether you will use CSS that is not supported by some of the older browsers. If you have a fairly sophisticated market that probably upgrades their browsers to the latest versions, then you might choose to go with the latest features.
My decision is to still style for IE6 (I think it's safe to say that most designers have left IE5 far behind in the dust). These new CSS3 features will look absolutely hideous in IE6.
There is a technique Simon uses in one of his books that he calls "progressive enhancement." The technique will enable new css features, like rounded corners, to only work in modern browsers and in old browsers, like IE6, visitors will see square corners.
I think the best technique that most designers still use is to create rounded corner images in your css. Here's an example of a web site showcased in css zen garden that uses rounded corners with a drop-shadow:
http://www.csszengarden.com/?cssfile=208/208.css
If you right-click on the rounded corners and look at the background images, here's what you see:
For the header: http://www.csszengarden.com/208/top.jpg
Main content: http://www.csszengarden.com/208/right_bottom.gif
Side bar: http://www.csszengarden.com/208/left_bottom.gif
CSS Zen Garder invites designers to download the css file from these sites so you can learn from it.
By the way, the second edition of CSS Mastery: Advanced Web Standards Solutions is due out in a couple of weeks.

Problem with Rounded Corners on EPS object in Illustrator CS3

I'm using Illustrator CS3 and I have an EPS object which has rounded corners. When I export the object and save it as a JPG the exported image takes on the shape of the artboard (which is a square) rather than the shape of the EPS object which is a square with rounded corners. I've placed the exported JPG into my blog but when I look at it I can see a little bit of white in each of the four corners. What can I do to stop this from happening? In other words, I want my exported JPG image to have rounded corners without the white. Please provide me with as much detail as you can as I'm fairly new to Illustrator and I'm still finding my way. Thank you.

Hi Graccon,
The JPG format does not support transaprency. Either save as a gif or as a png. Or choose a matte color which matches your page background for the jpg.

Round Corners Effect Can someone explain what's happening?

I just don't get what's going on here... I have this shape, a bent rectangle and I need it to have rounded corners. When I apply the effect Round Corners the shape is transformed to a completely diferent shape instead of just applying round corners on each corner. See image below. What am I doing wrong?

Now you've done it!
What's happening well I would say it was not working, which means it is a bug.
However you can get it to work if you do it one of three ways.
Draw your rectangle then give it a round corner effect or convert it to a round corner rectangle
then give it either a warp effect or go to Object>Envelop Distort>Make with Warp and then expand.
You can expand the warp effect as well.
The third way is to make a round corner rectangle and either do the warp from the Object menu or do it as an effect.
Otherwise the explanation for the result you see is it is a bug. It shouldn't happen.
I think this might have been reported.

AP Div with Rounded Corners

Hi All,
I want to draw an AP Div but I want it to have rounded corners. The reason being is that when I add a seperate background it will be more obvious and look better.
If anybody knows of a better way of adding a body of text with it's own background and rounded corners please can you let me know how to do it?
Many Thanks
Big_Gee

Wow Big_Gee! I think that's a Big_Question!
For a start, you can add rounded corners using CSS3 but it isn't widely supported accross all browsers. I don't think that DW will add those CSS rules but it won't take too much to find sample code on the web with a quick Google search on CSS Rounded Corners or something. Nancy O has recently responded to a rounded corner question here: http://forums.adobe.com/thread/657158?tstart=30. I don't konw if it makes a difference that you want the effect on AP Divs or not. I haven't read that you can't.
Adding a background image is achieved with CSS and you might be able to think about putting the rounded corners on the image in your graphics editor. That will depend partly on how flexible you site is and whether users can increase text size in the browser.
If you are using AP Divs (position: absolute) you need to be a bit cautious. General advice is to use them very sparingly and when other options don't achive what you want.
Martin

Rounded corners for JTextField

Hello guys.
To render my application a little more attractive, I intend to make the JTextField instances have the visual modern application use nowadays.
If you have a look at apps such as Skype, Eclipse even some Web sites, you will notice that the text field have rounded corners which are not heavely pronounced though. It seems like there is a standard fashion to accomplish it, since it looks exactly the same if you look at one or the other app. I have tried to extract the border for JButton object to assign it later to the JTextField, but it doesn't work as the returned type of the JButton's border is EmptyBorder (the border by default).
Does anyone have an idea?
Thanks.
Edmond.

Hallo Ed,
you could write your own border class and draw the border as you wish in paintBorder(...), using setContentAreaFilled(false) to ignore the area outside the corners.
Somewhat like
public class MyBorder implements Border {
public void paintBorder(Component c, Graphics g, int x, int y, int width, int height) {
drawRectangleWithRoundedCorners();
}Then you apply as usual:myButton.setBorder(new MyBorder());

Round corners in InDesing CS5

Hi, I have a rectangle that I need to have round corners specific radios. When I go to menu Object: Round corners and set radios to .25 in, nothing happens to my selected rectangle. It does remembers the setting when I go into it later, but doesn't show round corners. Is there something else I have to do.
Thank you very much for your help.
Yulia

Have you selected the option on what type of corner you want it to have, rounded, beveled, inset etc.

Round corners in tables

Is it possible to create round corners in tables (CS5)? if not, WHY NOT?!
This is so frustrating, I have many documents with tables that run across many pages. In keeping with my clients brand, I need to have round corners on the outer border and also want to have the the top panel with a fill and round corners.
The following shows what I need.
Any advice would be much appreciated.
Helen
This panel should have round corners
Header 2
Whole table whould have round corners

not easily, at least not without a workaround.
why not? well i didn't make the software so can't answer that.
however, there are workarounds. go to the address below for an example:
http://www.crazyleafdesign.com/blog/indesign-tutorial-how-to-create-rounded-corners-on-a-t able-in-indesign/

Cropping Pics so they have "rounded" corners

Similar Messages

Maybe you are looking for