Creare un sito partendo da un file .psd

Buongiorno a tutti,
Sono un autodidatta che da tempo si diverte a fare qualche sitarello, per il momento solo in HTML o al massimo sfruttando qualche semplice script in PHP.
Adesso volevo cominciare a fare qualcosa di più e mentre leggo qualcosa per cominciare seriamente a fare siti web dinamici sto cercando di elaborare una grafica decente per il mio sito.
Ho scaricato un’immagine .psd ovvero da elaborare con Photoshop e l’ho aperta ma non so da dove cominciare…
L’immagine è creata ovviamente su più livelli ma per creare il sito cosa devo fare? Mi conviene isolare un livello per volta e farli apparire sullo schermo utilizzando una serie di ‘includes’?

Grazie in anticipo
Mattia

in questo non so come aiutarti, io evito questo tipo di file, mi pare ma non ne sono certa che va aperto con dreamwaver ma non posso darti la garanzia.
ma scusa scaricare un normalissimo template con tanto di file già pronti no?
poi alla peggio modifichi tutti i componenti grafici con phoroshop :)
barre, bottoni, header, footer :) e modifichi se ne sei in grado anche i css per lo sfondo, link,
colore testo ecc :)
io trovo questo metodo decisamente più pratico :P

Citazione:

---

Originalmente inviato da erunno

Buongiorno a tutti,
Sono un autodidatta che da tempo si diverte a fare qualche sitarello, per il momento solo in HTML o al massimo sfruttando qualche semplice script in PHP.
Adesso volevo cominciare a fare qualcosa di più e mentre leggo qualcosa per cominciare seriamente a fare siti web dinamici sto cercando di elaborare una grafica decente per il mio sito.
Ho scaricato un’immagine .psd ovvero da elaborare con Photoshop e l’ho aperta ma non so da dove cominciare…
L’immagine è creata ovviamente su più livelli ma per creare il sito cosa devo fare? Mi conviene isolare un livello per volta e farli apparire sullo schermo utilizzando una serie di ‘includes’?

Grazie in anticipo
Mattia

---

Devi semplicemente iniziare a tagliare il psd, creando così header, footer, background, e qualunque altro oggetto sia presente, salvandoti tutte le parti che compongono il template, in immagini .jpg(o png, gif) da utilizzare nel sito per comporre il template web.

mmmh capisco... Sandy i quel tipo di file immagine non si può aprire con dreamwaver e dato che volevo fare una cosa totalmente personalizzata volevo evitare qualsiasi tipo di template...

Citazione:

---

Devi semplicemente iniziare a tagliare il psd, creando così header, footer, background, e qualunque altro oggetto sia presente, salvandoti tutte le parti che compongono il template, in immagini .jpg(o png, gif) da utilizzare nel sito per comporre il template web.

---

Esattamente, quello lo credevo anche io, il mio problema è che non so isolare uno o più livelli con photoshop... Come faccio ad esempio a copiare tutti gli elementi che compongono l'header ed isolarli in un unica immagine in gif?

beh per isolarli basta che selezioni l'area di interesse e la tagli con la taglierina e la salvi
sinceramente non ho mai usato quel tipo di template, cmq spero che tu lo sappia (lo dico solo per comunicazione) che poi devi crearti tutta la struttura in CSS a manina e scrivere ogni singolo codicetto

Citazione:

---

Originalmente inviato da sandy

beh per isolarli basta che selezioni l'area di interesse e la tagli con la taglierina e la salvi
sinceramente non ho mai usato quel tipo di template, cmq spero che tu lo sappia (lo dico solo per comunicazione) che poi devi crearti tutta la struttura in CSS a manina e scrivere ogni singolo codicetto

---

mi sembra che le pagine le crea lui anche se un pò rudimentali però la funzione è presente

mmmh con la taglierina non puoi ritagliare i livelli di photoshop...

Al massimo puoi copiare uno o più livelli insieme...

Citazione:

---

beh per isolarli basta che selezioni l'area di interesse e la tagli con la taglierina e la salvi
sinceramente non ho mai usato quel tipo di template, cmq spero che tu lo sappia (lo dico solo per comunicazione) che poi devi crearti tutta la struttura in CSS a manina e scrivere ogni singolo codicetto

---

Si lo so ma una cosa del genere come nel file psd in css non riuscirà mai nessuno a farla, è un lavoro certosino...

beh si si potrebbe anche prendere l'immagine di un livello copiarla dentro ad un file vuoto e salvarla
sinceramente io preferisco i template fatti e pronti o che li faccio io con programmi molto + semplici, anche se la scelta che si ha non è infinita mi accontento :)

prova così cmq se fossi in te proverei un'alternativa

template fatto e modifica di tutte le componenti
almeno il CSS sta già scritto :P

Citazione:

---

beh si si potrebbe anche prendere l'immagine di un livello copiarla dentro ad un file vuoto e salvarla

---

Esattamente, è proprio quello che non riesco a fare... Come isolare un livello a regola d'arte con photoshop?

Sai usare la funzione di selezione?
Seleziona l'area da salvare, premi CTRL + MAIUSC + C, crea un nuovo documento, incolla, salva per il web.

:D esattamente!! proprio quello che cercavo!

Grazie mille!

Prego! :lolloso: