Hagamos un documento nuevo en Photoshop de 1064x1064 pixeles a 266 dpi en modelo de color RGB, según ilustración adjunta.

Transcripción

1 A d a p t a c i ó n d e C a r l o s G a r r o I m a g i n e D i v i s i ó n S o f t w a r e Después de experimentar una serie de opciones en la ventana Layers Styles (Estilos de Capa) he descubierto algunos superusertips que pueden facilitarnos la creación del efecto Gotas de Agua. Todo hecho completamente en un simple Layer Style que podemos salvar y reaplicar a otro Layer posteriormente o bien pintar sobre el Layer que ya tiene el efecto aplicado y observar el efecto en vivo lo cuál es Supercool. También veremos como crear letras que parezcan escritas con agua, obviamente aplicando el Layer Style ya salvado complementándolo con el uso de los canales que vimos ampliamente en el Seminario. Los parámetros que se utilizan en este ejercicio son para un archivo de 1064x1064 pixeles a 266 dpi en modelo de color RGB. Sin embargo pueden adaptarlos de acuerdo al archivo que ustedes vayan a utilizar. Listo, comencemos!!!! P a s o 1 Hagamos un documento nuevo en Photoshop de 1064x1064 pixeles a 266 dpi en modelo de color RGB, según ilustración adjunta. P a s o 2 Pongamos en el Layer Background una textura o fondo donde se aprecie bien el efecto que posteriormente surgirá. Les recomiendo un fondo como madera o un degradado de color vistoso, yo utilizaré madera hecha en Photoshop Tutorial Gotas de Agua Adaptación de Carlos Garro Imagine División Software

2 P a s o 3 Ahora vamos a crear un nuevo Layer Podemos hacerlo de la forma que nos convenga: Ir al menú Layer > New Layer o haciendo clic en el ícono de Create a New Layer en la parte inferior de la paleta Layers. P a s o 4 Presionemos la tecla D para activar los colores predeterminados (Negro de color frontal y Blanco de color de fondo) Activemos la herramienta Brush y utilicemos una brocha de unos 20 pixeles con el borde duro, modo de mezcla Normal y la Opacidad al 100%. Ver ilustración. P a s o 5 Pintemos un poco en el Layer 1 para crear la forma inicial que utilizaremos para crear el Layer Style. Ver Ilustración Tutorial Gotas de Agua Adaptación de Carlos Garro Imagine División Software 2

3 P a s o 6 Acerquémonos un poco a la mancha que pintamos con la herramienta Zoom Hagamos doble clic sobre el área que está a la derecha del nombre de Layer 1 en la paleta de Layers, para activar la ventana de Layer Styles. Vamos al sector Advanced Blending y bajemos el parámetro Fill Opacity al 3% esto hará que el negro del Layer casi desaparezca pero hará que los efectos posteriores se noten sin problema. Agreguemos una sombra paralela al Layer haciendo clic en la sección Drop Shadow y aplicamos, los siguientes parámetros Distance 5 px y Size 5 px. Estos se pueden variar de acuerdo a nuestras necesidades. Tutorial Gotas de Agua Adaptación de Carlos Garro Imagine División Software 3

4 Ahora aplicamos una sombra interna Inner Shadow y modificamos el modo de mezcla (Blend Mode) a Overlay y subimos la Opacidad al 100%. El efecto que va a resaltar nuestra Gota de Agua es el de Bevel and Emboss, modifiquemos los siguientes parámetros: Tecnique: Chisel Hard. Depth: 540% Soften: 10 px En Shading cambiemos Angle a 90 y Altitude a 20 Bajo Highlight Mode subamos Opacity a 100% En Shadow Mode modifiquemos a Color Dodge, cambiemos el Color a Blanco y bajemos Opacity a 50%. Tutorial Gotas de Agua Adaptación de Carlos Garro Imagine División Software 4

5 Hacemos clic en el botón New Style y salvamos todos los parámetros que van a quedar para usarlos posteriormente bajo la paleta Styles (ver Ilustración). Ahora bien Vamos a crear un texto acuático P a s o 7 Podemos utilizar la tipografía que más nos guste, para el ejemplo voy a utilizar Impact a 72 pts con interlínea de 60 pts. Si hacemos clic sobre el Layer Style que salvamos hace unos minutos vemos que la letras se hacen como un Gel Pero vamos a añadirle un poco de realismo... Tutorial Gotas de Agua Adaptación de Carlos Garro Imagine División Software 5

6 No se vale pestañear en el siguiente paso ojo P a s o 8 Cargarmos la transparencia del Layer de texto como una selección, esto lo logramos apretando Cmd (Manzana) + Clic en el Icono del Layer. Manzana + Click en esta área se crea la selección del texto P a s o 9 Una vez activa la selección en el Menú Select activamos > Save Selection y salvamos la selección como un nuevo Channel (Canal). Yo le puse como nombre Base para Letras. Ocultemos el Layer de Texto. Tutorial Gotas de Agua Adaptación de Carlos Garro Imagine División Software 6

