Pasul 1. Deschidem un document nou. Setam foreground negru si background alb.
Pasul 2. Aplicam filtrul Clouds stratului nostru. Filter -> Render -> Clouds. Veti obtine o imagine similara celei de mai jos.
Pasul 3. Aplicam filtrul Glass. Filter -> Distort -> Glass folosind parametri:
Distorsion: 20
Smoothness: 7
Texture: Frosted
Scaling: 70%
Invert: nebifat
Pasul 4. Modificam culoarea catre o tenta de albastru marin, dar la fel de bine puteti alege orice alta nuanta.
Image -> Adjustments -> Colour Balance folosind parametri: -75, -25, +30.
Pasul 5. Imaginea poate fi gata, dar daca doriti puteti adauga impresia de perspectiva.
Edit -> Transform -> Perspective. Trageti de un colt de jos al imaginii si apoi apasati Enter.
Linii suprapuse peste imagine:
Pasul 1. Deschideti un document nou cu dimensiunile 4px x 4px si setati foreground negru si background alb.
Pasul 2. Selectati Pencil Tool (apasati litera B). Pozitionati mouse-ul deasupra suprafetei utile a documentului, clic dreapta selectati Master Diameter 2px.
Pasul 3. Umpleti cu negru jumatatea superioara a documentului, obtinand o suprafata similara celei de mai jos.
Pasul 4. Salvam imaginea ca pattern. Edit -> Define Pattern -> stabiliti un nume pentru pattern -> OK, apoi inchideti acest document.
Pasul 5. Deschideti o imagine cu Adobe Photoshop. Eu am folosit-o pe cea de mai jos.
Pasul 6. Adaugati un nou layer. Selectati Paint Bucket Tool (apasati litera G) iar de sus din bara de butoane la Fill: selectati Pattern. De la Pattern: selectati pattern-ul creat anterior.
Pasul 7. In fereastra Layer, avand selectat Layer 1, stabiliti pentru Opacity valoarea 20.
Text decupat dintr-o imagine
Pasul 1. Deschidem un document nou 500 x 200.
Pasul 2. Selectam Text Tool (apasam litera T). Folosind orice culoare scriem un text, de exemplu PHOTOSHOP.
Pasul 3. Selectam Image -> Free Transform. Tragem de marginile textului astfel incat sa acoperim cat mai mult din suprafata documentului.
Pasul 4. Deschidem imaginea dorita pentru fundal. File -> Open -> selectam fisierul -> OK.
Eu am folosit imaginea de mai jos.
Pasul 5. Tinem ambele ferestre deschise ca in imaginea de mai jos, selectam Move Tool (apasam litera V) si tragem imaginea in documentul in care am scris tinand apasata tasta Shift pentru centrarea imaginii in document.
Pasul 6. In acest document avem trei straturi: Background (fundalul), PHOTOSHOP (textul) si Layer 1 (imaginea).
Pasul 7. Avand stratul imagine (Layer 1) selectat apasati Layers -> Create Clipping Mask, obtinand ceva similar cu imaginea de mai jos.
Puzzle
Pasul 1. Deschidem un document nou 300 x 300 cu background alb.
Pasul 2. Trasam ghiduri pe imagine. View -> New Guide... -> introducem pe rand coordonatele de mai jos:
orizontal 100px si 200px
vertical 100px si 200px
Pasul 3. Adaugam un strat nou (Layer 2).
Pasul 4. Apasam Rectangular Marquee Tool (M) realizand o selectie similara celei din imaginea de mai jos.
Pasul 5. Din paleta de culori alegem rosu, selectam Paint Bucket Tool (G) si apoi facem clic in interiorul zonei selectate.
Pasul 6. Select -> Deselect.
Pasul 7. Apasam Rectangular Marquee Tool (M) realizand o selectie similara celei din imaginea de mai jos.
Pasul 8. Apasam tasta Delete.
Pasul 9. Selectam Layer 2 si apasam CTRL selectand toata zona rosie.
Pasul 10. Select -> Modify -> Contract -> 5px si OK.
Pasul 11. Adaugam un strat nou (Layer3).
Pasul 12. Selectam stratul Layer 2, clic dreapta -> Delete Layer.
Pasul 13. Selectam stratul Layer 3, selectam Paint Bucket Tool (G). Facem clic in interiorul zonei selectate.
Pasul 14. Select -> Deselect. Obtinem ceva similar imaginii de mai jos.
Pasul 15. Adaugam un strat nou (Layer4).
Pasul 16. Apasam Rectangular Marquee Tool (M). Selectam din suprafata documentului cele 3 patrate albe suprapuse in partea din dreapta, apoi selectam patratul alb din mijloc.
Pasul 17. Select -> Modify -> Contract -> 5px si OK.
Pasul 18. Din paleta de culori alegem galben, selectam Paint Bucket Tool (G) si apoi facem clic in interiorul zonei selectate. Obtinem o imagine ca cea de mai jos.
Pasul 19. Select -> Deselect.
Pasul 20. Clic dreapta pe Layer 3.
Blending Options -> Drop Shadow -> Spread 5%, restul parametrilor neschimbati
Blending Options -> Stroke -> Color: alb (FFFFFF) si Size: 2px.
Pasul 21. Imaginea finala fiind urmatoarea.
Caseta
Pasul 1. Deschidem un document nou 310 x 210 cu background alb.
Pasul 2. Trasam ghiduri pe imagine. View -> New Guide... -> introducem pe rand coordonatele:
orizontal 5px si 205px
vertical 5px si 305px
Pasul 3. Apasam Rectangular Marquee Tool (M), selectam o zona similara celei de mai jos:
Pasul 4. Din paleta de culori alegem albastru (#3399FF), selectam Paint Bucket Tool (G).
Pasul 5. Adaugam un strat nou (Layer1).
Pasul 6. Facem clic in interiorul zonei selectate.
Pasul 7. Select -> Deselect.
Pasul 8. Trasam ghiduri pe imagine, orizontal 10px si 200px, vertical 10px si 300px.
Pasul 9. Apasam Rectangular Marquee Tool (M) realizand o selectie similara celei din imaginea de mai jos.
Pasul 10. Apasam tasta Delete.
Pasul 11. Trasam ghiduri pe imagine, orizontal 40px si 45px.
Pasul 12. Apasam Rectangular Marquee Tool (M) realizand o selectie similara celei din imaginea de mai jos.
Pasul 13. Selectam Paint Bucket Tool (G) si facem clic in interiorul zonei selectate.
Pasul 14. Select -> Deselect.
Pasul 15. Clic dreapta pe stratul Layer 1
Blending Options -> Stroke -> Color: negru (000000) si Size: 1px.
Blending Options -> Bevel and Emboss -> Size: 1px, Highlight Mode: Screen, Opacity: 45%, Shadow Mode: Multiply, Opacity: 25%
Pasul 16. Adaugam un strat nou (Layer2).
Pasul 17. Apasam Rectangular Marquee Tool (M) si realizam o selectie similara celei din imaginea de mai jos.
Pasul 18. Din paleta de culori alegem portocaliu (#FFCC33)
Pasul 19. Selectam Paint Bucket Tool (G) si facem clic in interiorul zonei selectate.
Pasul 20. Idem punctul 15.
Pasul 21. Select -> Deselect.
Pasul 22. Imaginea finala va fi similara cu cea de mai jos.
Animatie simpla cu Image Ready
Animatia se obtine afisand succesiv imagini al caror continut se modifica de la un cadru la altul.
In marea majoritate a cazurilor animatia este realizata prin deplasarea continutului unui strat sau prin modificarea opacitatii acestuia.
Acest exemplu este foarte simplu de realizat, intentia mea fiind de a prezenta tehnicile folosite ca ulterior acestea sa fie utilizate in aplicatii complexe.
Pasul 1. Deschidem in Photoshop un document nou 200 x 100.
Pasul 2. Trasam ghidaje pe document. View -> New Guide... -> cu urmatoarele cordonate:
orizontal: 10px si 90px
vertical: 10px, 90px si 190px
Pasul 3. Adaugam un strat nou (Layer 1).
Pasul 4. Selectam Rectangular Marquee Tool (M) si realizam o selectie similara celei de mai jos.
Pasul 5. Pin paleta de culori selectam albastru.
Pasul 6. Selectam Paint Bucket Tool (G) si facem clic in interiorul zonei selectate.
Pasul 7. Select -> Deselect.
Pasul 8. Exportam documentul in Image Ready. File -> Edit in Image Ready.
Pasul 9. In spatiul de lucru trebuie sa avem deschise ferestrele Tools, Animation si Layers.
File -> Window -> bifam ferestrele dorite.
Pasul 10. In fereastra Layers avem selectat stratul Layer 1.
Pasul 11. Selectam Move Tool (V).
Pasul 12. Dublam cadrul curent. Apasam Duplicate current frame conform imaginii urmatoare.
Pasul 13. Apasam sageata dreapta (->) de la tastatura de 10 ori. Imaginea se va deplasa catre dreapta cu 10 pixeli.
Pasul 14. Stabilim durata afisarii unui cadru (de la 0 la 10 secunde) apasand butonul Select frame delay time evidentiat in imaginea anterioara.
Repetam pasii 12 si 13 pana cand paratul albastru ajunge la limita din dreapta.
Pasul 15. Salvam imaginea animata. File -> Save Optimized As... (in format gif).
Pasul 16. Salvam documentul. File -> Save (in format psd).
Pasul 17. Imaginea finala va fi similara cu cea de mai jos.
Schita
Pasul 1. Deschideti din Adobe Photoshop o imagine.
Pasul 2. In fereastra Layers redenumiti stratul existent "poza".
Pasul 3. Adaugati un strat nou redenumindu-l "fond".
Pasul 4. Apasati tasta D (culoarea foreground devine negru). Apasati tasta X (culoarea foreground devine alb).
Pasul 5. Avand stratul "fond" selectat apasati Paint Bucket Tool (G), faceti clic in interiorul imaginii.
Pasul 6. Adaugati un strat nou redenumindu-l "desen" (ramane transparent).
Pasul 7. Apasati tasta X (foreground negru).
Pasul 8. La stratul "fond" faceti clic pe simbolul "Indicates layer visibility" (simbol ochi). Stratul "fond" devine invizibil.
Pasul 9. Apasati Brush Tool (B).
Pasul 10. Clic dreapta pe imagine, selectati:
Master Diameter: 6px
Hardness: 100%.
Pasul 11. Selectati Pen Tool (P). Sus in bara orizontala de icoane faceti clic pe "Path" (o penita intr-un patrat).
Pasul 12. Faceti clic pe imagine marcand puncte pe conturul imaginii. Cand terminati o zona de desenat faceti clic dreapta selectand "Stroke Path..." -> OK, apoi clic dreapta selectand "Delete Path".
Observatie: Cu cat conturul imaginii este mai neregulat cu atat distanta intre puncte va fi mai micatotodata lucrandu-se pe o imagine marita (zoom in).
Pasul 13. Repetati operatiile de la punctul 12 pentru alte sectiuni din conturul imaginii (cubului).
Pasul 14. Pentru a vedea schita obtinuta apasati "Indicates layer visibility" (simbol ochi) in dreptul stratului "fond" (devine vizibila doar schita pe fond alb).
Schita finala este prezentata in imaginea de mai jos.
Tentacul
Pasul 1. Deschideti un document 300px x 300px.
Pasul 2. Din paleta de culori alegeti DDDDDD (gri deschis). Apasati Paint Bucket Tool (G) si faceti clic in interiorul documentului.
Pasul 3. Adaugati un strat nou (Layer 1).
Pasul 4. Apasati Rectangular Marquee Tool (M), faceti o selectie similara celei din imaginea de mai jos.
Pasul 5. Apasati tasta D (foreground negru). Apasati Paint Bucket Tool (G) si faceti clic in interiorul documentului (selectia va fi umpluta cu negru).
Pasul 4. Adaugati un strat nou (Layer 2).
Pasul 5. Apasati tasta X (foreground alb). Apasati Paint Bucket Tool (G) si faceti clic in interiorul documentului (selectia va fi umpluta cu alb).
Pasul 6. Select -> Deselect.
Pasul 7. Avand Layer 2 selectat apasati Filter -> Blur -> Gaussian Blur, setati Radius 5.
Pasul 8. Avand stratul Layer 2 selectat apasati CTRL+E. Layer 1 si Layer 2 se vor uni obtinandu-se Layer 1.
Pasul 9. Edit -> Transform -> Distort. Se apasa SHIFT + ALT se face clic pe coltul din stanga jos (al selectiei) si se trage spre centru pana se obtine o imagine similara celei de mai jos, apoi se apasa Enter.
Pasul 10. Filter -> Distort -> Shear. Realizati o alura a curbei similara celei de mai jos.
Pasul 11. Filter -> Artistic -> Plastic Warp cu parametri:
Highlight Strenght: 10
Detail: 10
Smothness: 2
Pasul 12. Adaugati un strat nou (Layer 2).
Pasul 13. Apasati Brush Tool (B) apoi clic dreapta pe imagine, selectati:
Master Diameter: 30px
Pasul 14. Din paleta de culori alegeti FF0000 (rosu). Faceti clic din loc in loc pe suprafata tentaculului.
Pasul 15. Avand stratul Layer 2 selectat apasati tasta CTRL si faceti clic pe stratul Layer 1. Apasati simultan tastele CTRL+SHIFT+I apoi tasta DELETE (culoarea rosie a ramas doar deasupra suprafetei tentaculului).
pasul 16. Select -> Deselect. Imaginea obtinuta este similara celei de mai jos.
Carte postala
Pasul 1. In Photoshop redimensionati poza dorita la dimensiunile 200px x 150px. Select->All, Edit->Copy.
Pasul 2. Deschideti un document nou cu dimensiunile 220px x 190px cu background alb.
Pasul 3. Trasati ghiduri verticale la 10px si 210px si orizontale la 10px si 160px.
Pasul 4. Creati un nou layer numit poza.
Pasul 5. Edit->Paste. A aparut poza pregatita anterior in layer-ul poza.
Pasul 6. Cu Move Tool (V) pozitionati poza in interiorul dreptunghiului delimitat de cele 4 ghiduri.
Pasul 7. Optional puteti adauga un text descriptiv sub poza.
Pasul 8. "Lipiti" toate layer-ele (Layer->Flatten Image).
Pasul 9. Select->All, Edit->Copy.
Pasul 10. Deschideti un document nou cu dimensiunile 260px x 230px.
Pasul 11. Cu Paint Bucket (G) umpleti layer-ul cu o culoare.
Pasul 12. Creati un nou layer numit carte.
Pasul 13. Edit->Paste. A aparut poza creata anterior.
pasul 14. Pentru a vedea corect efectele pe care le veti adauga anterior afisati imaginea la scara 100% (View->Actual pixel).
pasul 15. Clic dreapta pe layer-ul carte, selectati Blending Options. Selectati Drop Shadow. Setati Distance: 10px si Size 10px (valori orientative).
Sper ca va e defolos acest tutorial ;)
Acest tutorial a fost copiat ca sa nu se iveasca certuri ;)
Bafta ;)
