El Gimpo

Texto en espiral

2012-06-29T12:58:00.000-05:00

Pues bien, después de un tiempo sin publicar nada en el blog, debido a cuestiones laborales y educativas, les dejo esta entrada en la que les muestro como hacer un texto en espiral, este truco es algo útil en imágenes publicitarias.

El primer paso es crear una nueva imagen en “Archivo -> Nuevo” o simplemente presionamos “Ctrl + N”, aquí debemos asegurarnos de rellenar con transparencia

Lo siguiente es tomar la “herramienta de mezcla” asegurándonos de tener los colores blanco al fondo y negro al frente, y en la forma seleccionamos “espiral (sentido horario)”

Y hacemos un degradado corto, ya que entre más corto sea más espirales aparecerán

Ahora tomamos la “herramienta de selección elíptica”

Y seleccionamos la parte central asegurándonos de que haya una línea espiral continua

Lo siguiente es invertir la selección para lo cual vamos a “Seleccionar -> Invertir” o presionamos “Ctrl +I”

Ahora con la “herramienta de borrado”, borramos toda la parte que queda fuera del circulo

Tomamos la “herramienta de selección por color”

Y seleccionamos alguna parte de color negro, con lo que debe quedar algo parecido a esto

Ahora en la ventana derecha (usualmente se encuentra ahí), vamos a la pestaña “Rutas” y damos click en el botón “selección a ruta”

Seguido a esto tomamos la “herramienta de texto”

Y escribimos el texto deseado en cualquier parte de la imagen, no importa donde lo hagan

Regresamos a nuestra pestaña de “Capas”, y sobre nuestra capa de texto damos click secundario y después click en “Texto siguiendo ruta”

Con lo que debe quedar algo como esto

Borramos nuestra capa de texto

Y nuevamente con la “herramienta de borrado” borramos también el fondo de la imagen

Ahora ya casi para terminar vamos nuevamente a la capa de “Rutas” y sobre la ruta del texto damos click secundario y después click en “Ruta a selección”

Y rellenamos la selección resultante con cualquier herramienta, puede ser con un pincel del color que deseemos o bien con algún degradado, y podemos agregar un nuevo fondo u otros efectos, finalmente exportamos nuestra imagen en PNG si tiene partes transparentes o en JPG si es imagen plana, el resultado es algo parecido a esto

Imagen rellenada con pincel

Imagen rellenada con degradado “Incandescent”

Efecto de cristal simple

2012-06-03T13:08:00.000-05:00

Este truco es relativamente sencillo, y nos da un efecto parecido a los iconos de iOS.

Lo primero que hacemos es abrir nuestra imagen o fondo

Vamos a “Seleccionar -> Rectángulo redondeado…”, esto nos permitirá redondear las esquinas de nuestra imagen

Y le damos un valor de radio entre 20 y 50

Ahora vamos a “Filtros -> Luces y sombras -> Efecto Xach…”

Aquí dejamos todos los valores por defecto, sólo modificamos el valor de “Opacidad del brillo”, por un valor de 40 y damos “aceptar”

Ahora creamos una capa nueva transparente

Y seleccionamos la “herramienta de mezcla” con degradado “Flare Rays Radial 1” y forma “lineal”

Y lo aplicamos de forma diagonal dos veces sobre nuestra capa de manera que queden un poco separadas ambas líneas

Por ultimo le bajamos la opacidad a nuestra capa a un valor de 80

Y listo exportamos nuestra imagen como PNG, y el resultado es parecido a esto

Efecto de reflejo

2012-05-20T14:34:00.001-05:00

Este es un efecto relativamente sencillo, y consta de pocos pasos, pero el resultado es bastante bueno.

Lo primero, como siempre, es abrir nuestra imagen

Ahora duplicamos nuestra capa

En seguida vamos a “Capa -> Transformar -> Voltear verticalmente…”

Ahora tomamos la “herramienta mover” y movemos la capa que hemos invertido hacia abajo, no importa que no nos alcance el lienzo, eso lo arreglamos más adelante

Para arreglar el lienzo, vamos a “Imagen -> Ajustar lienzo a las capas…”

Y nos queda así

Nos aseguramos de estar trabajando sobre la capa que está de cabeza y vamos a “Capa -> Mascara -> Añadir mascara de capa…”

La máscara de capa debe ser “blanco (opacidad total)”

Ahora tomamos la “herramienta de mezcla” y nos aseguramos de tener negro y blanco como colores de frente y fondo respectivamente