7 P a s o 1 0 Desactivamos la selección que esta activa: Menú Select > Deselect. O bien con el teclado Cmd (Manzana) + D. En la paleta de Channels Activamos el canal Base para Letras (o el nombre que cada uno escogió). Ver ilustración. P a s o 1 1 Bien ahora a acuatizar el canal, bajo el Menú Filter> Pixelate > Crystallize Esto distorsiona el canal y simula como si le estuviesemos viendo atravez de un cristal. Utilicé 13 en Cell Size para no perder mucho detalle de las Letras. Tutorial Gotas de Agua Adaptación de Carlos Garro Imagine División Software 7

8 P a s o 1 2 Desenfoquemos un poco el canal para suavizar el efecto del Crystallize Menú Filter > Blur > Gaussian Blur. Probemos valores en Radius yo utilice 4 pixeles en este caso. P a s o 1 3 Con Levels eliminaremos parte de los medios tonos del canal para definir un poco las letras de esta manera: Tutorial Gotas de Agua Adaptación de Carlos Garro Imagine División Software 8

9 P a s o 1 4 Ya tenemos listo nuestro texto acuatizado y viene el momento de traerlo a la luz Reactivamos los canales RGB haciendo clic sobre el texto RGB en la paleta de Channels Hacemos un nuevo Layer activamos ese layer (Conviene en este momento chequear que NO este visible el Layer de Texto Original). P a s o 1 5 Vamos a cargar como Selección el Channel Acuatizado, lo podemos hacer de varias formas: 1- Menú Select > Load Selection, escogemos el canal Base para Letras. 2- Otra forma es en la paleta de Channels oprimimos Cmd (Manzana) + Clic sobre el nombre del canal. 3- Y la última que recién descubrí por accidente: con el teclado oprimo el siguiente combo de teclas Opt+Cmd+4 se activa como selección el Canal 4 que en este caso en particular es nuestro Base para Letras Sorprendente!!! =) Tutorial Gotas de Agua Adaptación de Carlos Garro Imagine División Software 9

10 P a s o 1 6 Ahora pintemos con color Negro la selección. Recuerden el atajo: Opt+Delete. Desactivemos la selección Cmd+D Asignemos a nuestro Layer el estilo de Gotas que salvamos. W o o w!!!! Un momento!!!! Ya casi se ve realista pero falta un detalle minúsculo: Siempre las gotas de agua actúan como pequeños lentes de aumento sobre las superficies, sin embargo no tenemos eso reflejado en nuestro Super Layer Style, humm bueno resolvámoslo P a s o 1 7 Primero reactivemos como selección el Channel Base para Letras (Ver Paso 15). Bajo el Menú Select > Modified > Border Yo utilice 15 pixeles. Tutorial Gotas de Agua Adaptación de Carlos Garro Imagine División Software 10

11 Esta selección nos servirá como mapa de desplazamiento cuando hagamos el efecto lente de aumento Respiremos profundo por un segundo. P a s o 1 8 Bajo el Menú Select > Save Selection sólo que esta vez crearemos un nuevo documento según se ve en la ilustración: P a s o 1 9 A ese nuevo documento le vamos a pasar a Grayscale primero Menú Image > Mode > Grayscale. Desenfoquémoslo usando Gausian Blur 4 Pixeles de radio P a s o 2 0 Salvemos el documento (en formato PSD no nos compliquemos) en algún lugar de nuestro disco (que nos recordemos luego donde lo pusimos =P). Yo hice una carpeta en el escritorio y lo salve con el nombre de MapaDesplazamiento.psd Tutorial Gotas de Agua Adaptación de Carlos Garro Imagine División Software 11

12 P a s o 2 1 Listo, una vez salvado el MapaDesplazamiento.psd volvamos a nuestra foto original y hagamos una copia de nuestro Layer Background Quitemos la selección que esta activa Cmd+D Aseguremos que el Layer Background copy está activo ya que en él vamos a realizar el desplazamiento P a s o 2 2 Escogemos bajo el Menú Filter > Distort > Displace: (Utilicemos los parámetro según la imagen) Photoshop nos preguntará donde está el Mapa de Desplazamiento (que es la imagen que salvamos hace pocos segundos), la escogemos y oprimimos el botón de Open Tutorial Gotas de Agua Adaptación de Carlos Garro Imagine División Software 12

13 Ok, queda un poco extraño!!! Ya sé pero vamos a arreglarlo Volvamos a activar como selección el Channel Base para Letras P a s o 2 3 Cuando este activa la selección oprimimos el botón Add Layer Mask en la paleta de Layers y Voilá!!! Click en este botón Espero que les resulte... Esta fue una adaptación de las técnicas de Greg Vander y Bert Monroy, si tienen alguna duda o comentario: cgarro@imaginecr.com Tutorial Gotas de Agua Adaptación de Carlos Garro Imagine División Software 13