viernes, 27 de marzo de 2020

Filtro Newsprint

Hola de nuevo 😏, aquí estoy un dia mas con otro post dedicado a mi programa de software libre preferido, Gimp.

En esta entrada me gustaría mostrar como conseguir, sobre una fotografía, un efecto similar al de la imagen inferior, utilizando el filtro Newsprint, anteriormente conocido como Papel de periódico.


Antes de nada decir que todas las fotografías de base que he utilizado en este post las he conseguido en Pixabay, una web donde podéis encontrar una cantidad ingente de imágenes de libre uso.

También he de decir que este efecto funciona mucho mejor en fotografías en las que existe una gran contraste entre luces y sombras, ya que es importante que en la imagen encontremos zonas oscuras y o otras muy claras.


Una vez tengamos nuestra foto la pasaremos a blanco y negro utilizando Desaturar, en el submenu Desaturar, del menú principal Colores, ajustando el parámetro Modo en Luminosidad o Media, lo que realce mas los contrastes de luz, algo que dependerá de la foto que estemos usando.

Si es necesario utilizamos la opción Niveles, también en el menú Colores, para enfatizar aun mas el contraste de la luz en la imagen, ajustando los tiradores de la gráfica.

Ahora si, aplicamos el filtro Newsprint, en el submenu Distorsiones del menú Filtros, activando Lock channels, poniendo Angle a 45, en Spot function elegimos Line, ajustamos Oversample al maximo y Cel size entre 10 y 14, aunque esto ultimo dependerá del tamaño de la imagen.


Con eso ya tendremos una imagen similar a las de los ejemplos de este post, pero podemos ponerle un poco de color, lo que es posible hacer creando una capa nueva, seleccionando un color en la casilla de Color de primer plano, rellenando la capa nueva con Rellenar con color de frente, en el menú Editar y poniendo esta capa en modo Solapar o Claridad suave.


Esto ultimo quedara mejor si se trata de un color frió, como en las dos primeras imágenes, ya que hace resaltar mas la luz.


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

domingo, 22 de marzo de 2020

10º Aniversario

Aquí estoy de nuevo con este breve post 🍰, simplemente para celebrar los 10 años de este blog, dedicado al diseño e ilustración, especialmente con software libre.

Así es, hace 10 años ya que empece con este proyecto, que dio comienzo simplemente como un ejercicio para un curso de Internet y a continuado hasta ahora.


Gracias a todos ...

n_n

sábado, 21 de marzo de 2020

Efecto Drip - rótulos que gotean

Aquí me tenéis con otro post ✌, en esta ocasión, para cambiar un poco, dedicado a uno de los principales programas de diseño vectorial de software libre, Inkscape.

Hoy explicare como crear el efecto Drip, o de goteo, en un texto, utilizando diseño vectorial, o de curvas Bezier, para conseguir un resultado similar al de la imagen siguiente.


Para ello primero crearemos nuestro texto, con la fuente y tamaño que deseemos, utilizando la opción Crear y editar objetos de texto, que podemos activar pulsando F8.

Una vez ya tengamos el texto que deseemos y para poder modificarlo tendremos que transformarlo en vectores que posteriormente podremos mover y modificar, lo que haremos seleccionándolo y utilizando la opción Objeto a trayecto, del menú principal Trayecto.

Ahora que el texto ya es un conjunto de vectores, podemos modificar cada uno de sus nodos de forma independiente, de modo que para crear el efecto de goteo tendremos que seleccionar uno de estos nodos y tirar de el hacia abajo, manteniendo pulsada la tecla Control, para que el desplazamiento se haga de forma recta.

En el caso de que todos los nodos estén muy separado siempre podemos crear nuevos, seleccionado dos, lo que podemos hacer con la herramienta Seleccionar y transformar objetos, que podemos activar con F1 y una vez seleccionados ambos, clicamos en la herramienta Insertar los nuevos nodos entre los segmentos seleccionados, lo que ya habrá generado un nuevo nodo entre los otros dos.


Para crear el efecto de gota movemos los tiradores del nodo que hemos estirado antes hasta abajo de dentro  hacia afuera, y los tiradores interiore de los nodos superiores entre los que se encuentra este nodo hacia la parte interior del texto, mas o menos como se indica en la imagen superior, lo que hará que se forme este efecto de gota.


Y ahora viene la parte cansada y es que tenemos que repetir esto para cada gota que queramos crear, es decir que a mayor cantidad de gotas mayor cantidad de tiempo tendremos que invertir, hasta conseguir un efecto similar al de las imágenes de este post.