Y añadimos un degradado comenzando más o menos por la mitad de la capa que está de cabeza, y lo llevamos hacia arriba

Vamos a “Capa -> Mascara -> Aplicar mascara de capa…”

Y añadimos un desenfoque, “Filtros -> Desenfoque [Blur] -> Desenfoque gaussiano…”

Ajustamos los valores a nuestro gusto y damos aceptar

Ya casi para terminar vamos a “Imagen -> Combinar las capas visibles”

Ya sólo para ajustar la imagen vamos a “Imagen -> Autorecortar imagen…”

Y listo, exportamos nuestra imagen en PNG si lleva transparencias o en JPG si se trata de una imagen plana, el resultado es algo parecido a esto

Renderizar cabello

2012-05-12T13:58:00.000-05:00

Antes de comenzar con el tutorial, les comento que ya ha sido lanzada la versión 2.8 de GIMP, con la cual han cambiado un poco algunas cosas, principalmente la interfaz gráfica y la manera de guardar imágenes jpg, png, y demás formatos externos a GIMP, por lo que tendremos que irnos acostumbrando poco a poco.

Cuando se trata de seleccionar algún objeto lo primero que pensamos es en cualquier herramienta de selección, o bien una “mascara rápida”, pero cuando se trata de objetos complicados como el cabello estas herramientas se quedan un poco cortas, más que nada porque nos llevaría demasiado tiempo y el resultado no sería lo bastante bueno, por eso les muestro un truco que aprendí a penas hace unos días.

Lo primero es abrir nuestra imagen original

Y duplicamos dos veces nuestra capa

Estando seleccionada la capa superior vamos a “Colores -> Desaturar…”

Aquí debemos elegir la opción “Luminosidad”, ya que es la que nos da más contraste

Seguido a esto, agregamos un poco mas de contraste, para esto vamos a “Colores -> Brillo y contraste…”

Aquí deberemos buscar un valor que nos dé un buen contraste (sólo modificar contraste) sin distorsionar mucho la imagen

Ahora debemos ir a “Colores -> Invertir…”

Esto nos dará un resultado tipo negativo (a los que nos tocó verlos sabemos lo que son, jeje)

Ahora vamos a nuestra ventana de capas, y seleccionamos la capa intermedia y le añadimos una máscara de capa, esto se hace dando clic secundario sobre la capa y después clic sobre “Añadir mascara de capa…”

Cabe aclarar que la máscara debe ser del tipo “Blanco (opacidad total)

Ahora regresamos y seleccionamos nuestra capa superior y presionamos “Ctrl + X”

En seguida seleccionamos la que era nuestra capa intermedia (la de la máscara) y presionamos “Ctrl + V” y en seguida “Ctrl + H”, esto hará que lo que fue nuestra capa superior se adhiera a la máscara de la capa y veremos algo como esto

El paso que sigue no es necesario en todas las imágenes ya que algunas ya vienen con datos de transparencia, pero no está por demás explicarlo, seleccionamos nuestra capa inferior (la original) y damos clic secundario sobre ella, y después clic en “Añadir canal alfa…”, este paso también pudo hacerse antes de duplicar la capa, ya que no altera en nada el resultado.

Ya sólo queda borrar el fondo en nuestra capa inferior (la original), sin importarnos mucho las partes donde hay cabello, ya que este está anclado por la máscara, pero si debe importarnos las partes donde hay piel u otros objetos que deseemos conservar

Ahora damos clic secundario a la capa que tiene la máscara y después clic en “Aplicar mascara de capa…”

Ya por ultimo combinamos las capas, para esto damos clic secundario sobre cualquiera de las capas, y clic en “Combinar las capas visibles…”

Y listo, ya podemos usar nuestro render, en lo que deseemos, también podemos exportar nuestra imagen como imagen PNG, aunque antes, cabe resaltar que algunas veces deberemos prestar atención a ciertos detalles del fondo que puedan haber quedado después de haber combinado las capas, con este método habremos ahorrado mucho tiempo y obtendremos un resultado razonablemente bueno, como esto

Texto con efecto cristalino

2012-05-04T12:28:00.000-05:00

Lo primero que hay que hacer es crear un archivo nuevo, en “Archivo -> Nuevo”, del tamaño que gusten, y rellenamos con algún color, en mi caso escogí un verde

Ahora con la “herramienta de texto”, agregamos el texto que deseemos, y le ponemos algún color, de preferencia un tono más claro del que usaremos de fondo

