martes, 21 de febrero de 2012

Brochas para GIMP


Los pinceles o brochas son herramientas esenciales en cualquier programa para la edición de imágenes, sobre todo para dar ciertos acabados a las imágenes y en GIMP hasta hace poco era difícil encontrarlos, por lo que muchos usuarios optaban por crear sus propias brochas o por convertir pinceles de PS, es decir convertir brochas .abr a .gbr, para lo cual se puede usar un programa llamado AbrViewer, pero el propósito de esta entrada no es el de enseñarles a usar dicho programa, sino el de mostrarles como puede crear sus propias brochas, pues desde hace un tiempo ya se pueden usar brochas de PS sin necesidad de convertirlas a gbr, debido a que los programadores de GIMP, han añadido un “parche” por llamarlo de algún modo a GIMP.

Antes de comenzar, les dejo tres páginas donde pueden descargar paquetes de pinceles.


Los cuales, una vez descargados, los descomprimimos y copiamos todos los archivos con extensión .gbr o bien .abr para pinceles de PS, a la siguiente ruta para usuarios de Windows

X:\Archivos de programa\GIMP-2.0\share\gimp\2.0\brushes

esto para la version 2.6 o anteriores, para la version 2.8 pueden agruparse por carpetas y la ruta es

X:\Archivos de programa\GIMP 2\share\gimp\2.0\brushes

Donde X: es la unidad en la que tenemos instalado nuestro Sistema Operativo, la cual en la mayoría de los casos es C:

Y para usuarios de Linux la ruta es

/home/user

habrá que presionar Ctrl+h para mostrar archivos ocultos y asi ver la carpeta .gimp o .gimp2.x y ahi pegamos las brochas

Si teniamos abierto GIMP al momento de copiar las brochas a su respectiva carpeta, deberemos refrescar las brochas, esto se hace seleccionando la "Herramienta Pincel" y en el area de capas, en la parte inferior aparecen los pinceles, damos click secundario y despues en "Refrescar Pinceles", o simplemente cerramos GIMP y lo volvemos a abrir y los pinceles deben aparecer automaticamente.

Ahora bien para las personas que prefieren crear sus propios pinceles o simplemente quieren saber cómo se hacen, les muestro como hacerlo.

Lo primero que debemos hacer es crear un nuevo archivo en “Archivo -> Nuevo”, al cual ponemos un tamaño de 100x100, y en las opciones avanzadas lo ponemos como “Escala de grises” y rellenar con “Blanco”, estos parámetros son muy importantes


Una vez creado el archivo, procedemos a realizar nuestro diseño, en mi caso sólo hice tres líneas, pues es para ilustrar solamente.


Seguido a esto agregamos uno que otro efecto, yo usé la “Herramienta de emborronado”.


En fin, una vez que hemos terminado el diseño de nuestro pincel, procedemos a guardarlo, para lo cual vamos a “Archivo -> Guardar”, y en la siguiente ventana podemos guardarlo simplemente añadiendo la extension .gbr a nuestro archivo o seleccionando por tipo de archivo en PincGIMP.


En caso de que hayamos usado capas nos pedirá que exportemos la imagen, pues la exportamos y guardamos si modificar ninguno de los parámetros.


Ya sólo queda copiarlo a la ruta que les mencioné al comienzo de la entrada.

jueves, 16 de febrero de 2012

Añadir color a dibujos


Este truco, es una herramienta muy útil para dibujantes, caricaturistas o personas que simplemente les gusta dibujar y quisieran tener sus dibujos digitalizados; para personas que hacen sus dibujos sobre papel, lo primero que deben hacer es escanear su dibujo (preferentemente remarcado con tinta) y guardarlo como imagen (jpg o png), en mi caso omito este paso pues trabajaré sobre una imagen de Gokú descargada de internet, además de que no soy buen dibujante.

Una vez escaneado el dibujo, lo abrimos con gimp, para prepararlo


Lo siguiente es asegurarnos de que esté en “escala de grises”, para lo cual vamos a “Imagen -> Modo -> Escala de grises”, debe estar marcado con un punto, si no está, pues lo seleccionamos.


Una vez en “escala de grises”, el siguiente paso consiste en remarcar las líneas, para lo cual vamos a “Colores -> Umbral


Aquí deberemos jugar un poco con los valores hasta obtener el resultado deseado, en mi caso he dejado los tonos claros (flecha blanca) tal y como estaban, en cuanto a los tonos oscuros (flecha negra) la llevé hasta el valor de 51, con lo que se mejoraron un poco las líneas, pero esto depende del dibujo con que se esté trabajando


Ahora hacemos click secundario sobre nuestra capa, y damos click en “Añadir canal alfa", con lo que aparentemente no pasa nada, pero esto sirve para añadir transparencia a nuestra imagen


Hasta ahora en todos los tutoriales hemos estado trabajando en la pestaña de capas, pero para lo que sigue debemos ir a la pestaña de canales, y damos click secundario sobre el canal “Gris” y en el menú damos click sobre “Canal a selección”


Con esto debe de aparecer seleccionadas sólo las líneas del dibujo, ahora solo es cuestión de presionar la tecla “Supr”, “Del” o “Delete” dependiendo de nuestro teclado, y se borrará el fondo blanco, y debe quedar solamente el dibujo con un fondo transparente y regresamos a la pestaña "capas"


Ahora creamos una capa nueva, sólo que esta debe ser blanca y la arrastramos debajo de nuestro dibujo


El siguiente paso es sólo por comodidad, y es renombrar las capas que tenemos hasta ahora, para esto seleccionamos la capa que deseamos renombrar y damos click secundario y después en “Modificar los atributos de la capa”


Nos aparecerá un pequeño cuadro con el nombre de nuestra capa, sólo debemos cambiarlo por el nombre que deseemos, en mi caso lo llame “Dibujo” y repetí el mismo paso con la capa blanca y la llamé “fondo”


Como ya está preparado nuestro dibujo, es hora de poner la imagen en modo “RGB”, para esto vamos a “Imagen -> Modo -> RGB


Ahora creamos otra capa transparente, la cual en mi caso llamé “rojo”, pues sobre esta pintaré el color rojo


Lo que sigue es tomar un pincel y seleccionar el color con el que pintaremos, y de igual manera como si fuera un dibujo en papel comenzamos a pintar con cuidado de no salirnos de los bordes


Y continuamos pintando todas las partes que deban ir de dicho color, si nos pasamos algo de los bordes no importa, sólo tomamos la goma y borramos el excedente


El paso anterior se repite para cada uno de los colores, creamos otra capa y (sólo por comodidad) le ponemos el nombre del color que pintaremos ahí, en mi caso la llamé “negro”, seguido a esto seleccionamos dicho color y pintamos todas las partes que deben ir así


Creamos una capa, la cual yo llamé “café”, seleccionamos el color y  pintamos


Creamos otra capa, yo la llamé “amarillo” y pintamos, en caso de que al estar pintando con el color actual nos demos cuenta de que nos faltó alguna parte de otro color (me pasó a mí en dos ocasiones, como habrán notado), sólo debemos regresar a la capa correspondiente a dicho color, seleccionar el color y pintar lo que haya faltado, después regresamos a lo que estábamos haciendo


En fin creamos tantas capas como colores sean necesarios, en mi caso yo ocupe 7 capas, de las cuales la última la nombré “piel” pues aquí pinté la piel de Gokú, es IMPORTANTE resaltar que la capa en que se encuentra nuestro dibujo siempre quede hasta arriba y la capa blanca hasta abajo, en cuanto a los colores no importa el orden, siempre y cuando se respete lo antes mencionado.


Y listo como ya hemos terminado, sólo queda guardar la imagen, recomiendo guardarla en jpg, como ven es bastante simple, en muchos casos habrá quien quiera añadir sombreado, para lo que recomiendo usar la herramienta “aerógrafo” con una brocha de bordes difuminados o probar con tonos mas oscuros del color con el que pintaron, en este caso yo no lo hice pues no me agrada mucho, pero en fin, el trabajo terminado queda así

jueves, 9 de febrero de 2012

Como obtener un Render


En esta entrada les mostraré como se puede obtener un “render” a partir de una imagen, pero antes de esto, ¿Qué es un “render” y para qué sirve?

Pues bien, un “render” a grandes rasgos es una imagen con fondo transparente que nos puede servir para después crear nuestros propios Wallpaper, Firmas para foros, Banner para páginas web, e incluso esto nos puede servir en el caso de fotomontajes.

