viernes, 25 de marzo de 2011

Engranajes

Bienvenidos seáis una vez mas todos los que visitéis este blog.

En este post explicare como realizar con Gimp y las herramientas de selección y relleno, de una forma fácil y sencilla un engranaje o rueda dentada, como las de esta imagen.


Para empezar tendremos que crear la arandela que servida de base para posteriormente añadir los dientes del engranaje.
  • Primero creamos una guia vertical y otra horizontal que se crucen en el centro del documento, lo que podemos hacer de forma muy sencilla utilizando las reglas, de no estar activas podemos mostrarlas con la opción Mostrar reglas del menú Ver.
  • Creamos una capa nueva
  • Ahora creamos una selección circular pulsando mayúsculas y control, partiendo de la zona donde se cruzan las dos guias, de esta manera la selección estará centrada en el documento.
  • Pintamos o rellenados con el color que queramos la selección.
  • Después de esto creamos otra selección circular partiendo del centro del documento, pero menor que la anterior y borramos, con lo que ya tendremos la arandela.
Ahora vamos a realizar en una capa a parte los dientes de la rueda dentada, lo que también haremos con guias y selecciones.
  • Ponemos dos guias verticales que estén a la izquierda y derecha  y a la  misma distancia de la primera guia que hemos creado para hacer el circulo, y otras dos guias verticales mas pero mas cercanas a la guia central.
  • Ahora ponemos dos guias horizontales, una que este un poco por debajo de la parte superior del circulo y otra que este por encima, la distancia determinara el tamaño del diente.
  • Trazamos una selección con la herramienta de Selección libre entre los puntos en los que se intersectan las guias horizontales y verticales, utilizando las guias verticales mas cercanas a la guia central en la parte superior y las mas alejadas en la inferior.
  • Igual que antes rellenamos o pintamos la selección del mismo color que hemos utilizado para colorear el circulo.
Ya tenemos el primer diente de nuestra rueda , el trabajo difícil ya esta hecho, el resto es solo duplicar y rotar la capa, de la siguiente manera.
  • Duplicamos la capa en la que tenemos el diente y la rotamos 180 grados, de manera que tendremos el engranaje de la parte superior y el de la parte inferior.
  • Fusionamos las dos capas, poniéndonos en la capa superior y utilizando la opción Combinar hacia abajo, que podemos encontrar haciendo clic con el botón derecho sobre la miniatura de capa, duplicamos la capa resultante y la rotamos 90 grados.
  • Para crear el resto de los dientes hay que repetir el ultimo paso las veces que sea necesario pero utilizando la mitad de grados  que la vez anterior a la hora de realizar la rotación de la capa (45 grados la siguiente ver, 22,5 la próxima, 11,25 ...)
Y con esto ya tendremos nuestro engranaje finalizado, podemos fusionar la capa en la que tenemos el circulo y la capa en la que tenemos los dientes y añadir mas detalles  utilizando selecciones, rellenando o borrando según convenga.


También podríamos haber realizado todo el proceso sin utilizar las guias, es decir a ojo , fijandonos en la posición del cursor en la reglas horizontales y verticales, aunque seguramente no nos habría quedado tan bien.


viernes, 18 de marzo de 2011

3D con Sketchup

Bienvenidos seáis todos una vez mas (o por primera vez) a este blog, espero que su contenido os sea útil o que por lo menos os resulte entretenido.

Por una vez me gustaría dejar a un lado el mundo del diseño y el dibujo en 2D y adentrarme, aunque sea solo superficialmente, en el intrincado mundo del diseño en 3D.

Existen muchos programas comerciales para poder modelar y animar objetos y personajes en tres dimensiones, entre ellos 3D Studio Max, Maya-3D o Cinema 4D, así como numerosos programas de software libre, de entre los cuales posiblemente el mas completo y extendido sea Blender, que podéis descargaros desde su web oficial.


Pero si como yo sois unos novatos en el diseño en tres dimensiones y queréis empezar con un programa sencillo, fácil de utilizar y ante todo intuitivo yo os recomendaría Sketchup, una excelente herramienta desarrollada por Google.


Existen dos formatos de este programa, una versión comercial, mas profesional y completa llamada Sketchup Pro, y otra domestica, mas reducida en prestaciones y herramientas que podemos bajarnos libremente desde su pagina web.


El programa resulta bastante sencillo de utilizar, ya que además cuenta con una opción, el Instructor, que nos indica en un cuadro de dialogo, como utilizar cada una de sus herramientas en el momento en el que las seleccionamos, y que podemos activar desde el menú Ventana.

En estas dos imágenes de muestra podréis ver como el cuadro de dialogo del Instructor nos da todo tipo de detalles sobre el modo mas eficiente de utilizar las distintas opciones de diseño de Sketchup.



El programa también nos permite convertir nuestras creaciones 3D en imagenes de mapa de bits, desde la opción Exportar gráfico 2D del menú Archivo, dándonos a elegir entre cuatro formatos, bmp, jpg, tif y png.

De esta manera podremos modificar y añadir de talles al resultado final con un programa de edición de imágenes Bitmap, como Photoshop o Gimp.


Podréis obtener mas información acerca del Sketchup, así como estar al tanto de todas las novedades acerca de este programa en su blog oficial, siempre y cuando tengáis alguna noción de ingles.


viernes, 11 de marzo de 2011

