viernes, 29 de junio de 2012

Texto en espiral


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”


domingo, 3 de junio de 2012

Efecto de cristal simple

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




domingo, 20 de mayo de 2012

Efecto de reflejo


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


sábado, 12 de mayo de 2012

Renderizar cabello


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