Creare un template con Photoshop

Mak¡si

Posted on 25/8/2009, 19:21

Like

.

User deleted

Cosa ci serve?

Adobe Photoshop (CS3 utilizzato nel tutorial)

Uno spazio web (Altervista)

FileZilla

Nel tutorial cliccate sulle immagini per ingrandirle.

Iniziamo:

Apriamo un nuovo documento con di mensioni grandi, tra 800x600 a 1280x1024.
In questo Tutorial io ho utilizzato 800x700
Inserite uno sfondo, selezioniamo lo Strumento Rettangolo (U) per creare la base del template, tramite Opzioni di Fusione aggiungiamo un'ombra.

Selezioniamo di nuovo lo Strumento Rettangolo (U) per aggiungere la base del logo, aggiungiamo effetti a piacere, ad esempio un'immagine di sfondo del logo, luci, riflessi e un Font per aggiungere il nome del nostro sito.

Ora utilizzando la stessa tecnica del logo creiamo i menù laterali.

Aggiungiamo nei menù le scritte per i relativi collegamenti e altri contenuti.

Ed infine aggiungiamo gli ultimi dettagli grafici.

Ora selezioniamo lo Strumento Sezione (K) e creiamo le sezione, cercando di creare sezioni per ogni collegamento, in questo modo:

Dopo di che, sempre con lo Strumento Sezione (K), facciamo tasto destro nelle sezione dove vogliamo inserire i nostri link facendo: Modifica opzioni sezioni... URL.
Dopo aver inserito tutti i link, facciamo: File, Salva per Web e dispositivi, nella finestra che appare selezioniamo Png-24, poi Salva.
Selezioniamo Solo Immagini PNG e salviamo, ripetiamo l'operazione salvando pero' questa volta in HTML.
Aprendo il Senza Titolo-1.html, avremo il nostro template con i nostri link!
Ora non ci rimane che aprire file zilla e uppare il file Html e la cartella immagini nel nostro spazio web.
Abbiamo finito!.

Cliccando qui potrai visualizzare l'esempio del tutorial.

Tutorial di Makisi, vietata la copia senza il mio permesso.

.

darchice

Posted on 25/8/2009, 20:25

Like

.

User deleted

bel tutorial makisi tu crei template?

.

Mak¡si

Posted on 26/8/2009, 06:56

Like