Viñeteado y desenfoque de foco

Muy buenas a todos, aquí me tenéis de nuevo, con otra entrada dedicada a mi programa de software libre preferido, Gimp.

En esta ocasión veremos como utilizar los efectos de Viñeta y Desenfoque de foco, para oscurecer o desenfocar los bordes de una fotografía y resaltar la zona que deseemos.

El viñeteado lo conseguiremos con el filtro Viñeta, que se encuentra en el submenú Luz y sombra del menú principal Filtros, y con el podemos lograr un oscurecimiento de la parte exterior de una imagen partiendo de una zona central que podemos elegir.

Cuando utilicemos este filtro aparecerán en nuestra fotografía tres circunferencias, la mas interior es la zona que permanecerá sin oscurecer, la segunda representa el centro de la zona que estará medio oscurecida y de la exterior hacia el final de la imagen estará completamente negra y podemosalterr estos tres circulos para modificar la viñeta a nuestro antojo.

En la primera imagen de ejemplo de este post el centro del viñeteado es lógicamente la lampara que sujeta el niño que es de donde surge la fuente de luz y por lo tanto la zona de la imagen que debe estar mas clara.

Aunque lo mejor es utilizar el color negro para la viñeta, también podemos elegir cualquier otro color, aunque lo normal es ver una viñeta negra o blanca.

Con el filtro Desenfoque de foco, que se encuentra en el submenú Difuminar, también en el menú principal Filtros, conseguiremos un efecto similar, pero creando una sensación de emborronamiento o difuminado en lugar de ennegrecimiento.

En este caso también tendremos los tres círculos para ajustar el efecto, siendo la principal diferencia con el caso anterior el echo de que podemos ajustar el parámetro Tipo de desenfoque entre Desenfoque gaussiano o Desenfoque de la lente, siendo el segundo mas suave y suele quedar mejor.

Para terminar solo decir, que como de costumbre, las fotografías que he utilizado de base para esta entrada la he descargado de Pixabay, una web donde podéis encontrar una infinidad de imágenes para vuestros proyectos.

Espero que nos veamos pronto, con mas diseños, dibujos y tutos.

Texto distorsionado o rayado

Muy buenas a todos, aquí estoy con una nueva entrada, en esta ocasión dedicada al programa de software libre de diseño vectorial Inkscape.

En este post veremos como crear los efectos de distorsión y rayado en un texto, utilizando las opciones de modificación trayecto de este programa, para obtener un resultado similar al que se puede ver en esta primera imagen de ejemplo.

Para ello lo primero será crear nuestro rotulo, con la herramienta Crear y editar objetos de texto, con la tipografía el tamaño y el color que deseemos.

Lo siguiente será convertir este texto a vectores, ya que este tipo de efectos solo se pueden aplicar a diseños vectoriales, lo que haremos con la opción Objeto a trayecto en el menú de Trayecto.

A continuación usaremos la herramienta Efectos de trayecto que se encuentra también en el menú Trayecto, con lo que se abrirá un cuadro de dialogo en la parte derecha de la pantalla.

En este cuadro de dialogo clicamos sobre el símbolo "+" que se encuentra en su parte inferior izquierda, con lo que aparecerán un grupo de herramientas, como podemos ver en la siguiente imagen.

De todas ellas, usaremos las que están resaltadas por circulos rojos, es decir Tramado (Bruscos) y Áspero (Desplazamiento) para con la primera crear un efecto de rayado en el texto y con la segunda una especie de deformación o arrugado.

En el caso de el efecto de trazos o rayado veremos que en el texto aparecen unos puntos amarillos y verdes, moviendo los amarillo establecemos la posición en la que se inicia el efecto y su curvatura, de manera que si queremos que quede recto, lo mejor es no tocarlos, mientras que los verdes deberemos ajustarlos para modificar el angulo de los trazos y hacer que los estos estén mas densos o mas separados.

Si estos puntos no aparecen tendremos que clicar sobre el texto con la herramienta Editar nodos de trayecto o tiradores de control.

También podemos modificar los parámetros de los apartados Torcer tramados y Generar un trayecto grueso/fino, con lo que conseguiremos el mismo efecto.

Con el efecto de deformación lo que tenemos que hacer es ajustar los parámetros de Desplazamiento máximo, de manera que a mayor cantidad le pongamos mayor será el grado de distorsión vertical o horizontal, con lo que lograremos un efecto como el que podéis ver en la imagen que hay bajo este párrafo.