Esto puede resultar un poco pesado, pero la calidad del resultado es innegable, pudiendo conseguir textos muy logrados.

Quisiera añadir que todas las imágenes de muestra de este post han sido editadas posteriormente con Gimp, para añadir texturas y efectos de viñeteado, con el fin de conseguir un mejor resultado.

Ya para terminar, simplemente decir que obviamente este efecto queda mejor en fuentes de texto que sean mas redondeadas y que lo he descubierto gracias al canal de Youtube Logos By Nick, que recomiendo encarecidamente  a cualquiera que quiera aprender a utilizar tanto Inkscape como Gimp.

Nos vemos pronto, con mas diseños, logos y dibus.

jueves, 12 de marzo de 2020

Gimp 2.10.18 - Nuevo menú

Aquí estoy una vez mas 😄, esta vez con una breve entrada, para hablar un poco del nuevo menú simplificado y comprimido de la ultima versión de Gimp.

Y es que en la versión mas actual de este programa se ha implementado un nuevo sistema de menú de herramientas, que resulta mucho mas simple y intuitivo, así como mas sencillo de utilizar.


Como sucede en muchos otros programas, Gimp utiliza ahora en su sistema de menú de herramientas, un nuevo modo en el que estas se agrupan según su tipo, desplegándose cuando clicamos sobre la que se encuentra activa en este momento, creándose así una cuadro de dialogo en el que podemos ver todas las herramientas que forman parte de este grupo concreto.


Así, de este modo, todas las herramientas de selección están en un grupo, las de transformación en otro, las de pintora se encuentran agrupadas en otro y así con todas las diferentes herramientas de este programa de manipulación de imágenes de software libre.


Un nuevo sistema de organizar las herramientas de esta aplicación que hace que resulten mas simples y rápidas de seleccionar y utilizar, siendo, bajo mi punto de vista, todo un acierto.

Nos vemos pronto, con mas diseños, tutoriales y dibujos.

jueves, 27 de febrero de 2020

Efecto cosido

Aqui estoy otra vez 😉, con un nuevo post sobre mi programa de software libre preferido, Gimp.

En esta entrada explicare como podemos crear un efecto de cosido o costura, como el de la imagen que hay bajo este párrafo, usando una de las herramientas que incorpora Gimp.


Antes de nada tendremos que tener dos capas que sean o simulen una textura de tela, que podemos conseguir en alguna wed de imágenes, como Pixabay, o bien podemos crearlas usando un filtro como Denim, que se encuentra en el submenu Patterns, de la herramienta G´mic-Qt, en el menú principal Filtros, de la que ya hable en un post de Octubre del 2019.

Con la herramienta de Texto, escribimos lo que queramos, utilizando el negro como color y con el tamaño y la fuente que mejor nos parezca.

Hacemos clic con el botón derecho del ratón, sobre la miniatura de la capa del texto recién creada y seleccionamos la opción Alfa a selección, invertimos la selección, con la opción Invertir del menú Seleccionar, activamos la capa superior de nuestra textura de tela y borramos, poniendo luego la capa de texto entre las dos capas de tela.

Difuminamos el texto con el filtro de Desenfoque gaussiano, que encontraremos en el menú Difuminar, dentro del menú principal Filtros, ajustando el valor del parámetro Tamaño X e Y entre 5 y 10.


Ahora tendremos tres capas, una de fondo con la primera textura de tela, otra intermedia con el texto difuminado que nos servirá de sombra, que podemos mover ligeramente según queramos colocarla, y una ultima que debe estar sobre las otras dos y que contendrá la otra textura de tela que tendrá la forma del texto.

Hacemos clic con el botón derecho del ratón sobre la miniatura de esta ultima capa y de nuevo utilizamos Alfa a selección.

Reducimos la selección con la opción Encoger que se encuentra en el menú principal Seleccionar, ajustando el tamaño en que se encogerá la selección entre 10 y 20.

Ahora, con la selección aun activa, creamos una nueva capa, sobre la que aplicaremos el efecto de costura, con  la opción Trazar selección [stroke] que podemos encontrar en el menú principal Editar.
  
Ajustamos la Anchura de linea entre 8 y 12 y en los parámetros de Estilo de linea, que aparecen al clicar sobre el "+" y ponemos la segunda opción en el Estilo del extremo y de la unión.

Finalmente podemos dibujar el Patrón de punteado o simplemente elegir un estilo en Ajuste prefijado del punteado, siendo lo mejor escoger Guiones medianos o Guiones cortos.



Con esto ya tendremos nuestro efecto de costura, que ademas de sobre un texto también podremos aplicar en cualquier otro tipo de forma o selección, como se puede ver en estas imágenes.


Finalmente solo decir que los valores de algunos parámetros que yo he utilizado en este  post podrían ser diferentes, dependiendo del tamaño de la imagen que utilicemos, siendo las que yo he creado para esta entrada de 1600 X 1200.

Y con esto ya me despido por hoy, nos vemos pronto, con mas dibus, tutos y diseños.

viernes, 14 de febrero de 2020

Mapas fantásticos!

Aquí me tenéis de nuevo 👌, con otro post mas, en el que en esta ocasión os mostrare dos formas de generar mapas de fantasía.

Este recurso, creo que puede resultar muy útil, tanto para ilustradores como para escritores que estén especializados en el genero fantástico y de ficción, así como para apasionados del rol y similares.


El primero de estos modos es una app online, llamada Azgaar, que nos permite generar de forma aleatoria, mapas de diferentes estilos y que son totalmente editables y podemos ajustar cualquiera de sus opciones a nuestro gusto.


Los parámetros mas importantes los encontramos en la pestaña Layers, donde podemos añadir o quitar diferentes capas, entre las que se encuentran las fronteras, ríos, montañas, los nombres de las regiones y ciudades e incluso la demografía o nivel de precipitaciones y en la pestaña Options en la que establecemos el tipo de mapa, como el estilo antiguo de la imagen inferior, tamaño, numero de estados y regiones y similares.


También podemos hacer un mapa tradicional, en relieve 3D o como un globo planetario, pudiendo cambiarlo en cualquier momento.


Por supuesto las etiquetas que dan nombre a las diferentes zonas del mapa son, por supuesto, editables, permitiendo cambiar los nombres aleatorios que aparecen, por los que nosotros deseemos.



La segunda opción que os traigo es mas complicada, pero mas personal, ya que con ella podremos crear un mapa desde cero, tal y como nosotros los imaginemos, puesto que la app anterior, pese a ser increiblemente completa y con multitud de opciones desarrolla los mapas de forma aleatoria y no podemos determinar su forma.

Si queremos obtener un mapa 100% creado por nosotros podemos hacerlo siguiendo el siguiente  tutorial para Gimp, cuyo enlace os dejo bajo estas lineas y que descubrí por casualidad, aunque eso si, esta en ingles, aunque resulta bastante intuitivo y sencillo de seguir.


Este tuto incluye también todos los enlaces al material necesario, como los pinceles para los diferentes iconos que podemos insertar en nuestro mapa imaginario.


Puede parecer complicado, pero os aseguro que si le dedicáis un poco de tiempo, podréis conseguir resultados como los de la imagen superior, aunque tendréis que tener un mínimo de conocimientos de manejo de Gimp.

Y hasta aquí esta entrada de hoy, nos vemos pronto, con mas diseños, tutos y dibujos ...

sábado, 1 de febrero de 2020

Palette Wizard - Crea tus propias paletas de color

Una vez mas aquí me tenéis con nuevo post 😜, dedicado esta vez a mostrar como podemos crear nuestras propias paletas de colores, de forma bastante sencilla, con una aplicación llamada Pallete Wizard.

Esta es una de esas raras ocasiones en las que hablo sobre un programa que no es de software libre, pero me ha parecido interesante y muy útil, así como no demasiado caro, especialmente si lo encontráis en oferta.


Podéis encontrar este programa en la plataforma Steam, que ademas de videojuegos tiene una gran variedad de aplicaciones, tanto de software de propietario como gratuitas.

esta aplicación resulta muy intuitiva, teniendo además acceso a tutoriales en la web pulsando F1 mientras la utilizamos, o en su propia pagina web, cuyo enlace os dejo a continuación, para que podáis ver como funciona esta pequeña pero potente herramienta.


Entre otras cosas Pallete wizard nos permite extraer colores de una imagen, ya sea de forma manual o automatica, y posteriromente ordenarlos segun nuestras preferencias.


Podemos crear degradados entre colores simplemente haciendo clic en un color y arrastrando hasta el otro, de manera que el programa generara los colore intermedios en las diferentes casillas.


