viernes, 27 de enero de 2012

Imagen blanco y negro con zonas a color

Para este truco, como en todos, abrimos nuestra imagen original (arrastrándola hacia GIMP o desde Archivo -> Abrir), en mi caso una imagen de Susan Coffey


Ahora nos vamos al área de capas y damos click secundario sobre el icono (capa) de nuestra imagen y damos click en “Duplicar la capa…”


Como habremos notado ahora tenemos dos iconos (capas) iguales, uno llamado “Fondo” y otro llamado “Copia de Fondo”


Lo que sigue es irnos a la ventana principal (área de trabajo), y damos click en “Colores -> Desaturar


La imagen se pondrá gris y nos saldrá otra ventana, en esta seleccionamos la opción “Luminosidad”


Ahora para trabajar cómodamente damos click en el “ojito” que se encuentra al lado de “Copia de Fondo”, y la imagen se pondrá otra vez a color, lo que realmente hicimos fue dejar de visualizar nuestra capa en tonos de gris


Lo siguiente es tomar la “herramienta de selección libre” (el lazo de la caja de herramientas), esta herramienta se puede usar de dos formas, a mano alzada (bastante cansada y requiere de buen pulso) y por selección de puntos (clicks) (mas fácil, además de que si te equivocas puedes mover los puntos para ajustar a la imagen, para finalizar la selección el último punto debe coincidir con el primero, esto cierra el lazo), yo personalmente prefiero la segunda, cabe resaltar que entre más puntos seleccionemos se obtendrá un mejor resultado, para hacerlo cómodamente y tener un mejor resultado hacemos un zoom, yo trabaje con zoom a 400%, al terminar nos queda algo como esto


Ahora damos click en el “ojito” al lado de “Copia de Fondo” nuevamente, y la imagen se pondrá gris otra vez, solo que esta vez tendremos la zona seleccionada


Lo siguiente es añadir una máscara de capa


La máscara de capa debe estar en “Blanco (opacidad total)”


Ahora tomamos un pincel “Negro” y para terminar rápido lo agrandamos a su máximo tamaño (10), y con este pintamos sobre el área seleccionada, no importa si nos salimos, no pasa nada pues solo podemos pintar dentro del área seleccionada, con esto veremos el efecto deseado, ya casi terminamos


Por último, aplicamos la máscara de capa dando click secundario a “Copia de Fondo” y después en “Aplicar mascara de capa”


Guardamos la imagen (“Archivo -> Guardar como”, para conservar la original intacta) con extensión .jpg, si nos sale alguna advertencia acerca de JPEG, le damos “exportar”, guardamos con máxima calidad y listo hemos terminado, les dejo el antes y el después

Antes
Después

jueves, 26 de enero de 2012

Cambiar color de cabello

Comenzando con trucos y técnicas un poco más útiles, les muestro cómo es posible cambiar el color de cabello en una imagen o fotografía, lo primero que hay que hacer es abrir nuestra imagen con GIMP, eso se consigue de varias formas, la más sencilla es abriendo GIMP y arrastrando la imagen al área de trabajo, una vez abierta la imagen (en mi caso una foto de Kate Beckinsale) procedemos a crear una capa nueva como se muestra a continuación.

Damos click secundario sobre el icono que aparece en el área de capas y después click en "Capa nueva..."


Nos saldrá otra ventana, en esta hay que dejar todo como está, solo hay que asegurarnos que esté seleccionada la opción “trasparencia” y le damos aceptar


Esta nueva capa se debe poner en “modo solapar”, esto se hace en la ventana de la derecha donde dice “modo” damos click y se desplegará una lista, aquí seleccionamos “solapar”


Ahora seleccionamos un color que sea de nuestro agrado y con la herramienta de “relleno” (la cubeta en la caja de herramientas) rellenamos la imagen haciendo click sobre la misma y deberá ponerse del color que hemos seleccionado, en mi caso rojo


Como habremos notado en el área de capas, ahora tenemos dos iconos (estas son las capas de nuestra imagen), uno del color que hemos rellenado y otro con nuestra imagen, damos click secundario en la que es del color que hemos rellenado y nos desplegará el mismo menú de cuando creamos dicha capa, solo que ahora damos click en “añadir mascara de capa”


Nos aparecerá otra ventana, aquí debemos seleccionar la opción “Negro (opacidad total)”


Hecho esto el color debería de desaparecer, lo que sigue requiere de bastante paciencia y pulso, pero más paciencia, y es tomar un pincel con color blanco (en algunos casos debe ser un tono de gris, con el fin de dar un efecto más real, como fue mi caso) y comenzamos a pintar las áreas que queremos de color, e iremos viendo como cambia de color por donde vamos pintando, en la mayoía de los casos habrá que usar más de un tamaño de pincel debido a las puntas del cabello y alguno que otro detalle, al final debería quedar algo así


Con esto pareciera que ya hemos terminado, pero en muchos casos se notará un efecto poco real debido a los bordes del pincel, lo que hacemos ahora es tomar la “herramienta de enfoque y desenfoque” (la gotita en la caja de herramientas), y podemos hacer el pincel más grande y pasarlo por todos los bordes con el fin de dar un efecto más real


