Alternative to psd/photoshop !

Discussion in 'HTML & Website Design' started by MeetHere, Feb 10, 2007.

  1. #1
    Is there any alternative/freeware to Adobe photoshop ? :(
    I cannot afford it.


    Also, how to code a .psd template - are there any psd to xhtml convertors :lol: Any tutorial available ?
     
    MeetHere, Feb 10, 2007 IP
  2. vibe venom

    vibe venom Peon

    Messages:
    70
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    try GIMP, this is free open source software, as good as photoshop
     
    vibe venom, Feb 11, 2007 IP
  3. MeetHere

    MeetHere Prominent Member

    Messages:
    15,399
    Likes Received:
    994
    Best Answers:
    0
    Trophy Points:
    330
    #3
    Can it edit psd template files ??
     
    MeetHere, Feb 11, 2007 IP
  4. Nugi

    Nugi Peon

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    No it's not.. Far from.
     
    Nugi, Feb 11, 2007 IP
  5. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Dan Schulz, Feb 11, 2007 IP
  6. MeetHere

    MeetHere Prominent Member

    Messages:
    15,399
    Likes Received:
    994
    Best Answers:
    0
    Trophy Points:
    330
    #6
    I want tutorial for creating phpld template - not in general. :(
     
    MeetHere, Feb 11, 2007 IP
  7. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Converting a .psd file to an (X)HTML/CSS template just takes time, and some knowledge of proper, minimalistic semantic markup. Basically, if you know how to write code in (X)HTML and CSS, you should be fine, once you get the semantics down.

    What I tend to do is follow a basic flow order: Header, Menu, Content, Sidebar, Footer. If I have the menu at the top, and then three columns (left sidebar, content, right sidebar) below that, I'll use that instead.

    From there, it's just a matter of floating the content and using negative margins to force the right column to "ride up" alongside the middle one.

    Then I'll plug in my individual images (I'll literally take entire layers and rip them out of the the layout) and insert them into my stylesheet. If a background layer consists of a single color, I'll use the CSS background-color property instead of an image.
     
    Dan Schulz, Feb 11, 2007 IP
  8. MeetHere

    MeetHere Prominent Member

    Messages:
    15,399
    Likes Received:
    994
    Best Answers:
    0
    Trophy Points:
    330
    #8
    MeetHere, Feb 11, 2007 IP
  9. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #9
    For its purpose, image manipulation for the web, the GIMP is, indeed, pretty much the equal of PS. Photoshop was designed for print, and has a pot load of features to support that purpose, for example cmyk support. GIMP was designed from the ground up for the web, and does lack a lot of things the print graphics person might miss for a print project. It doesn't lack much for web graphics, and if you do miss something, GIMP is extensible. Create the feature you want.

    My graphics contractor is a twenty year veteran in graphic design, having been an early adopter of computer graphics when she was head of graphics for a major sportswear mfg. She has done the graphics for the Dallas Cup int'l youth soccer tournament, and did the graphics for the U.S. figure skating championship a few years ago. So she has skins on the wall. Her opinion of GIMP? It has everything she needs for web graphics, is somewhat simpler to use and seems to be faster. (that's with my anæmic, old Linux boxes, compared to her fully loaded new Macs.) I don't think she's allowing for the fairly small size of web graphics compared to the huge print images. :)

    cheers,

    gary
     
    kk5st, Feb 11, 2007 IP
  10. bobisawsome7

    bobisawsome7 Notable Member

    Messages:
    1,466
    Likes Received:
    104
    Best Answers:
    0
    Trophy Points:
    200
    #10
    Try fireworks. It's free for 30 days.
     
    bobisawsome7, Feb 11, 2007 IP
  11. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #11
    And then what do you do after the first 30 days? Buy it? If he can't afford Photoshop, what makes you think he can afford Fireworks?
     
    Dan Schulz, Feb 11, 2007 IP
  12. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #12
    The code that image slicing produces is horrible, non-semantic and out-right bloated. You're better off doing it the way I illustrated (albeit briefly).
     
    Dan Schulz, Feb 11, 2007 IP
  13. MeetHere

    MeetHere Prominent Member

    Messages:
    15,399
    Likes Received:
    994
    Best Answers:
    0
    Trophy Points:
    330
    #13
    But I dont know anything about CSS :(
    Just looking for some auto tools to create valid code from a psd
     
    MeetHere, Feb 11, 2007 IP
  14. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #14
    Then you want to read Build Your Web Site the Right Way Using HTML and CSS by Ian Lloyd.
     
    Dan Schulz, Feb 11, 2007 IP
  15. Vesica

    Vesica Banned

    Messages:
    300
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #15
    GIMP is really good and it's free also.
     
    Vesica, Feb 11, 2007 IP