Invatare Atomica

Text si Compozitie

Progres lectie:
0%
🎯

Obiectivul lectiei

Vei invata sa lucrezi cu text vectorial in Inkscape — sa-l inserezi, sa-l formatezi tipografic si sa-l integrezi armonios intr-o compozitie vizuala, folosind instrumente de aliniere, straturi si grupare, si principii de design pe care le intalnesti zilnic in afise, coperti si portofolii artistice.

Dupa aceasta lectie vei putea:

  • Sa inserezi si sa editezi text vectorial simplu, in rama si pe traiectorie in Inkscape
  • Sa aplici optiuni tipografice: familie de fonturi, stil, dimensiune in pt, tracking si leading
  • Sa aliniezi si sa distribui obiecte uniform cu Align and Distribute
  • Sa organizezi un document vectorial cu straturi (layers) si grupuri
  • Sa aplici principiile de compozitie: regula tertelor, contrast, echilibru, spatiu negativ, ierarhie vizuala

Incearca singur!

Provocare de start:

Gandeste-te la un afis al unui spectacol, concert sau expozitie pe care l-ai vazut recent. Ce ai observat primul — o imagine sau un text? Unde era pozitionat titlul? Era centrat, in colt, mare sau mic in raport cu imaginea? Scrie in 3-4 randuri ce crezi ca a ales designerul si de ce.

💡 Ai nevoie de un indiciu?

In design grafic, pozitionarea textului nu e niciodata intamplatoare. Ochiul urmareste o traiectorie naturala pe o pagina — de obicei dinspre zona superioara stanga catre cea inferioara dreapta.

Textul mare = importanta. Pozitia excentrica (in colt, nu perfect centrat) = dinamism. Spatiu alb generos in jur = eleganta si calitate. Toate aceste instrumente le vei invata sistematic astazi!

1

1. Text vectorial — ce este si cum il inserezi in Inkscape

Textul vectorial este text descris matematic, la fel ca orice forma vectoriala — contururi si umpleri, nu pixeli. Avantajul esential: poate fi marit la orice dimensiune (de pe un flyer A5 pana pe un banner de 3 m) fara pierdere de calitate. In Inkscape, textul este un element SVG.
Trei moduri de inserare a textului in Inkscape

Text simplu (artistic text): selectezi instrumentul Text (tasta T), dai un singur click pe canvas si tastezi. Textul nu trece automat pe rand nou — dai Enter manual. Ideal pentru titluri, subtitluri, etichete scurte.

Text in rama (flowed text): cu acelasi instrument Text, tragi un dreptunghi pe canvas. Textul se incadreaza automat in rama cu randuri automate. Ideal pentru paragrafe mai lungi (de exemplu, descrierea unei expozitii pe un afis).

Text pe traiectorie (Text on Path): deseneaza o cale (ex. un cerc), selecteaza calea si textul cu Shift+click, apoi alege meniul Text → Put on Path. Textul curge de-a lungul curbei. Folosit frecvent pe insigne, sigilii artistice si logouri circulare.

Analogie sigura cu practica artistica

Textul vectorial este ca un sablon taiat in carton cu precizie laser — indiferent cat de mare il proiectezi, marginile literelor raman nete. Textul rasterizat (o captura de ecran cu text) este ca o fotografie a acelui sablon: la marire puternica apar pixeli.

2

2. Tipografie vectoriala — notiuni esentiale

Tipografia este arta si tehnica aranjarii textului pentru a fi lizibil, clar si atractiv vizual. In grafica artistica, alegerile tipografice sunt parte din mesajul vizual — la fel de importante ca paleta de culori sau compozitia.
Familia de fonturi (Font Family)

