WEB from photoshop to webpage

Discussion in 'OT Technology' started by themolsen, Aug 13, 2008.

  1. themolsen

    themolsen New Member

    Joined:
    Sep 29, 2006
    Messages:
    7,414
    Likes Received:
    0
    Location:
    Jacksonville, FL
    How?

    Well I know how, but what's the best way?

    Some people come up with crazy designs in photoshop, but that seems silly because all that is is images. What's the best way to translate this into a web page?

    Also, isn't there a plugin that automatically turns your layers and slices into a page for you?
     
  2. kingtoad

    kingtoad OT Supporter

    Joined:
    Sep 2, 2003
    Messages:
    55,923
    Likes Received:
    11
    Location:
    Los Angeles
    Yeah, you can generate HTML from photoshop, but it's definitely not recommended. If you can't do it the right way I would hire a designer to do it for you.
     
  3. themolsen

    themolsen New Member

    Joined:
    Sep 29, 2006
    Messages:
    7,414
    Likes Received:
    0
    Location:
    Jacksonville, FL
    how? and why not?

    so what is the point of designing in photoshop? just to give the designer an idea of what you want? I can understand using it to make headers, buttons, etc.
     
  4. pkr

    pkr Guest

    Photoshop uses spacer gifs in cells as well as tables instead of css/xhtml.
     
  5. themolsen

    themolsen New Member

    Joined:
    Sep 29, 2006
    Messages:
    7,414
    Likes Received:
    0
    Location:
    Jacksonville, FL
    oh... yuck
     
  6. pkr

    pkr Guest

    Hit up Gobbles on here. He'll do it for you for a fee.
     
  7. crazybenf

    crazybenf Active Member

    Joined:
    Nov 14, 2001
    Messages:
    15,575
    Likes Received:
    2
    photoshop slice tool to get it done easily.
     
  8. themolsen

    themolsen New Member

    Joined:
    Sep 29, 2006
    Messages:
    7,414
    Likes Received:
    0
    Location:
    Jacksonville, FL
    yea, i've been doing this....it's not too bad, but then the entire site is .gifs and you end up with a pretty slow-loading page
     
  9. JoeyJoJoJuniorShabadoo

    JoeyJoJoJuniorShabadoo Live Free or Die

    Joined:
    Nov 9, 2004
    Messages:
    4,347
    Likes Received:
    0
    Location:
    http://www.stogietime.com

    not really, when you save for web you can change the format of every slice to whatever you want.
     
  10. FusionZ06

    FusionZ06 /\__/\__/\__0>

    Joined:
    Apr 10, 2004
    Messages:
    86,918
    Likes Received:
    0
    Location:
    Sunshine State
    I create all of my sites in Photoshop with slices.

    Export either into tables or CSS. Works great for my purposes.
     
  11. themolsen

    themolsen New Member

    Joined:
    Sep 29, 2006
    Messages:
    7,414
    Likes Received:
    0
    Location:
    Jacksonville, FL
    oh ok. I thought that was a no-no. I'll try it out then..thanks
     
  12. FusionZ06

    FusionZ06 /\__/\__/\__0>

    Joined:
    Apr 10, 2004
    Messages:
    86,918
    Likes Received:
    0
    Location:
    Sunshine State
    I'll still usually have to tweak the tables or CSS but it works
     
  13. mr jenzie

    mr jenzie New Member

    Joined:
    Oct 20, 2002
    Messages:
    32,840
    Likes Received:
    0
    Location:
    OT'S SECRET G-MINOR PIZZA BRONY
    and why would you design a page in photoshop, when there is plenty of ther better solutions?

    photoshop = pictures
     
  14. crazybenf

    crazybenf Active Member

    Joined:
    Nov 14, 2001
    Messages:
    15,575
    Likes Received:
    2
    Layout design in photoshop is pretty industry standard dude. :hsd:
     
  15. pkr

    pkr Guest

    Photoshop is an easy tool to allow one to "mock-up" a webpage. It is generally used as a reference to how the site will look once coded into css/html for the visual front-end design.
     
  16. themolsen

    themolsen New Member

    Joined:
    Sep 29, 2006
    Messages:
    7,414
    Likes Received:
    0
    Location:
    Jacksonville, FL
    but when someone makes a mock-up with all kinds of rounded corners, drop shadows, reflections, unique fonts, effects, layers, etc. doesn't that mean the designer has to make compromises when implementing the design on the web?
     
  17. crazybenf

    crazybenf Active Member

    Joined:
    Nov 14, 2001
    Messages:
    15,575
    Likes Received:
    2
    That will point out the inexperienced designers pretty quickly.
     
  18. kingtoad

    kingtoad OT Supporter

    Joined:
    Sep 2, 2003
    Messages:
    55,923
    Likes Received:
    11
    Location:
    Los Angeles
    Using the slicing tool in Photoshop.

    Using Photoshop to generate your HTML is a horrible idea. You'll have zero usability. Zero functionality. All that will be listed is images broken down into slices generated into a table format.
     
  19. kingtoad

    kingtoad OT Supporter

    Joined:
    Sep 2, 2003
    Messages:
    55,923
    Likes Received:
    11
    Location:
    Los Angeles
    Optimize your images correctly. It really shouldn't be a problem.
     
  20. kingtoad

    kingtoad OT Supporter

    Joined:
    Sep 2, 2003
    Messages:
    55,923
    Likes Received:
    11
    Location:
    Los Angeles
    lol
     
  21. pkr

    pkr Guest

    Ooh you are in trouble :mamoru:
     
  22. kingtoad

    kingtoad OT Supporter

    Joined:
    Sep 2, 2003
    Messages:
    55,923
    Likes Received:
    11
    Location:
    Los Angeles
    Usually, there are compromises being made, yes. But if the designer knows anything about designing a website, then they would make it compatible enough for a website.
     
  23. themolsen

    themolsen New Member

    Joined:
    Sep 29, 2006
    Messages:
    7,414
    Likes Received:
    0
    Location:
    Jacksonville, FL
    great responses - as usual. thanks fellas
     
  24. FusionZ06

    FusionZ06 /\__/\__/\__0>

    Joined:
    Apr 10, 2004
    Messages:
    86,918
    Likes Received:
    0
    Location:
    Sunshine State
    You're kidding right :hsugh:
     
  25. FusionZ06

    FusionZ06 /\__/\__/\__0>

    Joined:
    Apr 10, 2004
    Messages:
    86,918
    Likes Received:
    0
    Location:
    Sunshine State
    The big thing when slicing is make sure you have a good header and footer going and try not to be too horizontal in your slices.
     

Share This Page