Tutorial html: creare un template per splinder

TUTORIAL N° 1: LA GRAFICA

Programma usato PSP (anche ps va benissimo...)

Ciao, visto che molte chiedono aiuto per fare template soprattutto da usare in Splinder, ho deciso di fare una mini giuda a puntate per aiutarvi a crearli. Partiamo dalla parte grafica e per farla si possono usare sia psp sia ps...io ho fatto il tutorial con psp (che è il programma piu' diffuso), ma il meccanismo alla fine è lo stesso anche se preferirete usare ps. *apri un nuovo file trasparente di 780x600 pixel (puoi usare in larghezza anche misure superiori, ma alla fine comparirebbe la barra orizzontale agli utenti che utilizzano una risoluzione minore) *apri l'immagine, o le immagini che vuoi usare per la "testa" del tuo blog. A questo punto crea una composizione (riempi lo sfondo, incolla le immagini, applica effetti o pennelli secondo la tua fantasia) Poche cose da ricordare sono 1 la parte in basso della tua tela (circa 100 px) è meglio se viene lasciata solo con un colore di background, perche' poi da li dovremo far partire le colonne. 2 Quando scegli il colore dello sfondo usane uno che sia abbinato all'immagine, magari prelevandolo direttamente da essa. 3 Se vuoi, puoi metterci anche un titolo (anche se poi il titolo andra' comunque inserito nella parte della colonna "blogger" con il tag apposito (vedremo piu' avanti...) Alla fine dovresti avere una tela cosi'...



Ora passiamo alla creazione delle colonne, io lo faro' a due colonne. Fai "livelli--->unisci--->unisci visibile" in modo da avere ora tutto in un unico livello. Fai "livelli--->nuovo livello raster". Apri lo strumento "selezione" e clicca nel menu' a tendina su "rettangolo arrotondato", cosi'



Traccia sulla tela il contorno delle colonne con lo strumento appena aperto, tipo cosi'



Fai "livelli--->nuovo livello raster" e su questo livello vai a riempire con un colore diverso da quello usato per lo sfondo, magari una tonalita' piu' scura, poi abbassa l'opacita' al 30%. Se vuoi puoi anche applicare uno smusso a incasso per dare rilievo ed anche un effetto sfalsa ombra per dargli prospettiva...avrai un risultato cosi'



Come puoi notare la parte bassa presenta la curvatura del rettangolo arrotondato, la togliamo usando lo strumento ritaglio messo cosi



poi cliccando su OK. Ora unisci nuovamente i livelli e salva come .jpeg. Ci resta ancora una piccola cosa per la parte grafica. Con lo strumento ritaglio dobbiamo selezionare una parte del fondo della nostra immy, che copra tutta la larghezza, ma solo una parte di altezza (circa 20/30 pixel), cosi



ottenendo questo



Salva anche questo come .jpeg mettendo come nome "riga" La parte grafica è finita, successivamente troverete anche i tutorial per la parte dei codici... :) Avrete ora due file, questi