Adobe Photoshop

Lucrul cu straturi (elemente de baz\)

~n aceast\ lec]ie se prezint\: organizarea pe straturi a unui fi[ier de imagine crearea de noi straturi vizualizarea [i ascunderea straturilor slectarea straturilor `ndep\rtarea imaginilor de pe straturi rearanjarea straturilor pentru a modifica amplasarea imaginilor de pe straturi `n contextul general al imaginii finale aplicarea de moduri straturilor pentru a ob]ine anumite efecte vizuale legarea straturilor pentru a le prelucra simultan introducerea textului aplicarea de efecte starturilor salvarea unei variante a fi[ierului `n care straturile sunt aplatisate / combinate (flatten)

Imaginea final\, ce se va ob]ine `n urma prelucr\rii, este aceasta:

Organizarea lucr\rii pe straturi

O imagine prelucrat\ cu programul Adobe Photoshop poate con]ine mai multe straturi (layers); fiecare fi[ier nou este creat cu un fundal (background), care poate fi convertit `ntrun strat. ~n Adobe Photoshop se pot vizualiza [i manevra straturi cu ajutorul Paletei de straturi (Layers palette). Toate straturile sunt transparente p^n\ `n momentul `n care se adaug\ imagine (zone cu opacitate variat\). Lucrul cu straturi `n Photoshop este analog cu amplasarea unor por]iuni de desen pe folii transparente suprapuse foliile individuale pot fi editate, reamplasate [i [terse f\r\ a afecta con]inutul celorlalte folii suprapuse, iar desenul este vizibil `n ansamblul s\u.

Demararea lec]iei
1. Se deschide programul Adobe Photoshop [i se `ncarc\ fi[ierele de imagine asociate lec]iei, aflate `n folderul indicat (de exemplu): Lucrul 2. File > Open Arte-nt didactic Adobe_Photoshop Curs-Adobe End02.psd (imaginea `n stadiul final). cu straturi View > Zoom Out pt. a mic[ora imaginea. ... 3. File > Open (acela[i folder) Start02.psd (imaginea `n stadiul ini]ial) 4. Salva]i imaginea de lucru: File > Save As user on Arte-nt (contul propriu) Tema2.psd OK

Dup\ fiecare etap\ de lucru desf\[urat\ satisf\c\tor, imaginea se salveaz\ (File > Save). Observa]ie: ~n cazul `n care parametrii instrumentelor au fost modifica]i de c\tre
utilizatorii anteriori ai programului Adobe Photoshop (caz `n care acestea au o comportare nea[teptat\), instrumentele trebuie aduse la starea ini]ial\ (default) prin [tergerea fi[ierului de preferin]e. Aceasta interven]ie se poate realiza doar de c\tre utilizatorii avansa]i, sau se cere asisten]a cadrului didactic.

Crearea [i vizualizarea straturilor

Se creaz\ mai `nt^i un strat nou [i se aduce o imagine dintr-un alt fi[ier, `n modul explicat mai jos. 1. File > Open folder-ul lec]iei > Clock.psd (Ceas)

2. Selecta]i instrumentul de mutare Ap\sa]i tasta Shift , clica]i imaginea din fi[ierul Clock.psd [i trage]i-o peste imaginea Tema2.psd (deasupra imaginii tastaturii). (Dac\ se ]ine ap\sat\ tasta Shift c^nd se trage imagine `ntr-un fi[ier nou se realizeaz\ centrarea imaginii aduse peste imaginea existent\). Observa]ie: dac\ Paleta de straturi nu este vizibil\, comanda]i: (Meniu) Window > Show Layers. Expandarea acesteia se realizeaz\ din caseta de minimizare/maximizare (vezi figura de mai jos, zona A). 3. ~nchide]i fi[ierul Clock.psd

A B

Paleta de straturi poate fi utilizat\ pentru a vizualiza, ascunde, [terge, redenumi [i uni (combina = merge) straturi. Paleta de straturi arat\ toate straturile cu numele lor [i imaginea `n format redus, aceasta fiind reactualizat\ simultan cu lucrul la stratul respectiv.

Redenumirea unui strat:

4. Executa]i clic buton dreapta mouse, apare un meniu (din care alege]i "Layer properties" - propriet\]ile stratului) 5. ~n caseta de dialog Layer Properties, introduce]i numele stratului, Clock (Ceas), [i ap\sa]i OK; Startul este acum redenumit. Paleta de straturi arat\ c\ fi[ierul Tema02.psd con]ine trei straturi `n plus fa]\ de stratul cu ceas, Clock, iar unele din acestea sunt vizibile, altele nu. Pictograma ochi din st^nga Paletei de straturi indic\ faptul c\ acel strat este vizibil. Se poate afi[a sau ascunde un strat prin clicarea pe aceast\ pictogram\. 6. Exersa]i afi[area [i ascunderea stratului prin intermediul pictogramei ochi.

Selectarea [i `ndep\rtarea imaginii dintr-un strat

A]i observat c\ atunci c^nd a]i mutat imaginea ceasului deasupra imaginii tastaturii `n fi[ierul Tema2.psd, a]i mutat de asemenea [i zona alb\ din jurul ceasului. Aceast\ zon\ opac\ blocheaz\ o parte din imaginea de dedesubt, deoarece imaginea ceasului este a[ezat\ deasupra `n stiva de straturi. ~n cele ce urmeaz\, vom realiza `ndep\rtarea zonei opace din imaginea ceasului. 1. Asigura]i-v\ c\ imaginea ceasului este selectat\. Pentru a selecta acest strat, executa]i clic pe numele stratului din Paleta de straturi. Stratul devine selectat (highlighted) [i o pictogram\ sub forma unui penson apare `n st^nga numelui stratului, indic^nd c\ stratul este activ. 2. Pentru a pune `n eviden]\ mai mult zona opac\ din jurul ceasului, ascunde]i tastatura prin clicarea pictogramei ochi corespunz\toare acelui strat, `n Paleta de straturi. Imaginea tastaturii dispare iar ceasul r\m^ne amplasat pe un fundal ca o tabl\ de [ah (aceasta indic\ zonele transparente dintr-un strat activ). 3

3. Selecta]i bagheta magic\, clica]i zona de culoare alb\ din jurul ceasului pentru a o selecta [i ap\sa]i tasta Delete pentru a [terge aceast\ selec]ie. Se observ\ c\ zona alb\ este `nlocuit\ de modelul `n tabl\ de [ah, ceea ce indic\ faptul c\ acum aceast\ zon\ este transparent\. 4. Comanda]i (Meniu) Select > Deselect. 5. Activa]i din nou fundalul (Background) prin pictograma ochi a stratului respectiv. Acum tastatura se vede [i `n zonele ce fuseser\ acoperite cu culoare alb\ din stratul ceasului.

Rearanjarea straturilor
~n Photoshop, ordinea `n care sunt organizate straturile unei imagini se nume[te ordine de stivuire/suprapunere (stack = stiv\). Ordinea de stivuire determin\ aspectul final al imaginii se poate schimba ordinea pentru ca diverse p\r]i ale imaginii s\ apar\ `n fa]a sau `n spatele altor straturi. ~n cele ce urmeaz\ ve]i rearanja straturile `n Tema2.psd a[a `nc^t imaginea ceasului s\ apar\ `n fa]a altor imagini din acest fi[ier. 1. Face]i vizibile straturile ce con]in aparatul de m\sur\ (Gauge) [i rulmentul (Bearing). Observa]i c\ imaginea ceasului este par]ial acoperit\ de alte imagini din fi[ier.

2. Clica]i pe stratul Clock [i trage]i-l `n sus pentru a-l pozi]iona `n partea de sus a paletei. C^nd observa]i o linie groas\ deasupra stratului ce con]ine instrumentul de m\sur\ (gauge), elibera]i butonul mousului. Stratul cu ceas se mut\ `n partea de sus a stivei de straturi din palet\, iar imaginea ceasului apare deasupra tuturor imaginilor.

Schimbarea opacit\]ii [i a modului unui strat

~n acest moment, imaginea ceasului blocheaz\ (acoper\ total) orice imagine care se afl\ pe straturile de dedesubt. Se poate reduce opacitatea stratului cu ceas, ceea ce permite celorlalte straturi s\ se vad\ prin acesta. Se pot, de asemenea, aplica stratului diverse moduri de colorare, ceea ce afecteaz\ felul `n care imaginea ceasului se combin\ (blend = combinare) cu straturile de dedesubt. 1. Cu stratul Ceas `nc\ activ, clica]i cursorul de l^ng\ caseta Opacitate (Opacity) din Paleta de straturi [i trage]i-l la 50%. Ceasul devine par]ial transparent [i se pot vedea straturile de dedesubt. Observa]i c\ modificarea opacit\]ii a afectat numai imaginea din stratul Ceas. 2. ~ncerca]i s\ aplica]i stratului Ceas c^teva moduri de blending (amestecare, combinare). Selecta]i Difference [i apoi Darken din meniul de mod (`n st^nga casetei Opacity) [i observa]i efectul asupra imaginii ceas. Selecta]i modul Ecran (Screen), care este modul utilizat `n exemplul nostru [i modifica]i opacitatea la 90%.

3. File > Save.

Legarea straturilor
Un mod eficient de a lucra cu straturile este acele de a crea o leg\tur\ `ntre dou\ sau mai multe straturi. Prin legarea straturilor, acestea se pot transforma [i muta / deplasa simultan, p\str`nd astfel alinierea lor relativ\. ~n cele ce urmeaz\, ve]i deplasa imaginea ceasului fa]\ de imaginea rulmentului, ve]i lega cele dou\ straturi [i apoi ve]i executa opera]ii de repozi]ionare, scalare [i rotire simultan\ a celor dou\ straturi. 1. Selecta]i instrumentul de mutare [i trage]i cu acesta ceasul spre col]ul din dreapta jos al imaginii, ca `n imaginea de mai jos.

2. Cu stratul Ceas (Clock) marcat activ `n Paleta de straturi, clica]i `n p\tratul mic de l`ng\ pictograma ochi de la stratul rulmentului (Bearing). Observa]i c\ apare o pictogram\ sub forma unui lan], care simbolizeaz\ faptul c\ stratul Bearing este legat de stratul Ceas (cel activ). Stratul activ, fa]\ de care este legat cel\lalt strat, nu afi[eaz\ nici un semn `n dreptul s\u. 3. Pozi]iona]i instrumentul de mutare (Move tool) pe imagine [i trage]i imaginea `n sus, ca `n figura urm\toare. Observa]i c\ imaginile ceasului [i rulmentului se deplaseaz\ `n sus simultan.

Acum vom `ncerca s\ scal\m [i s\ rotim straturile legate, cu ajutorul comenzii Free Transform. 4. (Meniu) Edit > Free Transform. O caset\ specific\ (chenar cu marcheri, handles) apare `n jurul imaginii ceasului. 5. Pentru a roti ceasul, pozi]iona]i pointer-ul (cursorul de mouse) `n afara chenarului, observa]i s\geata dubl\ curbat\, ap\sa]i buton st`nga mouse [i trage]i spre a roti caseta `n sensul acelor de ceasornic apoi elibera]i butonul de mouse. Observa]i c\ rulmentul se rote[te odat\ cu ceasul. 6. }ine]i ap\sat\ tasta Shift [i trage]i de un marker de pe caseta transform\rii spre a scala (modifica dimensiunea) celor dou\ obiecte legate, `n sensul de a le mic[ora.

7. Dac\ este necesar, pozi]iona]i pointer-ul `n interiorul casetei (chenarului) [i trage]i chenarul pentru a repozi]iona (reamplasa) cele dou\ imagini. 8. Ap\sa]i tasta Enter pentru a finaliza aplicarea Transform\rii. 6