En mi caso no es muy notorio el cambio, pero era necesario mostrárselos, el siguiente paso es dar click secundario en la capa que es del color de relleno y desplegará el menú que ya conocemos, ahora damos click en la opción “aplicar mascara de capa” con el fin de aplicar el efecto a nuestra imagen (este paso no es necesario y puede saltarse)


Con esto ya está terminada nuestra imagen, ya solo resta guardarla en “Archivo -> guardar como…


Ahora veremos otra ventana y en la parte que remarco en la imagen especificamos el nombre y la extensión con la que queremos guardar nuestra imagen, en mi caso “colorcabello.jpg”


Una vez que demos click en aceptar es muy probable que nos aparezca una advertencia sobre que JPEG no soporta trasparencias, solo damos click en “Exportar”


Y nos saldrá la última ventana, en la que tal vez debamos activar las “Opciones avanzadas”, y en la opción “submuestreo” seleccionar “1x1, 1x1, 1x1 (la mejor calidad)” con el fin de obtener una imagen con buena calidad, y damos click en “Guardar”


Y listo hemos terminado por fin, de paso les muestro el antes y el después

Antes
Después

viernes, 20 de enero de 2012

Efecto ondas de gota de agua

Para comenzar creamos un archivo nuevo, en Archivo -> Nuevo, yo lo cree con las configuraciones por defecto, pero ustedes pueden hacerlo del tamaño que quieran, seguido seleccionamos un color para el fondo y otro para el frente, yo elegí dos tonos de azul.

ahora vamos a utilizar la herramienta de mezcla o degradado, y seleccionamos "frente a fondo(rgb)", también tiene que ser "radial", se los marco con rojo para los que apenas se están familiarizando con gimp


hacemos el degradado comenzando del centro hacia afuera y les quedará algo como esto


una vez hecho el degradado, con un pincel blanco, yo usé el circle(05), hacemos una espiral o intento de espiral comenzando nuevamente por el centro, no importa si queda disparejo, solo importa que las líneas no se toquen una con otra, algo así


hecho esto nos vamos a Filtros -> Desenfoque[Blur] -> Desenfoque gaussiano,


Aquí yo utilicé un valor de 30,0, les quedará algo así

 

ahora nos vamos a Filtros -> Distorsiones -> Remolino y aspiración, y jugamos un poco con los valores,

 

Aunque les recomiendo no usar valores grandes pues se pueden producir unas manchas negras en las orillas de la imagen, aplicamos y queda algo así

 

y ya casi para terminar nos vamos a Filtros -> Distorsiones -> Ondas,

 

Aquí también jugamos con los valores según lo que busquemos crear, y debe de quedar de la siguiente forma


ahora ya solo guardamos con el formato de nuestra preferencia, recomiendo jpg, y listo nos queda así


para mejores resultados es cuestión de probar con otros colores y distintos valores en las distorsiones, espero les haya gustado

martes, 17 de enero de 2012

Extensiones de imagen y como Guardar

//Si llegaste aquí redirigido desde otra entrada del blog, por favor lee la nota al final, si no, has caso omiso de estas lineas//


Antes de comenzar con trucos y edición de imágenes en GIMP, está bien aclarar que cuando vamos a guardar la imagen con que hemos trabajado se debe de especificar a GIMP la extensión con la que se debe guardar para que este sepa el tipo de imagen de la que se trata y dar así los últimos pasos para que la imagen quede utilizable para otros fines, pero ¿Qué es una extensión?

En pocas palabras una extensión es un indicador que usualmente consta de tres caracteres precedidos por un punto que le dicen a nuestra PC de qué tipo de archivo se trata para que este sepa con que programa abrirlo, en el caso de documentos de MSO Word se usa la extensión ".doc" para versiones 2003 o anteriores y ".docx" para 2007 o posteriores.

En el caso de las imágenes sucede algo parecido, cada tipo de imagen lleva su propia extensión dependiendo del tipo de contenido y características que tiene la misma, algunas de las extensiones de imagen que yo uso más comúnmente y que usaré en la publicaciones de este blog son:

GIF
Graphics Interchange Format (*.gif), este formato se emplea más que nada en animaciones o imágenes fijas, entre sus principales características se encuentran las siguientes:
  • Soporta transparencias, pero no soporta niveles de la misma.
  • Soporta hasta 256 colores, por lo que para imágenes con más de 256 colores viene una perdida en la calidad, esto para adaptarla al límite soportado.
  • La aplicación más frecuente de este formato es en banners e imágenes con animación  para páginas web, debido a que es el único soportado por la mayoría de los navegadores, también es muy usado en clientes de chat, como Messenger para los llamados emoticonos o emoticons.
  • Este tipo de imagenes no deben ser demasiado grandes, debido a la perdida de calidad producida por el rango reducido de colores.
Ejemplo de GIF animado


