8/16/2019 3 Prelucrare Grafica 1

1/2

CAP III - Prelucrare Grafica (1)

acum sa ne apucam de treaba. vom incepe cu prelucrarea imaginii deschise anterior, prin redimensionare si apoi aplicarea unuimodel de linii intunecate paralele. cu ocazia asta vei invata si cele mai importante concepte si facilitati ale photoshop. mai intai,cateva pregatiri: Deschide "File/Preferences/Units & Rulers" , si la Rulers/Units selecteaza Pixels. apoi, avand imaginea 2.jpgactiva, asigura-te ca numele fisierului este urmat de 100% in titlul ferestrei. utilizand combinatiile de taste ctrl si + si ctrl si -  poti ajusta dimensiunea pe ecran a pozei (deci numai pentru vizualizare). lasa imaginea la 100%.

vom folosi functia crop pentru a selecta numai o parte a imaginii: selecteaza  Image/Canvas Size, apasa pe coltul din stanga-susal patratului pe care scrie Anchor , apoi introdu valoarea 511 pentru Width si 364 la Height  (ai grija ca la unitatea de masura sa ai

 Pixels la amandoua). Apasa OK. Cu asta am "taiat" o bucata din imagine. Acum vom micsora imaginea rezultata cu totul:Deschide Image/Image Size, asigura-te ca ai Pixels ca unitate de masura la Width si Height  si ca textul Constrain Proportions este bifat, si apoi introdu valoarea 255 la Height  (Valoarea pentru Width ar trebui sa se modifice automat la 358). Apasa OK .Imaginea s-a micsorat. in fine vom umbla putin la contrast. deschide  Image/Adjust/Brightness-Contrast , introdu valoarea 25 (pozitiva) la contrast  si apasa ok . cresterea contrastului este o metoda buna de a da mai multa culoare unei imagini.

Pentru obtinerea efectului final, vom "acoperi" imaginea cu o grila formata din linii orizontale paralele. la drum. vom deschide oimagine noua: mergi la  File/New si introdu valorile 358 si 255 la Width, respectiv la Height . ca de obicei lucram in pixeli, decinu voi mai mentiona acest lucru de acum inainte. in aceeasi fereastra, in partea de jos la contents, alege Transparent .intotdeauna cand deschizi o imagine noua asigura-te ca la mode ai RGB Color . apasa OK . Am creat o imagine noua(deocamdata goala), de aceeasi dimensiune cu prima, dar cu fond transparent.

acum vom selecta culoarea de desen. apasa pe patratul pentru culoarea de desen in bara de instrumente (1), afisata mai josorizontal, pentru a economisi spatiu in ghid, desi ea in mod normal este verticala (apasa tasta tab pentru a afisa sau a ascunde bara de instrumente si orice alte ferestre de informatii active):

se va deschide o fereastra pentru alegerea culorii (daca fereastra are titlul Custom Colors, apasa pe butonul Picker ). vei folosiaceasta facilitate a photoshop pentru a afla codul in baza 16 pentru orice culoare folosita in paginile tale (in tag-uri precum

, unde XXXXXX  este codul in baza 16 gasit in rubrica #  a ferestrei color picker . pentru exemplulnostru, introdu codul 000000 pentru negru la rubrica #  si apasa OK .

acum, folosind culoarea negru selectata anterior, vom trasa o linie orizontala in partea de sus a imaginii nou create. apasa dedoua ori pe unealta de trasat linii, prezentata si in bara de instrumente de mai sus (2). daca in locul liniei ai un creion in bara deinstrumente, apasa o data pe el si tine apasat pana cand iti apare linia, si selecteaz-o. daca ai apasat de doua ori pe linie, ti s-adeschis o mica fereastra intitulata line options. Selecteaza normal , Opacity 100% si Weight 1; nici una din rubricile acesteiferestre nu va fi bifata. acum intervine si o doza de maiestrie, care nu trebuie sa lipseasca nici unui webdesigner. va trebui satrasezi o linie orizontala, in partea cea mai de sus a imaginii nou create, pe toata lungimea sa. pentru a iti fi mai usor,redimensioneaza fereastra cu imaginea: mergi cu cursorul pe unul din colturile ferestrei, si cand cursorul se transforma insageata, "trage" de margine pana apare un chenar gri in jurul imaginii. acum pozitioneaza cursorul in pixelul (coltul) cel mai dinstanga sus al imaginii si apasa pe butonul din stanga al mouse-ului (importanta este pozitionarea pe verticala - exact submarginea de sus. daca te-ai pozitionat deasupra imaginii sau exact pe marginea de sus, nu vei reusi - trebuie sa fii exact submarginea de sus cu cursorul, si undeva in stanga marginii din stanga, deci in afara imaginii). tine apasat, si acum muta cursorulin pixelul (coltul) cel mai din dreapta-sus; pentru a te asigura ca trasezi o linie perfect dreapta apasa pe  shift  si tine apasat. ajunsin coltul din dreapta-sus (poti merge cu cursorul chiar in dreapta marginii din dreapta, pentru a te asigura ca ai acoperit toatalungimea), da drumul butonului de la mouse si tastei shift . va trebui sa ai o linie perfect dreapta in partea cea mai de sus aimaginii (nu trebuie sa ai nici un spatiu intre linie si marginea imaginii; practic, marginea de sus a imaginii trebuie sa apara maiingrosata, fata de celelalte margini). precizia este de maxima importanta, asa ca daca nu ai reusit, incearca de mai multe ori(ctrl+z  este undo; daca mergi la Window/Show History ai un istoric al tuturor actiunilor si uneltelor folosite in photoshop, asa ca poti sterge liniile care nu au iesit bine).

acum deschide Window/Show Info, daca nu este deja afisat. acum vei folosi unealta de selectie din bara de instrumente, cea dinstanga sus din bara (3), in forma de patrat trasat cu o linie intrerupta (daca pe acea pozitie nu ai un patrat, tine apasat pe acea pozitie, si apoi selecteaza patratul). va trebui sa selectezi un dreptunghi de lungime 358 pixeli (toata lungimea imaginii) siinaltime 2 pixeli din partea cea mai de sus a imaginii. coordonatele selectiei apar in fereastra info, unde va trebui sa ai 358 la W  si 2 la H . aceasta selectie trebuie sa includa linia trasata anterior si inca un rand de pixeli (transparent) de sub ea. cu acestdreptunghi selectat, mergi la Edit/Define Pattern. Apoi, folosind unealta de selectie fa un click oriunde in imainge, subdreptunghiul selectat, pentru a il deselecta. Acum mergi la  Edit/Fill , asigura-te ca ai Use pattern, Opacity 100% si Mode

normal , iar apoi apasa OK . ai obtinut un model de linii orizontale paralele pe un fond transparent, ca mai jos:

acum apasa ctrl si a pentru a selecta imaginea nou-creata si deschide  Edit/Copy (sau apasa ctrl si c) pentru a o copia. acumapasa pe titlul ferestrei cu poza cu zgarie-norii (2.jpg) pentru a o selecta, si deschide  Edit/Paste (sau apasa ctrl si v) pentru paste.imaginea nou rezultata este gata si ar trebui sa arate cam asa (apasa pe ea sa o vezi marita):

Page 1 of 2verde.ro - cu noi internetul este simplu

30.04.2004http://www.verde.ro/ghid2/4.html

http://www.verde.ro/ghid2/4.htmlhttp://www.verde.ro/ghid2/4.html

8/16/2019 3 Prelucrare Grafica 1

2/2

 daca din diverse motive nu ai reusit sa obtii acest rezultat, atunci salveaza imaginea deschisa apasand poza de mai sus, iar apoideschide-o in photoshop. in capitolul urmator vom crea o macheta a primei pagini a site-ului.

Page 2 of 2verde.ro - cu noi internetul este simplu

30.04.2004http://www.verde.ro/ghid2/4.html

http://www.verde.ro/ghid2/4.htmlhttp://www.verde.ro/ghid2/4.html