Invatare Atomica

Editor de imagine raster: interfata, straturi si selectii

Progres lectie:
0%
🎯

Obiectivul lectiei

Vei intelege ce este un editor de imagine raster, cum este organizata interfata GIMP si Photopea (ambele gratuite si transferabile la Photoshop), de ce lucrul pe straturi (layers) este fundamental in editarea nedistructiva, si cum aplici selectii pentru a modifica precis zone dintr-o imagine.

Dupa aceasta lectie vei putea:

  • Sa explici diferenta dintre imaginea raster si cea vectoriala si sa motivezi de ce tipul de imagine conteaza pentru un fotograf sau pictor digital
  • Sa identifici zonele principale ale interfetei unui editor raster (GIMP sau Photopea): bara de instrumente, panoul de straturi, zona de lucru, meniuri
  • Sa descrii ce este un strat (layer), de ce editarea pe straturi este nedistructiva si sa dai exemple din practica artistica
  • Sa aplici operatii de baza pe straturi: creare, redenumire, reordonare, vizibilitate, opacitate, stergere
  • Sa folosesti principalele unelte de selectie si sa explici pentru ce situatie se potriveste fiecare

Incearca singur!

Provocare:

Gandeste-te la o pictura pe care ai facut-o pe hartie. Daca ai vrut sa schimbi ceva dupa ce s-a uscat vopseaua, ai dat cu alb peste acea zona si ai repictat. In editarea digitala exista o metoda prin care poti modifica orice element fara sa afectezi restul imaginii. Care crezi ca este aceasta metoda? Scrie ce iti vine in minte.

💡 Ai nevoie de un indiciu?

Gandeste-te la un dosar cu folii transparente suprapuse: pe fiecare folie desenezi ceva separat. Daca vrei sa schimbi cerul dintr-o fotografie, schimbi doar folia cu cerul, fara sa atingi folia cu personajele din prim-plan.

Aceasta metoda se numeste lucrul cu straturi (layers) — exact subiectul lectiei de azi!

1

1. Raster vs. vectorial

O imagine raster (numita si bitmap) este formata dintr-o retea dreptunghiulara de pixeli (picture elements). Fiecare pixel are o singura culoare. Rezolutia se masoara in DPI (dots per inch) sau PPI (pixels per inch): cu cat mai multi pixeli per inch, cu atat mai fina este imaginea la tiparire.
Analogie sigura: mozaicul

O imagine raster este ca un mozaic: privita de aproape, vezi bucatile individuale (pixeli); privita de departe, apare imaginea coerenta. Daca marim imaginea mult peste dimensiunea originala, bucatelele devin vizibile — fenomen numit pixelare.

Imaginea vectoriala, prin contrast

O imagine vectoriala este descrisa prin formule matematice (curbe, linii, forme geometrice). Se poate mari la orice dimensiune fara pierdere de calitate. Editoarele raster (GIMP, Photopea, Photoshop) lucreaza cu pixeli. Editoarele vectoriale (Inkscape, Illustrator, CorelDRAW) lucreaza cu vectori.

In practica artistica: fotografia si pictura digitala sunt domenii raster; sigla unui atelier sau afisul unui spectacol pot fi create vectorial pentru scalabilitate maxima.

Formate raster comune: JPEG, PNG, TIFF, BMP, PSD (nativ Photoshop), XCF (nativ GIMP).
Formate vectoriale comune: SVG, AI (Adobe Illustrator), EPS, CDR (CorelDRAW).
2

2. Interfata editorului raster: GIMP si Photopea

GIMP (GNU Image Manipulation Program) este gratuit si open-source, disponibil pe Windows, macOS si Linux. Photopea ruleaza direct in browser la photopea.com, fara instalare, cu o interfata aproape identica cu Photoshop. Notiunile invatate se transfera direct si la Adobe Photoshop.
Zona de lucru (Canvas)

Spatiul central unde este afisata imaginea. Zoom in: Ctrl+plus. Zoom out: Ctrl+minus. Barele de derulare (scroll) permit navigarea. Riglele (Rulers) ajuta la masurarea distantelor pe imagine.

Bara de instrumente (Toolbox)

De obicei in stanga. Contine uneltele de selectie, pensula (Brush), radiera (Eraser), text (T), zoom, pipeta de culoare (Eyedropper), decupare (Crop). Taste rapide: B = Brush, M = Marquee (selectie dreptunghiulara), L = Lasso, V = Move, T = Text.

Bara de optiuni (Tool Options)

Sub bara de meniuri (Photopea) sau intr-un panou separat (GIMP). Afiseaza setarile uneltei active: dimensiunea pensulei (Size), duritate (Hardness), opacitate (Opacity).

Panoul de straturi (Layers Panel)

De obicei in dreapta. Listeaza toate straturile din document cu miniatura (thumbnail), iconita de vizibilitate (ochiul), control de opacitate si butoane de adaugare sau stergere strat. Cel mai important panou pentru editarea organizata si nedistructiva.

Bara de meniuri

File (deschide / salveaza / exporta), Edit (cut / copy / paste / undo), Image (dimensiune, mod culoare), Layer (operatii pe straturi), Select (expandeaza, contracta, inverseaza selectia), Filter (efecte speciale, filtre), View (zoom, ghidaje).

Sfat: daca un panou a disparut, il reactivezi din meniul Window (Photopea) sau Windows (GIMP).
3

3. Stratul (Layer) si editarea nedistructiva

Un strat (layer) este o folie transparenta independenta care se suprapune peste celelalte. Imaginea finala este rezultatul vizibil al tuturor straturilor suprapuse, de la cel de jos (Background / Fundal) pana la cel de sus. Modificarile pe un strat nu afecteaza deloc pixelii din celelalte straturi — aceasta independenta se numeste editare nedistructiva.
Analogie: folii transparente suprapuse

Imagineaza-ti o compozitie pe mai multe folii transparente suprapuse pe un retroproiector: pe prima folie ai fundalul (un peisaj), pe a doua ai personajele, pe a treia ai textul titlului. Daca vrei sa schimbi culoarea textului, iei numai folia cu text fara sa atingi peisajul sau personajele. Exact asa functioneaza straturile.

Operatii esentiale pe straturi

Creare strat nou: butonul + din panoul Layers sau Layer > New Layer. Noul strat este complet transparent.

Selectarea unui strat: click pe el in panoul Layers. Orice unealta actioneaza NUMAI pe stratul activ.

Reordonarea: drag-and-drop in panoul Layers. Stratul de deasupra acopera cel de dedesubt.

Vizibilitate: click pe iconita ochiului il ascunde din vedere fara sa il stearga.

Opacitate (Opacity): de la 0% (complet transparent) la 100% (complet opac).

Redenumire: dublu-click pe numele stratului in panou.

Stergere: trage stratul pe cosul de gunoi sau Layer > Delete Layer.

Duplicare: Layer > Duplicate Layer — creaza o copie exacta pentru experimente.

Aplatizare (Flatten Image): Image > Flatten Image contopeste toate straturile intr-unul singur. Aceasta operatie este distructiva si ireversibila dupa salvare.

Exemplu din practica artistica

Ai fotografiat o sculptura realizata la atelier (Stratul 1 = Background). Vrei sa testezi un fundal nou: pe Stratul 2 pui fundalul ales. Daca nu iti place, il stergi fara sa atingi fotografia sculpturii. Pe Stratul 3 adaugi textul cu titlul lucrarii. Fiecare element ramane separat si modificabil independent oricand.

4

4. Uneltele de selectie si cand le folosesti

O selectie este zona activa a imaginii, delimitata de conturul animat (linii punctate numite marching ants). Orice modificare (culoare, filtru, stergere) se aplica NUMAI in interiorul selectiei. Deselectezi cu Ctrl+D sau Select > Deselect.
Selectia dreptunghiulara (Rectangular Marquee — tasta M)

Selectezi o zona dreptunghiulara. Tinand Shift in timp ce tragi obtii un patrat perfect. Utila pentru decuparea unei portiuni rectangulare sau aplicarea unui filtru intr-o zona definita geometric.

Selectia eliptica (Elliptical Marquee — tasta M ciclic)