Aplicarea de gradient unui strat

~n cele ce urmeaz\, vom crea un strat nou (comanda New Layer Strat nou, transparent, f\r\ con]inut de imagine) [i `i vom aplica un efect de gradient. Dac\ se aplic\ un efect special acestui strat, de exemplu gradient, acest efect afecteaz\ toate straturile de dedesubt. ~n paleta Layers, clica]i fundalul (Background) pentru a-l activa. 2. Comanda]i Strat Nou (New Layer) `n meniul din dreapta-sus al paletei Layers.

3. ~n caseta de dialog New Layer, introduce]i numele Gradient [i comanda]i OK. Stratul Gradient apare deasupra fundalului, `n paleta Layers. ~n acest moment se poate aplica gradient noului strat. Gradientul este tranzi]ia gradual\ `ntre una sau mai multe culori. ~n Photoshop, se poate controla tipul tranzi]iei utiliz`nd instrumentul de gradient. 4. Executa]i clic pe instrumentul de gradient linear din caseta de instrumente - apare [i paleta sa de Op]iuni.

6. Selecta]i paleta Swatches (Meniu Window > Show Swatches) [i alege]i o nuan]\ de culoare care v\ convine. 7. Av`nd stratul Gradient activ `n paleta de straturi, trage]i instrumentul de gradient dinspre dreapta spre st`nga imaginii (desen`nd cu mousul o linie imaginar\ de-a lungul traseului, ca `n figura de mai jos). Gradientul se extinde pe toat\ l\]imea imaginii, `ncep`nd cu nuan]a mai intens\ [i trec`nd gradat spre transparent [i afecteaz\ straturile de dedesubt. Deoarece efectul de gradient 7

acoper\ par]ial tastatura, este necesar a cre[te transparen]a schimb`nd nivelul de opacitate al stratului Gradient. 8. ~n paleta Layers, modifica]i opacitatea, pentru stratul Gradient, la 60%. Acum se poate observa tastatura prin stratul Gradient.

