Enrera
Mòdul 2
Imatge digital
  Pràctica específica D72
1
2
   
Exercici D72
Exercicis
 
 
  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
   
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:


       
  • Seleccioneu un color marró fosc com a color de primer pla i un beige clar com a color de fons. Trieu l'eina Omple amb un degradat de color i a les propietats de l'eina poseu:
    • Opacitat 100%
    • Mode: Normal
    • Desplaçament: aproximadament un 50%
    • Ombra: lineal
  • El tipus de degradat l'haureu de triar a la finestra de Patrons.

  • Trieu de primer pla a fons (o sigui del marró fosc a beige clar)
  • Ompliu ara la imatge clicant amb el ratolí dins de la imatge a una banda i arrosegant-lo fins l'altra. Veureu que el ratolí traça una línea que ens indica la direcció del degradat. Deixeu anar el ratolí i en apareixerà una imatge degradada com aquesta.



       

  • Ara, deseu-la amb el nom fons1.gif o fons1.jpg. Més endavant quan treballeu amb el Dreamweaver la podreu utilitzar com a imatge de fons. Si voleu provar-ho ara, obriu el Dreamweaver, creeu un arxiu nou, cliqueu amb el botó dret del ratolí al fons de la pàgina i trieu Propiedades de la pàgina. Veureu que s'obre una finestra. A Imagen de fondo cliqueu Examinar, cerqueu la imatge, accepteu i després apliqueu. Veureu el resultat del vostre degradat.
   
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.

   
 
Amunt