cerco tutorial tab grafiche

[vintage74]

Salve,
mi sapete dire dove posso trovare dei tutorials per fare delle tab grafiche come questa qua:



grazie

[vintage74]

Scusate, l'ho trovato. posto cmq il link:

The reflective or glass effect

[cl_artdesign]

Guarda cerca ricerca, qualcosa di specifico non ho trovato.
Questo tipo di effetti sono diventati piuttosot comuni negli ultimi anni un pò per colpa di Apple un pò per colpa di distro Linux e del Web 2.0 che ne fa un'abbondante uso.
Se analizzi bene l'immagini ti accorgerai che non è una cosa tanto complessa da riprodurre.

1) Crea un nuovo file col tuo programma di fotoritocco (per esempio 200x40 pixel a 72dpi) con riempimento trasparente.
2) Realizza una selezione rettangolare alta circa 2/3 dell'altezza totale;
3) Metti come colore di primo piano CC9900 e come colore di secondo piano 996600.
4) Crea una sfumatura lineare all'interno della selezione rettangolare facendo in modo che il colore più scuro sia verso il basso e che non occupi più di un quarto della selezione.
5) Trasforma il rettangolo di selezione riducendolo della metà.
6) Cambia il colore di primo piano con FFCC66 e nella nuova selezione, su di un nuovo livello, traccia una sfumatura dal colore di primo piano a trasparente (o se non puoi dal colore di primo piano a CC9900).
7) Abbassa il riempimento del nuovo livello al 90% (o se non puoi la trasparenza la 90-85%).
8) Ora crea un nuovo livello, trascinalo in fondo a tutti gli altri (magrai rinominalo come livello 0) e aiutandoti col "quadrettato" della trasparenza, a circa 40 pixel crea un piccolo triangolo nella parte bassa del file, trasparente. Ripemilo col colore più scuro: 996600.
9) Ora con lo strumento per la creazione del testo, sciegli un carattere bastone (io ho optato ber un comune Arial bold corpo 20) con riempimento bianco e scrivi "News".

Il risultato sarà molto simile a quello che hai postato: per renderlo ancora più simile usa l'immagine che hai come ricalco.
Per creare la pulsantiera dinamicamente con i vari effetti di rollover e rollout ti rimando alla sezione CSS del sito e al relativo forum .

[cl_artdesign]

Brava!!!!
Quello che hai postato tu e mooolto più fico!

[noos]

esiste un tut in italiano?????

chiedo troppo

[vintage74]

Originariamente inviato da cl_artdesign
Guarda cerca ricerca, qualcosa di specifico non ho trovato.
Questo tipo di effetti sono diventati piuttosot comuni negli ultimi anni un pò per colpa di Apple un pò per colpa di distro Linux e del Web 2.0 che ne fa un'abbondante uso.
Se analizzi bene l'immagini ti accorgerai che non è una cosa tanto complessa da riprodurre.

1) Crea un nuovo file col tuo programma di fotoritocco (per esempio 200x40 pixel a 72dpi) con riempimento trasparente.
2) Realizza una selezione rettangolare alta circa 2/3 dell'altezza totale;
3) Metti come colore di primo piano CC9900 e come colore di secondo piano 996600.
4) Crea una sfumatura lineare all'interno della selezione rettangolare facendo in modo che il colore più scuro sia verso il basso e che non occupi più di un quarto della selezione.
5) Trasforma il rettangolo di selezione riducendolo della metà.
6) Cambia il colore di primo piano con FFCC66 e nella nuova selezione, su di un nuovo livello, traccia una sfumatura dal colore di primo piano a trasparente (o se non puoi dal colore di primo piano a CC9900).
7) Abbassa il riempimento del nuovo livello al 90% (o se non puoi la trasparenza la 90-85%).
8) Ora crea un nuovo livello, trascinalo in fondo a tutti gli altri (magrai rinominalo come livello 0) e aiutandoti col "quadrettato" della trasparenza, a circa 40 pixel crea un piccolo triangolo nella parte bassa del file, trasparente. Ripemilo col colore più scuro: 996600.
9) Ora con lo strumento per la creazione del testo, sciegli un carattere bastone (io ho optato ber un comune Arial bold corpo 20) con riempimento bianco e scrivi "News".

Il risultato sarà molto simile a quello che hai postato: per renderlo ancora più simile usa l'immagine che hai come ricalco.
Per creare la pulsantiera dinamicamente con i vari effetti di rollover e rollout ti rimando alla sezione CSS del sito e al relativo forum .

Grazie per il tutorial!