Ad\ugarea textului
Acum se poate introduce [i formata text. Se creaz\ text cu instrumentul Type Tool, care amplaseaz\ text pe un tip specific de strat. Ulterior acest text va fi editat [i i se vor aplica efecte speciale acestui strat. 1. ~n paleta Layers efectua]i clic pe stratul Ceas pentru a-l activa. 2. Selecta]i instumentul pentru text [i clica]i imaginea, `n col]ul de st`nga sus. 3. Clica]i caseta de culoare de pe paleta instrumentului Type Tool (aflat\ l`ng\ meniul principal), selecta]i o culoare la alegere din selectorul de culoare (color picker) [i comanda]i OK.

4. Alege]i un font din meniul Font [i introduce]i m\rimea (`n fi[ierul exemplu s-a folosit Helvetica Neue Condensed Heavy cu m\rimea 70). 5. Introduce]i "Z2000" `n caseta de text din partea de jos a casetei de dialog. Acest text este amplasat automat pe un strat nou `n partea de st`nga sus a imaginii pe care a]i selectat-o. 6. Muta]i cursorul `n zona de imagine, `n care cursorul `[i modific\ temporar forma `n instrument de mutare, pentru a repozi]iona textul. 7. Observa]i c\ paleta Layers include un strat av`nd o pictogram\ `n form\ de T al\turi de nume, ceeea ce indic\ tipul de strat. 8

Ad\ugarea unui efect

Se poate `nbun\t\]i aspectul unui strat prin ad\ugarea unor efecte de umbr\ (shadow), iluminare (glow), efect unghiular (bevel) sau extrudare (emboss) preluate din colec]ia de efecte pentru straturi. Aceste efecte sunt u[or de aplicat [i se refer\ direct la stratul specificat. ~n cele ce urmeaz\ ve]i aplica efecte [] la stratul de text. 1. Cu stratul de text activ, realiza]i dublu clic pe el (sau comanda]i Meniu > Layer > Layer Style ). Apare o fereastr\ intitulat\ "Layer Style".

