Pagina 1 di 10

Tutorial userbars by Photoshop

Inviato: 07 ago 2006 22:53
da niki
Hello boys! :D
Visto che alcuni di voi sono interessati alla realizzazione delle userbars, vi suggerisco come ottenere quegli effetti che si notano sulle barre scaricate dal web e che molti hanno inserito nella loro firma.
Come esempio prendo le barre di userbars.org, l’unico sito che per il momento ho visitato.
Con Photoshop, incominciamo con l’aprire un documento nuovo con i parametri dell’immagine sottostante.

Immagine

Ora possiamo incominciare a lavorare sul nostro progetto, come piu’ci soddisfa, inserendo immagini colori e scritte.
Il font che la fa da padrone sulle barre si chiama Visitor-BRK con il quale gli Urerbars design scrivono in maiuscolo, tipo: windows user, spaghetti fun, big boobs hunter. :lol:
Il font lo potete scaricare da QUI
Come si può notare, molte barre hanno delle linee trasversali inclinate tutte equidistanti tra loro e tutte della stessa dimensione.

Immagine

Farle una per volta sarebbe una cosa non solo estenuante, ma dal risultato finale disastroso.
Se zoomate su di una barra vi accorgerete che quelle linee sono formate da punti.
Ecco come realizzare le linee, precise ed in maniera veloce:

STEP [1]
Scegliamo un pennello duro dalla punta tonda e appena sopra la palette del navigatore dove si trovano le alette, facciamo clic sul tab Pennelli.
Questo è quello che appare.

Immagine

Ora facciamo clic su Forma punta del pennello ed in basso tiriamo lo slide fino ad ottenere questo.

Immagine

STEP [2]
Apriamo adesso un documento nuovo 100x100pix di colore trasparente e in alto a destra diamo un punto di pennello preferibilmente nero, dalle dimensioni di 3pix.
Su tastiera teniamo premuto il tasto SHIFT e diamo il secondo punto di pennello in basso a sinistra.
Questo è ciò che avviene.

Immagine

STEP [3]
Salviamo adesso come pennello predefinito assegnandogli un nome.
Lo riprendiamo subito dopo per fare delle prove:
Per ottenere delle linee oblique tutte uguali e perfettamente equidistanti, col nostro pennello appena fatto, diamo un punto sull’estrema sinistra di un’immagine dalle dimensioni di una barra e tenendo premuto il tasto SHIFT, diamone un altro all’estrema destra ed ecco tracciate le linee.

Immagine

Un consiglio: le linee trasversali inseritele su di un nuovo livello, in modo tale da poterle modificare in qualsiasi momento senza intaccare il resto dell’immagine.

Un’ altra cosa che si nota sulle barre è quel leggero effetto di luce che conferisce un effetto 2D.
Per realizzarlo procediamo cosi:

STEP [1]
Tracciamo una selezione ellittica che volendo possiamo centrare, spostare, distorcere e modificare a nostro piacimento, dopo aver fatto clic su Seleziona > Trasforma selezione. ( io per comodità ho usato anche i righelli e le linee guida )

Immagine

STEP [2]
Impostiamo il colore di primo piano su bianco. Selezioniamo lo strumento Sfumatura, sulla barra delle Opzioni strumento mettiamo il flag nella casella Trasparenza e tiriamo un gradiente dall’alto verso il basso facendo varie prove fino ad ottenere un risultato soddisfacente.

Immagine

Per il momento credo che basti, ma se ci sono dei dubbi postate.

good job! :D

Re: [Tutorial] userbars by Photoshop

Inviato: 07 ago 2006 23:13
da Zen
big boobs hunter. :lol:
M'han scoperto????? :porco:

Ottimissimissima guida ^_^

Inviato: 08 ago 2006 00:01
da jacopo
grazie niki! :)

Inviato: 08 ago 2006 00:32
da niki
Grazie ragazzi!
niki ha scritto:
big boobs hunter.



M'han scoperto?????
allora siamo in 2 Immagine

Inviato: 08 ago 2006 17:24
da SeThCoHeN
utilissima, brava niki

Inviato: 08 ago 2006 18:46
da niki
utilissima, brava niki
:shock: Bravaaa??? :shock:

