Stăniloiu Călin Mihai

Introducere. Imaginea digitală

O imagine digitală este o reprezentare a unei imagini reale bidimensionale (imagine

în "2D" sau două dimensiuni), ca o mulțime finită de valori digitale (numerice), codificate după
un anumit sistem. Dacă a fost produsă printr-un procedeu fotografic se mai numește și fotografie
digitală.
Imaginile digitale pot fi create cu ajutorul unei multitudini de dispozitive tehnice, așa
cum ar fi aparate de fotografiat digitale, aparate de filmat digitale, scanere de imagine, mașini de
măsurat coordonate, radare aeriene și multe altele. Imaginile digitale mai pot fi de asemenea
obținute și/sau sintetizate (create) din diferite alte date ne-imagistice, eventual "artificiale", așa
cum ar fi funcții matematice, modele bidimensionale și tridimensionale, grafică computerizată,
etc.
Folosirea corectă a unei imagini digitale presupune cunoștințe ținând de mai multe
domenii, dar în special de domeniul programelor și subprogramelor care o pot modifica și
optimiza. Astfel, calibrarea geometrică, fotometrică și senzorială sunt elemente importante ale
corecției și prelucrării digitale a imaginilor digitale. Aici este de fapt vorba de
meseria/specialitatea de grafician. Utilizatorii trebuie să fie conștienți de erorile de cuantificare
inevitabile, carese datorează în special rezoluției limitate a imaginii. Ca atare, se recomandă ca
fiecărei imagini în parte să fie întotdeauna corectată și calibrată în mod profesionist.
Există o multitudine de programe de calculator care prelucrează imaginile digitale
după dorință. Exemple de operații foarte uzuale: optimizarea culorii, contrastului și luminozității;
decupare; întregire sau plasare într-o "ramă", tot digitală; mărire / micșorare; comprimare (de ex.
pentru a accelera transmisia); mărirea sau micșorarea clarității; compunerea unor imagini din alte
imagini; precum și o mulțime întreagă de modificări, prelucrări și efecte artistice.
Activitatea GRAFICIANULUI PC (DTP DESIGNER) este aceea de elaborare, la
solicitarea clienţilor, a desenelor grafice pentru o gamă largă de activităţi, prin folosirea
diverselor tehnici grafice pe calculator.

I. Photoshop
1. Creative Cloud

1
 Stăniloiu Călin Mihai

Acum se pot crea lucrări excelente de oriunde.

Cu noile aplicații și servicii Creative Cloud conectate, aveți la îndemână toate
instrumentele și materialele de care aveți nevoie pentru a crea lucrări impresionante pe sisteme
desktop sau dispozitive mobile. Există planuri pentru toată lumea, inclusiv pentru studenți,
pentru fotografi și pentru companii mici și mijlocii.
Ediția Creative Cloud din 2014 include versiuni complet noi ale aplicațiilor preferate
pentru desktop — inclusiv Photoshop, Illustrator și Premiere Pro — cu sute de funcții noi și
îmbunătățiri ale performanțelor. Realizați cele mai bune lucrări într-o manieră mai eficientă
profitând de cele mai recente inovații și de standarde moderne.

2. Photoshop – Interfaţa

Adobe Photoshop este un program folosit pentru editarea imaginilor digitale,

fotografiilor și graficii pe calculator. Adobe Photoshop este un program cu 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, etc.

2
 Stăniloiu Călin Mihai

Interfața de pornire a programului Adobe Photoshop

În paleta Tool găsești toate uneltele cu care lucrezi atunci când editezi o imagine.
Paletele din partea dreaptă sunt alte palete auxiliare care îți vor ușura munca atunci când lucrezi
la o imagine. Acele palete le poți înlocui cu alte palete care te vor ajuta mai mult, nu este nevoie
să le lași pe acestea active atâta timp cât nu îți folosesc la nimic, așa că te voi învăța mai imediat
cum să le activezi / dezactivezi, muta, micșora / mări, etc. Paleta Options este o paletă foarte
importantă unde poți să vezi setăriile uneltelor. La fiecare unealtă ai anumite setări pe care le poți
face, fiecare setare te va ajuta în altă situație. Meniul este locul de unde poți face absolut orice,
să creezi un document nou, să salvezi un document, să adaugi efecte (filtre, layere de ajustare,
3D), să activezi / dezactivezi palete, etc.

