viernes, 25 de febrero de 2011

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.

viernes, 18 de febrero de 2011

Crear plumas

Bienvenidos seáis todos los que entréis en este blog, creado para dar sencillos trucos a los que quieran iniciarse a la ilustración digital, especialmente utilizando software libre.

En este post veremos como pintar una pluma (mas o menos realista) utilizando el programa de retoque de imágenes bitmap Gimp.


Para conseguir un resultado similar al de la imagen que podéis ver sobre este texto  no tenéis mas que seguir los siguientes pasos:
  • Primero, y como suele ser usual, creamos una capa nueva en la que trabajaremos.
  • Luego usamos la Herramienta de selección elíptica para crear una selección con una forma elíptica (lógico, no) similar a la de la pluma de la imagen de muestra (no importa que sea vertical o horizontal)
  • Rellenamos la selección con un color a nuestro gusto, utilizando la opción Rellenar del menú Editar o con la Herramienta de relleno (la que parece un bote de pintura)
  • Ahora ya tenemos la base sobre la que tenemos que trabajar, solo tenemos que difuminar los bordes de la elipse con la Herramienta de emborronado utilizando el pincel Diagonal star.
  • Tenemos que ir creando las irregularidades del borde de la pluma con esta herramienta haciendo clic fuera de la elipse y arrastrando hacia dentro, esto puede ser un tanto laborioso ya que tendremos que recorrer toda la elipse y es recomendable que vayamos cambiando la presión y el tamaño del pincel para conseguir un resultado lo mas irregular posible.
  • Ahora con la Herramienta de selección (la barita) hacemos clic en el centro de la elipse y rellenamos la selección resultante de un tono de color mas claro, en una nueva capa.
  • De nuevo difuminamos el contenido de esta nueva capa como hemos hecho con la elipse.
  • Utilizamos de nuevo la herramienta de selección con esta nueva capa, contraemos la selección, con la opción Encoger del menú Seleccionar y rellenamos la selección, pero esta vez con un tono de color mas oscuro, y volvemos a difuminar el resultado.
  • Para finalizar creamos, en una nueva capa, una elipse muy fina (que sera el eje central de la pluma) y la rellenamos con un degradado de gris a blanco.
Con esto ya tendremos la pluma terminada, pero podemos darle una mayor naturalidad, haciendo que sea menos rígida, utilizando el filtro Iwarp para crear cierto grado de curvatura (pero sin pasarnos)


Si el color final no nos gusta o simplemente queremos cambiarlo para crear una nueva pluma sin tener que repetir todo el proceso, podemos utilizar la opción Colorear o Tono y saturación del menú Colores.

 

sábado, 12 de febrero de 2011

Open source

Hola de nuevo a todos los que entréis en este blog.

Ya os habréis dado cuenta de que siempre utilizo programas gratuitos, o de software libre, para realizar los tutoriales que publico en este blog, así que en esta ocasión en lugar de explicar como conseguir un determinado efecto, o como utilizar determinada herramienta de Gimp o Inkscape, me gustaría hablar simplemente de este tipo de programas y como podemos descargarlos en nuestros equipos.


Gimp es el programa que yo suelo utilizar en este blog y es una excelente alternativa a los programas profesionales de edición de imágenes de mapa de bits, aunque carezca de algunas de sus opciones mas potentes, podéis descargarlo de su pagina web oficial.


Inkscape es la mejor opción si lo que queremos es un programa de diseño vectorial (o de curvas Bézier) y puede resultarnos muy útil para realizar logos y rótulos ya que cuenta con una gran cantidad de herramientas y filtros.

Aquí tenéis el enlace a su web.


Si lo que queréis es realizar diseños en 3D tenéis varios programas de software libre con los que materializar  vuestros proyectos, aunque quizás los dos mas populares sean K-3D y Blender, este ultimo es especialmente potente e incluso se ha llegado a utilizar en proyectos profesionales como series de animación y videojuegos, aunque también es mas complejo y complicado de utilizar.