En fin, ahora que sabemos que es un render comencemos a obtener uno, lo primero que hacemos es escoger una imagen que nos guste, en mi caso elegí una imagen sencilla, pues tiene el fondo blanco y eso facilita mucho el propósito de esta entrada.


Una vez abierta la imagen, utilizamos la herramienta “Selección difusa”, yo la utilicé con un “umbral” de 55, esto para reducir los bordes de la imagen, pero el umbral depende de los colores de la imagen por lo que habrá que modificarlos según sea necesario, los demás parámetros los dejamos tal cual, damos click en alguna parte del fondo de la imagen, en este caso cualquier parte blanca, en muchos casos, no se seleccionará todo lo que deseamos eliminar, para esto es necesario presionar “Shift” (con lo que al cursor le aparecerá un signo +) y dar click en las partes no seleccionadas que también deseemos eliminar, en caso de habernos equivocado y deseemos deseleccionar una parte presionamos “Ctrl” (con lo que al cursor le aparecerá un signo -) y damos click en dicha parte a deseleccionar, también es IMPORTANTE mencionar que en algunos casos, debido a la imagen que hemos elegido, NO podremos utilizar esta herramienta, y en su lugar tendremos que utilizar la “Herramienta de selección libre”, la cual ya explique un poco de cómo usar en otra entrada, en la que también aplica “Shift” y “Ctrl”, en fin nos quedará algo como esto.


El siguiente paso es opcional, yo lo realicé por comodidad simplemente, y es añadir guías, estas las obtenemos haciendo click en las reglas lateral y superior y arrastrando hasta donde deseemos que queden las guías (en mi caso en 60 la superior y las laterales en 1130 y 1750).


Para los que han usado la “Herramienta de selección libre” el siguiente paso no aplica, pero para aquellos que están siguiendo tal cual el tutorial sí, lo que sigue es ir a “Seleccionar -> invertir”, esto es debido a que hemos seleccionado el fondo y no la imagen que queremos como render, y con esto invertimos la selección.


Ahora, este paso es importante, creamos un nuevo archivo, “Archivo -> Nuevo”, pero este debe tener el fondo transparente, por lo que en “opciones avanzadas” seleccionamos transparencia en la lista “Rellenar con” y le damos a nuestra imagen el tamaño que se ajuste a nuestra imagen, en mi caso 620x1140 (lo obtuve usando la calculadora), esto es la medida de lo que está dentro de mis guías.


Ahora que hemos creado nuestra nueva imagen, regresamos a la imagen original y damos click secundario sobre la misma y nos vamos a “Editar -> Copiar” o simplemente damos “Ctrl+C”.


Regresamos a la nueva imagen y damos click secundario y vamos a “Editar -> Pegar” o simplemente “Ctrl+V”.


Con esto nos debe de aparecer nuestro render, en algunos casos será necesario ajustarla un poco a los márgenes, después de ajustarla hacemos click en alguna parte donde nuestro cursor se convierta en ancla, con esto nuestra imagen quedará fija.


Y listo, ahora solo guardamos nuestra imagen con extensión “.png”, esto porque debe llevar transparencias, y cerramos nuestra imagen original (sin guardar los cambios) y el resultado debe ser algo parecido a esto (la transparencia se pierde debido al fondo del Blog).


Ya podemos usar nuestro render para realizar firmas, banners o wallpaper, lo cual les enseñaré después, de momento les dejo una firma y una barra (puede ser usada como banner) que fueron hechos con este render, ambas tienen transparencia de fondo, a parte del render.

Firma
 Barra

miércoles, 1 de febrero de 2012

Cambiar color de ojos


Ya he publicado una entrada donde muestro como cambiar el color del cabello, ahora les muestro como se puede cambiar el color de los ojos, este proceso es bastante sencillo.

Lo primero, como en todos los casos es abrir nuestra imagen


Procedemos a crear una capa nueva (click secundario en Fondo)


Los parámetros los dejamos tal cual, lo importante es que sea una capa trasparente


Ahora esta nueva capa la ponemos en modo “Tono” también funciona en modo "Color", pero para mi gusto, el efecto más real lo da el modo "Tono"


Y comenzamos a pintar del color que deseemos, en mi caso azul, e inmediatamente se notará el efecto


Y listo, ya solo guardamos la imagen (Archivo -> Guardar como…) con extensión .jpg.

Antes
Después