3
 Stăniloiu Călin Mihai

Interfaţa programului Adobe Photoshop.

Interfaţa în timpul realizării unui element grafic.

II. CorelDRAW

1. CorelDRAW Graphics Suite

4
 Stăniloiu Călin Mihai

CorelDRAW este o aplicaţie complexă de grafică vectorială care a jută la crearea

unor desene profesionale, de la simple sigle la desene tehnice complexe. CorelDRAW este
componentă a suitei de aplicaţii CorelDRAW din care fac parte:
- CorelDRAW - program de grafică vectorială;
- Corel PhotoPaint - program de grafică bitmap;
- Corel Texture - Program de grafică bitmap, specializat pe creare de texturi. Se
poate folosi ca ajutor al programelor CorelDRAW, Corel PhotoPaint, Adobe Photoshop;
- Corel Rave - program de animaţie vectorială;
- Corel Capture - Program de capturare de imagini de ecran. Aplicaţia oferă mai
multe opţiuni faţă de Print Screen/Windows, cum ar fi stabilirea rezoluţiei, a tipului de imagine
etc.
- Corel Trace - Program de transformare a imaginilor bitmap în imagini vectoriale.
Acest program se bazează pe aproximarea formei şi a culorii, deci nu este foarte precis;
- Bitstream Font Navigator - Program utilitar de gestionare şi vizionare a
fonturilor instalate sau nu pe calculator. Este foarte util pentru căutarea unui anumit font, instalat
sau nu pe calculator;
- Duplexing Wizard - Program utilitar care ajută la tipărirea la imprimantă
peambele feţe ale hârtiei

2. Interfaţa CorelDRAW

Interfaţa de pornire CorelDRAW X7.

5
 Stăniloiu Călin Mihai

În continuare va fi prezentat mediul de lucru al programului CorelDRAW, cel mai

important din suita de aplicaţii CorelDRAW, făcând o enumerare rapidă a instrumentelor şi a
facilităţilor acestui program, fără detalii suplimentare.

Aceasta este afişarea standard a ferestrei CorelDRAW. Toate bările, în afară de

cea de titlu şi cea de stare, pot fi lăsate „să plutească”,astfel încât să se poată muta după
bunul plac în fereastra de desen. Bara de stare poate fi şi ea mutată, dar poate avea doar
două poziţii, în partea de sus sau în partea de jos a ferestrei de lucru CorelDRAW.

Multe dintre părţile componente ale interfeţei CorelDRAW sunt împrumutate de la

sistemul de operare Windows. Similar oricărui program destinat să ruleze sub Windows, toate
modulele CorelDRAW cuprind:
- o bară de titlu ce afişează numele şi versiunea aplicaţiei, numele fişierului deschis
în acel moment şi butoanele de control ale aplicaţiei (minimizare, restaurare şi închidere);
- o bară de meniuri care permite accesul la majoritatea funcţiilor şi comenzilor
programului, inclusiv la butoanele de control ale documentului (minimizare, restaurare şi
închidere);
- pictograma cu sigla CorelDRAW. Trebuie menţionat că există două pictograme cu
sigla CorelDRAW, amândouă permit accesul către aceleaşi opţiuni ca şi butoanele de control.
Pictograma de pe bara de titlu acţionează asupra întregii aplicaţii, iar pictograma de pe bara de
meniuri are efect numai asupra documentului deschis în acel moment.

6
 Stăniloiu Călin Mihai

Bara de proprietăţi este una dintre cele mai importante zone ale interfeţei
CorelDRAW. Un aspect foarte important al acestei bare este că ea depinde de selecţia din
fereastra de desen. Dacă este selectat un text, afişează majoritatea proprietăţilor ce pot fi
modificate la un text: font, mărime, alinieire etc.. În cazul în care este selectat un obiect desenat
vor fi afişate coordonatele acestui obiect în fereastra de desen, mărimea obiectului, factorul de
scalare, unghiul cu care acel obiect este rotit şi multe alte proprietăţi specifice fiecărui obiect.
Trebuie menţionat că bara de stare afişează opţiunile pentru fiecare tip de obiect în parte, deci
pentru selecţia unui cerc sau a unui pătrat, bara de stare va arăta diferit. Când va fi selectat
pătratul, bara de stare va arăta caracteristicile pătratului, iar când va fi selectat cercul va afişa
caracteristicile specifice acestui tip de obiect.
În cazul în care nu este selectat nimic din fereastra de desen, bara de proprietăţi va
afişa formatul paginii, orientarea acesteia, unitatea de măsură folosită etc..
Caseta de instrumente CorelDRAW conţine majoritateainstrumentelor ce sunt
folosite pentru desenarea, colorarea şi modificarea obiectelor.