2. Modifica]i opacitatea la 20%-30%. 3. Alege]i Bevel and Emboss (Bizotare [i extrudare) din meniul de stiluri (Style), ap\sa]i pe stilul ales pentru a desf\[ura parametrii stilului, ca mai jos. 4. Efectele de straturi sunt aplicate automat [i modific\rilor ce se efectueaz\ ulterior `n strat. Se poate verifica acest fapt realiz`nd modific\ri asupra textului [i urm\rind cum efectul se aplic\ [i acestor modific\ri. 5. Executa]i dublu clic pe stratul Z2000. 6. Clica]i textul [i schimba]i "Z2000" `n "Z999". 7. Reselecta]i noul text, aplica]i o nou\ m\rime `n caseta Size (de ex. 90 puncte) [i comanda]i OK. Observa]i c\ efectul aplicat stratului se manifest\ [i pentru noul text introdus [i pentru caracterele de dimensiune mai mare. 8. File > Save.

Caseta cu parametrii stilului "Bevel and emboss"

Aplatisarea [i salvarea imaginilor

Atunci c`nd s-a finalizat editarea tuturor straturilor imaginii, se poate salva o copie a fi[ierului av`nd straturile combinate (fi[ier aplatisat - flat). Aplatisarea straturilor le combin\ pe acestea `ntr-un singur strat de fundal, av`nd ca efect o important\ reducere a dimensiunii fi[ierului (a volumului de informa]ie). Aten]ie ! Nu aplatisa]i straturile dec`t dac\ sunte]i satisf\cu]i cu modul `n care se prezint\ imaginea final\ ! ~n cele mai multe cazuri, se prefer\ p\strarea unei copii a fi[ierului av`nd straturile intacte (diferen]iate), dac\ se va dori modificarea vreunui strat. Pentru a salva o copie aplatisat\, se va folosi comanda Save a Copy. 1. File > Save a Copy 2. ~n caseta de dialog, introduce]i numele Flat02.psd [i alege]i op]iunea Flatten Image (comprimarea imaginii/fi[ierului, combinarea straturilor). 3. Clic Save. Fi[ierul ini]ial r\m`ne intact.

Glosar
Background fundal, stratul de baz\ Foreground avanscen\ bevel (bizotare) unghi, a crea un unghi, o pant\ (aici, la marginea literei) blend a amesteca sau a realiza o compunere de imagini prin suprapunere emboss - extrudare glow - coloare radiant\, accentuarea luminozit\]ii handle - marcajele chenarului, marcaj al casetei de delimitare Caseta tehnic\ Sursa: Tutoriale Adobe Photoshop 6 Ultima revizie: 15.11.2001

10