Ahora le bajamos la opacidad a nuestra capa de texto, a un valor de 60%

Lo que sigue es hacer clic en el botón “crear una ruta a partir de texto”, en nuestra caja de herramientas

Vamos a “Capa -> Capa a tamaño de imagen”

Ahora vamos a “Filtros -> Luces y sombras -> Sombra arrojada”

Aquí ponemos los valores de la imagen y damos aceptar

Creamos una capa nueva en transparencia

Y vamos a “Seleccionar -> A partir de una ruta”, esto nos seleccionará el texto

Ahora vamos a “Seleccionar -> Difuminar [Feather]”

Y ponemos un valor de 10 px y damos aceptar

Seleccionamos un color amarillo y con la “herramienta de llenado” (la cubeta) rellenamos la selección

Ahora debemos ir a “Seleccionar -> Encoger [Shrink]”

Aquí ponemos un valor de 2 px y después de dar aceptar, presionamos la tecla “Del”, “Delete” o “Supr”, para borrar el interior

Creamos otra capa transparente

Y vamos nuevamente a “Seleccionar -> A partir de una ruta”, seguido vamos nuevamente a “Seleccionar -> Encoger [Shrink]”, pero ahora damos un valor de 4

Ahora habrá que ir a "Seleccionar ->Difuminar [Feather]" y poner un valor de 10, y rellenamos con negro, y ponemos la capa en modo "solapar"

Ya casi para terminar creamos una nueva capa transparente

Y tomamos la “herramienta de selección elíptica” y marcamos la opción “intersectar” y vamos nuevamente a "Seleccionar -> A partir de una ruta"

Y creamos una elipse que pase más o menos de la mitad del texto hacia arriba

Tomamos la “herramienta de mezcla”, con degradado “de frente a transparencia” y forma “radial”

Y con color blanco realizamos el degradado desde la esquina superior izquierda hasta la esquina inferior derecha

Y ponemos la capa en modo “solapar”

Y listo guardamos la imagen con extensión .jpg y tenemos nuestro texto con efecto de cristal, algo parecido a esto

Efecto de maqueta

2012-04-28T14:06:00.000-05:00

Este efecto lo vi hace ya algún tiempo, y la verdad me pareció interesante, así que les muestro como realizarlo, antes de comenzar espero les agrade la nueva forma en cómo explico los paso y hago las capturas, las he realizado usando una herramienta llamada SnippingTool, la verdad es que es una herramienta relativamente nueva para mí ya que la desconocía, pero es bastante útil en estos casos, en fin.

Lo primero que hay que hacer es abrir nuestra imagen original, en mi caso usé una fotografía aérea del Palacio Westminster en Londres, Inglaterra.

Lo siguiente es duplicar la capa.

Ahora vamos a “Filtros -> Desenfoque [Blur] -> Desenfoque gaussiano…”, y aquí ponemos un valor horizontal y vertical de 15 en ambos.

El siguiente paso, es la primera vez que lo muestro en el blog, y es “añadir una máscara” de capa, lo cual se consigue dando click secundario sobre nuestra capa “copia de fondo”, y después click en “Añadir mascara de capa…”

La cual debemos poner en “Blanco (Opacidad total)”

Ahora ponemos como color de frente “negro” y como color de fondo “blanco”, y seleccionamos la “herramienta de mezcla”, y en forma ponemos “bilineal”

Y lo aplicamos de manera que quede en el centro del degradado el objeto que deseamos convertir en maqueta.

Lo que sigue lo podemos hacer con la “herramienta pincel” usando pinceles fuzzy, aunque yo prefiero usar la “herramienta aerógrafo”, usando pinceles fuzzy.

Y pintamos con negro sobre toda el área que queremos convertir en maqueta, esto es para enfocar dicha área, nos quedará algo como esto.

Seguido a esto, seleccionamos nuestra capa “fondo”

Y vamos a “Filtros -> Realzar [Enhace] -> Mascara de desenfoque…”, y aquí ponemos valores de 5, 0.5 y 0 respectivamente, tal vez ya estén por defecto, damos aceptar, esto nos resaltará un poco la imagen.

Lo que sigue es aplanar nuestra imagen, esto lo hacemos dando click secundario sobre cualquiera de nuestras capas y después click sobre “Aplanar imagen”.

Vamos a “Colores -> Tono y saturación…” y ajustamos la saturación con un valor de 45

