Navigare: ghiduri grafica | design web | demotivationale | jocuri | povesti | culinar | contact | home

Text 3D in relief cu Inkscape folosind Blur

Acest tutorial prezinta modul de realizare a unui text 3D in stilul siglei folosite de Google, bazindu-se in special pe folosirea filtrului SVG Gaussian Blur.

Rezultatul final va arata cam asa:
3d text

Folosind unealta pentru text se scrie textul dorit pentru sigla, cu un font serif cit mai atractiv. Acest obiect va fi refolosit de multe ori pe parcursul acestui tutorial, asa ca e util sa pastram o copie, in cazul de fata l-am pus in memorie (cu Copy si de fiecare data cind am avut nevoie de el mai tirziu l-am readus cu Paste in Place).
3d text

Selectam textul, il transformam in path si apoi il spargem:
3d text 3d text

Iata rezultatul operatiei de spargere (am marit imaginea/zoom in pentru a avea precizie in operatiile urmatoare):
3d text

Pentru literele cu gauri interioare, selectam interiorul si exteriorul si aplicam operatia de diferenta:
3d text 3d text

Pentru literele formate din mai multe bucati selectam toate bucatile si aplicam operatia de uninune:
3d text 3d text

Rezultatul arata la fel ca si textul initial numai ca acum fiecare litera este un obiect aparte:
3d text

Coloram fiecare litera intr-o culoare vie, creind o combinatie multicolora, exact dupa modelul siglei Google:
3d text

Aducem o copie a textului initial si o coloram in alb:
3d text

Duplicam textul si il deplasam putin in jos si la dreapta (am folosit o culoare diferita pentru duplicat pentru a pune in evidenta operatia):
3d text

Selectam cele doua copii ale textului si aplicam operatia de diferenta:
3d text

Aplicam Blur rezultatului si ii reducem opacitatea:
3d text

Am obtinut muchia iluminata:
3d text

Aucem inca o data o copie a textului initial, o coloram in negru:
3d text

Facem un duplicat al textului si il deplasam putin in sus si la stinga:
3d text

Selectam cele dopu copii si aplicam operatia de diferenta:
3d text

Aplicam Blur si reducem opacitatea:
3d text

Am obtinut si muchia intunecata:
3d text

Textul arata in ceata, il vom facemai clar aplicind o taiere (clip) sau o masca (mask). Aducem iarasi o copie a textului intitial si selectam tot (atit copia textului cit si literele colorate, luminile si umbrele):
3d text

Aplicam operatia de taiere:
3d text

Si am obtinut textul in relief:
3d text

Acum putem aduce imaginea la dimensiunea originala/ zoom out si admira ce am obtinut:
3d text

Pentru ultima data aducem o copie a textului intitial, colorat in negru:
3d text

Il deplasam in jos si la dreapta si il punem sub restul imaginii:
3d text

Aplicam Blur si reducem opacitatea:
3d text

Am ajuns la forma finala:
3d text

Daca e cazul mai adaugam si ultimele elemente ale siglei:
3d text


Actualizare: Acest tutorial este o preluare din limba engleza de la Nicu's How-to.

Creative Commons License
Aceasta lucrare este licentiata sub Creative Commons Attribution-Share Alike 2.5 License.

bau bau - © 2007 Bau Bau care a luat-o razna | De citit despre Ioana