Deformaciones con Inkscape

Muy buenas a todos, aquí estoy con otro post dedicado a Inkscape, un programa de diseño vectorial de software libre, al que ya dedique otra entrada el mes pasado.

En esta ocasión veremos como deformar un texto, de forma sencilla, usando una simple herramienta del programa, de manera que deje de ser el típico rotulo recto.

De la misma manera que en la ultima entrada sobre este programa, lo primero será crear nuestro texto con la herramienta Crear y editar objetos de texto y posteriormente utilizamos la opción Objeto a trayecto del menú principal Trayecto.

Esto ultimo lo hacemos por que el siguiente paso solo se puede efectuar sobre trayectos, por lo que debemos vectorizar el texto antes de poder hacer nada mas.

Ahora seleccionamos la herramienta Efectos de trayecto, también en el menú principal Trayecto y en su cuadro de dialogo clicamos sobre el símbolo "+"  con lo que se abrirá una  nueva ventana con todos los efectos de que disponemos.

Para conseguir la deformación que queremos lograr usaremos Deformación de celosía 2, con lo que en nuestro texto aparecerá una cuadricula que podremos editar con la herramienta Editar nodos de trayecto o tiradores de control.

Moviendo dada uno de estos puntos deformaremos el texto, pudiendo crear una curvatura, agrandar unas zonas o encoger otras, según como recoloquemos los diferentes puntos.

Sin además activamos las opciones, Reflejar los movimientos verticalmente y Reflejar los movimientos horizontalmente, como podéis ver en esta imagen de ejemplo, lograremos que el resultado sea siempre simétrico.

Aquí ya es cuestión de tener paciencia e ir probando, hasta lograr lo que queramos, recordando siempre que si algo no nos gusta podremos deshacerlo con Ctrl + Z.

Tenemos una opción similar también en Inkscape que es la herramienta de Retocar objetos mediante la escultura o pintura, con la que he retocado el texto de la imagen que podéis ver sobre este texto, que básicamente funciona de una forma muy similar a como lo hace el filtro Licuar de Photoshop o Transformación de deformación de Gimp.

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

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.

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.

Imagen en código Ascii

Saludos a todos, bien venidos seáis a mi pequeño blog de diseño e ilustración digital con software libre n_n

En este post explicare como podemos transformar una imagen en código Ascii utilizando Gimp y uno de los muchos filtros que incorpora G´mic.

Este filtro es Ascii art y lo podemos encontrar en el grupo Arrays and tiles de la herramienta G´mic en el menú Filtros.

Para lograr un resultado similar al de la imagen superior tenemos que tener en cuenta principalmente que la opción Charset es la que nos permite elegir el tipo de símbolos que formaran la imagen, pudiendo elegir entre código binario, números, letras o caracteres Ascii, entre otras, así como el grupo de caracteres que elijamos, y que podemos personalizar en la opción Custom dictionnary.

Las siguientes tres opciones es mejor dejarlas en sus valores por defecto, siendo la ultima la que controla el tamaño del texto, que podemos aumentar, aunque perderemos resolución en la imagen final.

Result type nos da a elegir entre generar una imagen con los colores originales de la fotografía sobre un fondo negro, sobre un fondo transparente, texto negro sobre fondo blanco y texto blanco sobre fondo negro.

El resto de opciones de este bloque sirven para ajustar parámetros como la luminosidad, el difuminado y los colores de la fotografía de origen.

Y finalmente si activamos Output Ascii file podremos guardar este efecto como un archivo de texto, en lugar de como una imagen, que podremos editar con cualquier tipo de procesador de texto.

Este tipo de filtro funciona especialmente bien con primeros planos y fondos negros, consiguiéndose, sin demasiado esfuerzo, resultados como el de la imagen superior.

Hasta aquí este post de hoy, nos vemos pronto con mas diseños, dibujos y tutoriales ...

Textos y trazados

Saludos a todos los que visitáis este blog, bienvenidos seáis a este rincón de la web dedicado al diseño y la ilustración digital, así como al software libre n_n

En este post veremos como podemos crear, con Gimp, textos que sigan un trazado predefinido, para poder salir de la típica rutina del clásico rotulo rectangular.

Si lo que queremos es crear un rotulo circular, podemos hacerlo fácilmente con la opción Text circle, en el grupo Logos, del submenu Crear en el menú Archivo, del que ya hable en una entrada de Septiembre del 2011.

Para que un texto siga un determinado trazado, como en la primera imagen de este post lo primero que tenemos que crear es, evidentemente, la ruta o trazado con la Herramienta de rutas y la opción Diseño activa.

Podemos modificar el trazado activando la opción Editar o cambiar su posición en la capa clicando en la opción Mover.

Hay que tener en cuenta que los trazados se crean en capas diferentes del resto, estas podemos seleccionarlas clicando en la tercera pestaña de la parte superior izquierda de la pantalla, donde se almacenan todas lar rutas, cada una en una capa distinta, siendo la primera y la segunda pestañas para las Capas y Canales respectivamente.

Luego escribimos nuestro rotulo con la Herramienta de texto, eligiendo su tipografía y tamaño y cuando ya este todo a nuestro gusto utilizamos la opción Texto siguiendo una ruta que se encuentra en el menú Capa.

Con esto se creara una nueva capa de Ruta donde aparecerá nuestro texto transformado en trazado con la forma de la ruta, por ejemplo arqueada como en la imagen superior, con lo que ya podemos eliminar o deshabilitar la capa del texto original.

Para poder trabajar con el tenemos que utilizar de nuevo la Herramienta de rutas y su opción Crear selección a partir de una ruta,  y en una capa nueva rellenar la selección con un color, un degradado o una textura.

Ya tenemos nuestro rotulo, el resto ya es cosa de nuestra imaginación, para añadir un fondo y efectos como biselados, brillos o cualquier otra cosa que se nos ocurra (y si lo que queréis son ideas en este mismo blog seguro que encontrareis unas cuantas)

Y hasta aquí esta entrada, espero que nos veamos pronto, yo os estaré esperando con mas tutos, dibus y diseños n_n

Truconsejos - Tipografias

Bienvenidos seáis una vez mas a mi pequeño rincón de la web n__n

En esta nueva entrada me gustaría explicar un truconsejo muy sencillo y rápido, la importancia de saber elegir la tipografía o fuente de texto adecuada para cada logo o rotulo que realicemos.

Si tenemos que realizar un rotulo es conveniente utilizar la fuente de texto mas adecuada para la idea que queremos transmitir con ese texto en concreto.

Así, en la imagen superior, con un rotulo sobre la naturaleza,  he elegido una fuente de texto que se asemeja a la madera y he utilizado una textura de corteza de árbol para el fondo y otra diferente para el texto.

También podemos utilizar fuentes de texto que incluyen objetos, símbolos  detalles, filigranas o cenefas, entre otras cosa, para embellecer mas nuestros logos, como en este texto en el que el marco esta hecho con una fuente de texto que incluye diferentes tipos de cenefas.

Utilizar selecciones para añadir detalles a un texto también es una buena opción  siempre que lo que creemos con estas selecciones este acorde con la tipografía que estamos utilizando.

Como las dos franjas de la imagen superior, que cuadran con la forma irregular del resto del texto.

Una buena idea es no utilizar tipografías que incluyan muchas filigranas para realizar rótulos  ya que aunque estas fuentes de texto pueden ser muy llamativas y bellas también suelen resultar muy ilegibles, y solo resultan útiles como letras capitales, utilizándolas por ejemplo al principio del un capitulo de un libro.

Y como siempre digo todo es cuestión de practicar y hacer pruebas, a ver que resultado obtenemos.

Manipular texto

Hola de nuevo a este blog de iniciación a la ilustración digital, bienvenidos seáis todos una vez mas.

En este post explicare como crear un rotulo en el que podamos manipular cada letra o palabra por separado, darle distintos efectos o escalar y rotar a nuestro gusto las partes que queramos, utilizando Gimp y Inkscape.

Gimp y sus problemas con el texto

Por desgracia la herramienta de texto de Gimp no es demasiado potente y carece de algunas características de edición que tienen otros programas como Photoshop.

Gimp no nos permite utilizar en un mismo párrafo diferentes tamaños o fuentes de texto, de manera que si escribimos una linea tendremos que utilizar una misma tipografía y un mismo tamaño de carácter en todas la palabras.

La única manera de realizar un logo como el de la imagen superior, en el que he utilizado tres tipografías y tres tamaños de texto diferentes,seria escribir cada palabra por separado (creándose cada una en una capa diferente) y aplicarles las características y efectos que queramos por separado.

Esto podría cambiar en futuras versiones de Gimp, y es que, al pafrecer, una de las herramientas en las que mas se esta trabajando y que mas mejoras recibirá es precisamente la de edición de texto.

Texto y trazados con Inkscape

Si lo que queremos es editar un texto que no siga simplemente una linea recta y le queremos dar una forma determinada lo mejor es trabajar con un programa de diseño vectorial como Inkscape.

Solo tenemos que realizar un trazado con la forma que queremos que tome el texto, seleccionar el texto y el trazado y utilizar la opción Poner en trayecto del menú Texto, con esto muestro rotulo automáticamente tomara la forma del trazado que hayamos dibujado, como en la siguiente imagen.

Solo tenemos que recordar editar los atributos del trazado con la opción Relleno y borde del menú Objeto y eliminar el Color de trazo para que este no sea visible, ya que no podemos simplemente eliminarlo, puesto que si el trazo desaparece el texto volverá a su estado original.

Si lo que queremos es editar cada letra por separado para poder aplicarle un color, tamaño o ángulo de rotación de forma individual (es decir manipularla como si se tratase de un elemento independiente)  tenemos que hacer lo siguiente:

• Seleccionamos el texto.
• Clicamos sobre el menú Extensiones.
• Elegimos el submenu Texto.
• De este submenu seleccionamos la opción Dividir texto y le indicamos que lo divida por letras.

 Ahora cada una de las letras en un objeto independiente y podremos manipularlo a nuestro antojo, lo que nos permitirá crear rótulos como el de la siguiente imagen.

Si después de esto seleccionamos una de las letras y la convertimos en trazado, con la opción Objeto a trayecto del menú Trayecto, podremos editarla como cualquier otro trazo vectorial, lo que nos permitirá cambiar completamente su forma.

Eso si, al hacer esto dejara de ser texto.