• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida Metodo Nuovo Per Creare Userbar. Piu Carino

Slakers

Utente Assiduo
Autore del topic
16 Giugno 2008
882
0
Miglior risposta
0
Avete Presente La Guida Di Vinci92? Ecco.. Ora Ve Ne Insegnerò Un Altra!
L'effetto Sarà Molto Diverso! Ma Soprattutto Più Carino:

Cosa Serve:
Photoshop (Io Usero CS Ma Andranno Bene Tutte Le Versioni)
Un Immagine. Io Usero Questa:
2dlw0uh.jpg

Codesto Font: Visitor. Scaricabile Da
Perfavore, Entra oppure Registrati per vedere i Link!

Per Installarlo Andare in C: -> WINDOWS -> Fonts e Trascinare Il File Nella Cartella.

COMINCIAMO!
-Aprite un Nuovo Documento Con Questi Parametri:
5ycgw0.jpg

e Premete OK

-Prendete Lo Strumento Sfumatura e Colorate La Vostra Userbar:
ma9b1k.jpg


-Adesso Passiamo Alla Creazione Delle Righe ... Io Ho Un Metodo Tutto Mio!
Eccolo Qui:
Abbassate La Finestra Della Userbar Ed Aprite Un Nuovo Documento Con Questi Parametri:
200zn7q.jpg

-ZooMMate di 1600% (Basta scrivere 1600 in alto a destra dove c'è 100)
-Ora Prendete Lo Strumento Matita Colore NERO E Create Il Pattern In Questo Modo:
rldh5c.jpg

-Adesso Dovremmo Invertire I Colori Quindi Andate Su: Immagine -> Regolazioni -> Inverti. (O Semplicemente Premete Ctrl + I)
-Così Avrete L'immagine Con Le Righe Bianche!
-A QUesto Punto Dovrete Salvare Il Pattern e Farete Cosi:
2469px5.jpg

Dopo Aver Salvato Tornate Alla UserBar e Fate: Modifica-> Riempi. Con Questi Parametri:
2wf1ous.jpg

-A Questo Punto La Base è Finita... Adesso Facciamo Il Contenuto!
-Prendete Un Immagine e Incollatela Nella Userbar (Deve Avere Lo Sfondo Trasparente)
e Spostatela Meglio COn lo Strumento SPOSTA
vx0tcm.jpg

-Ora Passiamo Alla Scrittura... Selezionate Lo Strumento Testo E Scegliete Il Carattere Visitor, e Scrivete Con: [tT: 10 pt] [aa: Nessuno] [Colore: Bianco]
e Verra Fuori Cosi:
33kx0jn.jpg

Dopodiche Per Mettere La Traccia Faremo Cosi:
2vnmezr.jpg

Abbiamo Quasi Finito! Il Risultato DOvrebbe Essere Questo:
2efssxu.jpg

Adesso.. Un Tocco Di Magia Per Dare Piu Effetto ;)
Prendete Lo Strumento Ellisse E Fate Così:
2s12ble.jpg

Serve Per Dare Un Tocco DI Rilievo...
Ora Fate File -> Salva Con Nome -> e Selezionate Formato PNG Mettete Il Nome CHe Volete E AVETE FINITO!!!!!!!!

Risultato:
2gwyvb6.png


LA FONTE è MIA QUINDI SE DOVETE COPIARLA METTETE LA FONTE!

Spero Il Rilievo..
Grazie :emoji_slight_smile:
:bye:
 
Ultima modifica:
  • Like
Reactions: 2 people
in pratica si usa lo stesso metodo delle immaggini in web 2.0 quindi lo sanno tutti
 
in pratica si usa lo stesso metodo delle immaggini in web 2.0 quindi lo sanno tutti

Cosa Sono Le Immagini In Web 2.0

Comunque Io La Guida L'ho Fatta Da Solo Per Fatti Miei Senza Prendere Spunto.. e Per Fare Le Userbar Uso Questa... Se Non Va Bene Si Puo Anche Eliminare QUesta Discussione.. Io L'ho Fatta Per Aiutare Coloro CHe Vogliono Fare Userbar Senza I Siti web Ma Con Photoshop. No Comment
 
non ti sto a spiegare cosa sono cmq non da rilievo perchè in parte dico in parte gia trattata e gia messa in rilievo
 
il metodo è diverso... se vedi l'effetto finale è tutta un altra cosa di quello di vinci... percio... ma dato che ho avuto solo due risposte credo che non avrò mai il rilievo.
 
E' lo stesso metodo che uso io su GIMP. Ho un modello precreato .xcf (per intenderci un pò come il vostro .psd) dove ho già l'ellisse di luce, il pattern, il bordo e devo mettere soltanto il gradiente come sfondo, un render e la scritta :emoji_smiley:
 
1) la guida è uguale
2) è un po brutto le linee staccate
 
guarda che non c'è bisogno di fare inverti colore (puoi mettere direttamente il bianco)... basta seguire la guida di Vinci92... solo l'ultima parte (quella della sfumatura sopra) non c'è in quella di Vinci...

Adesso quella di Ketto non l'ho vista ma se c'è anche là la parte finale questo messaggio è davvero inutile!!! -.-