¡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.

Fondos coloridos geométricos

Hola a todos, Aquí estoy con otro post para crear fondos coloridos, con solo un par de sencillos pasos, utilizando Gimp y su mejor complemento, G´mic.

Y es que simplemente usando un par de filtros de G´mic podemos crear una imagen, con un patrón geométrico recurrente, parecida a la del siguiente ejemplo.

El primero de estos filtros es Turbulence, que se encentra en el grupo Rendering dela herramienta G´mic-QT en el menú principal Filtros, en el que tendremos que ajustar el parámetro Radius, siendo menor  la diferencia entre colores a mayor sea el valor de este parámetro.

Podemos también cambiar el resto de opciones pero lo mejor es dejarlas con los valores que ya tienen establecido por defecto.

Lo siguiente es aplicar el efecto Grid [triangular] del grupo Array & tiles, tabien de G´mic-QT, en la que deberemos poner a nuestro gusto Pattern width y Pattern height, que regulan la altura y anchura del enlosado geométrico.

En la opción Pattern type seleccionamos Cube y en Outline color podemos elegir el color de la línea que perfila la geometría, siendo lo mejor dejarla en negro o blanco.

Y ya tendremos nuestro fondo con formas romboidales coloridas, aunque siempre podemos tratar de mejorar el resultado ajustando los niveles de luces y sombras, el tono, la saturación o la temperatura, todas estas opciones que podemos hallar en el menú principal Colores.

Para el primer paso también podemos usar una fotografía, en lugar del filtro Turbulence, sobre todo si buscamos cierta armonía de color, como he hecho yo en las dos ultimas imágenes de esta entrada, la primera siendo una foto de agua y la segunda una playa

Y esto es todo por este post, espero que nos veamos pronto, con mas diseños, tutos y dibus, hasta entonces, pasadlo bien.

Efecto Neón

Hola a todos, aquí estoy con un nuevo post sobre Gimp, en este caso un tanto mas complicado que el anterior, pero que nos permitirá crear un interesante efecto de texto de Neón.

Y es que en esta entrada veremos como crear una imagen en la que simularemos un cartel de neón, de una forma mas o menos precisa.

Para empezar rellenamos la capa de negro, lo que podemos hacer con la herramienta Relleno de cubeta y utilizamos la herramienta de Texto para escribir lo que queramos, con lo que se generara una nueva capa.

Hacemos clic derecho sobre la miniatura de esta capa y seleccionamos la opción Alfa a seleccion y ya podemos eliminar esta capa de texto o deshabilitarla, ya que realmente solo necesitamos su selección de contorno.

Ahora utilizamos la opción Trazar selección [stroke] del menú principal Editar y seleccionamos el parámetro Trazar con una herramienta de pintura, con la opción de Pincel activa (que debe estar por defecto) y activamos Emular la dinámica de pincel.

Antes de clicar en Trazar para crear el texto, vamos a las opciones de la herramienta de Pincel, ponemos su Tamaño entre 15 y 20 y en el parámetro Dinámica seleccionamos Pen generic.

Con esto habremos creado un trazado alrededor de la selección con diferentes tipos de grosor, como se ve en las imágenes de ejemplo.

Ahora crearemos el brillo, para lo cual lo primero es desactivar la selección con Mayus+Ctrl+A, duplicamos la capa de texto y en la capa inferior aplicamos Desenfoque gaussiano, del grupo Difuminar, que se encuentra en el menú principal Filtros con el tamaño de X e Y entre 5 y 10.

Y finalmente le vamos ha dar el color, creando otra nueva capa, que pondremos sobre todas las demás, cuyo Modo de fusión ajustaremos a Color Hsl o Solapar y que rellenaremos con un color solido o un degradado utilizando las herramientas Relleno de cubeta o Degradado respectivamente.

Siempre podemos añadir brillos o destellos como he hecho yo en esta ultima imagen, o un fondo, pero teniendo en cuenta que al estar tratando de simular un neón (que solo esta encendido de noche o en la oscuridad) es conveniente que el fondo sea lo mas oscuro posible para que el efecto de brillo resalte.

Y esto es todo por hoy, espero que nos veamos pronto con mas diseños, tutoriales y dibujos.

Efecto Lomo

Hola a todos, aquí estoy de nuevo con otro post en el que explicare como podemos crear con Gimp y un filtro de G´mic un electo Lomo en nuestras fotografías.

El efecto lomo puede definirse como fotografías fuertemente saturadas y con un viñeteado en el centro que le confiere un aspecto de túnel.

Esto lo podemos lograr con el filtro Lomo, que se encuentra en el grupo Degradation de la herramienta G´mic QT en el menú principal Filtros.

El único parámetro de este filtro es Vignette size que controla el tamaño del viñeteado, que podemos ajustar a nuestro gusto, aunque resulta mejor dejarlo en valores bajos, para no oscurecer en exceso los bordes de la imagen.

el resultado será algo similar al de las dos imágenes que podéis ver en esta parte del post, pero si queréis darle que la imagen tenga mas colorido podéis ajustar parámetros como Temperatura de color, Balance de color o Tono-Saturación, todos ellos en el menú Colores.

También podemos, antes de aplicar este filtro, duplicar la capa de la fotografía, con la opción que se encuentra en el menú Capa, aplicar el filtro en la capa duplicada y poner esta capa en modo Solapar ajustando su opacidad a nuestro gusto.

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

Fondos coloridos con g´mic

Hola a todos, aquí tenéis otro post dedicado al programa de software libre que mas utilizo, Gimp y al que es probablemente su mejor plugin, G´mic.

En esta entrada veremos como podemos crear fondos coloridos y un tanto psicodélicos de forma aleatoria utilizando un simple filtro de G´mic.

Este filtro es Random Pattern, que podemos encontrar en el grupo Patterns de la herramienta G´mic QT que se encuentra en el menú principal Filtros.

La limitación de este filtro es que como su nombre indica funciona de forma random, es decir que genera las imágenes de forma aleatoria, sin que tengamos demasiado control sobre el resultado.

Podemos, eso si, elegir el tamaño de la imagen con el parámetro Size y el tamaño mínimo del detalle de la imagen ajustando Min detail level y para generar una imagen nueva lo mejor es clicar sobre la opcion Randomize seed.

El resto de parametros que podemos ajustar de este filtro son las típicas para modificar el color, brillo, saturación y otros parámetros similares.

Otra buena opción para genera fondos extraños y con mucho colorido es Seamless deco, que se encuentra en la misma ruta que el anterior filtro y que genera imágenes similares a las del siguiente ejemplo.

Aunque sin funcionar de forma tan aleatoria como el caso anterior tampoco nos da demasiado control sobre la imagen que se terminara generando.

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

Halloween 2021

Terroríficos saludos a todos, en este breve post dedicado, como suelo hacer por estas fechas a felicitar el día de Halloween.

Y es que no podía faltar, al igual que por navidades, la típica entrada que subo para celebrar estas terroríficas fiestas, que espero que todos disfrutéis. 

Yo por mi parte aprovechare para cargar un poco las pilas y preparar mas contenido para este blog, para crear mas y mejores entradas.

Espero que lo paséis bien en estos días y que nos veamos pronto, con mas diseños, dibujos y tutos.

Sombra de líneas con Gimp

Hola a todos, después de unos cuantos post hablándoos de aplicaciones online en esta entrada regreso a mi programa de software libre preferido, Gimp.

En esta ocasión explicare como podemos crear una sombra rayada o de líneas en un texto, como el de esta imagen , usando un par de filtros y siguiendo unos sencillos pasos.

Lo primero seria, evidentemente, escribir el texto, con la herramienta de Texto y utilizando la tipografía, color y tamaño que deseemos, siendo preferible elegir una fuente de texto de trazos amplios, similar a las imagenes de ejemplo ya que de esta forma el efecto de sombra quedara mejor.

A hora duplicamos la capa y la ponemos bajo la capa de texto que creamos en primer lugar y sobre esta segunda capa aplicamos el filtro Sombra alargada, que se encuentra en el submenú Luz y sombra del menú principal Filtros, ajustando el Angulo y la Longitud a nuestro gusto,  la Composición en modo Solo sombra, el Estilo en Finito y el Color lo mejor es ponerlo en un tono Gris.

Ya tenemos la sombra alargada, ahora vamos a aplicar el efecto de líneas, para ello lo primero es Boquear el canal alfa de la capa de la sombra, lo que podemos hacer clicando en el cuadrado ajedrezado que esta el el cuadro de dialogo de las capas, que por defecto se encuentra en la parte inferior derecha de la interfaz de Gimp, donde pone Bloquear, junto al pincel y la cruz.

Para finalizar usamos el filtro Papel de periódico, del grupo Distorsiones, también en el menú Filtros, ajustando la opción Patrón en su opción Línea, el parámetro Angulo podemos ponerlo a  nuestro gusto, pero lo mejor es que coincida con el valor del filtro anterior y finalmente Periodo lo ponemos entre 8 y 10, aunque podemos probar con otros valores.

Lo mejor es poner esta capa de sombra en Modo Multiplicar para que se funda mejor con el fondo y también tenemos la opción de usar un degradado entre dos tonos de gris en lugar de un color solido para que las líneas no se generen de forma tan uniforme, como podemos ver en esta ultima imagen de ejemplo.

Para mejorar el diseño podemos añadir un fondo o diferentes elementos, como he hecho yo en las tres imágenes que aparecen en esta entrada, todos creados con las herramientas de selección.

Y con esto me despido ya, espero que nos veamos pronto, con mas diseños, tutos y dibujos.

Un poco de todo

Hola a todos, si en el anterior post os mostré una aplicación online para generar mapas de mazmorras y similares en este veremos una serie de apps parecidas que nos permiten generar de forma random una serie de elementos que pueden resultar útiles en diseños o ilustraciones.

Todas estas aplicaciones son online y muy intuitivas de usar, pudiendo encontrar las instrucciones bajo la pantalla en la que se generan los diferentes elementos, pudiendo además desplegar un menú de opciones simplemente haciendo clic con el botón derecho del rato en cualquier parte de esta pantalla.

Como primer ejemplo tenemos Compass rose generator, que como veis en la imagen crea lo que en Castellano llamamos "rosa de los vientos" que marca los diferentes puntos cardinales en un mapa, llegando a poder crear un sin fin de variedad de modelos, pudiendo además, como en la mayoría de estas aplicaciones, variar los colores, el modo de las sombras y los trazos.

La siguientes imágenes pertenecen a perilous shores una aplicación que mapas de fantasía de islas o zonas costeras, el cual se genera de forma totalmente aleatoria un mapa que incluye bosques, poblaciones, montañas o lugares peligrosos, representados por una calavera.

La primera de estas imágenes seria la mas simple y la que aparece por defecto, un mapa en blanco y negro y la segunda, ya mas trabajada en la que he dado color por separado a las diferentes zonas utilizando el menú del que os he hablado al principio de este post y que incluso en esta app, que es el mas completo y complejo de todos, resulta increíblemente intuitivo y sencillo de utilizar.

La siguiente es Procgen Tarot que nos muestra tres cartas de Tarot con sus respectivos nombres,  al igual que las anteriores creadas de forma aleatoria y pudiendo cambiar las paleta de color y el estilo, eso si, no os esperéis las obras de arte que se pueden mostrar en algunas barajas de tarot, eso ya seria mucho pedir.

Las dos siguientes son similares, la primera Rune generator nos muestra un alfabeto con formas que nos recuerdan a las runas, lo que puede resultar muy útil si queremos desarrollar un idioma para nuestro mundo de fantasía, para un relato o un juego.

La segunda Sigil generator hace algo semejante pero creando símbolos con unas formas mas o menos complejas y que pueden ser utilizados de forma similar a la aplicación anterior.

Y para finalizar os dejo una imagen de ejemplo de Tank doodles, que como podéis ver nos genera simplemente un dibujo de un carro de combate o tanque, pudiendo ser mas tradicional o tender mas hacia la fantasia.

En cualquiera de estas aplicaciones podréis ver que en la esquina superior derecha de la pantalla existe una opción llamada Related games que nos mostrara una serie de aplicaciones similares  la mayoría de ellas online, siendo algunas gratuitas de usar y otras de pago.

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

Mapas de mazmorras procedurales

Hola a todos, aquí estoy de nuevo, algo mas tarde de lo habitual desde mi ultima entrada, pero es que el mes de Septiembre he estado algo ocupado por motivos de trabajo.

En este breve post os hablare de Dave´s maper, una aplicación online que nos permite generar mapas de mazmorras y similares de forma procedural, como en el ejemplo que podéis ver a continuación.

La aplicación es sencilla de utilizar y muy intuitiva, teniendo sus pociones básicas a la izquierda, donde podemos ver en la zona blanca los tipos de mapas que podemos generar, entre los que se encuentran mazmorras (la primera imagen), cavernas, una mezcla de ambas, mazmorras en horizontal, pueblos, ciudades o ciudades y naves futuristas.

En la zona resaltada en gris aparecerán los diferentes modelos para los distintos mapas, estando todos activos por defecto, de forma que el mapa que se genera es un mix de todos ellos y si queremos seleccionar solo uno tenemos que hacer doble clic sobre el que deseemos y clic sobre cualquier otro para añadirlo al mapa, de manera que con cada cambio la imagen se refrescara automáticamente.

Aquí podemos ver uno de los mapas mas básicos que genera esta aplicación, con diferentes tamaños de estancias y pasillos y bajo esta párrafo otro mapa de uno de los modelos ce ciudades, en este caso una típica ciudad o villa medieval.

Aparte de esto en la parte superior de la pantalla tenemos opciones como exportar la imagen o si queremos que el mapa sea cerrado, como el de las dos primeras imágenes o abierto como el de esta ultima, donde vemos que lo diferentes caminos continúan mas allá del borde de la imagen.

También podemos establecer el alto y ancho del mapa así como si queremos que tenga una rejilla o no, la cual puede ser cuadrada o la típica rejilla hexagonal de los juego de rol.

