Pubblicato da: fedeweb | luglio 18, 2008

Come progettare dei siti web con gimp

La progettazione di un sito web prevede diverse fasi: la raccolta del materiale, la visione di altri siti web concorrenti ecc.

Poi è buona norma, prima di mettersi a scrivere codice html e css, “disegnare” con un programma di grafica come dovrebbe venire il sito web.

Ecco, a tal proposito, una raccolta di template costruiti con gimp, con il relativo link al tutorial dove è spiegato passo passo come sono stati costruiti e il sorgente xcf.

Per il primo e terzo template sono presenti i passi su come costruirli con gimp, mentre per il secondo e il quarto è anche spiegato come realizzare il sito in html e css.

Template n°1

Segui i passi per costruirlo.

Scarica il template

Template n°2

Segui i passi per costruirlo (prima parte)
Segui i passi per costruirlo (seconda parte)

Template n° 3

Segui i passi per costruirlo

Scarica il template

Template n°4

Segui i passi per costruirlo (prima parte)
Segui i passi per costruirlo (seconda parte)
Segui i passi per costruirlo (terza parte)
Segui i passi per costruirlo (quarta parte)

Scarica il template (con html e css)

Inoltre vi segnalo una raccolta più ampia di template per phototoshop, anch’essi con la spiegazione di come sono stati realizzati.

Annunci

Responses

  1. Ciao, hai fatto delle belle segnalazioni.

    Senti ma per il primo tutorial, quando creo la selezione rettangolare sullo sfondo e dopodichè, creo il nuovo livello con lo sfondo bianco, come a rendere bianco soltanto il rettangolo e non lo sfondo intero?

  2. Prendi il secchiello e riempi la selezione con il colore bianco…fai esattamente come è scritto nella spiegazione..

  3. Ciao, ho seguito passo dopo passo il tutorial del primo template e ti faccio veramente i miei complimenti.
    Vorrei però delle delucidazioni… una volta creata il file bloglayout.xcf come la uso? Devo sempre modificare i contenuti con gimp e poi esportare il tutto come immagine oppurre c’è un “trucchetto ?

    Ti ringrazio per l’attenzione.

    Cordiali saluti

  4. Ciao! ora dovresti “scorporare le varie parti” del template (testata,pulsanti ecc.) e inserirle in un sito web usando il codice html e css. in pratica ricostruisci il template su una pagina html a cui poi aggiungerai il contenuto opportuno..

  5. Grazie per il chiarimento.
    saluti

  6. Ciao, sto seguendo il primo tutorial ma già al 2 step ho un problema: nel tool della Selezione Rettangolare non ho tutte quelle opzioni, quindi non posso modificare la posizione della selezione e la sua ampiezza (la posso solo predefinire…). Come faccio a mettere tutte quelle opzioni??
    PS: la mia versione di gimp è la 2.2.13

  7. La versione che utilizzi è molto vecchia..ti consiglio di scaricare l’ultima, la 2.6.4..In questa versione trovi tutte le opzioni che ti servono per realizzare il template

  8. mmm, ok! come immaginavo…è che i pacchetti debian (uso linux..) sono aggiornati solo fino alla versione che ho…quindi dovrò prevedere in un altro modo ad installarlo!
    grazie 1000 😉

  9. Ciao prova a cercare meglio nella rete..provando a cercare su google ho trovato l’ultima versione di gimp per linux..


Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

Categorie

%d blogger hanno fatto clic su Mi Piace per questo: