#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2002
    Location
    Washington, DC
    Posts
    40
    Rep Power
    13

    How would I do this?


    Hello,

    I'm trying to make a trapezoidal shape in Photoshop, but am having no luck. I want to mimic the shape that you see here: www.webaccents.net ... the top orange portion.

    Basically, I want to make 3 smaller boxes to put in the content area in the middle with that basic shape for the top and then a bordered box underneath it. The box part is easy ... just an HTML table, but the lil shape I can't understand.

    I tried using the line tool, and then tried making a rectangle and then using an eraser on it to get the desired shape, but that is getting screwed up.

    I appreciate any help ... thanks!
    Dreams don't come with expiration dates.
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Location
    UK
    Posts
    311
    Rep Power
    12
    Make a rectangle with the marquee tool.
    Then press CTRL + T (free tranform). Once you've done that then right click on the selection and select 'perspective' or 'skew'. then drag the corners as far as you want.

    You could also do the same thing with the rectangular shape tool, which is my preffered method since you can do more with it. Like easily apply gradients or overlay images quickly.
  4. #3
  5. sardonyx quinx
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Posts
    156
    Rep Power
    11
    You can also easily "duplicate" your current layer by pressing "CTRL + J"

    kolatracks' post is helpful too.
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2002
    Location
    Washington, DC
    Posts
    40
    Rep Power
    13
    That is awesome! Thank you so much, really appreciate it. I do feel pretty dumb, but hey ... now I know

    Are there some good tutorial sites you guys can recommend to learn some tricks like this? To learn some of the effects?

    Thanks!
    Dreams don't come with expiration dates.
  8. #5
  9. Happy Monkey
    Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Nov 2001
    Location
    UK (University of Kentucky)
    Posts
    1,809
    Rep Power
    47
    rockit, please read this before posting again. Thanks.
  10. #6
  11. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2002
    Location
    Washington, DC
    Posts
    40
    Rep Power
    13
    Originally posted by SammyK
    rockit, please read this before posting again. Thanks.
    Hey Sammy K,

    Thanks for the link. I've been posting here for years (@Devshed), but I just didn't know how to describe exactly what I wanted in the title

    I'm sure I could have ... just couldn't think of anything very definitive.

    Thanks again, though.
    Dreams don't come with expiration dates.
  12. #7
  13. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Location
    UK
    Posts
    311
    Rep Power
    12
    If you still want some tuts try here
    http://forums.devshed.com/showthread...713#post386713
  14. #8
  15. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2002
    Location
    Washington, DC
    Posts
    40
    Rep Power
    13
    Originally posted by kolatracks
    If you still want some tuts try here
    http://forums.devshed.com/showthread...713#post386713
    Merci beaucoup
    Dreams don't come with expiration dates.
  16. #9
  17. sardonyx quinx
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Posts
    156
    Rep Power
    11
    Try visiting

    http://sardesigns.tk

    I have a tutorials section there. The links section are full with links with tutorials too.

IMN logo majestic logo threadwatch logo seochat tools logo