Texto garabateado

Bienvenidos seáis todos a este humilde blog, realizado por un fan de los comix, el dibujo, la ilustración digital y el software libre.

En este post veremos como crear tanto con un programa de diseño vectorial como de retoque  de imágenes bitmap un texto garabateado como el de esta imagen.


Programas de diseño vectorial como Illustrator cuentan con efectos y filtros que permiten crear un efecto muy similar con unos pocos clics, pero podemos conseguir este mismo resultado con un programa de software libre como Inkscape.
  • Primero de todo realizaremos los  garabatos que deben formar parte del texto con la herramienta de Trazos o pinceladas, que nos permite dibujar de una forma mas libre que la pluma para trazar curvas Bézier.
  • Luego escribimos el texto utilizando una tipografía que tenga volumen  y como  blanco como color de relleno.
  • Convertimos el texto en trayecto con la opción Objeto a trayecto  del menú Trayecto.
  • Si queremos que el texto no sea tan rígido podemos aplicarle un Filtro del grupo Distorsionar como Bordes rasgados o Chapoteo.
  • Luego tenemos que poner el texto sobre el trazado de garabatos que hayamos realizado con anterioridad.
  • Finalmente convertimos el texto en una mascara de recorte con la opción Mascara del menú Objeto.
La mascara en Inkscape funciona igual que en Gimp o Photoshop, de manera que el color  blanco muestra y el color negro oculta.

En este caso, al haber utilizado el blanco como color del texto y al convertir este en una mascara sobre el garabato, hará que solo sean visibles las partes del trazado que quedan bajo el texto, dando como resultado algo similar a esto.


Naturalmente siempre podemos embellecer el resultado final poniendo una imagen de fondo o aplicando algún tipo de efecto complementario.

Con un programa de retoque de imágenes bitmap como Gimp este efecto  resulta aun mas fácil de conseguir.
  • Podemos lograrlo dibujado el garabato en una capa y el texto (de color blanco) en otra.
  • Igual que antes, para que el texto no sea tan rígido podemos aplicar algún filtro de distorsión.
  • Seleccionamos el texto, creamos una mascara en la capa en la que tenemos el garabateado, haciendo clic en la miniatura de la capa y seleccionando Crear mascara de capa y activando la opción Transparencia total.
  • Finalmente copiamos el texto en la mascara de la capa del garabato y borramos o desactivamos la capa en la que se encuentra el texto (que ya no necesitamos)
De la misma manera que sucedía con Inkscape podemos aplicar mil y un efectos y retoques para mejorar el resultado final.

Otra forma de conseguir el mismo resultado con Gimp sin utilizar mascaras, seria escribir el texto, seleccionarlo, crear una nueva capa y en esta dibujar el garabateo con la selección activa (de manera que solo pintaremos dentro de la selección)

viernes, 4 de marzo de 2011

Alternativas a Gimp

Hola a todos , y bienvenidos seáis un día mas a este blog, pasad y serviros vosotros mismos.

Seguramente ya sabréis que normalmente suelo utilizar Gimp para retocar digitalmente mis dibujos y ilustraciones, pero en esta ocasión me gustaría dedicar este post a hablar de algunos programas, por supuesto de software libre, que pueden ser una buena alternativa para la edición de imagenes de mapa de bits.


Si Photoshop es posiblemente el mejor programa comercial de retoque de imagenes, Gimp es el uno de los mejores de entre los programas Open Source (si no el mejor) pero existen alternativas como Artweaver, un programa muy útil, sobre todo para los que como a mi les guste el dibujo digital.

Y es que Artweaver, pese a no contar con demasiadas herramientas de edición, a parte de las típicas de este tipo de programas, como las herramientas de selección rectangular y elíptica, la barita mágica, o herramientas de retoque como el tampón de colación, tiene como punto fuerte sus pinceles.

Este programas dispones de 18 tipos de pinceles diferentes (cada uno de ellos con diferentes modelos de brochas), entre los que podemos encontrar acrílicos, carboncillos, óleos o pasteles, con los que podemos conseguir efectos de lo mas variado.


Si lo que os gusta es la pintura podeis probar suerte con Mypaint, un programa creado (como su nombre indica) para poder pintar con nuestro PC.

Mypaint carece de todo tipo de herramientas de edición o retoque de imagen y se centra en los pinceles y el lienzo, en lo que se refiere a pinceles dispone de mas de 150 modelos de brochas distintos y como lienzo podemos elegir entre diferentes superficies como el papel o la tela.

Tanto Artweaver como Mypaint  permiten trabajar con capas (solo que Artweaver además permite crear diferentes estilos de fusión entre estas, como sucede con Gimp)

Podemos descargar estos programas de sus respectivas paginas web.

Si lo vuestro no es el dibujo o la pintura y solo queréis un programa que os permita visualizar, organizar y retocar vuestras fotos con facilidad y rápidamente, podéis probar con Photoscape, un pequeño pero potente programa que cuenta con una gran variedad de filtros y herramientas para retoque y mejora fotográfica, o para permitirnos hacer mosaicos y murales con nuestras fotos, en unos pocos minutos. 


Photoscape es un programa realmente sencillo de manejar, destinado sobre todo a quien quiera distraerse experimentando con sus albumes fotograficos.

podéis encontrarlo en la siguiente pagina web.


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.