1.- Trabajar con capas transparentes (Canal alfa)

Tamaño: px

Comenzar la demostración a partir de la página:

Download "1.- Trabajar con capas transparentes (Canal alfa)"

Sofia Vargas Lucero
hace 5 años
Vistas:

2º ESO TECNOLOGÍA TEMA 7: DISEÑO GRÁFICO CON ORDENADOR ACTIVIDADES 1.

abrimos una nueva imagen con Archivo --> Nuevo, y en el menú "Crear una imagen nueva", desplegamos el menú "Opciones avanzadas" rellenar con "Transparencia".

Pasamos a recortar la boca, lo hacemos con la herramienta "tijeras inteligentes", una vez que seleccionamos el contorno de la boca pinchamos dentro de la boca y se

1 2º ESO TECNOLOGÍA TEMA 7: DISEÑO GRÁFICO CON ORDENADOR ACTIVIDADES 1.- Trabajar con capas transparentes (Canal alfa) Realizaremos un fotomontaje con las imágenes Ojo y Boca Primero abrimos las dos imágenes con GIMP, a continuación abrimos una nueva imagen con Archivo --> Nuevo, y en el menú "Crear una imagen nueva", desplegamos el menú "Opciones avanzadas" rellenar con "Transparencia". A continuación, arrastramos las capas de la boca y el ojo en la nueva imagen y obtendríamos lo siguiente: Ahora quitamos la visibilidad del ojo para trabajar mejor: Pasamos a recortar la boca, lo hacemos con la herramienta "tijeras inteligentes", una vez que seleccionamos el contorno de la boca pinchamos dentro de la boca y se activa la selección. A continuación pasamos a recortar la selección, pero para realizarlo de forma eficaz antes debemos seleccionar la capa, y con el botón derecho pinchamos en "añadir canal alfa". Ahora si, vamos a editar --> cortar, si lo hemos hecho correctamente obtendremos lo siguiente:

2 Volvemos a hacer visible el ojo y lo escalamos: Y por último, colocamos las capas para que el ojo quede por detrás de la boca:

2.- Introducción de textos. Texto con sombra Las opciones de la herramienta Texto nos permiten elegir las características del texto que vamos a colocar en nuestro trabajo.

3 2.- Introducción de textos. Texto con sombra Las opciones de la herramienta Texto nos permiten elegir las características del texto que vamos a colocar en nuestro trabajo. Comencemos a trabajar sobre una imagen. 1. Creamos una nueva imagen con fondo blanco y dimensiones 400 x 200 píxeles. Seleccionemos la herramienta Texto en la Caja de herramientas y en sus opciones hacemos clic en la imagen situada al lado de Tipografía. Aparece una ventana donde podemos seleccionar el tipo de fuente que deseemos de las tipografías instaladas en nuestro ordenador. A la izquierda del nombre de la fuente tenemos una muestra de la misma para orientar nuestra elección. Busca en esta ventana la fuente "Comic Sans" y haz clic en ella. 2. Seleccionemos un tamaño de 40 píxeles, Hinting y Alisado. Justificamos al centro y ponemos como color el valor hexadecimal b20000; para elegir el color de la fuente tenemos un acceso a la paleta de colores desde las Opciones de la herramienta Texto. 3. No modificamos los valores de sangrado y espaciado de línea. 4. Hacemos clic en la zona central de la Ventana Imagen; observa que se abre la ventana Edición de textos. Al comenzar a escribir se crea una capa de texto que adquiere el nombre del texto que escribamos.

5. El texto queda enmarcado por una selección que nos permite colocar la capa en el lugar que queramos de la Ventana Imagen.

Esto puede suceder cuando hacemos clic con el botón derecho del ratón sobre la capa en la Paleta de capas y elegimos "Descartar información de texto", ya que la capa

También ocurre cuando se aplica sobre la capa de texto cualquier filtro y deja de ser una capa de texto editable. 7.

Cambiamos ahora el texto de esta capa, para ello haz clic con el botón derecho sobre la capa en la Paleta de capas y elige Herramienta de texto.

