Vamos a hacer un diseño muy sencillo pero interesante e intuitivo, utilizando las mismas herramientas que ya conocemos. Nivel: MUY FÁCIL aunque algo laborioso.
 |
| Diseño: © 2019 Gloria MoMay |
En clase hemos llegado a realizar un diseño más sencillo, sólo con un paso menos...
 |
| Diseño: © 2019 Gloria MoMay |
1. IMAGEN INICIAL QUE SE AJUSTE AL OBJETIVO DEL EJERCICIO.
Iniciaremos este ejercicio con una imagen en alto contraste resuelta exclusivamente en blanco y negro.
Puedes buscarla en internet o tomarla de este link: Carpeta retrato alto contraste 1 ESO
También puedes crearla a partir de una fotografía (enlace y entrada por preparar).
2. PREPARAR LA IMAGEN
Antes de nada tenemos que preparar la imagen para que se ajusten perfectamente a este ejercicio sin ocasionar problemas.
2.1. Poner la imagen en B/N
Menú Colores
Tono y saturación
Modificar el control de Saturación a -100
Aceptar
2.2.Diferenciar los píxeles a dos tonos. POSTERIZAR
Menú Colores
Posterizar
Modificar el nivel de posterización a 2
Aceptar
Aceptar
3. SELECCIONAR ÁREAS
Vamos a seleccionar áreas de actuación, empezaremos por el fondo y después lo invertiremos para seleccionar la figura.
Menú Seleccionar
Por color
Hacer click sobre cualquier píxel blanco
Aparece la línea activa de selección que delimita todo el fondo y todas las áreas blancas.
4. DEGRADADO
Tomamos la herramienta de mezcla (cuadradito con degradado)
Cambiar el color de frente, preferiblemente un tono claro
Aplicar el degradado como lo hemos aprendido en clase (trazando una línea recta con el ratón eligiendo la orientación que más nos guste)
El degradado afecta exclusivamente al área seleccionada.
5. CÓMO SELECCIONAR EL ÁREA DE COLOR NEGRO
Tal y como hemos visto en clase, sólo tenemos que invertir la selección
Menú Seleccionar
Invertir
Vemos cómo la línea activa de selección delimita sólo las partes que tienen píxeles negros.
6. BORRAR EL COLOR NEGRO
Primero preparamos la capa para que sea transparente:
Click secundario ( o click derecho) en la ventana de capas para desplegar opciones
Añadir canal alfa
Aparentemente no pasa nada, pero ya está lista para borrar la selección negra convirtiendo ese área en transparente.
De la caja de herramientas, tomar la goma.
La goma está asociada a diferentes pinceles y tamaños, elegir un tamaño grande para que sea más rápido y borrar con el ratón sobre la imagen de trabajo.
Aparecerá el tapiz de cuadraditos sólo en las áreas seleccionadas delimitadas por la línea activa.
7. BUSCAR IMÁGENES DE TEXTURAS
Puedes buscarla con google, utilizando las opciones de:
Imágenes
Herramientas
Tamaño
Grande
Derechos de uso
Etiquetadas para reutilización con modificaciones.
Puedes obtenerla de algún banco de imágenes gratuito, como por ejemplo PIXABAY
O también tomarla en este link: Carpeta texturas
8. APLICACIÓN DE TEXTURA
Arrastrar la imagen de la textura a la ventana de capas, tal y como hemos hecho en clase, y ya podemos ver el efecto, pero seguramente será necesario redimensionar (dependiendo del tamaño de la imagen de la textura y el tamaño de la imagen del retrato).
9. REDIMENSIONAR
Antes de redimensionar debemos desactivar la selección para que no afecte a la nueva capa.
Menú seleccionar
Nada
De la caja de herramientas tomamos la HERRAMIENTA DE ESCALADO
y hacemos click sobre la imagen a redimensionar (asegúrate de que en la ventana de capas, la que está activa es la de la textura)
Aparece una ventana emergente a la que fijaremos el mantenimiento de las proporciones haciendo click sobre el icono de la cadena abierta, comprueba que ahora el icono es una cadena cerrada.
Seguidamente mueve los cuadros activos de las esquinas para redimensionar, a tu criterio, la capa de la textura de manera que ocupe toda la imagen del retrato (para controlar adecuadamente tu espacio de trabajo se recomienda hacer uso del zoom, control + ruedecita del ratón)
Finalmente hacer click en el botón "Escala"
10. INSERTAR TEXTO DE COLOR
Tomar la imagen del texto de la carpeta: Textura texto y abrirla con gimp en un proyecto nuevo. (El del retrato lo mantenemos minimizado)
Haremos prácticamente lo mismo que en el punto 2. PREPARAR LA IMAGEN (consúltalo en esta misma entrada)
10.0. POSTERIZAR la imagen con un nivel de 2 colores para asegurarnos de que sólo hay píxeles blancos y negros.
10.1. Seleccionar por color el fondo blanco y borrarlo haciéndolo transparente.
(Consulta el punto 3 para recordar cómo seleccionar áreas por color)
(consulta el punto 6 para recordar cómo se borra un área para hacerla transparente)
10.2. Invertir la selección comprobando que la línea activa delimita sólo las letras del texto.
Consulta el punto 5 para recordar cómo se invierte la selección)
10.3. Tomar la herramienta de mezcla (cuadradito con difuminado que aparece en la imagen del punto 4) y seleccionar una de las opciones de mezcla de color que aparecen como muestras predeterminadas en la parte inferior de la ventana de capas
Aplicar el degradado como lo hemos aprendido en clase, trazando una línea con el ratón (consulta el punto 4.Degradado para recordar cómo se hace)
Verás que afecta sólo a las letras que se han coloreado.
10.4. Exportar la imagen como PNG según lo aprendido en nuestras prácticas de clase:
Menú Archivo
Exportar como
Seleccione el tipo de archivo (por extensión)
Imagen PNG
Exportar
Cerrar este proyecto como texto coloreado.xcf, así podemos seguir manipulándolo y obtener distintas variaciones.
10.5. Volver al proyecto del retrato y arrastrar la imagen del texto coloreado de fondo transparente a la ventana de capas.
Colocar la capa de texto coloreado justo en medio, entre el retrato y la textura de fondo.
10.6. Redimensionar la capa de texto coloreado con la misma metodología que la explicada en el punto 9. REDIMENSIONAR escalando y colocando la capa en el lugar que más nos guste.
11. ¿QUIERES CONOCER UNA HERRAMIENTA MÁS?
En la ventana de capas, marca o activa la capa del retrato.
Seguidamente, en la parte superior de la ventana de capas, cambia el modo de ésta (observa que está en "Modo normal" y justo al ladohay un recuadro con una flechita, haz click sobre la misma para que aparezca un desplegable y selecciona el modo "Claridad fuerte" y observa que las letras también aparecen sobre el degradado de color claro, haciendo que esté todo más integrado.
Por último, guarda todos los cambios realizados en el proyecto y exporta la imagen como jpg o png (recuerda la diferencia de estos archivos explicada en clase)
Nota: la finalidad de este blog es totalmente didáctica y pública, este trabajo desinteresado supone tiempo, además del aporte creativo personal. Sólo espero que se respete la autoría.
Nota 2: para cualquier duda o sugerencia de trabajo o presentación puedes ponerte en contacto conmigo a través de los comentarios de esta misma entrada.
El degradado afecta exclusivamente al área seleccionada.
5. CÓMO SELECCIONAR EL ÁREA DE COLOR NEGRO
Tal y como hemos visto en clase, sólo tenemos que invertir la selección
Menú Seleccionar
Invertir
Vemos cómo la línea activa de selección delimita sólo las partes que tienen píxeles negros.
6. BORRAR EL COLOR NEGRO
Primero preparamos la capa para que sea transparente:
Click secundario ( o click derecho) en la ventana de capas para desplegar opciones
Añadir canal alfa
Aparentemente no pasa nada, pero ya está lista para borrar la selección negra convirtiendo ese área en transparente.
De la caja de herramientas, tomar la goma.
La goma está asociada a diferentes pinceles y tamaños, elegir un tamaño grande para que sea más rápido y borrar con el ratón sobre la imagen de trabajo.
Aparecerá el tapiz de cuadraditos sólo en las áreas seleccionadas delimitadas por la línea activa.
7. BUSCAR IMÁGENES DE TEXTURAS
Puedes buscarla con google, utilizando las opciones de:
Imágenes
Herramientas
Tamaño
Grande
Derechos de uso
Etiquetadas para reutilización con modificaciones.
Puedes obtenerla de algún banco de imágenes gratuito, como por ejemplo PIXABAY
O también tomarla en este link: Carpeta texturas
8. APLICACIÓN DE TEXTURA
Arrastrar la imagen de la textura a la ventana de capas, tal y como hemos hecho en clase, y ya podemos ver el efecto, pero seguramente será necesario redimensionar (dependiendo del tamaño de la imagen de la textura y el tamaño de la imagen del retrato).
 |
| En la imagen se ve la diferencia de tamaños de estas dos capas |
9. REDIMENSIONAR
Antes de redimensionar debemos desactivar la selección para que no afecte a la nueva capa.
Menú seleccionar
Nada
De la caja de herramientas tomamos la HERRAMIENTA DE ESCALADO
y hacemos click sobre la imagen a redimensionar (asegúrate de que en la ventana de capas, la que está activa es la de la textura)
Aparece una ventana emergente a la que fijaremos el mantenimiento de las proporciones haciendo click sobre el icono de la cadena abierta, comprueba que ahora el icono es una cadena cerrada.
Seguidamente mueve los cuadros activos de las esquinas para redimensionar, a tu criterio, la capa de la textura de manera que ocupe toda la imagen del retrato (para controlar adecuadamente tu espacio de trabajo se recomienda hacer uso del zoom, control + ruedecita del ratón)
Finalmente hacer click en el botón "Escala"
10. INSERTAR TEXTO DE COLOR
Tomar la imagen del texto de la carpeta: Textura texto y abrirla con gimp en un proyecto nuevo. (El del retrato lo mantenemos minimizado)
Haremos prácticamente lo mismo que en el punto 2. PREPARAR LA IMAGEN (consúltalo en esta misma entrada)
10.0. POSTERIZAR la imagen con un nivel de 2 colores para asegurarnos de que sólo hay píxeles blancos y negros.
10.1. Seleccionar por color el fondo blanco y borrarlo haciéndolo transparente.
(Consulta el punto 3 para recordar cómo seleccionar áreas por color)
(consulta el punto 6 para recordar cómo se borra un área para hacerla transparente)
10.2. Invertir la selección comprobando que la línea activa delimita sólo las letras del texto.
Consulta el punto 5 para recordar cómo se invierte la selección)
10.3. Tomar la herramienta de mezcla (cuadradito con difuminado que aparece en la imagen del punto 4) y seleccionar una de las opciones de mezcla de color que aparecen como muestras predeterminadas en la parte inferior de la ventana de capas
 |
