1. Deschideti un nou document. File – New, eu am folosit 640×480

2. Selectati Gradient Tool cu setarile normale ( alb si negru) si trageti de sus in jos.

3. Filter – Render – Different Clouds

4. Image – Adjust – Invert ( Ctrl + I )
5. Image – Adjust – Levels ( Ctrl + L ) jucati-va putin pana obtineti un fundal mai inchis.
6. Image – Adjust – Color Balance.

Done!

]]> http://psgeek.wordpress.com/2008/05/31/shortcuts/feed/ 0 Crst http://psgeek.wordpress.com/2008/05/31/badge-effect/ http://psgeek.wordpress.com/2008/05/31/badge-effect/#comments Sat, 31 May 2008 07:28:13 +0000 Crst http://psgeek.wordpress.com/?p=42 ]]>

1. Deschideti un nou document 450 x 350 px. Incepeti cu o culoare mai inchisa Edit ->> Fill ->> Color (#393939) sau folositi unealta Pain Bucket. Creati un nou layer (layer – > new layer sau ctr + alt + shift + N) cu ajutorul Eliptical Marguee desenati un cerc perfect( tineti shift apasat ) ca in imaginea de mai jos:

2. Selectati layer-u cu cercu dati click dreapta -> Blending Mode si introduceti urmatoarele setari

- la Inner Shadow setati Opacity la 20%, Distanta o px, choke o px si Size la 62 px.

- la Stroke schimbati fill type la Gradient si introduceti urmatoarele culori

la locatia 0% (#a4c855)

la locatia 100% (#ccea89)

3. Selectati layer-u cu cercu, folositi unealta Polygonal Lasso si taiati o bucata din el ( Edit -> Cut si dati paste ( Edit ->> Paste sau ctr+v) in alt layer.

5. acu cu bucata mai mica de cerc dati click dreapta –>> free transform sau ctr+t, ca in imagine

6. selectati layer-u cu bucata de cert, click dreapta ->> Blending Options

- la drop shadow, setati Opacity la 21%, distance la 0 px, Spread to 0 px, Size la 9 px

-la gradient overlayer, setati Blend mode ->> Hard Light, Opacity 100% si introduceti urmatoarele setari la gradient

• #000000 la 0%
• #FFFFFF la 100%

7. Putina umbra la cerc -> Right click -> Blending Options

- la Drop Shadow, Opacity to 29%, Distance 3px; Spread 0%, Size 9px.

Done!

Asta e o chestie de genul “so 8o’s”, chiar daca pe vremea aia nu visam noi design. Unul dintre efectele pe care le-am folosit in disperare in primele luni de design a fost minunatul bevel/emboss, inca la setari deloc discrete.

Mi se parea ca acest efect de “3D” da un look bun layoutului. In cele mai multe cazuri este neinspirat, pentru ca relieful obtinut va arata destul de ciudat pe layoutul “plat”. Se poate eventual folosi in unele cazuri, dar cu mare discernamand si la 1-2 pixeli cel mult “inaltime”.

2. Gradients foarte contrastanti.

Gradient este unul dintre efectele pe care le folosesc si eu uneori chiar abuziv. Este un trick bun pentru un design sic, dar folosit totusi cu atentie. Ceea ce fac multi incepatori este sa foloseasca gradient contrastanti (prea contrastanti): alb-negru, galben-rosu, alb-rosu etc.

Stiu ca unele sunt in panoul default in Photoshop (e si asta o explicatie), dar este un efect care nu mai ofera o frumusete discreta, ci arata pur si simplu prost. Un gradient se incepe de la culoarea dorita (sa zic kaki asa cum am eu pe background aici) si o nuanta foarte apropiata. De obicei mut “bulina” de color picker o idee mai in stanga sau in dreapta (pe diagonala de cele mai multe ori), foarte aproape de pozitia in care am setat culoarea initiala. Asta imi ofera o nuanta foarte apropiata, dar usor contrastanta (atat cat sa se vada diferenta si sa nu fie suparatoare).

3. Shadow negru, 5 pixeli distanta, 5 pixeli marime.

.. adica setarea implicita.

Asta merge OK daca ai un text de 40 de pixeli inaltime si eventual o imagine mare (un layout de 800×600 ca exemplu. Atunci nu se mai simte umbra atat de neplacut.

Daca ai insa un text micut, sau o imagine iarasi de dimensiuni mici, va arata rau. Umbra va parea ca “pleaca la plimbare” de langa obiectul/layerul in cauza.

Si umbra (shadow) este unul dintre efectele des folosite, tocmai pentru ca poate arata foarte bine. Este indicat sa umblam insa la setari. Chiar si un distance de 0 pixeli (in loc de 5) fac deja ca layerul sa arate mai bine. Dimensiunile se vor seta si ele incat umbra sa fie discreta.

Si culoarea ei se ia usor: se pune color picker pe layerul de background (peste care sta cel cu umbra) si avand setat ca “multiply” (default, deci nu aveti de ce sa va speriati) nuanta umbrei va fi mai inchisa decat a fondului pe care sta. Negru arata OK pe un font gri. Daca aveti insa un fond rosu, umbra aia neagra va arata ca nuca in perete. Un rosu mai inchis (asa cum rezulta din modificarea culorii umbrei prin color picking) va da imediat designului un look mai elegant si mai unitar.

4. Outer glow galbui (tot default)

Tot in setarile implicite este si outer glow galbui, un efect care se potriveste in acest mod de putine ori. Daca ai o tema grafica pe alb-galbui este OK. Arata insa absolut neinspirat sa fie un fond albastru sau gri si imaginea sau logoul sa aiba o stralucire galbuie (fara nicio legatura cu tema grafica).

Este inca un caz in care un lucru minor iti poate da peste cap designul. Se va modifica deci culoarea cu o nuanta potrivita temei grafice. De la un efect neinspirat, outer glow va deveni acel ceva care va oferi unui design un plus de frumusete.

5. Texte si imagini pixelate

Un text layer trebuie sa fie “soft” si sa nu se vada “patratelele” de pixeli pe el. Cand scrieti un text, chiar in meniul de sus aveti posibilitatea de a da un style: none, soft, crisp etc. Eu aleg de cele mai multe ori soft si deja arata bine.

Imaginile trebuie si ele taiate cu grija, fara a se putea vedea ca sunt “ciopartite”.

Este munca de migala, dar asta presupune pana la urma designul.

6. Nefolosirea unor efecte mai complexe (patterns discrete) sau a combinatiilor de patterns.

Photoshop are niste patterns presetate ca si efect, dar sunt urate. Se pot realiza insa patterns usor. Si ele vor fi discrete si abia vizibile fata de fondul pe care apar. Combinatiile de efecte sunt de asemenea un lucru de dorit: gradient, un shadow discret, poate un stroke, un inner shadow si inner glow.

Adobe Photoshop este un software folosit pentru editarea imaginilor digitale pe calculator, program produs şi distribuit de compania americană Adobe Systems şi care se se adresează în special profesioniştilor domeniului. Adobe Photoshop, aşa cum este cunoscut astăzi, este vârful de lance al gamei de produse software pentru editare de imagini digitale, fotografii, grafică pentru tipar, video şi Web de pe piaţă. Prezinta o interfaţă intuitivă şi care permite o multitudine extraordinară de modificări necesare în mod curent profesioniştilor şi nu numai: editări de luminozitate şi contrast, culoare, focalizare, aplicare de efecte pe imagine sau pe zone (selecţii), retuşare de imagini degradate, număr arbitrar de canale de culoare, suport de canale de culoare pe 8, 16 sau 32 biţi, efecte third-party etc.

Cu ce este mai bun PS decat celelalte software de acest gen? Principalele elemente prin care PS se diferenţiază de aplicaţiile concurente şi prin care stabileşte noi standarde în industria prelucrării de imagini digitale sunt: Selecţiile, Straturile (Layers),Măştile (Masks), Canalele (Channels), Retuşarea, Optimizarea imaginilor pentru Web

Photoshop nu este greu, depinde si ce vrei sa faci cu el, pentru incepatori normal ca este greu, dar totul se invata in timp, unde va devenit foarte usor si placut. Tot ceea ce trebuie sa faci dupa instalarea soft-ului adobe este sa cauti tutoriale. Uite cateva link-uri folositoare:

www.good-tutorials.com

www.photoshopcafe.com

www.fstutorials.com

www.photoshopsupport.com

]]> http://psgeek.wordpress.com/2008/05/30/wtf-photoshop/feed/ 0 Crst PS Logo