Userbar personalizat simplu

Deschideti photoshop si urmati instructiunile:

Pasul 1: File->New

Se deschide o noua fereastra unde faceti setarile noului document:

Pasul 2: alegeti pixeli

Pasul 3: setati Width 350

Pasul 4: setati Height 19

Pasul 5: setati Resolution 72 pixels/inch

Pasul 6: setat Background transparent



Apasati ok si rezultatul ar trebui sa arate asa:



Avem userbarul in prima faza.. Urmeaza adaugarea culorii de baza:

Pasul 7: Mergeti la Edit->Fill

Pasul 8: In fereastra ce se deschide setati Color

Pasul 9: Se deschide fereastra Color Picker de unde va alegeti culoarea pe care o doriti, cand ati ales dati ok..



Dati ok si aveti urmatorul rezultat:



Acum e momentul sa adaugam un render sau o imagine.. Eu am folosit pentru acest tutorial simbolul Firefox, dar puteti utiliza ce doriti:



Cand v-ati decis asupra imaginii dorite, o deschideti in photoshop (File->Open->Browse to image) si apoi:

Pasul 10: selectati unealta move

Pasul 11: luati renderul si duceti-l in fereastra cu usebarul (procedeul click&drop)



Probabil renderul e mult mai mare decat userbarul nostru, asa ca necesita redimensionare.. Pentru asta, urmati pasii:

Pasul 12: Mergeti la Edit->Transform->Scale

Pasul 13: Micsorati sau mariti renderul dupa cum doriti:



Rezultatul:



Acum e momentul sa adaugam acele grid lines caracteristice userbarurilor.. Pentru asta este nevoie sa facem un nou document, exact ca la Pasul 1, insa vom schimba putin dimensiunile: la Pasul 3 si Pasul 4 vom pune valoarea 6.
Apoi selectati unealta Pencil (normal aveti brush - tineti apasat pe brush si miscati foarte putin intr-o parte apoi selectati pencil)



Aum e momentul sa desenati in noul document o linie precum cea din imagine (eu am folosit zoom pentru a se vedea mai bine):



Dupa ce sunteti multumiti de linie, mergeti la:

Pasul 14: Edit->Define pattern



Ne intoarcem la documentul userbar si folosim Layer->New Fill Layer->pattern, dati ok ferestrelor care se deschid si ceea ce obtinem este:



Dupa cum observati am adaugat userbarului nostru grid lines, insa ele sunt prea pronuntate si acopera si renderul Firefox, asa ca:

Pasul 15: Mutati layerul care contine pattern sub cel cu render, precum in imaginea de mai jos

Pasul 16: Scadeti opacitatea layerului pattern dupa preferinta:



Este momentul sa adaugam text, pentru aceasta recomandat este fontul Visitor, pe care il gasiti la categoria resurse, fonturi, de pe acest forum. Astfel:

Pasul 17: Selectati primul layer din lista, precum in imagine:



Pasul 18: Selectati unealta text si trasati pe userbar casuta in care veti scrie:



Pasul 19: Selectati fontul Visitor, selectati dimensiunea fontului dupa cum doriti, selectati culoarea textului:



Pasul 20: Adaugati textul dorit (daca nu sunteti multumit de pozitia textului pe userbar puteti folosi unealta move sau sagetile tastaturii pentru a-l centra dupa preferinte)

Pasul 21: Mergeti la lista layerelor, dati click dreapta pe layerul text si alegeti Blending Options, se va deschide o fereastra unde setati astfel:



Pasul 22: Layer->New->Layer, apoi luati unealta Elliptical Marquee (normal aveti Rectangular Marquee - tineti apasat pe ea si miscati foarte putin intr-o parte apoi selectati Elliptical) si trasati o elipsa pe userbarul nostru:



Secretul unei elipse perfecte e sa incepeti desenul din coltul de sus stanga (notat A in imagine) si sa finalizati in coltul de jos dreapta (notat B in imagine)..

Pasul 23: Pentru a da culoare alba elipsei folosim Edit->Fill->Foreground Colour

Pasul 24: Folosind sagetile tastaturii, apasati up de 9 ori, ceea ce va muta elipsa in pozitia necesara

Pasul 25: Modificam opacitatea layerului cu elipsa dupa preferinta.

Obtinem:



Pasul 26: Faceti un layer nou (Layer->New->Layer) apoi click dreapta pe el in lista layerelor, selectati Blending Options, alegeti Stroke la fel ca la Pasul 21..

Pasul 27: Salvati documentul...

Rezultat final:



Va astept cu intrebari sau reprosuri daca sunt..

huh nice .Abia astept sa fac si eu 1

Am si eu o problema la Photoshop la mine arata altfel .
Am incercat sa fac dupa tutorialu asta da ma cam incurc fiindca e diferit si ma intep de multe lucruri .Practic ma blochez si nustiu ce sa mai fac .

tutorialul este facut in versiunea cs2, iar tu ai versiunea cs4..
dar sunt aceleasi unelte, asezate putin diferit.. asa ca nu vad care e dificultatea..

PAI IN PRIMUL RAND la imaginea de la pasul 13 mie nu imi arata asa cand pun imaginea aia .si nu inteleg incolo ,trebuie sa incep din nou adik sa deschid adobe si sa fac alea sau le fac peste?

am cs4 instalat si arata exact la fel..
si linia aceea o desenezi intr-un document nou, scrie clar acolo:
Acum e momentul sa adaugam acele grid lines caracteristice userbarurilor.. Pentru asta este nevoie sa facem un nou document, exact ca la Pasul 1, insa vom schimba putin dimensiunile: la Pasul 3 si Pasul 4 vom pune valoarea 6. nu inchizi ce ai lucrat, pur si simplu dai File->New si se va deschide itr-un alt tab.. banuiesc ca stii ce e un tab..
documentul are 6x6px, asa ca e foarte mic.. de aceaa am scris in paranteza (eu am folosit zoom pentru a se vedea mai bine)

ok ms

dar daca vreau sa fac cum ar veni sa pun o imagine cu mine in piceoare si scriu alecsionut doar ca imaginea mea sa vina in piceoare si sa iasa din usebar https://2img.net/r/ihimizer/img188/9445/karlogirl.gif ceva de genu

ghici cine a facut acel userbar si iti spun secretul

tu lai facut . . . . ca park lam vazut si pe icetorrent .
Da imi spui si mie secretu ?

da stiu ca tu lai facut pt strontzo karlo barbarul c da cu zaru da imi spui si mie cum adica la toti

shining ne vacu un tutorial cu ce tiam crut te rog fumos

prima incercare



la blending option , nu am stiut ce sa setez si am trecut peste

la blending options ai gresit.. daca te uiti atenta nici imaginea nu este aceeasi ca in tutorial.. asta pentru ca dupa ce deschizi fereastra blending options nu trebuie sa bifezi casuta stroke, ci sa dai click stanga pe ea.. si atunci se va deschide un nou meniu pe care il poti vedea si in imaginea din tutorial..

shining scuze ca te sacai da ne spui cum ai facut usebarul acela pentru karlo

sall again... asta e prima mea incercare.... astept pareri ....

prim deci e foarte slab...e ceva ce nici nu merita posta...dar am zis ca poate imi dati sfaturi cum sa fac sa arate mai bn

Prima mea incercare:

N`am urmat in tocmai instructiunile :P ,le`am mai sarit , am mai pus de la mine dar mi`a iesit asa :
Membru

Tactical Leader

Second Leader

Clan Leader

Pareri ?:D