| Comprueba además, que en las opciones de herramienta aparece el modelo elegido |
Verás que afecta sólo a las letras que se han coloreado.
10.4. Exportar la imagen como PNG según lo aprendido en nuestras prácticas de clase:
Menú Archivo
Exportar como
Seleccione el tipo de archivo (por extensión)
Imagen PNG
Exportar
Cerrar este proyecto como texto coloreado.xcf, así podemos seguir manipulándolo y obtener distintas variaciones.
10.5. Volver al proyecto del retrato y arrastrar la imagen del texto coloreado de fondo transparente a la ventana de capas.
Colocar la capa de texto coloreado justo en medio, entre el retrato y la textura de fondo.
10.6. Redimensionar la capa de texto coloreado con la misma metodología que la explicada en el punto 9. REDIMENSIONAR escalando y colocando la capa en el lugar que más nos guste.
11. ¿QUIERES CONOCER UNA HERRAMIENTA MÁS?
En la ventana de capas, marca o activa la capa del retrato.
Seguidamente, en la parte superior de la ventana de capas, cambia el modo de ésta (observa que está en "Modo normal" y justo al ladohay un recuadro con una flechita, haz click sobre la misma para que aparezca un desplegable y selecciona el modo "Claridad fuerte" y observa que las letras también aparecen sobre el degradado de color claro, haciendo que esté todo más integrado.
 |
| Diseño (c) 2019 Gloria MoMay |
Por último, guarda todos los cambios realizados en el proyecto y exporta la imagen como jpg o png (recuerda la diferencia de estos archivos explicada en clase)
Nota: la finalidad de este blog es totalmente didáctica y pública, este trabajo desinteresado supone tiempo, además del aporte creativo personal. Sólo espero que se respete la autoría.
Nota 2: para cualquier duda o sugerencia de trabajo o presentación puedes ponerte en contacto conmigo a través de los comentarios de esta misma entrada.