Ahora vamos a “Colores -> Curvas…” y ajustamos las luces y las sombras más o menos como se muestra en la imagen, esto es con la finalidad de hacer una iluminación más sintética.

Y listo, guardamos nuestra imagen con extensión .jpg, cabe aclarar que con un poco de paciencia se pueden lograr mejores resultados que los mostrados, les dejo la imagen original

Y la imagen editada (maqueta)

Ondas de fuego abstractas

2012-04-20T12:31:00.000-05:00

Este es un efecto que nos puede resultar de utilidad en firmas abstractas, es un poco más complejo que lo que hemos realizado hasta el momento, pero vale la pena intentarlo.

Lo primero es crear una nueva imagen en “Archivo -> Nuevo”, en mi caso yo la puse de tamaño 640x640, pero ustedes pueden elegir el tamaño.

El siguiente paso es agregar ruido sólido, esto se hace en “Filtros -> Renderizado -> Nubes -> Ruido sólido…”

Esto nos abrirá una nueva ventana con varias opciones, aquí es importante marcar las opciones “aleatorizar” y “turbulento”, en detalle ponemos 3 y damos “aceptar”

Ahora vamos a “Filtros -> Renderizado -> Nubes -> Nubes de diferencia…”

Se abrirá la misma ventana que para ruido sólido, pero ahora dejamos todo tal cual y damos “aceptar”

El siguiente paso es modificar un poco los niveles, esto lo hacemos en “Colores -> Niveles”

Aquí desplazamos la flecha blanca a un valor cercano a 180, y la flecha gris a un valor cercano a 1,80 y damos aceptar, tal vez el resultado no nos agrade mucho, pero pronto lo arreglaremos esto

Ahora vamos a “Filtros -> Desenfoque [Blur] -> Desenfoque de movimiento…”

En esta ventana, seleccionamos “acercamiento” como tipo de desenfoque, y la longitud la llevamos a un valor cercano a 60

Lo que sigue es agregar un poco de remolinos, para lo cual vamos a “Filtros -> Distorsiones -> Remolino y aspiración…”

Aquí llevamos el ángulo a un valor de 160 y damos “aceptar”

Duplicamos nuestra capa, si aun no sabemos cómo, lo podemos hacer dando click en el icono remarcado con rojo de la imagen

Repetimos el paso anterior con esta capa, “Filtros -> Distorsiones -> Remolino y aspiración…”, sólo que ahora llevamos el ángulo a un valor de -400, y damos “aceptar”, con lo que el espiral se invertirá

Ahora ponemos esta capa en modo “Clarear sólo”

Lo siguiente es aplanar nuestra imagen, lo cual hacemos dando click secundario sobre cualquiera de nuestras capas y después click en “Aplanar la imagen”

Esto ya se parece a lo que buscamos, pero aun le hace falta el color, para lo cual vamos a “Colores -> Curvas…”

Aquí debemos seleccionar el canal “Verde”, y arrastramos la línea hasta un lugar deseado, más o menos como en la imagen

Antes de dar click en “aceptar”, hacemos lo mismo con el canal “Azul” y ahora sí, damos click en “Aceptar”

Ya por ultimo solo agregaremos un poco de contraste, vamos a “Colores -> Brillo y contraste…”

Aquí jugamos un poco con los valores según nos agrade, en mi caso usé brillo en 10 y contraste en 50

Y ya solo guardamos nuestra imagen con formato .jpg de preferencia y listo debe quedar algo parecido a esto.

Efecto de fotografia antigua

2012-04-12T10:47:00.000-05:00

Este efecto no es nada difícil, ya que GIMP cuenta con una herramienta que nos permite obtener este efecto mediante un script, por lo que aquí les mostraré como utilizar dicha herramienta.

El primer paso es importante en imágenes que tienen muy buena calidad, ya que como muchos sabemos, las fotografías antiguas carecían de esta calidad, este paso consiste en desenfocar la imagen, para lo cual vamos a “Filtros -> Desenfoque [Blur] -> Desenfoque gaussiano…”

Aquí escogemos un valor que de preferencia no sea muy grande, ya que un valor grande distorsionaría demasiado la imagen

Ahora viene lo interesante y es usar la herramienta de la que les hablé en el primer párrafo, para esto vamos a “Filtros -> Decorativos -> Foto antigua…”