JPEG ó JPG
Joint Photographic Experts Group (*.jpg,*.jpeg), este formato utiliza un algoritmo de compresión con pérdida, esto con el fin de obtener imágenes de poco peso, es por esto que es empleado comúnmente en cámaras fotográfica, de entre sus características sobresalen las siguientes:
  • Solo soporta imágenes fijas.
  • Tiene una perdida en la calidad debido a la compresión, es decir a mayor calidad mayor peso de la imagen.
  • Soporta color verdadero, es decir el color de la imagen es el mismo del objeto.
  • Soporta escala de grises.
Un ejemplo de imagen en JPEG es este


PNG
Portable Graphic Network (*.png), este formato fue desarrollado buscando solventar las deficiencias de GIF, y es empleado en firmas para foros debido a sus características, de las cuales les menciono algunas.
  • Soporta transparencias.
  • Soporta niveles de transparencia.
  • Tiene mejor calidad que gif.
  • Soporta escala de grises.
  • Soporta colores indexados.
Un ejemplo es esta imagen


XCF (propia de GIMP)
eXperimental Computing Facility (*.xcf), esta extensión es usada por GIMP en caso de que no se le especifique ninguna otra, y solo puede ser visualizado con GIMP, es muy útil cuando dejamos un trabajo sin terminar, de este modo solo se requiere abrir la imagen y GIMP nos la mostrará con todas sus capas, mascaras, transparencias y demás cosas que hayamos dejado sin terminar, pero al ser solo soportada por GIMP, no se puede visualizar en ningún otro programa.

GBR (brochas de GIMP)
GIMP Brush (*.gbr), esta extensión es usada por GIMP, para reconocer y crear brochas, las cuales pueden ser usadas en la edición de imagenes, dichas brochas se encuentran almacenadas usualmente en

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

La aplicación de cada uno de los formatos se irá viendo en cada uno de los ejemplos que se publiquen en este blog, todos son muy útiles dependiendo de qué es lo que se requiera realizar, sin embargo, algunos diseñadores suelen tener preferencia de un formato a otro.

Como Guardar

Para guardar una imagen en GIMP, una vez que hemos terminado de trabajar con la imagen, se hace de la siguiente manera, Archivo -> Guardar Como y aparecerá la siguiente ventana


* En la parte remarcada en rojo (imagen superior) ponemos el nombre del archivo seguido por la extensión de la imagen (.jpg, .jpeg, .gif, .png, etc.), por ejemplo “imagen.jpg”, en la parte de la izquierda, seleccionamos donde queremos guardar la imagen y seguido a esto damos click en el botón “Guardar”, ubicado en la parte inferior, y en algunos casos nos aparecerá una ventana diciéndonos que ese tipo de imagen no soporta alguna de las cosas que hemos hecho (usualmente con jpg), en dichos casos solo es necesario hacer click en el botón “exportar” de dicha ventana, en seguida nos saldrá otra ventana


Aquí podemos dejar las cosas tal cual, yo personalmente prefiero cambiar en la opción de submuestreo por “calidad máxima” y ya solo damos click en “Guardar” y listo nuestra imagen quedara guardada en la carpeta especificada, con el nombre y extensión especificadas.

 ¡IMPORTANTE, GIMP 2.8!

La forma de guardar archivos descrita aquí es la forma utilizada para la version 2.6 o anteriores, actualmente ha sido lanzada la version 2.8, con lo que ha cambiado un poco la manera de guardar nuestros archivos, ya que si damos "guardar..." o "guardar como...", la version 2.8 sólo nos permite guardar en .xcf, el formato nativo de GIMP, para poder guardar en otros formatos, ahora debemos ir a "Archivo -> Exportar..." y a partir de ahi son los pasos marcados con *

Que es GIMP?

Bueno esta es mi primer entrada del blog, el cual está dirigido a publicar trucos sencillos en GIMP, el cual ya muchos saben que es y para los que no saben les doy una breve explicación.

GIMP (GNU Image Manipulation Program) es un software para la edición de imágenes digitales del proyecto GNU, el cual es distribuido como software libre y gratuito, para los conocedores del tema es como un Photoshop, pero a mi parecer más ligero (bueno para quienes tienen maquinas con pocos recursos), gratis y software libre, GIMP puede ser bajado desde su página oficial.


Una vez que lo hemos descargado e instalado ya podemos comenzar a utilizarlo, GIMP nos presenta la siguiente interfaz


Donde la ventana de la izquierda es la “caja de herramientas” y aquí se encuentran todas las herramientas básicas de GIMP (pinceles, brochas, degradado, relleno, etc.), la ventana central es el área de trabajo, aquí es donde aparecerá la imagen con la que se esté trabajando, y en la ventana de la derecha se encuentran las capas, rutas, canales entre otras herramientas que tienen usos un poco mas avanzados

Explicar ahora la función de cada una de las herramientas de GIMP no tiene caso, pues solo haría más confuso el aprendizaje para los principiantes, así que conforme se vayan utilizando las herramientas iré explicando su función. Por último cabe resaltar que no soy un experto en GIMP ni en edición de imágenes por lo que se aceptan correcciones, de momento es todo y comenzamos con el blog