Selecteaza o zona ovala sau circulara (Shift = cerc perfect). Utila pentru izolarea unui obiect rotund: o moneda, un portret in stil vigneta, un element decorativ circular.

Lasso liber (Lasso Tool — tasta L)

Trasezi manual conturul selectiei ca si cum ai desena cu mana libera. Potrivit pentru forme organice si neregulate: conturul unui nor, silueta unui personaj. Necesita o mana stabila sau un stylus de tableta grafica.

Lasso poligonal (Polygonal Lasso — tasta L ciclic)

Faci click pentru fiecare colt al conturului, iar selectia se construieste din segmente drepte. Ideal pentru obiecte cu muchii drepte: cladiri, rame de tablou, cutii, mobilier.

Bagheta magica (Magic Wand — tasta W)

Cu un singur click selecteaza toti pixelii cu culori similare dintr-o zona continua. Parametrul Tolerance (valori 0-255): 0 = culoare identica exact; 32 = valoare standard; valori mari = selectie mai larga. Utila pentru fondul alb al unui desen scanat sau pentru un cer uniform.

Combinarea si inversarea selectiilor

Adaugare la selectie: Shift + click sau drag.
Scadere din selectie: Alt + click sau drag.
Inverseaza selectia: Select > Inverse sau Ctrl+Shift+I. Util cand e mai simplu sa selectezi fundalul si sa inversezi pentru a obtine subiectul principal.

5

5. Formate de fisier: native (lucru) vs. export (publicare)

Alegerea formatului de salvare are consecinte directe asupra editabilitatii si calitatii imaginii. Exista doua situatii distincte: salvare pentru continuarea lucrului (format nativ, cu straturi) si export pentru publicare (format final comprimat sau aplatizat).
Formate native — pastreaza straturile

PSD (Photoshop Document): formatul nativ Photoshop si Photopea. Pastreaza toate straturile, mastile, stilurile de strat si canalele. Poate fi deschis partial si in GIMP.
XCF: formatul nativ GIMP. Pastreaza straturile si canalele proprii. Nu este recunoscut direct de Photoshop.
Regula: salveaza intotdeauna o copie in format nativ (PSD sau XCF) ca fisier de lucru — poti relua editarea oricand.

JPEG — export cu compresie cu pierderi

Formatul standard pentru fotografii pe web si print uzual. Compresia este lossy (cu pierderi): la fiecare re-salvare se pierd detalii fine. Calitatea se seteaza pe o scala (0-100 in Photopea); recomandat minim 80 pentru print, 60-70 pentru web. JPEG nu suporta transparenta.

PNG — export fara pierderi cu transparenta

PNG comprimeaza fara pierderi (lossless) si suporta transparenta prin canalul alpha. Ideal pentru logo-uri, ilustratii si elemente cu margini transparente pe site sau in prezentari. Dimensiunea fisierului PNG este mai mare decat JPEG pentru fotografii cu multe detalii.

TIFF — calitate maxima pentru print profesional

TIFF comprimeaza fara pierderi si suporta imagini cu rezolutie mare si adancime de culoare ridicata (16 biti per canal). Preferat in tipografia profesionala si arhivare. Nu se foloseste pe web din cauza dimensiunilor mari de fisier.

Regula de aur: lucreaza in format nativ (PSD sau XCF) si exporta in JPEG sau PNG pentru publicare. Nu lucra direct in JPEG daca planuiesti mai multe sesiuni, deoarece fiecare re-salvare degradeaza calitatea.
6

6. Recapitulare: de la pixel la portofoliu

In aceasta lectie ai parcurs fundatia oricarui proiect de editare digitala. Fiecare notiune invatata se leaga direct de practica artistica: fotografia unui tablou scanat, afisul unei expozitii, elementele vizuale ale unui portofoliu de admitere sau materialele promotionale ale atelierului.
Fluxul de lucru recomandat (workflow)

1. Deschide imaginea: File > Open sau drag-and-drop in fereastra programului.
2. Creeaza un strat nou pentru fiecare element adaugat (text, corectura cromatica, element decorativ).
3. Foloseste selectii pentru a limita modificarile strict la zona dorita.
4. Salveaza in format nativ (PSD sau XCF) ca fisier de lucru.
5. Exporta in JPEG sau PNG pentru publicare (web, prezentare, print uzual).