Nos abrirá un nuevo cuadro, en el cual lo más probable es que esté desactivada la opción “Moteado”, sólo la activamos y escogemos un valor para el borde, en mi caso usé el valor 25, como abrán notado también nos muestra la opción “Desenfocar”, pero esta opción tiene un valor prefijado que no es suficiente en muchos casos

Una vez damos “aceptar”, comenzará una serie de cargas y al terminar nos abrirá una nueva ventana con el efecto aplicado a la imagen

El siguiente paso es crear una capa nueva, la cual pondremos en “modo solapar”

Esta capa nos servirá para agregar una serie de manchas como si se hubiera derramado algún líquido sobre la fotografía (a muchos nos llegó a pasar más de una vez, jeje), estas manchas las agregamos a nuestro gusto con uno o varios pinceles que tengan dichas formas, sin excedernos, y le bajamos un poco la opacidad a la capa

Ya con esto hemos terminado, lo único restante es guardar la imagen con extensión .jpg, y listo eso es todo.

Les dejo la imagen original

Y la imagen una vez aplicado el efecto

Firmas: firma abstracta

2012-03-29T11:15:00.000-06:00

Esta entrada, tal vez sea la última acerca de firmas, y se trata de cómo crear firmas abstractas, nuevamente recalco que el resultado depende mucho de la creatividad del usuario, aquí sólo ilustro el ejemplo.

Pues bien lo primero que hay que hacer es crear un nuevo archivo de 480x150, “Archivo -> Nuevo”

Ahora con la “Herramienta de mezcla”, realizamos un degradado radial, comenzando por el centro

Lo que sigue es abrir nuestro C4D como capas, esto es nuestro diseño abstracto que será el fondo de la firma, “Archivo -> Abrir como capas…”

Los seleccionamos y damos abrir

Ahora lo ponemos en modo solapar

El siguiente paso es hacer un poco de smudge, esto se hace con la “Herramienta de emborronado” y un buen pincel a nuestro gusto

Lo que sigue es pegar nuestro render, hasta ahora lo habíamos estado abriendo como capas, pero para esto recomiendo abrir el archivo, seleccionar el render y copiar, creamos una capa nueva y lo pegamos ahí, aunque de igual manera tal vez debamos realizar un escalado de la capa para ajustarlo a nuestra firma

Ahora duplicamos nuestro render

Y vamos a “Filtros -> Desenfoque [Blur] -> Desenfoque de movimiento…”

Y jugamos un poco con los valores de “Longitud y Angulo”, hasta encontrar un buen efecto

Y una vez realizado esto arrastramos esta capa detrás de nuestro render

Ahora, regresamos a la capa de nuestro render y borramos los bordes del mismo y le agregamos nuestro nickname

Ya sólo combinamos nuestras capas

Lo mejor es seleccionar la opción “Recortada según la imagen”

Y guardamos nuestra imagen con extensión .jpg, si así lo deseamos podemos colorear la imagen, como se ha hecho en las últimas dos entradas, y listo hemos terminado

Y otra firma con otro C4D, a esta le remarqué un poco los bordes

Firmas: firma con transparencia

2012-03-22T10:47:00.001-06:00

Que tal, en una entrada anterior, les mostraba como crear firmas simples para foros o correo electrónico, ahora les muestro como crear una firma con transparencia, a grandes rasgos es el mismo método, cabe resaltar que al igual que la entrada anterior, esto es sólo ilustrativo y enfocado a principiantes, ya que una firma depende mucho de lo que busque el usuario y de su creatividad.

En fin, lo primero que hay que hacer es crear un nuevo archivo en “Archivo -> Nuevo”, lo crearemos de tamaño 480x150, y en las opciones avanzadas seleccionaremos “Transparencia”

El siguiente paso es crear una capa nueva, la cual debe ser transparente también

Ahora añadiremos un degradado de color rojo y con transparencia, esto lo hacemos con la “Herramienta de mezcla”, en la opción de degradado, seleccionamos “Frente a transparencia”

Y lo hacemos de abajo hacia arriba, para que nos quede más o menos a la mitad o un poco arriba, un truco para que quede recto es presionar la tecla Ctrl, mientras se hace el degradado, esto es muy útil también cuando se quiere dibujar una línea recta

Lo que sigue es agregar nuestro render en caso de que deseemos colocar uno, para lo cual vamos a “Archivo -> Abrir como capas…”

Buscamos nuestro render y le damos abrir

Y debido a que usualmente el render es más grande que nuestra area de trabajo, procedemos a escalar la capa, dando click secundario y después en “Escalar capa…”

