6 Disseny de fons degradat per una web

L'objectiu d'aquesta pràctica és utilitzar el Gimp per a dissenyar un fons amb degradat de pàgina web.

Desenvolupament de la pràctica

El primer que fareu és crear un fons degradat per posar en una pàgina web. El resultat serà una imatge semblant a aquesta en la qual a l'esquerra tenim un color més fosc que es va aclarint progressivament cap a la dreta.

• • El primer pas és crear una nova imatge.

• Aneu a Fitxer | Nou... Presenta la finestra Crea una nova imatge. Cal que marqueu, sobretot:

  • A Mida de la imatge trieu 800 píxels d'amplada per 5 d'alçada (fixeu-vos que a la imatge posa 640 x 480 píxel.

  • A resolució de la imatge trieu 72 ppp.

  • A tipus d'Espai de color: RGB (perquè serà en color).

  • A Com voleu omplir la imatge trieu color de fons o tranparència.

  • També podeu afegir un Comentari com per exemple: fons de la meva primera pàgina web.

El motiu pel qual fem una imatge de 800 x 5 píxels no és un altra que el de facilitar la feina a l'exercici. La majoria de pàgines web estan optimitzades per veure's correctament a 800 x 600 píxels. Fa un temps aquesta era la resolució de la majoria de monitors. Actualment, la proliferació de pantalles TFT i monitors de format gran fa que aquestes dimensions no siguin ja tan estandar com abans. Actualment la majoria de pantalles TFT o monitors treballen a 1024 x 768 píxels com a mínim. Pel que fa als 5 píxels, el normal hauria estat fer una imatge d'un píxel d'alçada. Ara bé, per poder treballar a 1 píxel hauríem d'haver ampliat molt la imatge amb el zoom i això ens faria treballar amb la barra de desplaçament horitzontal, fet que sempre resulta molest. Podríem també haver treballat a la mida real (800 x 600). No ho fem perquè és important retenir la concepció d'una estructura prima que es repetirà al navegador quan posem la imatge creada com a fons.

• Premeu d'acord i apareixerà una imatge com aquesta:

• Ara, deseu-la amb el nom fons1NomiCognom.gif o fons1NomiCognom.jpg. Més endavant quan treballeu amb editors web la podreu utilitzar com a imatge de fons.

Intenteu modificar els les característiques de l'eina d'omplir amb un degradat i veieu quins resultats us donen. Recordeu que la millor forma de dominar una aplicació és anar provant petits canvis per entendre bé el funcionament de cada eina o cada propietat.