Un set de caractere cu un design vizual comun. Doua mari categorii:
Serif (cu mici „picioruse" la capetele literelor — Times New Roman, Garamond): traditionale, elegante, des folosite in edituri si expozitii clasice.
Sans-serif (fara picioruse — Helvetica, Inter, Futura): moderne, curate, potrivite pentru afise contemporane si design digital.
O a treia categorie: Display / Decorative — fonturi expresive, folosite exclusiv pentru titluri mari; la dimensiuni mici devin greu lizibile.

Stiluri: Regular, Italic, Bold, Black

Aceeasi familie vine in mai multe greutati (weights): Regular, Bold, Black (foarte ingrosat) si stiluri Italic/Oblique (inclinat). In Inkscape le gasesti in campul Font style din bara de control a textului. Regula practica: nu folosi mai mult de 2 familii de fonturi pe acelasi afis — contrastul vizual vine din greutate si dimensiune, nu din zeci de fonturi diferite.

Dimensiunea textului (pt)

In Inkscape dimensiunea se seteaza in puncte tipografice (pt) sau pixeli (px). 1 punct tipografic = 1/72 inch, adica aproximativ 0,353 mm. La tipar, un titlu de afis A2 are de obicei 60–120 pt; un text de corp pentru citit 9–12 pt. Unitatile documentului se schimba din File → Document Properties.

Tracking, Leading si Kerning

Tracking (letter-spacing) = spatiul adaugat uniform intre toate literele unui bloc. Tracking pozitiv aeriseste textul (bun pentru titluri cu majuscule). Tracking negativ indeasa literele — efect expresiv, dar reduce lizibilitatea.
Leading (interlinie) = distanta verticala de la o linie de baza la urmatoarea. Prea mic: text sufocat. Prea mare: text greu de urmarit pe rand. Se gaseste in Text → Text and Font sau in bara de control.
Kerning = ajustare fina intre doua litere specifice (ex: AV, To, Ly au spatii optice inegale). In Inkscape: cursor intre doua litere + Alt + sagetute stanga/dreapta.

3

3. Aliniere si distributie — Align and Distribute

Alinierea precisa este diferenta dintre un layout amatoresc si unul profesional. Ochiul uman sesizeaza imediat obiectele „aproape aliniate" si le percepe ca greseala. In Inkscape, panoul Align and Distribute (Object → Align and Distribute, scurtatura Shift+Ctrl+A) rezolva alinierea cu un singur click.
Optiunea de referinta (Relative to)

Inainte de a alinia, stabilesti fata de ce. Dropdown-ul Relative to ofera:
Page — fata de marginile documentului (ideal pentru centrarea unui titlu pe pagina).
First selected — toate celelalte se aliniaza dupa primul obiect selectat.
Biggest object — dupa cel mai mare obiect din selectie.
Last selected — dupa ultimul selectat.

Butoane de aliniere

Orizontala: la stanga (Left edges), la centru (Center on vertical axis), la dreapta (Right edges).
Verticala: sus (Top edges), la mijloc (Center on horizontal axis), jos (Bottom edges).
Exemplu: selectezi titlul afisului → Relative to: Page → Center on vertical axis → titlul e perfect centrat orizontal pe pagina.

Distributie uniforma (Distribute)

Asigura spatii egale intre obiecte:
Make horizontal gaps between objects equal — spatii egale pe orizontala.
Make vertical gaps between objects equal — spatii egale pe verticala.
Exemplu: 4 miniaturi de lucrari intr-un banner — selectezi toate, dai Make horizontal gaps equal si spatiile devin identice automat.

Ghidaje si grila

In plus fata de Align and Distribute:
Grila (View → Show/Hide → Grids): o retea de linii ajutatoare configurabila in File → Document Properties.
Ghidaje: tragi din rigla si pozitionezi o linie albastra — obiectele se „lipesc" de ea cand Snap to guides e activ.
Ambele sunt vizibile doar in editare, nu apar la export.

4

4. Straturi (Layers) si grupare — organizarea documentului vectorial

Intr-un afis sau logo complex pot exista zeci de obiecte. Fara organizare, selectezi un obiect si misti accidental altul. Straturile si grupurile rezolva aceasta problema.
Straturi (Layers) in Inkscape

Panoul de straturi: Layer → Layers... sau Shift+Ctrl+L. Operatii principale:
Adauga strat nou cu butonul +. Numeste-l sugestiv.
Ascunde strat (iconita ochi) — util pentru a vedea afisul fara text sau fara fundal.
Blocheaza strat (iconita lacat) — obiectele nu pot fi selectate sau mutate accidental.
Reordoneaza straturile — stratul de sus acopera straturile de jos.

Structura recomandata pentru un afis:
1. Strat Text (titlu, subtitlu, data, locatie) — deasupra
2. Strat Decoratiuni (elemente grafice, linii, chenare)
3. Strat Ilustratie (desen principal, vectori artistici)
4. Strat Fundal (dreptunghi de culoare sau gradient) — dedesubt, blocat

Grupare (Group)

Gruparea combina mai multe obiecte intr-o singura unitate manipulabila impreuna:
• Selecteaza obiectele → Object → Group sau Ctrl+G.
• Click pe grup il selecteaza ca intreg.
• Dublu-click intra in grup pentru editarea unui obiect individual.
• Degrupeaza: Shift+Ctrl+G.
Exemplu: titlul si un dreptunghi colorat din spatele lui formeaza un „bloc titlu" — grupate, le muti impreuna oriunde pe afis.

Z-order — ordinea suprapunerii in cadrul unui strat

In cadrul aceluiasi strat, obiectele se suprapun in ordinea crearii (ultimul creat este deasupra). Schimbi ordinea cu:
• Object → Raise to Top (tasta Home) — deasupra tuturor.
• Object → Lower to Bottom (tasta End) — dedesubt.
• Page Up / Page Down — cu cate un nivel.

5

5. Principii de compozitie vizuala

Compozitia este modul in care aranjezi elementele vizuale (text, imagini, forme, spatii) pe o suprafata, astfel incat sa comunici un mesaj clar si sa ghidezi privirea spectatorului. Principiile de mai jos sunt instrumente pe care orice artist le cunoaste si le poate incalca constient — niciodata din ignoranta.
Regula tertelor (Rule of Thirds)

Imparte suprafata in 9 zone egale (3x3) cu doua linii orizontale si doua verticale. Cele 4 puncte de intersectie (numite puncte de putere) sunt zonele in care ochiul uman se opreste natural. Plasezi elementul cel mai important la unul dintre aceste puncte, nu obligatoriu in centrul geometric. In Inkscape, activezi ghidajele sau grila pentru a vizualiza tertele.

Contrast

Contrastul creeaza diferente vizibile si stabileste ierarhia: contrast de marime (titlu mare vs. subtitlu mic), de culoare (text alb pe fundal inchis), de greutate (Bold vs. Regular in aceeasi familie), de forma (text drept langa elemente curbate). Fara contrast, totul arata la fel si ochiul nu stie unde sa se opreasca prima data.

Echilibru vizual

Un element mare si inchis la culoare in stanga poate fi echilibrat de mai multe elemente mici in dreapta — „greutatea vizuala" se compenseaza fara simetrie exacta. Echilibrul simetric (oglinda stanga-dreapta) transmite stabilitate si formalitate — bun pentru institutii si expozitii clasice. Echilibrul asimetric transmite energie si dinamism — preferat in afisele de spectacole contemporane.

Spatiu negativ

Spatiul negativ (sau white space) este zona neocupata de obiecte — si este un element de design la fel de important ca celelalte. Designurile aglomerate par haotice; spatiul negativ generos sugereaza calitate si eleganta. Afisele de galerie si editurile de lux folosesc spatiu negativ abundent in mod deliberat. Nota: „spatiu negativ" nu inseamna literal alb — poate fi orice culoare de fond.

Ierarhie vizuala

Ierarhia stabileste ordinea de citire: ce vede spectatorul prima data, ce a doua, ce la urma. Instrumente ale ierarhiei: dimensiunea (mai mare = mai important), contrastul de culoare, pozitia pe pagina, greutatea fontului (Bold). Intr-un afis de concert: 1. Numele artistului (mare, Bold) → 2. Titlul evenimentului → 3. Data si locatia → 4. Informatii secundare (pret bilet, site).

6

6. Recapitulare — text, tipografie si compozitie in practica artistica

Toate conceptele din aceasta lectie formeaza un flux de lucru complet: inserezi textul vectorial, alegi familia si greutatea fontului, reglezi leading si tracking, aliniezi elementele cu Align and Distribute, organizezi documentul pe straturi logice si aplici principiile de compozitie pentru a ghida privirea spectatorului.
Flux de lucru recomandat pentru un afis in Inkscape

1. Creeaza structura de straturi: Fundal / Ilustratie / Decoratiuni / Text.
2. Deseneaza fundalul pe stratul Fundal si blocheaza stratul (iconita lacat).
3. Adauga ilustratia pe stratul Ilustratie.
4. Treci pe stratul Text. Inserezi titlul cu tasta T + click, alegi fontul si dimensiunea din bara de sus.
5. Aliniezi titlul fata de pagina: Align and Distribute → Relative to Page → Center on vertical axis.
6. Pozitionezi conform regulii tertelor: muti titlul vertical la aproximativ 1/3 din sus sau de jos.
7. Adaugi subtitlul, data, locatia cu ierarhie clara: titlul cel mai mare, celelalte mai mici.
8. Distribui uniform elementele cu Make vertical gaps equal.
9. Grupezi blocul de texte (Ctrl+G) pentru a-l muta ca un singur obiect.
10. Verifici spatiul negativ: afisul are spatiu de respiratie sau e prea incarcat?

Incadrare curriculara: PCI Curricula de Specialitate

Aceasta lectie face parte din Prelucrarea Computerizata a Imaginii (PCI) — Curricula de Specialitate, clasa a XI-a, filiera Vocationala (Arte Vizuale, Conservare-Restaurare, Arhitectura). Continuturile acoperite — instrumente de grafica vectoriala (text, trasare, conturare), obiecte pe straturi, alinierea si gruparea obiectelor — sunt explicit prevazute in programa PCI cls. XI. Subiectul nu face parte din TIC trunchi comun cls. XI artistic, care acopera audio, audio-video, baze de date si dispozitive inteligente/IoT.

Rezumat rapid:
  • Text vectorial: net la orice scara — text simplu (T + click), in rama (T + drag), pe traiectorie (Text on Path)
  • Tipografie: familie (serif / sans-serif / display), stil (Regular/Bold/Italic), dimensiune in pt (1 pt = 1/72 inch = ~0,353 mm), tracking, leading, kerning
  • Align and Distribute (Shift+Ctrl+A): aliniere la pagina sau la obiect de referinta; distributie cu spatii egale
  • Straturi (Shift+Ctrl+L): organizare logica; vizibilitate si blocare independente; z-order cu Home/End/PgUp/PgDn
  • Grupare: Ctrl+G uneste; dublu-click intra in grup; Shift+Ctrl+G degrupeaza
  • Compozitie: regula tertelor (grila 3x3, 4 puncte de putere), contrast, echilibru vizual, spatiu negativ, ierarhie vizuala

Exercitii practice

Exercitiul 1 (Nivel minim) — Titlu vectorial aliniat

In Inkscape, creeaza un document A4 vertical. Inserezi un titlu text (ex: „Expozitie de Arta 2025") cu instrumentul Text (T + click pe canvas), alegi un font sans-serif (Inter, Roboto sau Liberation Sans), dimensiunea 48 pt, culoare inchisa. Foloseste Align and Distribute → Relative to Page → Center on vertical axis pentru a-l centra orizontal pe pagina. Pozitioneaza-l manual la aproximativ o treime de la varful paginii. Salveaza ca titlu_aliniat.svg.

Exercitiul 2 (Nivel standard) — Mini-afis cu straturi si tipografie

Creeaza un afis A5 (148 x 210 mm) pentru un eveniment artistic imaginar. Cerinte: (a) structura pe 4 straturi: Fundal / Ilustratie / Decoratiuni / Text; (b) ierarhie vizuala clara: titlul cel mai mare (minim 60 pt, Bold), subtitlul mediu (24–32 pt), data si locatia mici (12–14 pt); (c) titlul centrat orizontal pe pagina cu Align and Distribute; (d) elementele de text distribuite uniform vertical. Grupeaza blocul de text. Exporta ca PNG la 150 dpi si verifica ca textul este lizibil si afisul are spatiu negativ suficient.

Exercitiul 3 (Nivel performanta) — Text pe traiectorie si compozitie avansata

Creeaza un logo circular pentru un atelier de arte vizuale (nume inventat). Cerinte: (a) textul cu numele atelierului curge de-a lungul unui cerc (Text → Put on Path), cu font Bold si tracking marit (+5 la +15); (b) un simbol vectorial simplu (initiale stilizate sau o forma geometrica) centrat in interiorul cercului; (c) un subtitlu mic centrat sub cerc (ex: „Est. 2025"). Organizeaza pe straturi: Cerc-cale / Text-cerc / Simbol / Subtitlu. Aplica regula tertelor pentru pozitionarea logoul pe un fundal A5. Justifica in 3–4 randuri alegerile tipografice (font, dimensiune, tracking) si de compozitie (pozitia pe pagina, echilibru, spatiu negativ).

Ce ai invatat astazi

  • Text vectorial: net la orice marire — simplu (T + click), in rama (T + drag), pe traiectorie (Text on Path)
  • Tipografie: familie (serif / sans-serif / display), stil (Regular/Bold/Italic), dimensiunea in pt (1 pt = 1/72 inch), tracking, leading, kerning
  • Align and Distribute: aliniere la pagina sau la obiect de referinta; distributie cu spatii egale
  • Straturi (Layers): organizare logica; vizibilitate si blocare independente; z-order cu Home/End/PgUp/PgDn
  • Grupare: Ctrl+G uneste obiecte; dublu-click intra in grup; Shift+Ctrl+G degrupeaza
  • Compozitie: regula tertelor, contrast, echilibru vizual, spatiu negativ, ierarhie vizuala

Urmatoarea lectie

Continua cu Logo si Afis — proiect complet: aplici tot ce ai invatat (cai, forme, text, compozitie) pentru a realiza un logo sau un afis pentru un eveniment artistic real.

Continua →