Aquí sólo modificamos la altura, ya que al modificar una se modifican ambas, siempre y cuando se encuentren ancladas, y la ponemos a 150

Seguido esto, movemos nuestro render a nuestro gusto con la “Herramienta mover”

Creamos una nueva capa transparente

Y usamos unos cuantos pinceles, del color que sea de nuestro agrado y la pasamos detrás de nuestro render

Ahora ya sólo agregamos nuestro nickname con la “Herramienta de texto” y de damos un tamaño, fuente y color aceptables

Ya casi por ultimo hacemos click secundario sobre cualquiera de nuestras capas y damos click en “Combinar las capas visibles…”

Y en el cuadro seleccionamos “expandida lo necesario” o “recortada lo necesario” ambas sirven

Por último, vamos a “Colores -> Colorear…” y jugamos un poco con los valores, según nuestro gusto

Y listo ya sólo nos queda guardar con extensión .png debido a que tiene transparencias, el resultado es el siguiente, aunque debido al fondo del blog no se puede apreciar muy bien

Les dejo otros ejemplos de firmas con transparencia, ambas muy recientes

Firmas: firma simple

2012-03-15T11:46:00.000-06:00

La creación de firmas o banners, es un tema un poco extenso, debido a que depende en gran parte de la creatividad de quien diseña la firma, es por esto, que haré varias entradas acerca de esto, dando unos cuantos consejos sobre la creación de las mismas, en este caso es sólo una introducción de cómo crear nuestras firmas, las cuales son muy útiles en foros para terminar nuestros post o comentarios, o simplemente como firma para nuestro correo electrónico.

Bien, ahora comenzando con el tema de esta entrada, lo primero que debemos hacer es crear un nuevo archivo, con un tamaño por recomendación no mayor a 480x180, pues más grande se ve mal la firma, usualmente las he visto más pequeñas, esto lo hacemos en “Archivo -> Nuevo”

Con esto ya tenemos nuestra área para trabajar con nuestra firma

Lo siguiente es agregar un render, para lo cual vamos a “Archivo -> Abrir como capas…”

En este caso usaré uno que obtuve cuando publiqué una entrada anterior

Como nos pasará en muchos casos, nuestro render será más grande que el área de nuestra firma, para lo cual procedemos a hacerlo más pequeño, dando click secundario sobre el mismo, después vamos a “Escalar capa…”

Aquí le damos una altura igual a la altura de nuestra firma, en este caso de 180, la anchura no es muy importante, ya que están ancladas y al modificar una se modifica la otra

Y con la herramienta mover, movemos nuestra capa a nuestro antojo

En este caso, como se trata de una firma simple, usaré la herramienta de mezcla, con un color de fondo blanco y uno de frente rojo

Ahora creamos una capa nueva en “Capa -> Capa nueva” y la colocamos donde deseemos, en mi caso la puse por encima de las demás capas, y lo que sigue es una de las partes más importantes en cualquier firma y que requiere de bastante creatividad, y es el uso de los pinceles o brochas, como en este caso solo les quiero ilustrar el ejemplo, solo usé un pincel de color blanco, pero pueden usar tantos como ustedes quieran, siempre y cuando la firma no pierda la forma

Otra parte importante de la firma, es el nickname o nombre de usuario que usamos en los foros, para lo cual usamos la herramienta de texto y escribimos nuestro nickname, en el caso de firmas para correo, lo mejor es escribir el nombre real o con el que registramos nuestro correo

Le escogemos una tipografia, fuente o tipo de letra, como le quieran llamar

Ajustamos el tamaño del texto, a un tamaño que se vea bien nuestro nickname y también lo movemos a una buena posición

Ahora procedemos a aplanar la imagen, para lo cual damos click secundario sobre cualquiera de nuestras capas, y vamos a “Aplanar imagen”

El siguiente paso es opcional, a mí en lo personal, me gusta mucho usarlo en mis firmas y es colorear la firma, para lo cual vamos a “Colores -> Colorear…”

Y aquí jugamos un poco con los valores, aunque no les recomiendo jugar mucho con la luminosidad

Una vez que conseguimos el color deseado, damos click en aceptar y guardamos nuestra firma, en este caso con extensión .jpg, ya que se trata de una imagen plana, como les comentaba esto es sólo una pequeña introducción a la creación de firmas, en próximas entradas les mostraré mas recomendaciones para sus firmas, les dejo la firma terminada

