24 nov. 2009

Efecto transparencia en imagen.


Tutorial para lograr un efecto de transparencia, respuesta a una demanda en Gimp en Español , grupo de flickr


Para este tutorial nos va a hacer falta disponer del Script Layers Effects que se puede obtener vía de los dos enlaces siguientes, personalmente optaría por Fx Foundry:

Layers Effects
Fx Foundry Pack

MEMO:los scripts .scm los copiamos según el path: C:\Documents and Settings\usuario\.gimp-2.6\scripts

Vamos a partir de una imagen como la siguiente:





Duplicamos la imagen y vamos a colores > desaturar >luminosidad, volvemos a aplicar colores > invertir valor y obtenemos esta imagen:



Seleccionamos pincel color de frente (negro) y borramos el reflejo de los pies sobre el suelo; a continuación con la herramienta selección por color seleccionamos el color negro:




Ante la duda damos click botón derecho y en el menú desplegable seleccionamos añadir canal alfa, ya que si no al aplicar el corte puede que no aparezca la transparencia al aislar la figura. Damos Ctrl-x:


Invertimos selección
Ahora seleccionamos un color tipo azul, como el 30abf4 y con pincel lo aplicamos a la selección:


Creamos una nueva capa transparente y nos vamos a seleccionar donde realizamos:
    Encoger selección (shrink) 2 px

Ahora vamos a herramientas seleccionamos cubo o pincel y con color de fondo blanco rellenamos esta selección.

Ahora aplicamos desenfoque gaussiano: x e y =13  o 15 px.

Deseleccionamos, ponemos capa transparente en modo solapar y combinamos estas dos capas.


Ahora es el momento de aplicar el script. Yo tengo Fx Foundry y esta dispuesto en el el menú de forma independiente: Fx Foundry > Layer Effects > Bevel and Emboss > Inner Bevel donde aplico los valores que vienen por defecto excepto el ángulo de lighting que doy 41. Combinamos las capas visibles expandidas según lo necesario.(La original la olvidamos)



Ahora vamos a filtros > mapa > mapa de relieve y aplicamos valores por defecto y pongo como mapa de relieve la imagen original (se puede poner la obtenida):



Ahora alfa a selección, en seleccionar encogemos selección 5 px y difuminamos (feather) 5px y cortamos Ctrl-x:


Deseleccionamos.
Escogemos herramiente selección por color, seleccionamos en la zona transparente e invertimos selección, aplicamos desenfoque gaussiano 2 px en x e y. Deseleccionamos:


Podemos aplicar si queremos filtros > mapa > desplazar 2 px en cada eje:



Ahora nos vamos a colores y seleccionamos curvas y aplicamos la curva como en la imagen:


Ahora vamos a colores y aplicamos color a nuestro gusto. Podemos ir trabajando la colorización con el resto de herramientas de color y/o modo de capas (cuando insertemos la silueta en la fotografía).

Abrimos la imagen a la que vamos a aplicar la silueta y la arrastramos (la silueta) hasta allí:


Con la goma de borrar eliminamos los defectos del borde de la capa.

20 nov. 2009

Texto texturizado apariencia 3d





                          Texto texturizado con efecto 3D




   Vamos a texturizar un texto mediante la aplicación de una máscara de capa, incluirlo en un contexto y con el filtro matriz de convolución darle una apariencia 3D al texto.

   Abrimos documento nuevo tomando el que viene por defecto 640 x 400 px y fondo blanco.
   Escogemos tipografía a emplear (en este caso: typo latin serif – bold ), escribimos textura, ajustamos tamaño (162 px) y posición. Vamos a colores > invertir quedándonos el texto en color blanco y el fondo negro.
   Abrimos capa nueva transparente y rellenamos con patrón tipo madera,yo he usado un tipo pino que no recuerdo bien si viene por defecto con el otro pino alistonado.A esta capa le añadimos máscara de capa transparente.
   Seleccionamos la capa del texto,vamos a editar > copiar.
   Ahora seleccionamos capa con patrón más máscara, editar > pegar. Aplicamos máscara de capa.
   Hacemos invisible la capa del texto y nos tiene que aparecer en fondo transparente la palabra textura con el dibujo del patrón.
   Vamos a filtros > luces y sombras > sombra arrojada. Doy los valores por defecto.



  Capa nueva,transparente, rellenamos con patrón pino alistonado.

   Si queremos podemos jugar con colores para dar otra colorización a la textura obtenida.

   Duplicamos la capa transparente con la palabra textura y vamos a filtros > generico > matriz de convolución y le damos los valores de la imagen





   La capa resultante la ponemos en modo valor.
   Se podrían probar con otros valores, pero todavía no he captado bien la funcionalidad de este filtro.

   Borramos si queremos la capa primera del tutorial y combinamos capas visibles, en modo expandida según lo necesario.

16 nov. 2009

APROXIMACIÓN AL DIBUJO.Efecto VIÑETA.



         Aproximación al dibujo : Efecto Viñeta   ( Cartoon )

    En este tutorial vamos a partir de una fotografía de
