SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2000
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I would like to know how I can make images with rounded edges for my website. I am currently using AdobePhoto Deluxe to make images. I would appreciate any help. Thanks in advance!

  2. #2
    SitePoint Wizard
    Join Date
    Jul 1999
    Location
    Chicago
    Posts
    2,629
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't know if you can make them with Adobe Photodeluxe. If I remember correctly, that's a scanner suite?

    But here's how I make them in most graphics apps. I make a circle then cut it into four parts. Each is a perfectly round section. Crop, save, and add the <img> tags and I'm done. Total time: 10 minutes.

  3. #3
    midnight coder
    Join Date
    Dec 2000
    Location
    The flat edge of the world
    Posts
    838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Dunno if PhotoDeluxe allows it, but this is how I do mine, (yes, I can even do it in MS Paint using this method!)

    Make a image to the size you want, say 50x50.

    Draw a circle that's 4 times as big, so in this case, the diameter of the circle will be 100px.

    Grab the centre of the circle and drag it to one of the corners of the square, one quarter of the circle will be visible, and that'll be one of your corner. If your gfx editor doesn't allow point the centre of a circle, just drag it until the edges touch the square.

    Drag to other corners or rotate for all four corners.

  4. #4
    I'm baaaaaaaaaaaaack! Fluffykins's Avatar
    Join Date
    Aug 2000
    Location
    Manchester, UK
    Posts
    1,046
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    One way of doing it (the way I use) is this:

    Take the image.
    Create a box with rounded corners. I'm not sure about other prackages, but in Fireworks you can set the box's corners to have a degree of roundness in the tool properties.
    Make the image over the box so the image is 'transosed' over the box.

    Voila, the box provides the shape for the image. You can have a look at my site to see the reults

    Ady
    v-technologies - Freelance Goodness.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •