Category Archives: Tutorial

How to make a list with rounded corners, auto width and hover effect

So you want make a list with rounded corners..i hope this simple tutorial can help you.

This is the final result: demo.

Tutorial: come disegnare un foglio di carta

Di recente ho letto vari utenti che chiedevano aiuto per poter disegnare un foglio in photoshop, visto che ho dovuto realizzare qualcosa di simile per lavoro, mi è sembrato opportuno scrivere un breve e semplice howto.

Tutorial: creare un header con texture legno

Oggi vi mostro come con pochi passi possiamo creare uno sfondo con una texture in legno con photoshop.

Tutorial: disegnare linee radiali in photoshop

In molti siti si può notare l’ uso di linee radiali come immagini di sfondo specialmente nell’ header (in questa galleria potete chiarvi le idee). Proviamo a replicare l’ effetto con photoshop:

Creare sfondi con le strisce

Abbiamo già parlato di siti che offrono tool gratuiti per generare immagini con le strisce da poter usare come sfondi per i nostri siti, ma se vogliamo realizzare qualcosa di più complesso che si distingua dagli altri dobbiamo realizzarle tramite photoshop:

Vista style menu con il css

In questo post vedremo come simulare il menù di windows.com utilizzando le tre immagini ottenute con il precedente tutorial (nav.gif, selected.gif, hover.gif), questo è il risultato finale.

Vista style menu con photoshop

Tutorial su come realizzare una barra di navigazione in stile vista:

Creiamo un nuovo documento 450px * 450px in modalità RGB/8bit con sfondo bianco.

Mac style menu con i css

Adesso useremo le immagini realizzate nel precedente tutorial per simulare gli effetti del menù di navigazione, questo è il risultato finale:Demo: Mac style menu

Mac style menu con photoshop

Ho sempre ammirato il design dei prodotti Apple, fin da quando usavo un MacPlus, così ho provato a riprodurre il menu della barra di navigazione del loro sito. Iniziamo disegnando il menu:
1 Lanciamo Photoshop, creiamo un nuovo documento (almeno 500px per 300px) con sfondo bianco in modalità RGB/8 bit.

Il menù di Geekissimo

Finalmente è online la nuova barra di navigazione del sito geekissimo, nato dall’ ammirazione di Shor per un mio recente tutorial su come riprodurre un menù uguale a quello presente sul sito della Apple, siamo molto contenti del risultato: il form di ricerca lo ha realizzato lui! una persona molto gentile e disponibile, spero [...]