Scribus es un programa para maquetación de publicaciones, folletos y similares, con el que se pueden conseguir resultados muy profesionales, no tenéis mas que echar una ojeada a las imágenes de muestra de su pagina web para comprobarlo.


Para el diseño web tenemos el Kompozer, un programa que nos permite realizar nuestras propias paginas web sin tener conocimientos de programación, eso si, necesitaremos un buen manual y muchas dosis de paciencia (como con cualquier otro programa de diseño web comercial)


Para editar  sonido y vídeo disponemos de dos magníficos programas, se trata de Audacity  y Avidemux, que podemos descargarnos de sus respectivas paginas web.



 Podéis encontrar tutoriales y manuales de muchos de estos programas en el blog de Joaquín Herrera, mas conocido como Joaclint Istgud, un profesional del diseño gráfico, con unos cuantos años de experiencia a sus espaldas, que utiliza exclusivamente software libre para realizar sus trabajos.

sábado, 5 de febrero de 2011

Crear iconos

Bienvenidos seáis de nuevo a mi blog para aficionados a la ilustración digital, es decir realizada mediante programas informáticos.

En este post me gustaría explicar como podemos crear nuestros propios iconos, utilizando programas de diseño como Gimp o Inkscape, ya sea para sustituir los que utiliza Windows en el escritorio, para cambiar los de algún programa o para utilizarlos en el diseño de alguna pagina web, como los de este ejemplo, que servirían como opciones de aceptar o rechazar.


Seguro que habéis visto imágenes muy similares a las de este segundo ejemplo en los programas de correo electrónico, la primera representa a la imagen neutra que aparece en la cuenta del usuario si no se sustituye por una foto y la segunda representaría el sistema de correo entre los distintos usuarios.


Para empezar hay que tener claro que cualquier imagen en mapa de bits puede ser utilizada para crear un icono, solo tendremos que tener en cuenta que esta imagen tendrá que tener unas medidas determinadas, que son las que se utilizan como estándar en los iconos.

Las medidas mas comunes son 16x16 pixels, en el caso de los iconos mas pequeños, 32x32, 48x48, 64x64, que son los que suelen aparecer en el menú inicio de Windows y 150X150 o 300x300 que son los que aparecen en el escritorio si elegimos que muestre los iconos medianos o grandes.

Estas dos imágenes servirían para sustituir el icono del Panel de control, la primera representa unas Herramientas (un tipo de icono muy común para representar ajustes en un programa) y la segunda una cruz de primeros auxilios (en este caso primeros auxilios para nuestro PC)


También tenemos que tener en cuenta que para poder utilizar una imagen bitmap como icono para algún programa en nuestro ordenador tenemos que grabarla con formato ico, si la queremos utilizar en una pagina web valdría cualquier formato que acepte Internet, como jpg, tif o png (la ultima resulta muy útil si queremos incluir transparencias)

Para cambiar el icono de un programa solo tenemos que hacer clic sobre este con el botón derecho del ratón, clicar en Propiedades, y en la pestaña Acceso directo clicar en Cambiar icono y seleccionar el archivo ico que queremos utilizar.

Si queremos restaurar el icono que el programa llevaba por defecto tenemos que hacer lo mismo pero en lugar de seleccionar un archivo de imagen tendremos que seleccionar el archivo ejecutable del programa (donde esta incluido este icono)
Para cambiar la imagen de un icono de Windows, como la Papelera de reciclaje o Mi quipo, es aun mas cencillo, ya que solo hay que hacer clic con el botón derecho en cualquier parte del escritorio seleccionar la opción Personalizar del cuadro de dialogo y luego la opción Cambiar iconos del escritorio, y en este cuadro de dialogo seleccionar el icono que queréis cambiar, clicar en Cambiar icono y seleccionar la imagen que queramos.

Aquí tenéis unos ejemplos de imágenes que podrían servir como iconos para un reproductor de vídeo o un reproductor multimedia.