4 5. El texto queda enmarcado por una selección que nos permite colocar la capa en el lugar que queramos de la Ventana Imagen. Centremos el texto utilizando la herramienta Mover. 6. Este texto es editable siempre y cuando no se cambien la condiciones de la capa. Esto puede suceder cuando hacemos clic con el botón derecho del ratón sobre la capa en la Paleta de capas y elegimos "Descartar información de texto", ya que la capa de texto se transforma en una capa normal y el texto deja de ser editable. También ocurre cuando se aplica sobre la capa de texto cualquier filtro y deja de ser una capa de texto editable. 7. Si no hacemos cambios a la capa de texto, ésta continua siendo editable. Cambiamos ahora el texto de esta capa, para ello haz clic con el botón derecho sobre la capa en la Paleta de capas y elige Herramienta de texto. Cambiamos el tipo de letra, por ejemplo "Bookman", además vamos a quitar la palabra "en" y aumentamos el tamaño de la fuente a 60 píxeles. 8. Dupliquemos la capa. La nueva capa tiene las mismas propiedades que la anterior y se coloca sobre ella en la pila de capas. Ahora seleccionamos la capa de texto original y aplicamos un filtro: Filtro --> Desenfoque gaussiano con los valores que vienen por defecto. Después movemos esta capa tres píxeles hacia abajo y otros tantos hacia la izquierda.

5 Observa cómo una de las dos capas de texto (sobre la que hemos aplicado el filtro) ha dejado de ser una capa de texto editable. 9. Veamos el resultado habiendo pintado la capa desenfocada con color negro. 3.- Introducción de texto. Efecto congelación Con muy pocos pasos podemos conseguir llamativos logotipos para nuestras páginas web o para adornar nuestros trabajos en papel. El proceso es bastante sencillo y rápido, consiguiendo sorprendentes efectos con los filtros. 1. Creamos una nueva imagen con un tamaño 200x100 píxeles y fondo negro. En una nueva capa de texto escribimos "Frío" en "Arial Black" con un tamaño de 64 puntos y color blanco. Situamos esa capa en el centro de nuestra imagen y la renombramos como "Frío". La redimensionamos utilizando Capa a tamaño imagen. Y hacemos una copia a la que llamaremos "Copia frio". 2. Seleccionamos la capa "Frío" y giramos la imagen 90 grados: hacemos clic con el botón derecho en la imagen y elegimos Imagen--> Transformar --> Rotar 90 grados en sentido horario. 3. Aplicamos un filtro para distorsionar la capa "Frio": Filtros --> Distorsiones --> Viento. Nos aparece la siguiente ventana en la que modificaremos los parámetros para conseguir el efecto deseado.

Para que el efecto del filtro pueda aplicarse, debemos recordar que no se debe mantener la Transparencia de la

6 4. Hacemos clic en Aceptar y observamos el resultado en la Ventana imagen. Giramos de nuevo la imagen para volver a tener el texto en posición horizontal. Para que el efecto del filtro pueda aplicarse, debemos recordar que no se debe mantener la Transparencia de la capa. 5. Vamos a desenfocar la capa "Frío" para quitar la dureza producida por el filtro, para ellos utilizamos Filtros --> Desenfoque --> Desenfoque gaussiano con un valor de 2.

6. Damos un poco de color a la capa "Frío" haciendo clic con el botón derecho sobre la imagen y eligiendo Capa --> Colores --> Niveles y poniendo como salida al Canal rojo un valor de 0 y al Canal

7 6. Damos un poco de color a la capa "Frío" haciendo clic con el botón derecho sobre la imagen y eligiendo Capa --> Colores --> Niveles y poniendo como salida al Canal rojo un valor de 0 y al Canal verde Duplicamos la capa "Frío" con las características obtenidas y a la nueva capa la llamamos "Frío Copia". Aplicamos a esta última el modo de combinación Valor, para obtener lo siguiente: 8. Hacemos visible la capa "Copia frío" y ponemos como modo de combinación Suma. Guardamos nuestro trabajo como "frio.xcf". 4.- Introducción de textos. Siguiendo curvas Vamos a crear con Gimp una imagen como la del texto que encabeza este articulo. La idea es poder dibujar un texto siguiendo lo que se denomina Ruta (o Path). Lo primero que tenemos que hacer es crear una nueva imagen con el tamaño que deseamos. Después ya hacemos click sobre el siguiente icono:

Es la herramienta para Editar o crear Rutas.

línea y manteniendo pulsado el botón izquierdo podemos ajustar la curvatura de la misma.

ejemplo el tamaño de línea (yo use tamaño de línea 0, para que no fuera visible). Cuando estés conforme, pulsa el botón Trazo de la esquina inferior derecha.

8 Es la herramienta para Editar o crear Rutas. Se abre una nueva ventana y en ella dibujamos la ruta que deseamos, es muy sencillo, haciendo click se van generando los trazos y después colocando el cursor sobre la línea y manteniendo pulsado el botón izquierdo podemos ajustar la curvatura de la misma. Cuando estemos contentos con la ruta definida le damos al botón de Trazar Ruta: Se abre una nueva ventana donde podemos ajustar algunas propiedades sobre la Ruta, por ejemplo el tamaño de línea (yo use tamaño de línea 0, para que no fuera visible). Cuando estés conforme, pulsa el botón Trazo de la esquina inferior derecha. Bien, la ruta se ha generado. Ahora lo que tenemos que hacer es escribir el Texto. Hacemos click sobre el icono de la A (Herramienta de Texto) del menú de iconos de Gimp y en la ventana que se abre ya escribimos el texto deseado. Eso si, puedes ajustar después el tamaño que quieres para el texto o la fuente. Pero a la hora de Guardar el texto, Pulsa sobre el botón Texto siguiendo una ruta :

Eso hará que el texto siga la ruta que creamos en el paso previo. Genial!

como opción de menú en la parte superior de la ventana de edición de imagen: Diálogos >

9 Eso hará que el texto siga la ruta que creamos en el paso previo. Genial!!!, esto va tomando forma: Bien, ahora abrimos el cuadro de dialogo de las Rutas, esta como opción de menú en la parte superior de la ventana de edición de imagen: Diálogos > Rutas se abrirá el cuadro de dialogo de Rutas: Podemos hacer clck en el ojo para mostrar/ocultar la ruta actual. Pero la acción que nos interesa es seleccionar, así que pinchamos sobre la Ruta y hacemos click derecho para que aparezca un menú emergente. En ese menú elegimos Ruta a Selección:

Si todo ha ido bien, deberías poder algo parecido a esto. Tienes el texto seleccionado. Bien, ya queda menos. Ahora y sin tocar nada, es decir, queremos que esa selección se mantenga.

10 Si todo ha ido bien, deberías poder algo parecido a esto. Tienes el texto seleccionado. Bien, ya queda menos. Ahora y sin tocar nada, es decir, queremos que esa selección se mantenga. creamos una capa nueva: Capa > Capa nueva Guardas la capa y justo a continuación pinchas sobre el icono de Degradado (se llama Herramienta de Mezcla, y es el icono que esta 2 posiciones a la derecha del icono A que usamos anteriormente para escribir el texto). Con la herramienta de degradado seleccionado, eliges los colores que quieras y ya colocas el cursor sobre la ventana de edición de imagen. Pinchas en una zona y sin soltar, arrastras el cursor en la dirección que quieras aplicar el degradado. Entonces mueves un poco el ratón y sueltas el botón. El degradado se aplica en la dirección que hayas seleccionado y con la intensidad que hubieras arrastrado el ratón. Si no te convence el resultado, puedes volver a repetir la acción tantas veces como sea necesario. Al final te queda algo como esto: Por último prueba a modificar dicho dibujo con la herramienta Filtros --> Distorsiones --> Doblar según curva.

Documentos relacionados

1. Creamos una nueva imagen con fondo blanco y dimensiones 400 x 200 píxeles. Seleccionemos la

1. Creamos una nueva imagen con fondo blanco y dimensiones 400 x 200 píxeles. Seleccionemos la Texto estándar Las opciones de la herramienta Texto nos permiten elegir las características del texto que vamos a colocar en nuestro trabajo. Comencemos a trabajar sobre una imagen. 1. Creamos una nueva