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.

Similar Messages

  • 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. ;-)

  • Making a photo with rounded corners

    I just followed both of these instructions to create rounded
    corners on a rectangular image:
    http://www.enghiong.com/how-to-make-rounded-corner-edges-using-fireworks.html/
    http://www.joycejevans.com/tutorials/Fireworks/FWMX/roundecorners/rc_crn.htm
    What am I missing? Both of them show the transparent canvas?
    I drew the rectangle, rounded the corners, pasted inside and all
    the other steps and saved it. When I use in my html file, the
    background shows!
    Any help with this is so appreciated.

    quality11 wrote:
    > Sure. Here's the orginal:
    >
    http://www.charlotteswebservices.com/images/ChildhoodPic.jpg
    >
    > And some that I've tried to make rounded corners:
    >
    http://www.charlotteswebservices.com/images/childhood-round-opt.jpg
    >
    http://www.charlotteswebservices.com/images/childhood-round.png
    Here you go. It's usually a good idea to use a white rather
    than black
    object to paste inside of.
    http://www.playingwithfire.com/childhood.html
    Linda Rathgeber - Adobe Community Expert
    http://www.adobe.com/communities/experts/members/8.html

  • 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.

  • 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

  • Rectangle Selection has rounded corners? I need sharp ones.

    Seems silly, but I don't understand why the 'Rectangle Selection' marquee tool defaults to rounded corners.
    I am obviously missing something very simple.  Thanks! 1-1-11

    FIXED!
    I fixed this challenge by adjusting the 'feather' from 20 px to 1!
    Thanks all!    --Thomas

  • Can you make still photos have a 3D "look" in Motion 5?

    Hello All,
    I don't mean 3D like the kind you need to see with blue and red glasses, I mean that technique where you can make different objects in the still photo appear as if the camera is moving passed them.
    If this can be done in Motion 5 does anyone here know of a good tutorial?
    Thanks for your help.
    Mike

    Michael Ryan. wrote:
    … Can this be used on video?  (I have some old film I would like to touch up).…
    no, sorry, me lost in translation:
    I meant, if you have to do some graphics FOR, not with video (arrows, titles, UFOs, masks), Pixelmator is an excellent tool.
    spicing up old film ...
    a) it IS old … so, why not keeping it looking 'old'?
    b) I was lately allowed to use NEAT Video .... I had to use some badly worse compressed arial TV recordings.avi in a HDef project (LOL!) - and that Neat filter did marvel! it didn't only reduced 'noise', it made it vanish. ok, if you exaggerate, the picture gets a 'flat', posterized look. Neat is actually offering a Home edition for 49$ - that's a snap.
    c) usually, if you use M5, you're  using FCPX too - its filters and the Color-'board', wisely used, allow to push faded colors and contrasts very easy = I'm no professional color-grader, but the Color Correction tools are dead easy (deeper shadows? 'deepen'/lower low tones. less orange? drag 'pointer' to orange, low that … etc really 'real life logic', not some weird tech-lingo .... )
    for beginners like me, this is my source
    http://www.colorgradingcentral.com/final-cut-pro-x-color-grading-table-of-conten ts

  • Hi. how does one make sure photos have been uploaded to I cloud

    trying to update to IOS 8 on my iphone 4s from IOS 7.1.2. cannot due to storage requirements. asking me to delete items. what should I do?  most are photos  how do I make sure they are now in cloud and can be safely deleted from phone storage.

    Be very careful.
    Only the last 1000 photos maximum are stored in iCloud and for a maximum of 30 days.
    In the new version of iCloud Photo Library (which is in Beta) it will keep all photos, but you are not using that version yet as you need iOS 8 installed to do that.
    The best thing to do is connect your iPhone to your computer and transfer the photos from the photo to your computer.
    The instructions on how to do it are here:
    Import photos and videos from your iPhone, iPad, or iPod touch to your Mac or Windows PC

  • How do you make a photo have a transparent background

    I have a photo of a fire truck outside of the fire department. I want to remove the background and select only the truck itself. I then want to be able to have it transparent when I put the picture on a scrapbook page. I do not want a white box background. What steps are needed to accomplish this. I currently have Photoshop Elements 6. Thanks!
    Teresa

    Use one of the selection tools. lasso tool for example, to select the truck
    Go to Edit>copy. This puts it on the computer's clipboard
    Open the scapbook background
    Go to Edit paste. The truck should be on a separate layer
    Access the move tool, position the truck.
    You can resize using the corner handles of the bounding box while holding down the shift key

  • Rounded rectangle tool: change rounded corners

    would be nice:
    - Changed round every corner Radius property (not all at once)
    - After creating a rectangle, we can change stroke but not the radius

    Hello, Oscar, it has been requested in other threads.
    http://forums.adobe.com/message/4284293#4284293 and http://forums.adobe.com/message/4285607#4285607
    I suggest that you vote on this request: http://feedback.photoshop.com/photoshop_family/topics/it_would_be_good_if_the_roundrect_ve ctor_tool_corner_radius_was_editable_during_and_after_drawing or this one: http://feedback.photoshop.com/photoshop_family/topics/photoshop_customizable_rounded_edges _for_rounded_rectangle_tool
    Also, you might want to change your user name to something other than your email to avoid spam.

  • How to make rounded corners on webpages

    Hi, I am using DW8, an intermediate level user with html and
    tables, not good with php, java, or any programming language, on
    winXP home.
    One thing that I've seen and like are webpages that have
    rounded corners on them. For example, the page itself can be 80%
    the width of a page, but instead of the regular square corners,
    there are rounded ones.
    Can anyone tell me how to do that?
    thanks

    You could do it the old fashioned way with a 3 x 3 table and
    9 image slices.
    Or, with CSS and 3 image slices.
    http://alt-web.com/Image-slices-in-a-CSS-based-layout.html
    Or one of these:
    http://www.cssjuice.com/25-rounded-corners-techniques-with-css/
    Nancy O.
    Alt-Web Design & Publishing
    www.alt-web.com
    www.twitter.com/altweb
    www.alt-web.blogspot.com/

  • 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

  • Round corners and transparent background

    Hello everyone
    I have just started to use my new Photoshop CS5 and came across a problem. How do I make a marking with round corners and a want to have the background transparent to use on the web. We can't use the old way because it is grey in the menu. I hope you understand what I meen. Please help me with a easy way thank you.
    Hopefully waiting for help.
    Lotta

    First Alt double click the "Backgound" layer in the layers panel to rename it. (A layer called Backgound will not support transparency.)
    Then draw a Rounded Rectangle Path around your object with the Shape tool.
    (Use the Paths option in the Options bar.)
    You can also adjust the radius there.
    Right-click outside the path and choose Make Selection.
    Invert the selection – Ctrl+Shift+I – and press Delete.
    Go to File > Save for Web and choose PNG-24 as a format and save.

  • 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.

  • 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.

Maybe you are looking for