SitePoint Sponsor

User Tag List

Results 1 to 22 of 22
  1. #1
    Original Gangster silver trophy Thing's Avatar
    Join Date
    Oct 2000
    Location
    Philadelphia, PA
    Posts
    4,708
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    This is a problem that has haunted me for as long as I can remember. How do you round edges on tables. Now I know its a graphic and not the actual table, but is there a simple way of making them through photoshop? Thank you

  2. #2
    SitePoint Zealot cckrocks's Avatar
    Join Date
    Nov 2000
    Location
    A home in the hills where the grass grows green an
    Posts
    183
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What version of Photoshop do you have?
    Think beyond what is common...
    www.jaggedknife.com
    www.fusion-in.com

  3. #3
    Original Gangster silver trophy Thing's Avatar
    Join Date
    Oct 2000
    Location
    Philadelphia, PA
    Posts
    4,708
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Photoshop 5.5

  4. #4
    ComDude CryingWolf's Avatar
    Join Date
    Dec 2000
    Location
    I don't know the cat drug it in!!!
    Posts
    247
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes there is

    Open photoshop then file > new. Choose a size of twice the size of the rounded corner you want. I.E. if you want a 25 by 25 pixel corner then choose 50 by 50.

    Pick the forground and background colors of your site

    Then as my previous example 50 by 50 choose the elliptical marquee tool, then set the tool preferences in the marquee options to fixed size. Set the size to 50 by 50.

    It helps if you zoom in on it here but click on your new image and center the marquee.

    Then using paint bucket fill the circle with your desired color. Then choose select > invert selection. Fill the outside edges with the "other" desired color.

    Next Pick your rectangular marquee and again choose fixed size but this time make the size half of the full size. I.E. for above I would use 25 by 25 pixels

    Then click on your graphic with the new marquee and move it to one of the four corners (again zoom helps) Then hit edit > copy.

    Click file > new then edit > paste

    Repeate for all four corners

    If you have ver 5.5 save for web to save.

    Hope this helps

    Reply here if you have any questions

    P.S. you can experment with other setting as far as making some different corners one would be say 20 by 50 and changing marquee settings etc...

    Late
    body { background:#000000; color:#000000 }
    HEY, WHO TURNED OUT THE LIGHTS?!?
    Easy come easy go!!!
    CryingWolf

  5. #5
    Original Gangster silver trophy Thing's Avatar
    Join Date
    Oct 2000
    Location
    Philadelphia, PA
    Posts
    4,708
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Photoshop 5.5

  6. #6
    ComDude CryingWolf's Avatar
    Join Date
    Dec 2000
    Location
    I don't know the cat drug it in!!!
    Posts
    247
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    photoshop 5.5 cool then just choose file save for web and that will save it how you want it...

    Most of the time you want to choose websafe colors for your site and use a gif setting... you can break this for more entertainment and personal sites
    body { background:#000000; color:#000000 }
    HEY, WHO TURNED OUT THE LIGHTS?!?
    Easy come easy go!!!
    CryingWolf

  7. #7
    SitePoint Enthusiast sadhu's Avatar
    Join Date
    Nov 2000
    Location
    Vancouver, BC
    Posts
    67
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    CryingWolf
    Thanks for the tip.

    That helped me alot. I have been struggling with rounded corners.

    No I am not.
    Rustam Punja, WebMaster/Content Developer
    http://www.dvwt.net
    Bringing Online Education, Internet Access and Broadband to China

  8. #8
    ComDude CryingWolf's Avatar
    Join Date
    Dec 2000
    Location
    I don't know the cat drug it in!!!
    Posts
    247
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    really the credit goes to someone else here I don't remember who but he/she pointed out that doing the whole circle then cutting it up was alot easier!!!

    I just put it together to make it easer for people...


    Been doing it that way since
    body { background:#000000; color:#000000 }
    HEY, WHO TURNED OUT THE LIGHTS?!?
    Easy come easy go!!!
    CryingWolf

  9. #9
    will code HTML for food Michel V's Avatar
    Join Date
    Sep 2000
    Location
    Corsica
    Posts
    552
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I draw a circle, resize the work area to 50% 50% and keep the upper left corner.
    I merge layers and stuff.
    I save my first gif.
    I rotate it by 90, then save the second.
    Then the third and fourth.
    [blogger: zengun] [blogware contributor: wordpress]

  10. #10
    ComDude CryingWolf's Avatar
    Join Date
    Dec 2000
    Location
    I don't know the cat drug it in!!!
    Posts
    247
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nice secondary shortcut but I would still use save for web... Hey I think we need a new forum on speed graphics

    Thanks for the shortcuts

    Late
    body { background:#000000; color:#000000 }
    HEY, WHO TURNED OUT THE LIGHTS?!?
    Easy come easy go!!!
    CryingWolf

  11. #11
    SitePoint Zealot abwebs's Avatar
    Join Date
    Mar 2001
    Location
    Philadelphia, PA
    Posts
    130
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can I use any of the techniques you guys have discussed to create a rounded table in PaintShop Pro6?

    Thanks.

  12. #12
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yes you could...the method will change somewhat, but the application will stay the same.

    By the way, if you want help on speed graphics, I'm your man!
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  13. #13
    SitePoint Co-founder Matt Mickiewicz's Avatar
    Join Date
    Jul 1999
    Location
    Vancouver, Canada
    Posts
    2,384
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Anybody want to volunteer to turn this into a brief article for SitePoint?
    Matt Mickiewicz - Co-Founder
    SitePoint.com - Empowering Web Developers Since 1997
    Follow me on Twitter.

  14. #14
    SitePoint Zealot cckrocks's Avatar
    Join Date
    Nov 2000
    Location
    A home in the hills where the grass grows green an
    Posts
    183
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I would like to Matt!! I can give tips for photoshop, fireworks, and paint shop. I could also give an example table layout for people who would like a prefab solution. Contact me at cckrocks@hotmail.com. I would love to help out your site.
    Think beyond what is common...
    www.jaggedknife.com
    www.fusion-in.com

  15. #15
    SitePoint Zealot Jedito's Avatar
    Join Date
    May 2001
    Location
    Buenos Aires / Argentina
    Posts
    151
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    another option

    Create a new
    Make a box
    then go to channel
    Create a new channel
    Fill that selection with white.
    Filter>Blur>Gaussian Blur (I use 3 for small images)
    Image>Adjust>Levels
    Pull the left black and right white faders towards the middle until your blurred body is nice and smooth.

    Come back to the layer with the channel images selected
    Fill that selection with the color that you want
    and Voila

  16. #16
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This tip I must say I learned from the great Alpha Geek, Patrick Norton from...where else? The Screen Savers on TechTV....let's hear it for TSS and Alpha Geek!!! Incidentally, for those who watch the show, you have to sign on to http://www.nortonfans.com and sign his happy birthday guestbook. He turned the big 3-0 yesterday! Happy birthday to the man who made destroying Athlons en vogue!

    Sketch
    Aaron Brazell
    Technosailor



  17. #17
    Captain Internet neil's Avatar
    Join Date
    Jun 2001
    Location
    n.ireland
    Posts
    333
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This may sound simple, but how do you curve a line in either ps or psp?
    neil - Geocities, the trailer park of the web
    .<.<.<.<.<.<.<.<
    WEB[retype.net] + [guff.org]
    ICQ[273981] AIM[neiim]

  18. #18
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The way I create a curved line in Photoshop:

    1) Create a circular selection

    2) Choose the color you want for the line and make sure it's the foreground color.

    3) Choose Edit > Stroke and select the width of the stroke and whether you want it inside, centered or outside the selection.

    4) Press Ok and voila.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  19. #19
    :) delemtri's Avatar
    Join Date
    Jun 2001
    Posts
    579
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hm... I just use Microsoft Paint which comes with Windows. Not really as complicated.

  20. #20
    1-800-JMULDER JMulder's Avatar
    Join Date
    May 2001
    Location
    The Netherlands
    Posts
    1,745
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Re: another option

    Originally posted by Jedito
    Create a new
    Make a box
    then go to channel
    Create a new channel
    Fill that selection with white.
    Filter>Blur>Gaussian Blur (I use 3 for small images)
    Image>Adjust>Levels
    Pull the left black and right white faders towards the middle until your blurred body is nice and smooth.

    Come back to the layer with the channel images selected
    Fill that selection with the color that you want
    and Voila
    I used to do this also but with this method you can hardly control the rounded edge. The 'ellipse marquee tool' works much easier.
    Jeroen Mulder

    w: www.jeroenmulder.com

  21. #21
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Correct JMulder...

    I always get annoyed at people that suggest that method. It does not give you anywhere NEAR the amount of control over the results.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  22. #22
    1-800-JMULDER JMulder's Avatar
    Join Date
    May 2001
    Location
    The Netherlands
    Posts
    1,745
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I did use this method to smoothen a wavy looking border up. Till creole suggested the 'Paths Tool' and I took the time to look into it =)

    The only thing I use channels for are custom patterns and custom bevels when using it in combination with Lightning Effects. That's all =\
    Jeroen Mulder

    w: www.jeroenmulder.com


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
  •