Les dejo otros ejemplos de firma simple, las primeras dos son de las primeras que realicé, por eso estan bastantes simples, la última es más reciente

Retoque básico de fotografías

2012-03-09T11:56:00.000-06:00

Esta tal vez sea la entrada que varios lectores estaban buscando, el retoque fotográfico, este es un truco muy utilizado en revistas y publicidad.

El primer paso como ya sabemos, es abrir nuestra imagen a editar, “Archivo -> Abrir”

Nuestro siguiente paso es reducir manchas y arrugas, para lo que utilizamos la Herramienta de saneado (la que parece un par de banditas cruzadas), para utilizar esta herramientas debemos seleccionar una zona donde no haya manchas presionando la tecla Ctrl y haciendo click sobre dicha zona, seguido a esto, damos click sobre cada una de las manchas y arrugas que queremos desvanecer, con lo que nos quedaría algo como esto

Lo que sigue es ajustar un poco los colores de la imagen, esto es bastante útil en imágenes muy claras o bien muy oscuras, para esto vamos a “Colores -> Curvas”

Aquí ajustaremos las luces moviendo el punto superior derecho hacia la izquierda, las sombras moviendo el punto inferior izquierdo hacia la derecha, y los tonos medios moviendo la curva por el centro hacia arriba o hacia abajo

El siguiente paso es suavizar la piel, para lo cual haremos uso de la herramienta de mascara rápida, esta herramienta es el pequeño cuadro en la parte inferior izquierda de nuestra área de trabajo, y tiene las mismas ventajas que las mascaras normales, sólo que esta es temporal, al hacer click sobre dicho cuadro la imagen se pondrá de un tono rojizo

Ahora debemos tomar un pincel de color blanco y pintar todas las zonas donde haya piel dejando fuera pliegues, ojos, y boca, si nos equivocamos en alguna parte, podemos corregirla con un pincel de color negro, una vez pintado todo lo que queremos, nos queda algo parecido a esto

Una vez que hemos pintado todo volvemos a hacer click sobre el cuadro de mascara rápida, y lo que pintamos se convertirá en una selección (esta herramienta también es muy útil para seleccionar zonas a mano alzada)

Ahora vamos a “Filtros -> Desenfoque [Blur] -> Desenfoque gaussiano…”

Aquí usamos un valor de 10,0 y damos aceptar

Con esto la piel queda suavizada, pero se ve algo artificial, por lo que ahora agregaremos algo de ruido para granularla un poco, esto lo hacemos en “Filtros -> Ruido -> Ruido HSV”

Aquí ajustamos un poco los valores a nuestro gusto, yo utilicé los que se muestran en la imagen

Y me quedó algo como esto

El siguiente paso es blanquear los dientes, para lo cual usamos la herramienta de selección libre, y los seleccionamos

Ahora vamos a “Colores -> Tono y saturación…”

Aquí seleccionamos el color amarillo y jugamos un poco con los valores cuidando de no blanquear en exceso

Ya casi por último, nos queda resaltar el color de los labios, para lo cual seleccionamos los labios con la herramienta de selección libre, y los copiamos en una nueva capa

Una vez que los hemos pegado en otra capa, vamos a “Colores -> Balance de color…”

Aquí nos aseguramos de que esté seleccionada la opción “Tonos medios” y jugamos un poco con los niveles, hasta obtener el resultado deseado

Ya por ultimo sólo queda resaltar el brillo de los labios, para lo que usamos la herramienta de marcado a fuego/quemar y quemamos un poco el brillo del labio inferior principalmente

Por último guardamos la imagen y listo hemos terminado, les dejo la imagen original y la retocada, espero les sea útil y les haya gustado el tutorial

Original

Retocada

Gifs animados a partir de un video

2012-03-01T11:48:00.003-06:00

Crear Gifs animados partir de un video con GIMP es algo relativamente simple, pero requerimos de un par de herramientas extras, la primera son codecs de video, pero cabe resaltar que los codecs que conseguimos con paquetes como K-lite o similares no son suficientes. Esto no significa que dichos paquetes no sean buenos, el detalle es que dichos paquetes solo traen codecs de lectura, pero no traen codecs de escritura, es decir, son utiles solo para ver videos, pero no para editarlos, es por esto que les dejo este link donde pueden ver como instalar algunos codecs, al final de la pagina encontraran un link para bajar los codecs útiles para trabajar con archivos .avi

como instalar y descargar codecs

