Acesta este un truc adesea abuzat: se ia o imagine si i se creaza cu Inkscape sau GIMP reflexia pe o suprafata pentru a obtine un efect de perspectiva. In functie de imaginea de pbaza, stilul de lucru sau de scopul propus se poate lucra vectorial (Inkscape) sau raster (GIMP). Bineinteles, se poate face si cu o aplicatie de grafica 3D, dar aceasta nu intra in scopul acestui tutorial.

Imaginile pe care le vom crea vor arata cam asa:
reflection text

Reflexii cu Inkscape

O aplicatie de grafica vectoriala nu este la fel de puternica pentru aceasta sarcina ca un editor raster, dar permite totusi o multime de lucruri.

Actualizare: Am gresit, se poate face mult mai mult cu grafica vectoriala, asa cum prezint in continuare:

  • Luam imaginea, facem un duplicat pe care il plasam in partea de jos:
    reflection inkscape
  • Acoperim duplicatul cu un dreptunghi:
    reflection inkscape
  • Coloram drreptunghiul cu un gradient de la negru solid la alb solid:
    reflection inkscape
  • Selectam atit obiectul citsi dreptunghiul si aplicam dreptunghiul colorat cu gradien ca masca (Object > Mask > Set):
    reflection inkscape
  • Si am obtinut o minunata transaprenta progresiva:
    reflection inkscape
  • Ajustam transparenta mai mult daca e nevoie:
    reflection inkscape

Procesul e atit eficient incit am facut o diagrama simplificata:
reflection inkscape

Aceasta actualizare a facut o parte din articol oarecum nerelevanta, a fost lasata in special pentru referinta istorica. Puteti citi in continuare (este inca util pentru cazuri simple) sau sari la sectiunea despre GIMP.

Reflexii cu Inkscape (vechi)

  • Cazul cel mai simplu este al unei singure forme, de o singura culoare, ca acest text, este foarte usor de realizat:
    reflection inkscape
  • Duplicam (Edit > Duplicate) obiectul, il intoarcem (flip) pe verticala (Object > Flip Vertical) si il mutam in partea de jos, el va fi reflexia:
    reflection inkscape
  • Coloram reflexia cu un gradient pornind de la culoarea obiectului cu opacitate totala pina la aceeasi culaore cu transparenta totala si gata:
    reflection inkscape
  • Dupa dorinta, putem modifica inaltimea si/sau inclinarea:
    reflection inkscape
  • Marind complexitatea obiectului (acum textul are lumini si umbre), munca devine mult mai complicata:
    reflection inkscape
  • Aplicarea aceluiasi gradient gradient formei de baza (textul) nu este de ajuns, liminile si umbrele vor ramine pe dinafara:
    reflection inkscape
  • O solutie rapida ar fi sa folosim imaginea completa cu toate detaliile sale pentru vederea normala si o varianta simplificata (aici numai textul de baza) pentru reflexie. In functie de scopul urmarit poate sau nu sa fie de ajuns:
    reflection inkscape
  • Va trebui sa luam la rind toate detaliile si sa aplicam fiecaruia un gradient, aici am facut-o numai pentru lumini si umbre, dar pentru imagini complexe poate fi mult de munca. Aveti grija ca trebuie aliniate cu grija punctele de inceput si sfirsit ale fiecarui gradient, ceea ce ar putea fi prea mult:
    reflection inkscape reflection inkscape
  • Daca reflexia va fi afisata deasupra unui fundal solid, exista o cale usoara: desenam un dreptunghi deasupra reflexiei si il umplem cu culoarea fundalului:
    reflection inkscape
  • Apoi schimbam culoarea intr-un gradient pornind de la culoarea de fundal cu transparenta totala pina la aceeasi culoare cu opacitate totala:
    reflection inkscape
  • Inca o data: aveti grija ca va functiona numai deasupra unui fundal solid:
    reflection inkscape

Asta a fost ceea ce putem face cu Inkscape, pentru imagini mai complicate s-ar putea fa fie nevoie de finisare intr-un editor raster:
reflection inkscape

Reflexii cu GIMP

GIMP este foarte puternic aici, dar odata ce am introdus imaginea in el pierdem beneficiile vectorilor (ceea ce nu e neaparat un lucru rau, putin mai incolo vom lucra si cu o fotografie).

  • Deschidem imaginea in GIMP, poate fi una noua sau cea obtinuta in pasul anterior:
    reflection gimp
  • Duplicam (Layer > Duplicate Layer) stratul (layer) cu imaginea:
    reflection gimp
  • Intoarcem (flip) imaginea pe verticala (Image > Transform > Flip Vertically) pentru a obtine reflexia:
    reflection gimp
  • Selectam zona intoarsa si o mutam pe pozitia dorita, chiar sub original:
    reflection gimp
  • Selectam stratul duplicat si adaugam o masca de strat / Layer Mask (Layer > Mask > Add Layer Mask), pe care o lasam alba:
    reflection gimp
  • Selectam masca (nu doar stratul) si folosim un gradient (Gradient Fill) pentru a o umple cu un gradient de la negru la alb (ca in previzualizarea stratului). Am obtinut transparenta progresiva: transparent unde masca e neagra si opac unde este alba:
    reflection gimp
  • Putem adauga un fundal pentru a avea o imagine mai buna asupra reflexiei. Daca e necesar, mai ajustam masca:
    reflection gimp
  • Se poate lasa imaginea transparenta sau adauga un fundal dupa voie:
    reflection gimp
  • Dincolo de desene, in GIMP se poate lucra si cu fotografii. Importam o fotografie si o punem pe un strat (layer) transparent:
    reflection gimp
  • Repetam pasii de mai sus (duplicare. intoarcere, mutare, masca de strat, umplere cu gradient a mastii) pentru a obtine reflexia:
    reflection gimp
  • Se mai pot aplica citeva efecte pe care am uitat sa le descriu mai sus, asa ca le voi introduce aici.
    Selectam reflexia si o scalam (Tools > Transform Tools > Scale). Scalarea trebuie facuta numai pe verticala:
    reflection gimp
  • Selectam reflexia si o inclinam shear (Tools > Transform Tools > Shear). Inclinarea trebuie facuta numai pe orizontala. Dupa aplicarea efectului, reflexia trebuie mutata inapoi sub original:
    reflection gimp
  • Vizualizam rezultatul cu un fundal colorat sau transparent si apoi salvam rezultatul cind sintem multumiti cu ce am obtinut:
    reflection gimp

Asta a fost tot!

Preluare din limba engleza de la Nicu’s How-to.


Optiuni pentru acest articol:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • LinkedIn
  • RSS
  • StumbleUpon
  • Technorati
  • Faves
  • MySpace
  • Reddit
  • Twitter
  • email
  • Print
  • PDF

Related posts:

  1. Tutorial GIMP: cum faci subiectul sa sara afara din poza
  2. Ponturi pentru folosirea pensulelor (brushes) in Inkscape
  3. Ghid pentru desenarea unui hackergotchi (cap de om) cu Inkscape
  4. Stampile cu Inkscape
  5. 30 de imagini marca National Geographic