1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Using gimp for webdesign - guide

Discussion in 'Other' started by Gimper, Mar 18, 2008.

Thread Status:
Not open for further replies.
  1. Gimper

    Gimper Member

    Joined:
    Aug 31, 2007
    Messages:
    962
    Likes Received:
    0
    Trophy Points:
    16
    Location:
    Sydney
    Home Page:
    this was a reply to another thread but i think its a pretty good guide for beginners that want to use gimp for creating websites.
    __________________________________

    I believe that gimp can provide you with almost all your layout design needs and I would recommend the following

    first of allĀ have have tried the standard gimp? if not then I recommend that because it's always up to date and your always going to find more support then lets say gimpshop.

    but if you already tried the normal gimp but find it hard to adapt to the floating windows then i suggest you try Gimphoto instead of gimpshop because gimpshop seems to be slow in updating there versions and there latest is still using 2.2 while Gimpoto is on 2.4 and it has all the same photoshop style menus & one window layout with added bonus's like brushes,web 2.0 gradients (the one we converted) and also a nice clean theme thats even better then gimp.

    here are the links

    gimp http://www.gimp.org
    gimphoto http://www.gimphoto.com/
    gimpshop http://www.gimpshop.com/


    once you decide which one your going to use then here are some great web related tutorials for gimp from gimp-tutorials.net

    layout tutorial:
    blog layout http://gimp-tutorials.net/blog-theme-design-with-gimp
    website laout http://gimp-tutorials.net/node/102
    blog/website layout http://gimp-tutorials.net/websitetutorial
    website http://gimp-tutorials.net/node/71

    logo: just a few of mine that might help, i'm sure there are many more around the web.

    http://gimp-tutorials.net/prologo_withgimp
    http://gimp-tutorials.net/Creating-logo
    http://gimp-tutorials.net/node/91

    navigation tutorials
    http://gimp-tutorials.net/node/111
    http://gimp-tutorials.net/modern_naviga ... mptutorial
    http://gimp-tutorials.net/node/197

    once you have your layout your going to need to slice it. in gimp 2.4 there is a filter that helps with slicing or you can do it with this method shown in this tutorial below.
    http://gug.sunsite.dk/tutorials/template/


    once you have all your images sliced up, your going to need to put it together using porper xhtml/css markup or just a visual editor like these
    HTML Editors:
    kompozer- http://www.kompozer.net/
    WYSIWYG Web Builder - http://www.wysiwygwebbuilder.com

    Attentively you could find a freelancer and pay him to code your image layout to basic xhtml/css or even wordpress CMS.
     
  2. El Llama

    El Llama Active Member

    Joined:
    Nov 28, 2007
    Messages:
    1,362
    Likes Received:
    0
    Trophy Points:
    36
    Occupation:
    youtube.com/llamavlog :D
    Location:
    Franklin, Tennessee
    Home Page:
    Nice summary!
     
  3. sglider12

    sglider12 Active Member

    Joined:
    Nov 30, 2007
    Messages:
    3,610
    Likes Received:
    0
    Trophy Points:
    36
    Occupation:
    I work at Best Buy as a Digital Life Sales Associa
    Location:
    Aubrey, Texas
    Home Page:
    hmm...cool. i think you should title it "The Complete Guide to Web Design in Gimp" or something of the sort...
     
  4. kwesifriends

    kwesifriends New Member

    Joined:
    May 29, 2008
    Messages:
    16
    Likes Received:
    0
    Trophy Points:
    1
    Occupation:
    Student
    Location:
    Philippines
    Maybe I'll try to make sites!
     
  5. lamaz1928

    lamaz1928 Active Member

    Joined:
    Dec 9, 2007
    Messages:
    2,205
    Likes Received:
    0
    Trophy Points:
    36
    Occupation:
    School.....*sigh*
    Location:
    Tennessee
    Home Page:
    thanks a bunch!
     
  6. Mini[Fr]

    Mini[Fr] New Member

    Joined:
    Aug 22, 2008
    Messages:
    15
    Likes Received:
    0
    Trophy Points:
    1
    I love webdesign with GIMP. Exemple : Here ;)
     
  7. MattSomethin

    MattSomethin Active Member

    Joined:
    Sep 22, 2008
    Messages:
    1,258
    Likes Received:
    0
    Trophy Points:
    36
    Occupation:
    school
    Location:
    Oregon
    Home Page:
    in this it says that there is a filter that helps with slicing? what is that filter called?
     
  8. Siddharth

    Siddharth Active Member

    Joined:
    Nov 27, 2007
    Messages:
    1,829
    Likes Received:
    0
    Trophy Points:
    36
    Location:
    India
    Home Page:
  9. .Void

    .Void New Member

    Joined:
    Oct 11, 2008
    Messages:
    2
    Likes Received:
    0
    Trophy Points:
    1
    Thank you so much. I need to learn how to design a web site layout on Gimp since i know no aother good program for free. I know HTML so i hope i can get simple templates out their! :wilber:
     
  10. codyzapp

    codyzapp New Member

    Joined:
    Oct 11, 2008
    Messages:
    9
    Likes Received:
    0
    Trophy Points:
    1
    Location:
    Houston,TX
    hmm very kewl post. thanks for the heads up... im definatley gonna try this out. :wilber:
     
  11. Oakesyboy

    Oakesyboy Active Member

    Joined:
    Sep 11, 2008
    Messages:
    1,852
    Likes Received:
    0
    Trophy Points:
    36
    Location:
    Melbourne, Australia.
    very helpful
     
  12. sglider12

    sglider12 Active Member

    Joined:
    Nov 30, 2007
    Messages:
    3,610
    Likes Received:
    0
    Trophy Points:
    36
    Occupation:
    I work at Best Buy as a Digital Life Sales Associa
    Location:
    Aubrey, Texas
    Home Page:
    Please, if the last post was June 1st, don't respond nearly 2 months later. Don't respond to old posts. Especially if they are 2 months old.
     
Thread Status:
Not open for further replies.

Share This Page