Fw

Wordpress Creative Developer

Come progettare dei siti web con gimp

  • Tutorial 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

 

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

13 Commenti

  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..

  10. Il 2° tutoria non funziona (il sito non esiste più)

  11. Grazie Emanuele per la segnalazione! Ho sostituito quel tutorial con un altro che forse è anche meglio del precedente 😉

  12. […] ti segnalo un articolo che ho scritto tempo fa dove trovi dei tutorial su come realizzare dei template con il miglior programma free di […]

  13. […] Plugin Web 2.0 Cms Apps Distribuzioni Drupal Guida Plugin WordPress Drupal social network resources Progettare Siti Web Con Gimp Convertire da Psd ad […]

Scrivi un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *