Pana acum am obtinut 0% din 60 de euro.
Ajuta comunitatea cu o donatie si primesti in schimb VIP permanent pe server-ul CS.NextGamer.Ro si pe forum !


Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[Tutorial] Cum sa lucrezi in photoshop
#1
Organizarea fisierelor externe

1. Tine-ti PSD-urile aproape
Nu apasa Ctrl+N din doua in doua minute. Incearca sa-ti pastrezi lucrarea in cat mai putine fisiere.
2. Denumeste fisierele corespunzator
Nu folosi denumiri care peste 2 minute nici tu nu mai stii ce reprezinta. Nu folosi “final_v2.psd sau “miercuri_contact_v2.psd”
3. Foloseste sub-foldere
Pastreaza toate materialele primite de la un client intr-un folder si fisierele la care lucrezi in alt folder. Nu le amesteca. Nu vei mai stii ce sa-i trimiti.
4. Share
Daca lucrezi de la un birou, nu uita  ca la sfarsitul zilei sa copiezi ce-ai lucrat pe un server comun. Nu folosi desktop-ul ca unealta de share. Nu e. 

Organizarea fisierelor interne

5. Denumeste-ti layerele corespunzator
Incearca sa eviti denumirile by default. Cate layere “layer 2 copy copy” ai ? Daca lucrezi la un header, denumeste layer-ul “header”. E simplu. 
6. Foloseste foldere
Organizeaza-ti layerele in foldere. Astfel poti ascunde mai rapid un grup de layere sau sa le muti.
7. Sterge layerele pe care nu le folosesti
N-are rost doar sa le ascunzi si sa le lasi acolo. Ocupa spatiul degeaba in paleta si maresc considerabil marimea fisierului final. 
8. Aduna la un loc elementele comune
N-are rost sa ai 5 versiuni de logo pentru un layout. Pastreaza logo-ul deasupra si foloseste cele 5 layere doar pentru designul in sine.
9. Foloseste layer comps si smart objects
Folosirea Layer Comps este o varianta excelenta pentru a face mai multe variante de design. Nu mai folosesti asa multe psd-uri.

Organizarea textelor

10. Foloseste un input numeric intreg
Adica nu seta la dimensiunea fontului 16.766 pt. Foloseste valorile intregi, adica 17. Sau 18. Ce se potriveste mai bine.
11. Share la fonturi
Cand trimiti psd-ul pentru a fi deschis pe alt calculator clientului sau unui coleg, include intr-un folder alaturat si fonturile.
12. Nu trage de text
Nu deforma textul altfel decat proportional. Pe langa faptul ca arata ingrozitor, mai este si imposibil de creat din HTML/CSS
13. Debifeaza “Hiphenate”
Chiar daca exista o diferenta considerabila intre textul din Photoshop si cel din browser, debifarea acestei optiuni ofera o cale de mijloc.
14. Controleaza-ti box-urile de text
Felicitari ca folosesti box-urile de text. Dar nu le face de 2 ori mai mari decat textul in site.

Organizarea imaginilor

15. Nu trage de butoane
Pastreaza-ti butoanele in forma lor vectoriala. Daca sunt rasterizate deja, nu trage de ele. Se deformeaza urat. E mai usor sa le faci din nou.
16. Controleaza-ti mastile
Nu folosi 5 masti identice pentru 5 layere separate. Grupeaza layerele si aplic grupului o singura masca.
17. Pastreaza logo-urile vectoriale
Cand vei vrea sa scalezi un logo iti va fi de mare ajutor. Logo-urile rasterizate rescalate nu dau bine.
18. Snap
Foloseste snap la grid, la obiecte, la guide-uri, la orice.
19. Foloseste Blending Modes cu moderatie
Cum ai obtinut culoarea aia? Asigura-te ca nu este o combinatie de 8 layere cu Mutiply si 3 cu Overlay.

Organizarea filtrelor

20. Color Over-Overlay
Ce rost are sa folosesti Color Overlay pe un obiect ce are deja o culoare?
21. Gandeste-te si la CSS cand aplici un pattern
Daca ti-e greu sa faci un jpeg cu un pattern repetitiv, poate n-ar trebui sa folosesti pattern-uri.
22. Adu-ti aminte de rezolutii
Construieste-ti backgroundul astfel incat sa se poata repeta si pentru rezoltutii mai mari ale monitorului. 
23. Dither
Foloseste functia de Dither cand aplici un gradient. Nu vrei 32 de linii cu diferite nuante, vrei un gradient fin.
24. Cunoaste-ti stroke-urile
Stroke-ul in interior iti ofera colturi drepte. Stroke-ul in exterior iti ofera colturi rotunde.

Principile design-ului

25. Foloseste grid-ul
Alinierea e cuvantul de ordine in orice lucrare de design.
26. Foloseste Drop Shadow cu eleganta
Se spune ca daca poti vedea un Drop Shadow, atunci e prea mult.
27.  Foloseste imagini cu licenta
Google Images nu este o resursa de imagini stock.
28. Foloseste font-uri websafe
Nu lasa in seama programatorului sa-ti gaseasca un font asemanator cu ce ai facut tu in psd.

Inainte sa exporti

29. Corecteaza
Roaga pe altcineva sa se uite peste lucrarea ta inainte s-o trimiti clientului. Cu siguranta iti va gasi greseli gramaticale. 
30. Inlocuieste imaginile de proba
Nu lasa in grafica finala imagini cu watermark.
31. Consistenta culorilor
Cate nuante de albastru folosesti? Rosul pe care l-ai aplicat e acelasi cu cel din sigla?

Exportarea

32. Save for Web & Devices
Daca alegi Save As > Jpeg vei avea doar imagini mai mari si probleme cu culorile.
33. Foloseste Progressive
In fereasta Save for Web bifeaza Progressive. Stiu, nu l-ai mai folosit, dar iti va incarca imaginile mai rapid. Mai intai o versiune la o rezolutie mai mica, apoi imaginea in toata splendoarea.
34. Marimea imaginii
Nu uita sa pastrezi imaginea la cea mai mica marime posibila. Verifica Jpg Quality.
35. Denumeste-ti fisierele dupa functii
“patrat_albastru3.jpg” nu ofera programatorului prea multe indicii despre locatie.


Bafta la creare imaginii dorite!!!
[Image: KRcv2M6.gif]




}}}}
#2
Waw, de unde ai copiat textul de mai sus? :21 Parca spuneai ca nu te pricepi. Si stiu ca nu tu ai scris asta deoarece e scris prea formal.
                                                                                                   [img=0x154]http://imgur.com/PBAxh28.png[/img]                  
                                                  
                                                              
}}}}
#3
Corect!
Ai dreptate,am spus ca nu ma pricep!Si asta e adevaru!
Scrisul ingrosat,colorat etc........,sunt facute de mine!
Si textul l-am gasit si eu pe undeva pe google si l-am editat un pic!
[Image: KRcv2M6.gif]




}}}}
#4
T/C
[Image: CJ2TSA2.png]
}}}}


Forum Jump:


Users browsing this thread: 1 Guest(s)
Donation's plugin by Naoar.com