*|{Lele}|* ha scritto:
avrete sicuramente notato che nelle firme ci sono delle barre come "ds lite owner" oppure "n00b hater" ecc.
Fatta io! ^^ Ok, eccomi qua.
Sto per spiegarvi come creare una Userbar da zero, utilizzando un programma di grafica vettoriale chiamato "
The Gimp", che io preferisco molto più di photoshop [anche perchè Gimp è gratuito, mentre Photoshop no].
Per iniziare, dovete [ovviamente] scaricare Gimp, se non ce l'avete già. Vi linko alcuni siti da cui potrete scaricarlo gratuitamente.
The Gimp (For Windows)
The Gimp (For Linux)
Iniziamo la creazione della nostra userbar!
Prima di tutto, creiamo una nuova immagine:
Attenzione: usiamo le dimensioni standard un poco ridotte [148x17] perchè alla fine aggiungeremo un bordo e diventerà nelle dimensioni standard esatte [350x19].
Ora dobbiamo scegliere quale sfondo fare: usare un'immagine, oppure un colore gradiente. Per comodità mia, spiegherò solo come fare con un colore gradiente.
Nel pannello principale di Gimp dovremmo riuscire a trovare una icona come questa:
Facendo doppio click sui rettangoli [nero e bianco] possiamo sciegliere il colore da dare, uno per il primo piano e l'altro per il secondo [capirete meglio più tardi]. Nel mio caso, mi servono giusto questi due colori:
Ora bisogna solo disegnarli, semplicemente cliccando sull'icona del gradiente
e disegnando sull'unico livello che abbiamo.
Dovremmo aver ottenuto un bell'effetto gradiente:
Adesso che abbiamo fatto lo sfondo dobbiamo creare un nuovo livello, per metterci il resto. Per aprire la finestra dei livelli, premete Alt+L
Ora dobbiamo premere il tasto per creare un nuovo livello
e si aprirà una finestra. Chiamiamo il livello come vogliamo [io l'ho chiamato Stripe] e settiamo lo sfondo come trasparente.
Quello che ci interessa ora è creare uno stripe sul nostro nuovo livello, ovvero un motivetto semi-trasparente che si ripete per tutta la userbar. Generalmente è formato da linee diagonali, ma può essere anche di diverso genere. In questo tutorial spiegherò come usare le linee diagonali. Dato che ancora mi risulta troppo difficile spiegare come creare uno stripe, vi rimando
qui per scaricare quello che ho già fatto io. Semplicemente lo apriamo, copiamo tutto e lo incollamo nel nuovo livello che abbiamo creato prima.
Poi settiamo la trasparenza come più ci pare e piace [di solito, sul 40% va più che bene].
In questo momento dovrebbe risultarci una immagine come questa:
Bene, siamo pronti per settare la scritta.
La nostra scritta andebbe disegnata con la matita [bianca] pixel per pixel, ma è molto lungo e complesso. In internet ho trovato un font,
questo, che è molto simile a quello fatto pixel per pixel.
Installiamo il font, selezioniamo lo strumento testo
, mettiamo come colore primario il bianco, settiamo le dimensioni del font a 12 e scriviamo quello che vogliamo compaia sulla usebar.
Però le scritte sulle Userbar hanno lo sfondo nero, e quella che abbiamo noi no. Allora ci serve una soluzione, che è questa: creiamo un nuovo livello, e chiamiamolo "Nero". Poi mettiamolo sotto al livello della nostra scritta.
Adesso selezioniamo il nuovo livello e, con lo strumento a selezione rettangolare
selezioniamo tutta l'area attorno alla scritta, dalla distanza di un pixel:
Adesso prendiamo lo strumento a riempimento
e riempiamo di nero il rettangolo selezionato prima:
Ora prendiamo la gomma
ma stiamo ben attenti a selezionare il margine netto e le dimensioni a circle (1)
Adesso iniziamo a cancellare tutti i pixel che non toccano le lettere, per dare il cosiddetto effetto "annerimento".
La nostra immagine, ora, dovrebbe essere più o meno così:
Perfetto, ora manca la parte più importante: l'immagine.
Di solito si mettono due immagini, una semitrasparente ed una chiara. Per comodità nostra, metteremo le immagini in due livelli differenti. Dunque, creiamo questi livelli [sempre con lo sfondo trasparente] e li chiamiamo "immagine" ed "imm_trasp".
Questi due livelli vanno appena sopra quello dello Stripe, in questo modo:
Selezioniamo "imm_trasp" e apriamo l'immagine che vogliamo copiare come semitrasparente, nel mio caso: una faccia.
Selezioniamo la parte che mi interessa e copiamola nel livello della nostra userbar, poi mettiamola dove ci pare. Infine settiamo la trasparenza a qualcosa di accettabile, come 40%.
Otteniamo una immagine più o meno così:
Adesso prendiamo la nostra immagine vera e propria, nel mio caso Mew Shiny.
Selezioniamo l'altro livello, copiamo l'immagine ed incolliamola. Poi la spostiamo/ridimensioniamo quanto serve, ed otteniamo un risultato di questo tipo:
Bene, abbiamo quasi finito: Manca ancora l'ellisse chiara!
Creiamo un nuovo livello, chiamato "Chiaro" e mettiamolo sopra quello dello sfondo. Poi, di questo livello, selezioniamo una parte in alto di forma semiellittica, in questo modo:
Riempiamo questa parte con un colore molto chiaro [in questo caso va benissimo il bianco] e settiamo la trasparenza in qialcosa di accettabile [dovrebbe andare bene sul 25%]. Il risultato che otteniamo è il seguente:
Ora ci manca solo da mettere il bordo: andiamo nel menù Script-fu, selezioniamo Decorazioni, poi Aggiungi bordo.
Settiamo il bordo a dimensioni 1 pixel per 1 pixel, e di colore nero:
Ed infine, ecco pronta la nostra Userbar!
Avete visto? Non è nulla di impossibile, anzi: con questo programma è davvero molto semplice.
Ovviamente, questa giuda è solo un punto di partenza: potete modificare la vostra userbar in qualsiasi punto, come più vi pare e piace.
Per dubbi, chiarimenti, minacce, critiche, correzioni, ecc. postate pure in questa discussione.
Ah, per questa guida voglio il Kr+ ^^
Vabbè, scherzo. A me del Kr non ne frega di meno °_°