Finalmente lo mejor es que volvamos a vectorizar la imagen resultante con Objeto a trayecto, con lo que convertiremos una vez mas el texto modificado a un conjunto de vectores que podremos modificar o reescalar.

Para terminar solo decir que he utilizado Gimp para añadir los rótulos modificados con Inkscape a texturas o fotos, ya que me resulta mas cómodo trabajar con un programa de edición de mapa de bits.

Y hasta aqui este post de hoy, espero que nos veamos pronto, con mas diseños, tutoriales o dibujos.

Textura de Pan de oro

Muy buenas a todos, aquí estoy con otro post dedicado a explicar como, utilizando Gimp, podemos desarrollar una textura similar a lo que se conoce como Pan de oro, que son como laminas doradas que se utilizan para recubrir objetos y dar la sensación de que estan hechas de oro.

Para ello utilizaremos un par de filtros y retocaremos unos pocos parámetros, con lo que conseguiremos algo similar a lo que podéis ver en la siguiente imagen de ejemplo.

Primero de todo aplicaremos el filtro Ruido solido, que se encuentra en el grupo Ruido, dentro del submenú Generar del menú principal Filtros, con los parámetros Tamaño X e Y a 4, Detalles a 1 y activaremos la opción Nueva semilla para que se genere un patrón de ruido diferente cada vez que utilicemos este filtro.

Seguidamente usaremos el filtro Texture glass del grupo Deformations, de la herramienta G´mic Qt que se encuentra también en el menú principal Filtros, con lo que conseguiremos crear una especie de rugosidad.

Sus parámetros los ajustaremos de la siguiente manera, X-Amplitude a 205, Y-Amplitude a 135, Edge Attenuation lo dejamos en cero, Edge influence entre 4 y 5 y Noise scale entre 3 y 4.

Ahora cambiamos el color de fondo a ffe169, creamos una capa nueva, ajustando su modo de fusion a Color LCH y la rellenamos con el color que acabamos de establecer, lo que podemos hacer con la herramienta de Relleno de cubeta,

Finalmente utilizamos la opción Tono-Saturación del menú principal Colores poniendo el Tono entre -8 y -10, la luminosidad alrededor de 30 y la Saturación entre 6 y 8, para lograr una tonalidad mas similar al oro.

Si la imagen quedase muy oscura o muy clara podemos ajustar las luces y las sombras, así como los medios tonos, de la capa en la que generamos el ruido, con la herramienta Niveles que se encuentra en el menú principal Colores.

Y hasta aquí este post de hoy, espero que nos veamos pronto con mas diseños, tutos y dibujos.

Textura de cartulina

Muy buenas a todos, Aquí me tenéis con el primer post de este año, que como no podría ser de otra forma dedicare a mi programa de software libre preferido, Gimp.

Y es que hoy veremos como podemos crear una textura similar a la de una cartulina o cartón de colores, utilizando solo un filtro de este programa.

Lo primero que tenemos de hacer es rellenar la capa de fondo con un color solido o un degradando entre dos tonos similares de un mismo color, utilizando las herramientas Relleno de cubeta y Degradado respectivamente.

Seguidamente aplicamos es filtro Ruido CIE ich, que se encuentra en el submenú Ruido del menú principal Filtros, con la opción Opacado en 5 o 6, el Brillo alrededor de 40 (que es como se encuentra por defecto)  el Croma a cero y la Opacidad al 50.

También tendremos que ajustar el Modo a Reemplazar, Solapar o Claridad suave, dependiendo de si queremos que el Ruido se vea mas o menos.

Con esto habremos creado un efecto de granulado, que si queremos podemos enfatizar con los filtros Mighty details o Freaky details, que podemos encontrar en G´mic Qt en el menú principal Filtros.

Podemos utilizar este tipo de texturas para crear imágenes como los ejemplos que podéis ver en este post, para simular una superficie similar al cartón o cartulina,

Y con esto termino esta entrada, espero que nos veamos pronto, con mas tutos, diseños y dibujos.

¡Felices fiestas!

Hola a todos, aquí estoy con este mi ultimo post del año, para felicitaros a todos estas navidades y desearos un estupendo 2022.

Espero que estéis todos bien y que paséis unas magnificas festividades, disfrutando de estas fechas junto a vuestros seres queridos.