Scarlett Johansson perteneciente a una campaña publicitaria del champagne Moet. Asi mismo se toma como referencia el tutorial siguiente:
Cartoonizing Photographs

Abrimos la imagen y la duplicamos. La capa
duplicada la seleccionamos y nos vamos a filtros > detectar bordes > arista > sobel y damos los valores siguientes:
  - cantidad :
2´5
  - selección :
negro
A continuación vamos a
colores > invertir, ponemos la capa en modo dividir y la opacidad en torno al 50 %.
Obtenemos esta imagen de la capa duplicada:





Seleccionamos la capa original (fondo) y vamos  a colores > niveles y obscurecemos un poco. Seleccionamos la capa duplicada y en colores > colorear > saturación a 100, los demás parámetros no los tocamos. Obtendremos esta imagen:



Con la misma imagen de Scarlett vamos a realizar otra variación de este efecto:
Duplicamos: con
duplicada vamos a colores > desaturar > invertir valor. Luego vamos a filtros > detectar bordes > diferencia gaussiana  y aplicamos los siguientes parámetros:
     - normalizar
     - radio 1:
21
     - radio 2: 
7
la capa resultante la ponemos en modo
suma y la opacidad al 50 %.
A continuación aplicamos a esta misma capa 
filtros > detección de bordes > arista > sobel aplicando los mismos parámetros del primer ejemplo del tutorial. El modo de la capa suma.


En este caso podemos, también,poner el modo de capa en los siguientes: pantalla, blanquear, solapar, claridad suave, suma y clarear sólo, para obtener una imagen parecida a una ilustración.  
 



    

    

BLANQUEO POR SATURACION



Blanqueo de Rostros

Abrimos la imagen que vayamos a emplear. Creamos una nueva capa transparente y la ponemos en modo saturación.

Elegimos pincel, mejor con los bordes difuminados e, independientemente del color de frente o de fondo, pintamos sobre el rostro de la femina, sólo en las zonas que vamos a blanquear:




Si nos equivocamos podemos corregir con goma de borrar.



Hasta aquí lo que sería propiamente el blanqueo.


Podemos matizar con colores la imagen,por ejemplo:


Combinamos las dos capas anteriores.
Creamos capa nueva transparente y la ponemos en modo claridad suave
Aplicamos colores, en este caso:
   azul, en algunas sombras del rostro
   marrón - tabaco, en zonas del pelo
   rosa - granate, en los labios






La capa transparente se vería así:




Nos vamos a filtros / desenfoque / desenfoque gaussiano y ponemos 49 px en x e y

El desenfoque "mata" la dureza del color aplicado ( a mayor desenfoque menos opacidad del color y menos dureza de los bordes de la mancha de color):




10 nov. 2009

CREACION DE BANDERAS.Coronela de los Tercios Viejos




CREACIÓN DE BANDERAS

En este tutorial vamos a realizar una bandera, mediante la aplicación de una imagen de una bandera standar, cualquiera que encontremos en la Web, sobre una capa de tonos grises para así poder dar la forma a las ondulaciones de la bandera cuando ondea. Hay en la red algunos ejemplos que son aplicados a una textura determinada y ya cumplen el cometido.
Para nuestro ejemplo vamos a partir de una bandera coronela de los Tercios Viejos. Con las mismas dimensiones de ésta vamos a crear una capa fondo de color negro y otra transparente blancos :




Seleccionamos la capa transparente y sobre ella pintamos en color blanco líneas y puntos de diferentes dimensiones a modo de ir determinando las superficies que tengan cotas altas (las más claras) y cotas bajas (las mas oscuras), las superficies más bien planas tendrían un tono gris medio.

Con la herramienta Difuminar empezamos a extender todo el blanco por el lienzo. Yo he empleado un pincel bordes difuminados, nos podemos ayudar de la herramienta Marcado al fuego para ir aclarando y/o obscureciendo zonas, también de la Goma o añadiendo más blanco o negro.






Hasta lograr el resultado apetecible:


Combinamos la capa blancos con la fondo y ponemos la capa coronela en modo solapar.


En este punto podemos hacer más ajustes sobre la capa fondo resultante, bien por los métodos anteriores con el objeto de optimizar la textura de la bandera, bien por colores > niveles.(previamente la ponemos en modo claridad fuerte). La capa coronela la ajustamos también con niveles.




Ahora, bien guardamos la imagen, bien combinamos las capas, pero debemos abrir un nuevo archivo de dimensiones mayores que el anterior, a efectos de poder aplicar el filtro Doblar según una curva. Abrimos transparente y añadimos el anterior (arrastrando, por ejemplo).





Hemos aplicado doblar según una curva primero en su disposición normal, y también rotandola 90 grados (dentro del menú del filtro).
Luego hemos aplicado iWarp para ajustar las aspas de la cruz de Borgoña.
La capa fondo podía haber sido más elaborada. Podemos fijarnos en alguna fotografía real y aproximar el dibujo a ésta.
Con el método aplicado a la elaboración del fondo podemos generar variadas cosas: humos, fuegos, nieblas, papel arrugado y dibujos.