Inviato: 08 ago 2006 19:05
da naqern
Grazie ragazzi!
niki ha scritto:
big boobs hunter.



M'han scoperto?????
allora siamo in 2 Immagine
in 3!!!!! :-D

Inviato: 08 ago 2006 19:06
da SeThCoHeN
utilissima, brava niki
:shock: Bravaaa??? :shock:
ehm....sorry :lol:
una svista, mi potrai mai perdonare?

Inviato: 08 ago 2006 19:19
da niki

ehm....sorry :lol:
una svista, mi potrai mai perdonare?
Perdonato...
e per dimostrartelo ti offro anche da bere! :lol: :lol: :lol:
Immagine

Inviato: 08 ago 2006 21:14
da Zimi90
guarda che invece di creare le linee nere(ovvvero i pattern) ti conviene creare direttamente un pattern, poi scegli tu se odliquo, orizzontale o verticale

Tutorial Pattern
Immagine
1px larghezza
2px altezza

Immagine
1px larghezza
3px altezza

Immagine
3px
3px

Immagine
4px
4px

Creiamo un nuovo disegno, delle dimensioni che vogliamo (scelte tra quelle sopra) con sfondo trasparente.
Con lo strumento matita coloriamo i pixel come sopra.

Dopodichè andiamo su Modifica>Definisci Pattern
e diam il nome al nostro pattern.

Per poterlo utilizzare sopra un immagine, creiamo un nuovo livello e, con lo strumento secchiello selezionato sul pattern che vogliamo, coloriamo il livello.

Immagine

Per ottenere un effetto meno "forte" possiamo regolare l'opacità del livello o gli stili di fusione.


e come risultato avrai
1Immagine
2Immagine
3Immagine
4Immagine

Inviato: 08 ago 2006 21:47
da SeThCoHeN

ehm....sorry :lol:
una svista, mi potrai mai perdonare?
Perdonato...
e per dimostrartelo ti offro anche da bere! :lol: :lol: :lol:
Immagine
:lol: :lol: :lol:

Inviato: 08 ago 2006 22:32
da jacopo
Perdonato...
e per dimostrartelo ti offro anche da bere! :lol: :lol: :lol:
Immagine
:lol: :wink:

Inviato: 09 ago 2006 00:10
da niki
guarda che invece di creare le linee nere(ovvvero i pattern) ti conviene creare direttamente un pattern, poi scegli tu se odliquo, orizzontale o verticale
Zimi io non ho creato un pattern, ma un solo pennello personalizzato, col quale posso ottenere velocemente delle linee di qualsiasi colore e che posso in qualsiasi momento:
1] scalare
2] inclinare
3] distorcere
4] modificare la prospettiva
5] ruotare
6] riflettere
7] regolare opacità, riempimento ed apportare tutte le regolazioni disponibili.

Poi si sà, con Photoshop non esiste una sola strada per raggiungere la meta.
Tu hai scelto quella del pattern, come quella suggerita da userbars.org
mentre io ho preferito un'autostrada personale. :D :wink:

Inviato: 09 ago 2006 09:56
da Zen
utilissima, brava niki
:shock: Bravaaa??? :shock:
Azz...già ci speravo...una Lei che in + è Big Boobs Hunter...:D

Inviato: 09 ago 2006 10:01
da Zimi90
guarda che invece di creare le linee nere(ovvvero i pattern) ti conviene creare direttamente un pattern, poi scegli tu se odliquo, orizzontale o verticale
Zimi io non ho creato un pattern, ma un solo pennello personalizzato, col quale posso ottenere velocemente delle linee di qualsiasi colore e che posso in qualsiasi momento:
1] scalare
2] inclinare
3] distorcere
4] modificare la prospettiva
5] ruotare
6] riflettere
7] regolare opacità, riempimento ed apportare tutte le regolazioni disponibili.

Poi si sà, con Photoshop non esiste una sola strada per raggiungere la meta.
Tu hai scelto quella del pattern, come quella suggerita da userbars.org
mentre io ho preferito un'autostrada personale. :D :wink:
immaginav che tu preferivi quella strada però ho voluto postarlo lo stesso perchè qualcuno forse lì'avrebbe preferito :D