Butoniada


Dacă realizaţi pagini web atunci aveţi adesea nevoie de butoane grafice, ele fiind mult mai estetice decât nişte banale link-uri text. Aveţi două opţiuni: fie folosiţi un program ce generează astfel de butoane (vedeţi DeKnop în secţiunea noastră de programe), fie le faceţi chiar Dvs. Cu un program bun de grafică procesul nu este foarte greu (dacă doriţi unul gratuit, vă recomandăm Gimp). Vom vedea în continuare cu Paint Shop Pro 8.10 cum putem face câteva butoane arătoase.

Evident începem cu o „pânză” goală, respectiv cu o imagine cu fundal alb, de recomandat de două ori mai mare decât aveţi nevoie pentru buton. Explicaţia: după ce generăm butonul, prin scalare, micşorare, imaginea finală va fi mai bună (chiar dacă poate va trebui aplicat un Sharp pentru claritate). Şi acum paşii: (I) realizarea unei selecţii. Să zicem că dorim să fie un buton mai interesant, aşa că de la Selection type alegem Rounded Rectangle şi marcăm Anti-alias. Apoi (II) selecţia o umplem, să zicem cu un gradient. În fine, (III) aplicăm filtrul Inner Bevel (meniul Effects, 3D Effects) cu bevel tip 7, width 23, smoothness 26, depth 8, ambience 17, shininess 44, culoarea albă, angle 0, intensity 27, elevation 40. Din doar trei paşi! Vedeţi şi mai jos evoluţia spre butonul final (desigur, pe butoane trebuie şi scris ceva).

Desigur, nu trebuie respectate valorile de mai sus cu fidelitate. De fapt prin schimbarea parametrilor puteţi obţine alte efecte. În stânga aveţi fereastra cu parametrii filtrului Bevel. Încercaţi să vedeţi opţiunile de sus, din Presets, şi apoi modificaţi valorile pornind de la cele prestabilite.

Puteţi schimba şi forma, pentru alt tip de butoane. În dreapta am inclus diferite exemple, modificând forma, culorile, parametrii la bevel. În funcţie de imaginaţie şi pricepere puteţi obţine butoane chiar mai reuşite decât cele expuse alăturat 😉

Un bevel mai artistic puteţi aplica prin intermediul plugin-urilor, precum cel din pachetul Eye Candy 2004. Iată mai jos ce efect se poate obţine cu acest filtru.

În fine, ar mai fi şi altele de spus, dar ajunge pentru moment. Pentru a putea realiza butoane precum cele din acest material, trebuie să stăpâniţi concepte precum selecţie, gradient, scalare, umbre. Dacă sunteţi la început, vă recomandăm să exersaţi aceste concepte. Succes!





Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (Neevaluat încă)
Loading...Loading...

0 comentarii


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *