Elementos web

Hemos visto en unidades anteriores que GIMP dispone de herramientas para crear botones, cabeceras y distintos elementos comunes a páginas web. GIMP, por lo tanto, nos ayuda a mantener la uniformidad necesaria en los distintos elementos de una página web. En este apartado vamos a crear los elementos básicos para una página web: botones, bolitas, flechas, encabezados y barras separadoras.

Desde Exts --> Temas de páginas web accedemos a tres Temas web para la creación de los elementos mencionados. Ya hemos visto en la unidad dedicada a los Filtros, las posibilidades que tienen estos temas. Vamos a centrarnos ahora en la elección de uno de ellos para crear los elementos básicos de nuestra página web.

La opción Resplandor alienígena está orientada a páginas que tengan un color oscuro de fondo, preferiblemente negro por lo que vamos a obviar esta opción.

Gimp.org es la opción básica para crear páginas relativas a GIMP, aunque modificable nos proporciona siempre un estilo de gráficos que nos identificará con las webs que se dedican a trabajar con GIMP. Descartaremos esta opción también.

Nos quedamos con la opción Patrón biselado, que puede adaptarse mejor a una página con las características que tiene la que hemos iniciado en el apartado anterior.

Nos permite crear Punto para marcar diferentes apartados; Flecha para utilizar en el enlazado con páginas; Botón para la ejecución de acciones; Barra horizontal para separar contenidos y Cabecera para dar título a la página en la que nos situemos.

Las opciones son pocas y sencillas, nos permite elegir el diámetro del punto y el patrón de relleno del mismo. Pon de diámetro 16 y como patrón selecciona "Rain", marca el fondo transparente para que el fondo de la página web sobre la que situaremos la imagen se vea correctamente. Obtienes...

Que puedes guardar en formato GIF o en PNG para mantener la transparencia del fondo.

Podemos seleccionar la dirección de la flecha y el tamaño. Mantenemos el relleno "Rain" para dar uniformidad a nuestra web y el tamaño en 32 más que suficiente para este elemento.

Podemos seleccionar el relleno y el tamaño de la barra. Elige el mismo patrón y como medidas 480 x 10.

Para poner nombre a cada una de nuestras páginas. Cambia el tamaño de la fuente a 50 y haz transparente el fondo tras elegir el patrón "Rain".

Nos permite crear un botón simple sin efectos aunque podemos utilizarlo para crear las distintas posiciones de un botón.

Recordemos aquí que GIMP dispone de un par de Filtros para crear botones con todas las posiciones del botón: Exts --> Botones, pero que no permiten rellenar el botón con un patrón tal y como hace el Filtro del que nos ocupamos en estos momentos. Si queremos conseguir posiciones diferentes de un botón deberemos crear varios botones con características distintas.

Crea el mismo botón que el destinado al "Claustro" pero con el color de texto blanco y la opción "Pulsado" activa.

Pasa y haz clic con el ratón sobre el botón

Nuestra página se va completando poco a poco...

Animación y web > Elementos web