Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    Regular Coder
    Join Date
    Jul 2007
    Posts
    571
    Thanks
    25
    Thanked 28 Times in 28 Posts

    Making Curver Border

    Hey, I need to make a 3px curver corder on a transperent background, but i have no idea how. Been playing around for a while but with no sucess

    Edit: I use photoshop CS3
    Last edited by srule_; 08-02-2007 at 05:31 PM.

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    What are you trying to use to make your borders?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Senior Coder timgolding's Avatar
    Join Date
    Aug 2006
    Location
    Southampton
    Posts
    1,519
    Thanks
    114
    Thanked 110 Times in 109 Posts
    the way most would do this is breaking the box into 9 sections

    top left, top, top right, left, middle, right, bottom left, bottom, bottom right
    Either using tables or divs

    Then you creates images for each one. The top, sides and bottom images will be repeated so a top image would be 1 px wide so it can be repeated horizontally. Same with the sides though they will have height 1 px so they can be repeated vertically.

    For creating the images just create a big box then divide the images up.
    You can not say you know how to do something, until you can teach it to someone else.

  • #4
    Regular Coder
    Join Date
    Jul 2007
    Posts
    571
    Thanks
    25
    Thanked 28 Times in 28 Posts
    I am using photoshop

    I know how to do the coding, my problem is that the Background of the box i need border for is gradient, so if I make borders how i normaly do (for solid backgrounds) I can not get the gradients to match.

    is there a way to use the curved box but mack it have a transparent background?

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Quote Originally Posted by srule_ View Post
    is there a way to use the curved box but mack it have a transparent background?
    Yes you need to create the borders on a transparent background. Is your gradient on its own layer? If it is just make it not visible, slice up the corners and export them with the transparent background as gifs.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #6
    Regular Coder
    Join Date
    Jul 2007
    Posts
    571
    Thanks
    25
    Thanked 28 Times in 28 Posts
    edited both my previous posts, but i guess u replayed when i was editing them,

    anycase it is photoshop

  • #7
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Yeah I edited mine too.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #8
    Senior Coder timgolding's Avatar
    Join Date
    Aug 2006
    Location
    Southampton
    Posts
    1,519
    Thanks
    114
    Thanked 110 Times in 109 Posts
    Ok so start with a new 3px x 3px canvas and set it to background to transparent b4 you click ok. Now plot your pixels in since the image is only 9px you may as well use a 1px brush or something. Now save it as a GIF
    Last edited by timgolding; 08-02-2007 at 10:40 PM.
    You can not say you know how to do something, until you can teach it to someone else.


  •  

    Posting Permissions

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