Photopea: editare profesionala fara instalare

Photopea.com ruleaza gratuit in browser cu aceleasi comenzi rapide si aceeasi organizare a panourilor ca Photoshop. Tot ce inveti in Photopea se aplica identic in Photoshop. Photopea deschide direct fisiere PSD, XCF, PNG, JPEG si exporta in orice format.

Ce urmeaza: in Lectia 2 vei lucra cu ajustarile de imagine — luminozitate, contrast, saturatie si niveluri (levels) — aplicate pe straturi de ajustare separate care pastreaza editabilitatea completa a imaginii.

Exercitii practice

Exercitiul 1 (Nivel minim) — Identificarea interfetei

Deschide Photopea (photopea.com, gratuit in browser) sau GIMP si incarca orice imagine de pe calculator. Identifica si noteaza in scris: (a) unde se afla bara de instrumente; (b) unde se afla panoul de straturi (Layers); (c) cum se numeste stratul creat implicit cand deschizi o fotografie. Descrie in 2-3 propozitii fiecare zona identificata.

Exercitiul 2 (Nivel standard) — Compozitie pe straturi

In Photopea sau GIMP: (1) Deschide o fotografie cu un fundal simplu (un peisaj, un interior sau fotografia unui obiect realizat la atelier). (2) Adauga un strat nou deasupra fundalului. (3) Pe stratul nou, scrie cu unealta de text (T) titlul unui tablou imaginar in coltul din dreapta-jos. (4) Redenumeste stratul text cu numele Titlu. (5) Salveaza fisierul in format PSD sau XCF. Raspunde in scris: ce s-ar pierde daca ai salva direct in JPEG si ai inchide programul?

Exercitiul 3 (Nivel performanta) — Schimbarea fundalului cu selectie

In Photopea sau GIMP: (1) Alege o fotografie cu un obiect pe fond uniform (o ceascua pe fata de masa alba, o statueta pe fundal gri, un desen pe coala alba). (2) Foloseste Bagheta magica (Magic Wand) sa selectezi fondul uniform. Ajusteaza Tolerance daca selectia este prea larga sau prea ingusta. (3) Inverseaza selectia (Select > Inverse sau Ctrl+Shift+I) pentru a selecta obiectul. (4) Copiaza (Ctrl+C), creaza un document nou (Ctrl+N), lipeste (Ctrl+V) si adauga un strat de fundal colorat diferit sub obiectul lipit. (5) Salveaza in PSD si exporta in PNG. Noteaza: unde ai intampinat dificultati si ce masuri ai luat?

Ce ai invatat astazi

  • Imaginea raster = retea de pixeli; rezolutia in DPI / PPI; marirea excesiva produce pixelare
  • Editoarele raster gratuite: GIMP (instalabil) si Photopea (browser, fara instalare); transferabile la Adobe Photoshop
  • Interfata: bara de instrumente (stanga), bara de optiuni (sus), zona de lucru (centru), panoul de straturi (dreapta), bara de meniuri (sus)
  • Strat (layer) = folie transparenta independenta; modificarile pe un strat nu afecteaza celelalte = editare nedistructiva
  • Operatii pe straturi: creare, redenumire, reordonare, vizibilitate (ochiul), opacitate 0-100%, duplicare, stergere, aplatizare (Flatten — distructiva)
  • Unelte de selectie: dreptunghiulara (forme rectangulare), eliptica (forme ovale/circulare), lasso liber (contur manual organic), lasso poligonal (muchii drepte), bagheta magica (Magic Wand cu Tolerance)
  • Formate: PSD / XCF (native, cu straturi, pentru lucru) vs. JPEG (compresie cu pierderi, export), PNG (fara pierderi, transparenta), TIFF (arhivare / print profesional)

Urmatoarea lectie

Continua cu Ajustari de imagine — cum corectezi luminozitatea, contrastul, saturatia si nivelurile (levels) folosind straturi de ajustare nedistructive.

Continua →