III. Photoshop – Realizarea unui site.

Se crează un document nou, cu următoarele caracteristici:

Cu ajutorul Pain Bucket Tool, aplicăm un gradient ce va juca rolul de fundal al site-
ului, pe layerul nou creat.

7
 Stăniloiu Călin Mihai

Folosim Rectangle Tool pentru a desena un dreptunghi (pe un layer nou), pe care îl
aliniem cu layerul anterior, astfel încât să obținem simetrie:

8
 Stăniloiu Călin Mihai

Alegem o imagine pe care o vom folosi pentru îmbunătățirea esteticii site-ului si o

lipim într-un layer nou. Folosindu-ne de layer-mask o decupăm sau redimensionăm în așa fel
încât să corespundă dimensiunilor site-ului:

Pentru a înfrumuseța imaginea, adaugăm un dreptunghi de culoare portocalie, cu

ajutorul Rectangle Tool ...

În următoarea etapa, cu ajutorul Rectangle Marquer Tool, decupăm dreptunghiul

creat anterior și eliminăm selecția, în așa fel încât să obținem o ramă pentru imaginea inserată

9
 Stăniloiu Călin Mihai

anterior. Pentru ca aceasta să se integreze cât mai bine în estetică viitorului site, o cosmetizăm cu
ajutorul efectelor de umbrire, asemnea imaginii de mai jos:

În interiorul ramei, adăugăm trei layere care vor cuprinde informații utile despre
tematica site-ului pe care îl realizăm. Layer-elor le aplicăm diferite efecte de umbrire ce au rolul
de a înfrumuseța textele folosite:

Cu ajutorul Rectangle Tool, realizăm patru dreptunghiuri, pe care le prelucrăm, le

adugăm efecte de umbrire, în așa fel încât să devină butoane ale viitorului site:

10
 Stăniloiu Călin Mihai

Cu ajutorul Horizontal Type Tool, adăugăm butoanelor texte cu trimitere către modul
sau linkul spre care vor funcționa. De asemnea și în acest caz, adăugăm efecte de umbrire:

Folosind Custom Shape Tool, adăugăm un simbol care poate contribui la estetica
site-ului. Alegem un simbol din lista oferita de această unealtă și o plasăm în așa fel încât să
acopere suprafața liberă rămasă după amplasarea celor patru butoane. Ii alegem un fundal asorat
tematicii siteului si îi aplicăm eventuale efecte de umbrire (pentru a accesa aceste efecte, dăm
click dreapta pe layer, selectăm Blending Options și mai apoi folosim opțiunile aflate la
dispoziție
:

11
 Stăniloiu Călin Mihai

În etapa următoare adăugăm numele site-ului, mesajul de bun venit, un logo specific
în partea de sus a proiectului, iar în colțul dreapta-jos adăugăm numele celui care a realizat site-
ul, în toate cazurile folosindu-ne de Horizontal Type Tool și diferite efecte din Blending Options:

Site-ul nu este încă gata. Pentru a funcționa ca un site real, trebuie să adăugăm
butoanelor sau anumitor părți ale imaginii create în cadrul etapelor de mai sus linkuri spre pagini
specifice. Acest lucru îl realizăm cu ajutorul Slice Tool. Cu ajutorul acestei unelte selectăm
zonele pe care dorim să le transformăm în viitoare butoane virtuale, ce prin accesare vor face
trimitere spre alte informații sau site-uri:

12
 Stăniloiu Călin Mihai

Pentru a realiza linkurile către paginile sau informațiile dorite dăm click dreapta pe
selecția dorită, dăm click stânga pe Edit Slice Options și apoi completăm:
- Name – numele paginii/linkului pe care îl creăm;
- URL – atașăm linkul spre care facem trimiterea;
- Target – numele spre care facem trimiterea;
- Message Text – un mesaj care să fie afișat în momentul în care cursorul
ajunge deasupra selectie, pe site;
- Alt Tag – menționăm surse, informații sau persoane aflate în legătură cu
acest link.

13
 Stăniloiu Călin Mihai

Până acum am realizat doar o imagine cu linkuri. Pentru a realiza site-ul propriu-zis
selectăm Save for Web și alegem caracteristicile dorite, potrivit imaginii de mai jos:

MARE ATENȚIE! După ce selectăm Save, dăm numele fisierului si alegem formatul
în care dorim să salvăm site-ul. Acesta se salvează în format HTML ceea ce îi permite să fie
deschis de un browser de internet, dar pentru ca afișarea să cuprindă imaginile este nevoie să
selectăm Format – HTML and Images și în final selectăm SAVE.

Rezultatul final un site/pagina web, deschis cu ajutorul browser-ului Google Chrome:

14
 Stăniloiu Călin Mihai

IV. CorelDRAW – Temă de Halloween

Am început prin crearea unui document nou, cu caracteristicile specifice imaginii de

mai jos:

15
 Stăniloiu Călin Mihai

Folosim Ellipse Tool pentru a desena un cerc simplu. Pentru ca acesta să fie perfect
simetric în momentul în care trasăm cu mouse-ul cercul, ținem apăsată tasta CTLR. Apoi
desenăm un al doilea cerc, mai mic, în partea de sus-dreapta a cercului desenat anterior:

Selectăm ambele cercuri, din Objects Manager și din Property Bar apăsăm Back Minus front
pentru a șterge cercul cel mic și a obține o formă asemănătoare cu o luna:

Deschidem o pagină/layer nou și cu ajutorul Ellipse Tool desenăm un cerc.

Folosindu-ne de Polygon Tool desenăm un triunghi (folosim la Points or Sides 3 laturi) și
folosindu-ne de Pick Tool potrivim acesta în așa fel încât să realizăm urechea din dreapta a unui
liliac:

16
 Stăniloiu Călin Mihai

Pentru a crea cealaltă ureche copiem triunghiul (Copy) și apoi apăsăm Paste, iar din
Property Bar apăsăm Mirror Horizontally. Iar pentru a poziționa triunghiul, în așa fel încât să fie
simetric, folosim Align & Distribute și aliniem triunghiurile (Align Top):

17
 Stăniloiu Călin Mihai

Pentru a desena aripile liliacului folosim Polygon Tool și apoi modificăm forma
poligonului obținut până ajunge la acest rezultat:

Desenăm, mai apoi, cu ajutorul Ellipse Tool trei cercuri, pe laturile de jos ale
poligonului, selectăm toate obiectele și apăsăm, după cum am văzut la pasul anterior, Back
Minus Front pentru a obține o aripă de liliac:

Poziționăm aripa creată mai sus pe imaginea cu corpul și urechile liliacului,

folosindu-ne de Copy/Paste. Pentru a obține aripa din partea dreaptă, folosim aceeași metodă pe
care am văzut-o la pasul în care am creat urechile (Mirror Horizontally-Align). Apoi, selectăm
toate cele cinci obiecte și apăsăm Weld, pentru a obține o singură imagine, corect din punct de
vedere grafic:

18
 Stăniloiu Călin Mihai

Mergem mai departe și creăm un ochi de pisică, folosindu-ne de Ellipse Tool.

Desenăm ochiul, apoi irisul și apoi un detaliu al irisului, copiind forma ochiului și modificându-i
forma, folosind Pick Tool. Pe final, aliniem figurile obținute, selectându-le și apăsând Align &
Distribute:

19
 Stăniloiu Călin Mihai

Toate imaginile le așezăm pe același layer, folosindu-ne de obțiunea Copy/Paste și le

colorăm:

20
 Stăniloiu Călin Mihai

Pe un alt layer, desenăm un dreptunghi negru și importăm imaginea de mai sus pe

care o așezăm în diferite poziții cu unealta Pick Tool, în așa fel încât rezultatul final să se
asemene cu imagine de mai jos:

21