O también podemos establecer un vinculo entre los dos colores, obteniendo el mismo resultado, pero con la ventaja de que al mover cualquiera de las dos casillas vinculadas, o su punto medio, los colores intermedios cambiaran.



Ademas disponemos de un visor que nos permite simular como percibirán algunos colores las personas que tengan determinadas alteraciones en la visión, como podéis ver en la imagen que hay bajo estas lineas.



Por supuesto las paletas que obtengamos podremos exportarlas, así como salvar nuestros proyectos por si queremos modificarlos en un futuro.

La aplicación cuesta unos 12´50 € y considero personalmente que tiene una buena relación calidad/precio, no siendo cara para lo que ofrece.

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

viernes, 17 de enero de 2020

Logo con sombra

Aquí estoy con un nuevo post 😀, el primero del año dedicado a mi programa de software libre preferido, Gimp.

En esta ocasión veremos como crear el típico efecto de logo con sombra alargada, como el que podéis ver en la siguiente imagen, con un sencillo filtro, muy fácil de aplicar.


Para ello una vez tengamos ya creado un fondo en una capa y nuestro logo, texto o imagen a la que queremos aplicar este efecto de sombra en otra capa superior clicamos con el botón derecho en la miniatura de esta capa y utilizamos la opción Alfa a selección, de manera que quedara seleccionado lo que esta capa contenga.

Utilizamos la opción Capa nueva que se encuentra en el menú principal Capa, y con la selección aun activa, ponemos esta capa entre las dos ya existentes y la rellenamos con el color negro, desactivando posteriormente la selección con Mayus + Ctrl + A.

Ahora es cuando aplicaremos el filtro Sombra alargada, que se encuentra en el submenú Luz y sombra dentro del menú principal Filtros.


Ponemos negro en la casilla del Color, ajustando el parametro Estilo a Infinito y el Angulo en que se proyectara la sombra lo dejamos en 45º, tal y como viene por defecto.

Ya solo nos resta poner el Modo de capa en Solapar o Multiplicar y ajustar la opacidad a nuestro gusto y ya tendremos creada nuestra sombra alargada,


Con este mismo filtro también podemos crear un efecto de luz, si en lugar de negro elegimos blanco como color, ponemos el Estilo en Desvanecido y ajustamos el Punto medio dependiendo de como queramos que se proyecte la luz.


Podemos utilizar diferentes combinaciones entre los distintos parámetros de este filtro y experimentar con los resultados, aunque las dos opciones que he mostrado en este post creo que son las que nos permitirán crear las mejores imágenes.

Ya hasta aqui este post de hoy, nos vemos pronto con mas dibus, diseños y tutos 😆

sábado, 4 de enero de 2020

Dibujando tramas y patrones

Aquí estoy de nuevo 😉, con el primer post del año, después de un par de semanas de relajación en estas fiestas navideñas, que he aprovechado para pensar en nuevos temas para las entradas de esta año.

En esta ocasión veremos algunos ejemplos de tramas y patrones que dibujados a mano, que pueden hacerse de forma muy sencilla, así vamos a preparar el lápiz para empezar a dibujar.


Empezare con unos ejemplos sencillos, utilizando simplemente una serie de lineas, horizontales y verticales, así como otro con el mismo tipo de patrón de forma mas desordenada y caótica.


Aquí podéis ver un ejemplo de como podemos utilizar este tipo de patrón para rellenar un poco el fondo de un dibujo, por ejemplo, en un primer plano, o un plano cercano al personaje.


Un ejemplo típico de patrón que suele utilizarse en el manga con las lineas que se añaden al rededor de un personaje, como en el dibujo que podéis ver bajo estas lineas, aunque por variar un poco yo las he dibujado un tanto onduladas, aunque no se si a sido una buena decisión.


Aquí tenéis un par de ejemplos mas, con tres tramas cada uno, el primero hecho con distintos tonos de gris, y el segundo ejemplo coloreado con rotuladores, al igual que el dibujo anterior.


Estas tramas son fáciles de hacer, ya que no se trata mas que de repetir un determinado patrón, con algunas excepciones como el intento de simular una pared de rocas, o  un liquido en el primer y ultimo patrón de esta imagen.


Estos solo son unos pocos ejemplos, os animo a que aprendáis mas, siendo una buena manera consultar manuales y paginas sobre Zentangle, que se crea precisamente combinando de forma muy artística una serie de tramas y patrones, para crear bellas imagenes.


Y hasta aquí este primer post del año 2020, nos vemos pronto, con mas tutos, ejemplos y diseños 😃