PSD to HTML

Discussion in 'HTML & Website Design' started by samuel54, Apr 28, 2009.

  1. #1
    Please tell me the steps to slice .PSD into HTML.


    thanks
     
    samuel54, Apr 28, 2009 IP
  2. paladin884

    paladin884 Active Member

    Messages:
    249
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #2
    You need to open your psd file in photoshop, select every peace what you need to cut it, after use Rectangular Marquee tool, is the second tool from up.
    Now select with this tool the image what you whant to cut and press ctrl+c and after ctrl+N, press enter and then delete the backgorund if you whant, and press ctrl+shift+alt+s or go to menu up on Edit and chose SAVE FOR WEB & DEVICE.

    And that it for all pictures,
    For more info i'm here to answer you.
    Hope what i was traying to explain you is usefull.

    Bye bye and succes
     
    paladin884, Apr 28, 2009 IP
  3. skzubair

    skzubair Well-Known Member

    Messages:
    514
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    135
    #3
    After slicing each images of PSD in photoshop, you must rearrange them using XHTML and CSS code. If you have dreamweaver then it might help you out with the code :)
     
    skzubair, Apr 28, 2009 IP
  4. websolutions_777

    websolutions_777 Banned

    Messages:
    249
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Hi there,

    Firstly you slice the psd, you get images, then arrange these images in dreamweaver.

    Regards,
    WS
     
    websolutions_777, Apr 29, 2009 IP
  5. xpertgeeks

    xpertgeeks Guest

    Messages:
    24
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    You can alternatively use the Photoshop slicer to generate the HTML (File - Save Optimized As) and save it out with HTML + images
     
    xpertgeeks, Apr 29, 2009 IP
  6. the-hungry-hamster

    the-hungry-hamster Peon

    Messages:
    59
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Please try google and search for tutorials or why not search youtube!!
     
    the-hungry-hamster, Apr 29, 2009 IP
  7. anisbd

    anisbd Active Member

    Messages:
    204
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    83
    #7
    anisbd, Apr 29, 2009 IP
  8. buncai

    buncai Active Member

    Messages:
    175
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #8
    thanx bro for the website. we also can use firework for slice the image..
     
    buncai, Apr 30, 2009 IP