Finalmente clicando sobre cada casilla del mapa, podremos rotarla, cambiarla de posición con otra o eliminarla de forma que la aplicación la sustituirá por una nueva de forma randon.

Y hasta aquí este post de hoy, espero que no tardar tanto con el próximo y que podamos vernos pronto con mas diseños, tutos y dibujos.

Circulo de color

Hola a todos, aquí estoy con mi primer post después de la pausa de agosto, dedicado a una aplicación online idónea para seleccionar colores o generar paletas de color.

Se trata de Sphere: Color theory visualizer, una aplicación online que nos permite trabajar con un circulo de color, partiendo de el cual y seleccionando un color determinado, la propia aplicación seleccionara el color o colores complementarios, según las opciones que ajustemos.

La imagen inferior es un ejemplo de lo que nos podemos encontrar al entrar en esta web, de tal manera que clicando sobre cualquiera de los colores del circulo, creara un grupo de 6 colores correlativos en el circulo, que nos pueden servir en nuestras paletas personalizadas.

Si clicamos sobre el Engranaje tendremos las opciones básicas de configuración y que por lo general es mejor dejar tal y como están por defecto y el Disco nos permite guardar las paletas de color en tres formatos distintos, Photoshop, Illustrator y Palette creator.

Harmony despliega las diferentes opciones para generar colores, entre ellas Neutral, que seria el que se pude ver en la imagen que hay sobre estos párrafos, o Complementary, la mas basica, que nos da como resultado dos colores complementarios, para usar en nuestros diseños, es decir que si, por ejemplo, queremos crear un logo el primero podríamos usarlo para el texto o diseño y el segundo seria el mas adecuado para usar de fondo en contraste con el primer color.

La opción Vision cambia los colores del circulo entre Normal, que es la opción por defecto y diferentes configuraciones que corresponderían a como ven esos colores quienes tienen algún tipo de daltonismo o no perciben los colores tal y como son.

Y finalmente Quantice permite utilizar todos los colores, que seria la opción Spectrum o únicamente colores compatibles para verse en la web, que serian las opciones Websmart y Websafe, de manera que estos colores se verán tal cual si los usamos en un diseño para una pagina web.

Y hasta aquí esta primera entrada postvacacional, espero que nos veamos pronto, con mas diseños, dibus y tutoriales.

Descanso veraniego

Hola a todos, aquí estoy con mi típico post veraniego, para anunciar que este blog se toma un pequeño descanso en este mes de Agosto.

Como todos los años voy a hacer una breve pausa en las publicaciones que subo a este pequeño rincón de la web, para recargar pilas y preparar nuevos temas, tutoriales y similares.

Espero que estéis disfrutando de un buen verano y que os sigáis pasando de tanto en tanto por aquí, yo continuare al pie del cañón mientras me queden ideas que pueda compartir con vosotros.

Nos vemos muy pronto.

mas texturas y similares

Hola a todos, aquí estoy con otro post mas, esta vez para subir unas cuantas fotos de texturas que he ido tomando en los ratos en los que salgo a caminar.

Ya he subido al menos un par de post con este tipo de fotografías, como un ejemplo de lo fácil que es conseguir estas imágenes, simplemente con un móvil y prestando un poco de atención a lo que nos rodea.

Las dos primeras son de mi tipo de textura preferida, corteza de árbol, especialmente de arboles con solera, que se les notan los años y tienen su tronco algo dañado.

La siguiente es un suelo empedrado clásico, de los que cada vez se hacen mas raros de ver en las ciudades y que nos recuerdan a las calles de los pueblos.

Aquí tenéis una fotografía de metal desgastado, oxidado, tanto que no parece metal y que desde luego a conocido mejores días.

Las dos siguientes son también un suelo, la primera con hojas otoñales de los arboles y la segunda con hierba o césped.

La primera no se si se puede considerar una textura, pero me gusto como quedo, dentro de mis limitadas habilidades como fotógrafo, así que decidí incluirla.

Las siguientes son básicamente paredes de diferentes tipos, la primera con una grieta, que hace que en mi opinión sea mas interesante.

La segunda esta visiblemente deteriorada, lo que también hace, que como textura sea mas útil que una fotografía de una pared nueva y recién pintada. 

Para la próxima me limite ha hacer una fotografía de mi mono de trabajo y por si os lo estáis preguntando viendo su estado, si, soy pintor, de los de brocha gorda.

Y ya para finalizar, las dos ultimas son de superficies pintadas, en las que la pintura ya ha empezado a deteriorarse, o directamente se ha caído a pedazos.

Como podéis ver muchas de estas fotografías son de elementos que están lejos de ser nuevos o perfectos y es que creo que cuanta mas solera tiene una textura mas partido se le puede sacar.

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