Yo ando ya pensando en nuevos temas para poder seguir subiendo mas entradas a este pequeño rincón de la web dedicado al diseño y la ilustración digital, especialmente con software libre.

Espero que nos veamos pronto, con mas diseños, tutoriaes y dibujos 😄

Otro generador de mapas Online

Hola a todos, aquí estoy con el que seguramente será mi ultimo post del año, antes de mi típico mensaje para felicitar las ya inminentes Navidades.

En esta entrada os hablare de otro generador procedural de mapas, similar a otros de que ya he mostrado en algunas entradas anteriores y que en esta ocasión nos genera una barriada de un pueblo o ciudad antigua, que podeis encontrar en https://watabou.itch.io/neighbourhood.

Esta herramienta trabaja de forma procedural, es decir que genera los mapas de forma aleatoria pudiendo nosotros alterar elementos como los colores o lo que queremos que aparezcan o no.

Esto lo podemos hacer clicando con el botón derecho del mouse en cualquier parte del mapa, con lo que se abrirá un cuadro de dialogo, en el que su primer apartado cuenta con las opciones New map, para generar un mapa nuevo, Size, que nos permite alternar entre un mapa pequeño o grande y Rename para cambiar el nombre que aparece en nuestro mapa.

Mas abajo veremos los elementos que queremos que se muestren o no y para cambiar los colores tenemos la opción Style setting, donde también podemos reajustar el grosor del trazado de las líneas de contorno y el tamaño del empedrado o grabar los datos de nuestro mapa por si queremos modificarlo mas adelante.

También podemos cambiar el aspecto del mapa simplemente con los números de nuestro teclado del 0 al 5 lo que genera 6 estilos diferentes a nivel estético, incluyendo una vista nocturna del mapeado, con luces incluidas.

Y finalmente con Export as podemos grabar en nuestro PC el mapa resultante en formato PNG, SVG o JSON y modificarlo posteriormente con alguna aplicación de edición de imágenes en mapa de bits.

Esta aplicación Online es similar a Village generator, ya que esta desarrollada por la misma persona, a la que también le dedique un post hace algún tiempo, en Julio del 2020 y que ha mejorado bastante en este ultimo año.

Y hasta aquí este post de hoy, espero que nos veamos muy pronto, para felicitarnos las fiestas.

Texto siguiendo una ruta

Hola a todos, aquí estoy de regreso, con una nueva entrada en la que veremos como hacer, con Gimp, que un texto siga una ruta que hayamos trazado previamente.

Y es que una de las formas mas sencillas para crear un texto curvo o similar es hacer que este se ajuste un trazo, como en el caso que podéis ver en el siguiente ejemplo.

Para ello con la Herramienta de texto escribimos la palabra o frase que queramos, con la tipografía y tamaño que mas nos guste, y creamos un trazado con la Herramienta de rutas, que podemos modificar moviendo el propio trazado, sus nodos y las manecillas que surgen de estos.

Este trazado no se crea en una capa como tal, si no que aparece en su propio apartado, al que podemos acceder desde la pestaña de Rutas, que por defecto se encuentra junto a las de Capas y Canales, a la izquierda de la pantalla.

Una vez este todo a nuestro gusto clicamos en la opción Trazar ruta, ajustando, en la ventana de dialogo que se abrirá , el parámetro Anchura de línea a cero y aceptamos con Trazar.

Seguidamente hacemos clic, con el botón derecho del ratón, sobre la miniatura de la capa en la que se encuentra el texto y seleccionamos la opción Texto siguiendo una ruta.

Creamos una capa nueva y en la pestaña de Rutas clicamos sobre el nuevo trazado que se ha generado con la forma del texto y seleccionamos la opción Ruta a selección, con lo que ya tendremos una selección según el texto deformado para ajustarse a la línea que hayamos creado.

Ahora ya podemos deshabilitar o sencillamente eliminar la capa con el texto original y las rutas, de nuevo en la pestaña Rutas, haciendo clic con el botón derecho sobre la miniatura y seleccionando Eliminar ruta.

Ya con la selección activa solo tenemos que rellenarla con un color solido o un degradado para generar el texto y el resto ya dependerá de vuestra imaginación para añadir detalles o elementos como fondos, formas o lo que se nos ocurra.

Y hasta aquí este post de hoy, espero que nos veamos pronto con mas diseños, dibujos y tutoriales.