positioning in photoshop

Discussion in 'Photoshop' started by aakwon, Sep 13, 2009.

0
  1. #1
    Hello
    I want to know how designers position elements in photoshop, like menus, tables etc

    example:
    http://www.shrani.si/f/5/T0/cMUzADb/1/04blog.jpg

    i cant post a link because i dont have enough posts
     
    aakwon, Sep 13, 2009 IP
  2. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,366
    Likes Received:
    575
    Best Answers:
    4
    Trophy Points:
    385
    #2
    You need to create the menu as either:
    1. A single layer, with the entire menu on it
    2. A layer group - consisting of multiple layers that make up your menu
    Then you can just select the layer (or group) and drag it around wherever you want.

    Welcome to DP :)
     
    Kerosene, Sep 13, 2009 IP
  3. susheelblue

    susheelblue Peon

    Messages:
    47
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    make the layout in photoshop

    sile the button using slice tool

    save it as webpage
     
    susheelblue, Sep 15, 2009 IP
  4. pipes

    pipes Prominent Member

    Messages:
    12,766
    Likes Received:
    958
    Best Answers:
    0
    Trophy Points:
    360
    #4
    Then after the above you would need to code it in CSS and XHTML or have someone do that for you.
     
    pipes, Sep 15, 2009 IP
  5. bloggthemes

    bloggthemes Peon

    Messages:
    48
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Easiest way is to create the site appearance in Photoshop.
    Slice the areas you want to have more control over in your HTML editor and then save the image with HTML and Slices.

    I think Youtube has help for this.
     
    bloggthemes, Sep 25, 2009 IP
  6. dabzo

    dabzo Peon

    Messages:
    188
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I usually create a theme in photoshop but keep a bazillion layers. These will give you flexibility when creating any dynamic parts of the site (ie changing the bg color on mouseover.), just duplicate the layer and do a hue/sat on it.

    The marquee tool can be useful, and if you hold down ctrl/shift +c to copy, you will copy the entire "merged" selection, instead of just that which is on the layer.
     
    dabzo, Sep 26, 2009 IP
  7. jossetteanne

    jossetteanne Peon

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Positioning that in photoshop is easy. it's just drag and drop.

    you mean, it's hard to put them the way they order in HTML/CSS?

    use slice tool in photoshop and import them through dreamweaver.
     
    jossetteanne, Sep 30, 2009 IP