La otra herramienta es VirtualDub, un editor de video que al igual que GIMP, es software libre y gratuito, este tiene la ventaja de que es portable, es decir, no requiere ser instalado, solo descomprimimos el archivo .rar que descarguemos y listo ya se puede usar el programa, el cual pueden descargar desde el siguiente link.

VirtualDub

En fin, una vez que hemos descargado e instalado o descomprimido nuestras herramientas, ejecutamos el archivo VirtualDub.exe y procedemos a abrir nuestro video en “File -> Open video file…”

Una vez abierto nos aparecerá dos veces en la ventana, el siguiente paso es seleccionar el inicio de nuestra animación, para esto sólo desplazamos la barra deslizable de la parte inferior hasta donde deseamos que comience, y damos click en la flecha negra que apunta a la izquierda.

Ahora debemos seleccionar el fin de nuestra animación, para esto nuevamente desplazamos la barra deslizable hasta donde queremos que finalice la animación, y presionamos la flecha negra que apunta a la derecha.

Lo que sigue es exportar nuestras imágenes, para lo que vamos a “File -> Export -> Image sequence”

Nos debe salir una nueva ventana en la cual le decimos como queremos que se llame nuestra secuencia de imágenes y donde la queremos guardar, ya solo seleccionamos la opción JPEG y damos OK

Como muchos se habrán dado cuenta VirtualDub ya nos da la opción de exportarlo como gif, y dirían ¿para qué usar GIMP?, el detalles es que GIMP nos permite tener control sobre el tamaño de la imagen y VirtualDub no, entre otras ventajas mas, por eso cerramos VirtualDub y abrimos GIMP, y el siguiente paso es abrir nuestras imágenes como capas en “Archivo -> Abrir como capas…”

Nos aparecerá una ventana donde debemos buscar la ruta de nuestras imágenes, las buscamos y las seleccionamos todas (Ctrl+A) y damos en abrir

Ahora como les comentaba en una entrada anterior, las animaciones GIF no deben ser muy grandes, por lo que procedemos a escalar nuestra imagen en “Imagen -> Escalar la Imagen”

La secuencia de imágenes original que yo usé era de tamaño 640x480, por lo que sólo la dividí a la mitad, es decir, 320x240

Ahora ya podemos trabajar sobre nuestras capas agregando textos, entre otras cosas que podemos hacer, pero en este caso yo no las haré, sólo me enfocaré a la creación del gif, en fin ya casi por ultimo vamos a “Filtros -> Animación -> Optimizar (para GIF)”,

Ahora ya sólo debemos guardar la imagen de la nueva ventana que nos apareció, en “Archivo -> Guardar como…”, le damos nombre a nuestra imagen y le ponemos extensión .gif

En el cuadro que aparecerá damos click en la opción Guardar como animación, y damos Exportar

En el último cuadro dejamos todo tal cual y le damos guardar

Y listo el resultado es algo como esto

NOTA: si te ocurre algo como lo que pasa en esta imagen, es decir, que el gif se ve entrecortado/pausado, sólo omite el paso de la optimización para gif, y al momento de exportar la imagen, ajusta el "retardo entre cuadros" a tu gusto, aunque siempre toma en cuenta que el ojo humano puede retener un máximo de 24 fps (cuadros/frames por segundo), por lo que recomiendo que el retardo sea mayor a 42 milisegundos, pues 1s=1000ms de aquí 1000/24=41.66666, yo he usado este ajuste y se obtienen muy buenos resultados.

Brochas para GIMP

2012-02-21T11:00:00.000-06:00

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.

http://www.puentecromatico.com/26-pinceles-para-gimp/

http://www.junauza.com/2009/10/25-awesome-gimp-brush-sets-1000-free.html

http://www.identi.li/index.php?topic=60559

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.

Añadir color a dibujos

2012-02-16T12:25:00.000-06:00

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í

Como obtener un Render

2012-02-09T11:42:00.001-06:00

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

Cambiar color de ojos

2012-02-01T11:30:00.000-06:00

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

Imagen blanco y negro con zonas a color

2012-01-27T12:25:00.000-06:00

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

Cambiar color de cabello

2012-01-26T17:51:00.000-06:00

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

Efecto ondas de gota de agua

2012-01-20T12:10:00.000-06:00

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

Extensiones de imagen y como Guardar

2012-01-17T12:36:00.000-06:00

//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?

2012-01-17T10:12:00.000-06:00

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.

http://www.gimp.org/

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