Skip navigation
Currently Being Moderated

how to create round corners / edges of an image in illustrator ?

May 14, 2012 9:53 AM

how to create round corners / edges of an image in illustrator ?

 

I have googled a lot but everywhere I find round corners of a shape by going to "Choose Effect > Stylize > Round Corners."

 

But I DO NOT want round corners of a shape, I have a image (jpeg), how to cut the corners and make them round ?

 

please help

 
Replies
  • Currently Being Moderated
    May 14, 2012 9:57 AM   in reply to helloflash123

    @helloflash312

     

    You can create a rounded rectangle and put it above your image. Select both (image and shape) and go Object > Clipping Mask > Make. This will create a mask and it´s a group.

     

    You can acess Layers panel....open the group hierarchy..move the image and the mask as separated itens.

     

    Gustavo.

     
    |
    Mark as:
  • Currently Being Moderated
    May 14, 2012 10:26 AM   in reply to helloflash123

    Hi helloflash123

     

    When you create a Clipping Mask...Illustrator considers this structure as a

    group (you can see in the Layers panel it´s a group with 2 elements: the

    shape and the image).

     

    Using Layers panel you could for example click in the circle in the right

    of the image thumbnail to select it. This way you can move or resize the

    image without affect the clipping Shape.

     

    The same process of selecting could be made via the Group Selection Tool

    (that´s located at tools panel).

     

    I wanna just to tell you after creating the mask...the 2 elements can still

    be edited separatelly or together (in operations like moving or resizing).

     

    That´s it

     

    Did you understand?

     

    Gustavo.

     
    |
    Mark as:
  • Currently Being Moderated
    May 14, 2012 10:34 AM   in reply to helloflash123

    helloflash,

     

    As it is in the screenshot, the whole Group is selected.

     

    You may click the ring to the right (in the layers palette/panel) of either the (Clipping) Path or the (clipped) Image to select it, then you can move that separately.

     

    Another way is to use the Direct Selection Tool to select either the Image, by clicking outside the Clipping Path, or the Clipping Path by clicking inside it.

     

    Edit: Hi Gustavo.

     
    |
    Mark as:
  • Currently Being Moderated
    May 14, 2012 10:48 AM   in reply to helloflash123

    according to your screen shot your <Path> is not yet <Clipping Path>

    Did you follow the instructions from the first sentence of Gustavo's post?

    Seems like you created a group only but not a clipping path. You don't have to create the group yourself, the group will be created automatically when you create the Clipping Mask and this will be a special group because it can't be ungrouped while containing a Clipping mask.

    To select an object using the layers panel click the spot of one the little blue squares on your screenshot. The little box show that the item is selected. To deselect it click it while holding Shift.

     
    |
    Mark as:
  • Currently Being Moderated
    May 14, 2012 12:32 PM   in reply to helloflash123

    Try selecting your Rounded Rectangle and go to Object>Expand Appearance, then select both and Object>Clipping Mask>Make.

     
    |
    Mark as:
  • Currently Being Moderated
    May 14, 2012 1:01 PM   in reply to helloflash123

    Laarry is correct because you used an effect to make the rounded rectangle instead of using the rounded rectangle tool. If you click the rounded rectangle tool in the document window or anywhere on the canvvas the rounded rectangle  options window will appear and you can then enter tthe radius amount for the corners, probably fater than going to the effects. And effect has to be expanded to be used as a clipping mask. Object>Expand Appearance.

     

    One you a reeal rounded rectangle there are two ways of creating the mask.

     

    htt://www.wadezimmerman.com/videos/ClippingPhotos.mov

     
    |
    Mark as:
  • Currently Being Moderated
    May 14, 2012 1:12 PM   in reply to Wade_Zimmerman

    You can direct select the mask after having created the clipping mask and then apply the effect.

     
    |
    Mark as:
  • Currently Being Moderated
    May 14, 2012 1:21 PM   in reply to helloflash123

    As suggested, clipping masks do not support effects and when you use an object with an effect for a clipping mask, the effect will be deleted.

    As mentioned you can use the Rounded Rectangle tool and while you are dragging the mouse to draw it before releasing the mouse you can press the up or down arrow on your keyboard to change the radius of the rounded corners. If you have the smart guides turned on you can start from the center of the image to be clipped.

    The rounded corners effect makes sense if you are not sure about the roundness of the corners and you want to change them later before applying the clipping mask. But you have to expand the appearance as mentioned in order to remove the effect and keep the rounded corners.

     

    edit: didn't see Monica's post when replying, but I would recommend her advice.

    Illustrator  is disappointingly sloppy in its inconsistency.

     
    |
    Mark as:
  • Currently Being Moderated
    May 14, 2012 1:22 PM   in reply to helloflash123

    helloflash,

     

    Just a tiny elaboration: when you apply an effect, it only changes the appearance but makes no change to the basic underlying path, which is used as the Clipping Path. Expanding appearance actually changes the (basic) path to one with that appearance.

     

    Edit: Reading this post reminds me of Farewell to Shady Glade.

     

    Edit edit: And what Monika said, apart from the fact that you can also just use the (normal) Selection Tool (or you could when Illy was young).

     

    Edit edit edit: And what Emil said.

     
    |
    Mark as:
  • Currently Being Moderated
    May 14, 2012 1:34 PM   in reply to Jacob Bugge

    Just another way to complete this task:

     

    1. Just select the image you have imported and click the button called "Mask" in the Control panel (also called control bar, below the menu bar). It will create a rectangle and make it as a clipping mask. Now just go Effect > Stylize > Round Corners and set the value of roundness.

     

    This is direct and you do not need to pre-create a rectangle to make the Clipping.

    This way is also good when you want to keep visible the entire image area (only hidding the corners that get rounded).

     

    Gustavo.

     
    |
    Mark as:
  • Currently Being Moderated
    May 14, 2012 1:47 PM   in reply to helloflash123

    The Rounded Rectangle is in the Toolbar..in the same group as Rectangle. Just keep pressed your pointer over the Rectangle Tool to see its group and Rounded Rectangle Tool.

     

    Let´s just tell if you create directly a rounded rectangle you cannot (after created) change the roundness. This is why the effect is a good way to keep roundness interactive.

     

    Gustavo.

     
    |
    Mark as:
  • Currently Being Moderated
    May 14, 2012 2:01 PM   in reply to helloflash123

    @hellofhas123

     

    You only use the Expand Appearance option if you have created a simple Rectangle Tool and rounded it´s corner via effect (Effect > Stylize > Rounded Rectangle).

     

    Now If you created directly a rounded rectangle (using the Rounded Rectangle tool) then you do not need the Expand Appearance command.

     

    Gustavo.

     
    |
    Mark as:
  • Currently Being Moderated
    May 14, 2012 2:13 PM   in reply to helloflash123

    helloflash,

     

    That is because there is nothing to expand. If you have the rounded rectangle on top of the image, just selct both and Object>Clipping Mask>Make.

     

    Edit: Hi Gustavo.

     

    There seems to be a strange delay in showing new posts.

     
    |
    Mark as:
  • Currently Being Moderated
    May 14, 2012 6:23 PM   in reply to Wade_Zimmerman

    In the videoyou will see I use the rounded rectangle tool there is no need as everyone else pointed pout to expand the appearance.

     

    http://www.wadezimmerman.com/videos/ClippingPhotos.mov

     

    Here is another video showing you the difference between an and an aobject with an effect.

     

    http://www.wadezimmerman.com/videos/Effects.mov

     
    |
    Mark as:
  • Currently Being Moderated
    May 14, 2012 7:54 PM   in reply to Jacob Bugge

    Hi Jacob

     

    Yes I perceive this delay when answered via e-mail. At least when I enter new posts directly to the forum web pages it looks the message was sent as soon as I press the Add Reply button.

     

    Do you see the same?

     

    Best Regards

    Gustavo.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points