mc_tec_gimp

= Trabajos con El Gimp =

a) Elaboración:

 * Abre El Gimp
 * Elige una resolución de 1500 x 300 píxeles, y en opciones avanzadas, un fondo transparente (Rellenar con: transparencia)




 * Archivo => Abrir como capas. Abre tu logotipo, y ponlo en uno de los extremos de la imagen.


 * Elige la herramienta de texto y escribe el nombre de la empresa. Elige una tipografía adecuada, así como el tamaño y el color.


 * Aplica algún filtro. Se recomienda el filtro de Sombra arrojada, para dar algo de relieve a las letras (Filtros => Luces y sombras => Sombra arrojada). Este filtro puede aplicarse también al logotipo


 * Busca algún otro filtro. En este caso se ha aplicado Filtros => Distorsiones => Ondas:


 * Si lo deseas, rellena el fondo de algún color. Si lo dejas transparente, se verá el color de fondo de la página web por debajo.


 * Guarda la imagen con el formato que creas más adecuado (gif, png o jpg). Piensa en el tamaño del archivo, la calidad, y si tiene o no transparencias.


 * En la configuración del sitio, elige Configuración de página:




 * Quitar la opción de Mostrar título, para que éste no aparezca.
 * Entramos ahora en Modificar diseño del sitio:


 * Editamos el encabezado poniendo el cursor sobre él y haciendo clic:




 * En el menú que aparece elegimos Logotipo personalizado, y subimos nuestra imagen haciendo clic en Examinar.




 * Por último, en Ancho del sitio elegimos ancho personalizado, y una anchura del 100% (esto nos asegura que la imagen cubra por completo el ancho de la página, que no se quede corta ni se salga):




 * Vamos a entrar ahora en Administrar Sitio:




 * Desmarcamos la casilla de Mostrar el nombre del sitio en la parte superior:




 * Y, más abajo, deshabilitamos la búsqueda (pues de lo contrario la aparecerá encima de nuestra imagen de encabezado). Para ello hacemos clic en el botón Configurar búsqueda, y en el menú que aparece la deshabilitamos:




 * Por último, si deseas hacer más cambios en el formato de las páginas, vete a Temas, colores y fuentes:





2. El fondo de la página web
Para realizar el fondo de la pagina web podemos buscar una imagen que nos guste de internet y editarla o bien crear una imagen desde GIMP como se describe a continuación

Vamos a crear una imagen desde GIMP sin utilizar otras imágenes previas, bien sean fotográficas o digitales.

> > Puedes probar distintas opciones con el selector central, moviendo a izquierda o dercha según la cantidad de estrellas que quieras y la intensidad de su brillo. Obtenemos la imagen del espacio sobre el que seguiremos trabajando. > > > Quitamos la selección. > > > > > Aumenta la selección circular en 10 ó 15 píxeles y aplica sobre esta selección Script-Fu --> Selección --> Distorsionar selección con los parámetros Umbral 180, Difusión 25, Granularidad 6 y Suave 2. Sin marcar las opciones de suavizado vertical y horizontal. Invierte la selección y rellena esta selección con el mismo color rojo que hemos utilizado anteriormente. Quita la selección y aplica un Desenfoque gaussiano con un valor de 30 píxeles. > > > >
 * 1) Creamos un nuevo documento de 600x600 píxeles con fondo negro. Vamos a Fltros --> Ruido --> Esparcir por RGB no sleccionando la opción RGB independiente y con un valor de 0,45. Con en la herramienta Niveles pon el valor que se observa en la figura para disminuir el ruido visible.
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_29.gif width="368" height="184"]] ||
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_30.gif width="161" height="132"]] ||
 * 1) Creamos una nueva capa con fondo blanco a la que llamamos "Sol" y ponemos una línea guía vertical en el píxel 300 para ayudarnos en la creación de la selección de la parte derecha de nuestra imagen y rellenamos con color negro.
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_31.gif width="150" height="150"]] ||
 * 1) Aplicamos sobre esta capa un efecto de viento utilizando el Filtro --> Distorsiones --> Viento. Utilizamos la ventana de Vista previa para comprobar el resultado. Para conseguir el que se observa a continuación hemos aplicado este filtro tres veces con un Umbral de 8 y una Fuerza de 35. Viento, con dirección izquierda y afectando al borde delantero.
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_32.gif width="150" height="150"]] ||
 * 1) Giramos esta capa 90 grados en el sentido de las agujas del reloj y aplicamos sobre ella el Filtro --> Distorsiones --> Coordenadas polares, con las opciones que aparecen por defecto; obteniendo
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_33.gif width="150" height="150"]] ||
 * 1) Ahora debemos unir esta capa con la capa de fondo en la que está el espacio. Seleccionamos la zona blanca exterior de la capa a la que acabamos de aplicar las Coordenadas polares y ampliamos esa selección en 80 píxeles con la herramienta de selección Agrandar. Cuando tengamos la selección aplicamos la herramienta de selección Difuminar con un valor mínimo de 40 píxeles. Borramos toda la selección (Ctrl + K) para obtener:
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_34.gif width="281" height="253"]] ||
 * 1) Aplicamos un desenfoque gaussiano de 3 píxeles a la capa "Sol". Coloca guías verticales y horizontales en los píxeles 150, 300 y 450. Crea una nueva capa con nombre "Brillo" y con fondo transparente. Rellena la capa de color rojo. Ayudándote con las guías crea una selección circular en el centro que rellenarás de negro.
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_35.gif width="208" height="208"]] ||
 * 1) Sobre esta capa vamos a realizar una Selección por color haciendo clic en un píxel de color rojo y poniendo un Umbral de 50 en las opciones de la selección, rellena esta selección de color blanco, quita la selección y aplica un Desenfoque gaussiano de 15 píxeles sobre la capa. Creamos una nueva selección circular con ayuda de las guías, invertimos la selección y borramos. Una vez anulada la selección circular, aplica un desenfoque gaussiano de 5 píxeles.
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_36.gif width="250" height="249"]] ||
 * 1) Vamos a dar un poco más de realismo al brillo que aparece tras el planeta utilizando el Filtro --> Distorsiones --> Deformando sobre la capa "Sol". Este filtro es interactivo por lo que debemos hacer clic con el ratón y arrastar para producir las deformaciones que queramos obtener:
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_37.gif width="225" height="246"]] ||
 * 1) Creamos una nueva capa transparente situada debajo de la capa "Brillo" y sobre ella aplicamos el Filtro --> Efectos de Luz --> Supernova, haciendo centro en el punto 239, 164 y con un color rojizo. Prueba distintas opciones de este filtro y elige la más adecuada.
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_37.jpg width="250" height="250"]] ||
 * 1) Crea con el Script-Fu de Logo, Calor resplandeciente un título que puedes situar sobre todas las capas.
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_38.jpg width="400" height="400"]] ||
 * 1) Guarda el resultado

