Images with rounded edges

Hello,
I want to create my images with rouned corners rather than
being a boring square shape.
I have seen this affect on other websites.
Can anyone tell me step by step how a modify a square image
to appear maybe in a circle or a rounded corner rectangle ??
Thanks
Mark

duza0424 wrote:
> Hello,
>
> I want to create my images with rouned corners rather
than being a boring
> square shape.
> I have seen this affect on other websites.
>
> Can anyone tell me step by step how a modify a square
image to appear maybe in
> a circle or a rounded corner rectangle ??
Hi Mark,
Draw a rounded rectangle, and then place the image on top of
it. Cut the
image to the clipboard (Edit > Cut), and then click on the
rounded
rectangle to select it. Choose Edit > Paste Inside.
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
http://www.adobe.com/communities/experts/

Similar Messages

  • Need to crop with rounded edges

    I am a novice and purchased Elements 2.0 a couple of years ago so that I can adjust pictures to post on our web site. Very simply, I want to take a rectangle picture and round the edges off. I have spent hours pouring through the help files and playing, but can not determine how to do this simple thing. Is this even possible with this version?
    Would greatly appreciate any help!

    Wow you guys are awesome to help me out. I am caught up with you and I now have a picture with rounded corners. Took me a bit as I had to use Help a couple of times to figure out how to get the trash can up, and determine where the ctrl-click really was supposed to happen. I also think I figured out that I needed to use Select - Inverse vs. Invert. Then again that may have been my mistake. I now have a nice picture with round edges and a white retangle around it. If I save this and try to put on my web site, will it not look just like that with the white space? Or have I asked my limit of questions today? :-)
    Thanks again,
    Michelle

  • Illustrator images with jagged edges when converting a document to pdf

    Hi,
    Illustrator CS6.
    I created some images in illustrator. Saved the images as a .tff. Put the images in a Word.docx. Looks great. Convert the word.docx to a pdf and my images have jagged edges. I have anti-alaising check in my preferences but still the image looks bad.
    Any suggestions?
    thanks

    Did you resize the images larger than when inserted into Word?
    What resolution did you export the TIF from AI at?
    What was the Anti-aliasing setting (type or art optimized or none)?
    Are you using Word's Save As PDF, or the Adobe Acrobat add-on?
    Are you viewing the result in Acrobat (or Adobe Reader) at 100% or larger?
    Mike

  • How to Mask Image with different Shape

    Hi all,
    In my flex application , i am displaying a image which is in
    rectangle shape. but i want to show that image in a rounded
    rectangle shape, for that i want to mask the image with rounded
    rectangle, .
    anyone please tell me how to do this,
    i also tried by setting the mask property in the image, but i
    am not getting.
    please help me.
    thanks in advance
    regards
    avanthika

    Hi all
    i am trying in this way still i did not get it
    i have placed image in a canvas.
    <mx:Canvas id="c1" x="10" y="10" width="200"
    height="200">
    <mx:Image id="img2" source="image1.jpg" />
    </mx:Canvas>
    to mask the above image , i need shape to mask i have written
    following code it is not working
    import flash.display.*;
    public function init(){
    var square:Sprite = new Sprite();
    square.graphics.beginFill(0xFF0000);
    square.graphics.drawRect(0, 0, 200, 200);
    c1.addChild(square);
    img2.mask=square;
    please help me how to get this,
    Actually i don't know how to write code for drawing shapes in
    flex.
    Thanks in advance
    Regards
    Avanthika

  • Need help with getting images to look smooth (without the bitmap squares) around the edges. When I transfer the image from pictures, it sets itself into the InDesign layout, but with square edges. I need to find out how to get it to look smooth?

    Need to find out how to get my images transferred into an InDesign layout without the rough edges, as with a bit map image, but to appear with smooth edges in the layout. I can notice it more when I enlarge the file (pic). How can I get it to appear smooth in the finished layout. Another thing too that I noticed; it seems to have effected the other photos in the layout. They seem to be
    pixelated too after I import the illustration (hand drawn artwork...)? Any assistance with this issue will be greatly appreciated. Thanks in advance.

    No Clipboard, no copy & paste, as you would not get the full information of the image.
    When you paste you can't get the image info from the Links panel, but you can get resolution and color info either via the Preflight panel or by exporting to PDF and checking the image in Acrobat.
    Here I've pasted a 300ppi image, scaled it, and made a Preflight rule that catches any image under 1200ppi. The panel gives me the effective resolution of the pasted image as 556ppi. There are other workflow reasons not to paste—you loose the ability to easily edit the original and large file sizes—but pasting wouldn't cause a loss in effective resolution or change in color mode.

  • Basic Photoshop 101: I want to use an image with an outer glow in another Photoshop document. When I place the image, the outer glow has hard edges where the box of the image cut the glow off. Naturally, I want a soft feathered outer glow. How do I get th

    Basic Photoshop 101: I want to use an image with an outer glow in another Photoshop document. When I place the image, the outer glow has hard edges where the box of the image cut the glow off. Naturally, I want a soft feathered outer glow. How do I achieve that? Thank you.

    That should work out, maybe edit it to force updating in the new image.
    Could you please post a screenshot with the Layers Panel visible?

  • Rounded edges on an image - how to reproduce

    Hi there.
    We got a designer to create some banner files for us. The only problem we are having is reproducing what they did with the below image (curved/rounded upwards at the top and bottom). This was done to the actual image file (with no white circles etc...), but for the life of me cannot reproduce this onto an other image. I know i can drag and drop an image straight into it and it will fill the area, but i'm just intregued on how it was actually created. Any help would be fantastic!
    Bec

    Since this is an Indesign forum, I suppose you want to do that in Indesign. There you just deform the object frame of the image. Very easy.
    Of course, if you wan to apply that on the image itself, you need something like Photoshop and modify a mask.

  • 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 to make an applet with curved edges in the browser

    Hi all,
    I m doing an applet application in which i want to show an image inside a player in the website. The edges of the player is designed in curved shape. So i too wanted to do an applet with curved edges. Otherwise my applet and the images are coming out of the player... do any body have come across such a problem. please give me some suggestions. Awaiting for your suggestions and solutions. If u don't understand what i m trying to say let me know..
    Thanks...

    I tried to get the screen height -1 and subtract from
    all the ys in my applet but it doesnt work all the
    time. I am drawing shapes and stuff with an algorithm
    I wrote for class.
    is there a way to get origin(0,0) to the lower left
    screen easily.
    thanksThe only way I can think of would be write a method to convert a "normal" y coord to an applet y coord. That would probably end up being a huge pain in the ass, since you would have to pass all y coords through it before using them, so I suggest you just get used to y being upside down.

  • White box behind transparent images with drop shadow in InDesign CC 2014 (v.10) but not in InDesign CC (v.9)

    Hi all,
    Please can you help? No matter what settings I use in my print options in InDesign CC 2014 (v.10), ALL transparent images with a drop shadow are printing with a white box behind the image. If I remove the drop shadow, all prints fine. I know this is an old issue that happens with ID sometimes but I have been lucky enough to never have had it happen to me before! (All images are regular flattened TIFF images with clipping paths).
    Also, feathered edges are not printing correctly and are sharp instead of feathered.
    When I export the document to IDML and open it up in InDesign CC (v.9) all prints perfectly with no white boxes and feathered edges prints perfectly as well. I have compared all of the print settings (including color management, transparency flattener, etc.) between both versions and they are exactly the same. I am printing to a Xerox color laser printer. Can anyone offer any advice?
    Thank you so much,
    Christine

    Okay...false alarm! It turns out that the issue was with my PRINTER settings (the settings you customize after hitting the “Printer” button at the bottom of the Print dialogue box in ID CC. I thought I had triple checked this but it seems there was one setting I missed earlier…adjusting the print brightness seemed to cause the issue. SO GLAD to know it was not InDesign…20 or so sheets/prints later….and thankful to know what was causing the issue! Thank you so much Steve for helping at any rate:) Much appreciated:)

  • How can I save an image with background transparency as an eps in photoshop?

    I have to submit an eps of my logo and I would like it to have a transparent background. I have googled this many times, followed all of the suggestions and I'm still having trouble.

    Follow the help text in PhS CS2. I have shown importat guidelines by bold text:
    "To save a path as an image clipping path
    Draw a work path that defines the area of the image you want to show.
    Note: Paths are vector-based; therefore, they have hard edges. You cannot preserve the softness
    of a feathered edge, such as in a shadow, when creating an image clipping path.
    In the Paths palette, save the work path as a path.
    Choose Clipping Path from the Paths palette menu, set the following options, and click OK:
    For Path, choose the path you want to save.
    For Flatness, leave the flatness value blank to print the image using the printer’s default value.
    If you experience printing errors, enter a flatness value to determine how the PostScript interpreter
    approximates the curve. The lower the flatness value, the greater the number of straight lines used
    to draw the curve and the more accurate the curve. Values can range from 0.2 to 100.
    In general, a flatness setting from 8 to 10 is recommended for high-resolution printing
    (1200 dpi to 2400 dpi), and a setting from 1 to 3 for low-resolution printing (300 dpi to 600 dpi).
    If you plan to print the file using process colors, convert the file to CMYK mode.
    Save the file by doing one of the following:
    To print the file using a PostScript printer, save in Photoshop EPS format, DCS, or PDF format.
    To print the file using a non-PostScript printer, save in TIFF format and export to Adobe InDesign,
    or to Adobe PageMaker® 5.0 or later.   "
    An image with clipping path contains everything outside the path as transparent.
    Tested actually by PhS CS6.
    Photoshop is not the right tool. Better use Illustrator or InDesign (ID for logos which are not too complex).
    Graphical objects in IL or ID reside on a transparent background without any selection or clipping path
    (PostScript concept).
    Best regards --Gernot Hoffmann

  • Box with rounded corners displays as rectangle in Web Browser

    I am using the box control (IBoxObject) in my Crystal Reports with rounded corners. However the box displays as a rectangle with square corners when viewed in a web browser. I have tried this in IE 7.0.5730.13, Firefox 3.0.3 and Chrome 0.2.149.30 all give the same problem.
    The interesting thing is that the boxes display correctly at design time and when exported to PDF, but they wonu2019t display correctly in IE/Firefox/Chrome. Here are the specific settings for the box:
                    CornerEllipseHieght = 375
                    CornerEllipseWidth = 375
                    Crystal Reports Version 10.5.3700.0
    I have also attached an image to try and clarify the problem.
    [Picture showing Box at design time, in a Web browser and when exported to PDF|http://i38.tinypic.com/10p6k1v.jpg]
    Thanks in advance for any help with this issue.
    -John

    Thank you Ted, this was my take on the problem but it is good to have a confirmation.
    There are CSS (HTML) solutions for creating boxes with rounded corners, such as [SpiffyBox|http://www.spiffybox.com/] and [CSS Rounded Box Generator|http://www.neuroticweb.com/recursos/css-rounded-box/index.php?idioma=en] and many more that can be found using [Google|http://www.google.com/search?hl=en&q=cssboxeswithroundedcorners&btnG=Google+Search&meta=].
    Do you know of any plans to support rounded corners in the future?
    Thanks for your help!
    John

  • Fx-background-image and rounded borders

    Hi,
    I am trying to use a simple image as background image for an HBox through repetition, but I have found a problem. The HBox has got rounded borders (using fx-background-radius) and when I set the background image with fx-background-image it does not fit the real borders of the HBox and it appears painted outside the limits.
    The css code is the following:
    -fx-background-radius: 0 0 30 30;
    -fx-background-image:url('image1.png');
    -fx-border-radius: 0 0 30 30;
    -fx-border-width:0 2 2 2;
    -fx-border-color:#D9D9D9 #D9D9D9 #D9D9D9 #D9D9D9;
    -fx-effect: dropshadow( two-pass-box , rgba(0,0,0,0.35) , 20.13095238095238,0.5 , 0 , 18 ); Is this the expected behaviour? If a try it with background-color, it adjusts perfectly to the rounded borders. Should I set another property? (I have tried with fx-background-size and fx-background-repeat and fx-background-position but with no result)
    Thanks in advance.
    Regards.

    This probably is expected behaviour.
    The properties for background fills (color, insets, radius) donot work together with the properties for background images (image, position, repeat, size). They are separate and painted in separate passes in order, quote from the CSS doc below:
    >
    Each Region consists of several layers, painted from bottom to top, in this order:
    background fills
    background images
    contents
    border strokes
    border images

  • Images have jagged edges when rotated in Keynote 6.1

    After upgrading to Keynote 6.1, I'm having problems when rotating images that I've imported to my slides. Any time I rotate an image that's not on a 45, 90, 180 angle, the image has jagged edges.
    Here's a screenshot as an example. The image is on 4 degree angle.
    Any ideas?

    Sorry, in haste I forgot to mention this also:
    Use an appropriate slide size, as a minimum resolution I match the slide size (Keynote > Inspector > Setup Slide Size), to the resolution of the display I am using, in my case 1920 x 1200.
    I always resize the images I bring into Keynote with the same pixel resolution as the slide size.

  • Is there a way to use eraser tool with soft edges?

    Hi,
    I am wanting to erase the edges of a rectangular object so that it blends better with the background, and am wondering if there is a way of doing this using the eraser tool with soft edges?
    Here is a snapshot to illustrate further what I mean:
    You should be able to see that above the curve on the left there is a gradient which extends to the top of the image. This is the rectangle which I have applied a gradient to. At the top of the rectangle the colour is the same as the background. What I am trying to do is to blend the left edge of the rectangle in with the background above the curve (below the curve there is a line so no blending is needed). The way I thought of doing this is using the eraser tool with a soft edge. I can do this in Photoshop, but I'm not sure if this is possible or the best approach in Illustrator.
    I would be grateful for any advice on this,
    Thanks,
    Nick

    I don't really understand yoru end goal. However, the answer to yoru Eraser Tool question is no. There is no such thing as a "soft edge" for the eraser tool.
    The ways to blend objects in specific areas only would be:
    Gradients with transparent stop
    Gradient mesh with transparency nodes
    Opacity masks
    Fake it by blending to the same color as the background.

Maybe you are looking for