SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,658
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)

    How to make a circle image with photoshop cs3?

    I want to make rounded corners using dave woods rounded cornered method with one circle image. But I can't find any info on how to make a rounded circle. Thanks for any info!

  2. #2
    SitePoint Enthusiast ck88's Avatar
    Join Date
    Jul 2008
    Posts
    42
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quickest and easiest way to create rounded corner box's round corner bits is to use a decent Vector drawing tool. Draw circle, cut it and export the peaces to desired bitmap image file format.

    Alternatively, you may consider using online tools such as "CSS Rounded Box Generator" at: neuroticweb.com/recursos/css-rounded-box/

    I use XaraX pro for such jobs.
    ck
    Creative Kitten | Free Web Graphics, Icons and Photos

  3. #3
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,658
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Thanks! OK, I've managed to make a circle in Photoshop cs3 but how do I cut out that circle? So I can save it as a circle - and not as a circle sitting within a square? Thanks!

  4. #4
    SitePoint Member
    Join Date
    Jul 2008
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    are you just wanting to create a rounded corner square, for your image?

    if so just use the rounded corner square, create the square, then put your image/photo layer above the square and click ctrl+G it will create a mask and your image will then have rounded corners...

  5. #5
    SitePoint Guru james_littler's Avatar
    Join Date
    May 2007
    Location
    Portsmouth, UK
    Posts
    775
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    1 way = make a circle (eg 100px dia), save it as a png with a transparant bg (leave it as a complete circle) then make a div 25px x 25px then use bg position to only reveal the part of the circle you want.



    this is just one of many ways.

  6. #6
    SitePoint Member
    Join Date
    Jul 2008
    Location
    Galax, VA
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If I understand the question correctly, "how to save as a circle, rather than as a circle in a square box": the answer is to save your image as any type of image that supports transparencies (png, gif, psd, pdf). Make sure that there is no background or that the background is not visible when you save. I personally like png's because even Word and Publisher can use them and respect the transparencies.

  7. #7
    SitePoint Enthusiast jessicalore's Avatar
    Join Date
    Aug 2009
    Location
    Houston, TX
    Posts
    54
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    FIRST OF ALL, I KNOW THIS THREAD IS OLD, BUT PEOPLE LIKE ME KEEP VISITING FOR INFORMATION.

    Ok, honestly, I'm going to give you excellent tools. Well at least as a web designer I use them a lot because they let me accomplish things easily especially rounding corners on pictures or making them circle.

    If you want to round corner on your pictures you can go to Round Pictures

    Love this tool 100%

    Check this Photoshop Video and Text Tutorial.

    To create circle images this Houston computer repair company has a special tutorial tutorial for Photoshop CS3.


    To check the tutorial click on this computer photoshop blog.


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
  •