3.- Como editar texto.
GIMP contiene muchas posibilidades para adornar el texto a partir de los Script-Fu que hemos visto a lo largo del curso, pero también es posible conseguir textos decorativos.

Vamos a ver un ejemplo que nos sirva de punto de partida para meternos de lleno en textos decorativos. El resultado que obtendremos se observa a continuación:


 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_10.jpg width="285" height="94"]] ||

> > > > > > > > > > > >
 * 1) Creamos una imagen con fondo blanco y tamaño 300 x 200 píxeles. Utilizando el tipo de letra "Arial Black" con un tamaño de 100 píxeles escribimos "GIMP". Llevamos esa capa a tamaño imagen con lo que perdemos las posibilidades de edición de texto, aunque es necesario para trabajar adecuadamente con este texto.
 * 1) Seleccionamos todo el texto y lo rellenamos con el gradiente creado para la ocasión en el Editor de degradados.
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_12.gif width="230" height="188"]][[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_13.gif width="250" height="98"]] ||  ||
 * 1) Cambiamos el color del relleno utilizando la Herramientas de color --> Tono y saturación, aumentando el tono (180) y disminuyendo la saturación (-30). Duplicamos la capa.
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_14.gif width="288" height="91"]] ||
 * 1) Añadimos ruido a la capa superior mediante el filtro de ruido Lanzar con los valores por defecto. A esta capa superior le proporcionamos el modo de combinación Diferencia.
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_15.gif width="285" height="98"]] ||
 * 1) Utilizando la capa situada en la mitad de la pila de capas hacemos una selección del texto y activamos la máscara rápida. Encogemos la selección en 4 píxeles y aplicamos la Máscararápida.
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_16.gif width="298" height="102"]] ||
 * 1) Sobre esta máscara aplicamos el Filtro --> Distrorsiones --> Ondas con unos valores muy pequeños, Amplitud 1; Fase 6 y Longitud de onda 0,10. Desactivamos la máscara rápida, duplicamos la capa y sobre la última capa invertimos la selección y borramos el contenido de la selección para obtener:
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_17.gif width="292" height="97"]] ||
 * 1) La anterior imagen se ha obtenido haciendo invisible la segunda capa que contiene el texto. Hacemos visibles las tres capas. El modo de combinación de la capa superior debe ser Valor. Combinamos las dos capas superiores.
 * 1) Aplicamos el Filtro Mapa de relieve sobre la capa inferior que contiene texto; aumentando el valor profundidad a 5. Colocamos esta capa en la parte superior de la pila de capas y le damos el modo de combinación Diferencia.
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_18.gif width="290" height="95"]] ||
 * 1) Aplicamos el Efecto de iluminación que se obtiene con las siguientes características y un tipo de luz direccional:
 * [[image:http://www.ite.educacion.es/formacion/materiales/87/cd/tem11/images/tem11_19.gif width="500" height="238"]] ||
 * 1) Rellenamos la capa de fondo (blanco) con un degradado de izquierda a derecha con el gradiente "Mexican flag smooth". Combinamos las capas visibles.