El fileteado es un arte decorativo popular normalmente utilizado en Buenos Aires, Argentina, en los comienzos del siglo XX. Generalmente se aplicaba, y se sigue aplicando, a carteles, objetos, camiones y autobuses, entre otras cosas. Está compuesto por texto, a veces una imagen, y una gran cantidad de elementos decorativos como flores, hojas y madera. Tiene un cierto estilo barroco, y se caracteriza por el uso de técnicas trompe-l’oeil, lo que resulta en un agradable y divertido efecto tridimensional falso.

Por supuesto, para crear este tipo de arte uno no solo debe ser un experimentado artista, sino que también hay que conocer la cultura detrás de este tipo de expresión.

Recomiendo echar un vistazo a algunas imágenes de fileteado antes de realizar el tutorial. De esta forma podremos entender mejor este estilo: Ver imágenes de fileteado porteño en Flickr.

NOTA: ESTE TUTORIAL ES PARA VERSIONES DE PHOTOSHOP ANTERIORES A CS6, DEBIDO A QUE CIERTOS COMANDOS QUE APARECEN EN EL TUTORIAL NO ESTÁN DISPONIBLES EN ESTA VERSIÓN.

El texto 3D

Creamos un nuevo documento de 865 x 480 píxeles. Lo llenamos con un color gris oscuro (#272727), para simular un fondo de pizarra.

Descargamos e instalamos la fuente IFC Los Banditos, disponible gratis en DaFont, y escribimos la palabra TANGO en mayúsculas, usando un tamaño de fuente de 150px. En este paso, el color del texto no importa. Ubicamos el texto ligeramente arriba del centro de la imagen, como muestra la imagen de abajo.

Ahora vamos a darle algo de color al texto. Usando Layer Styles (Estilos de capa), aplicamos un linear gradient (degradado linear) al texto, del color #ffd97c al color #ffa511. Luego, le damos al texto un inner stroke (trazo interior) de 3px, usando el color #ff840.

 

Ahora le daremos la perspectiva 3D. Con la capa del texto seleccionada, vamos al menú y seleccionamos 3D > REPOUSSEE > TEXT LAYER… (3D > REPUJADO > CAPA DE TEXTO…)

Esta herramienta no solo hará que el texto sobresalga, sino que nos dejará jugar con la “perspectiva” sin necesidad de mover la cámara.

1- Ajustamos el valor de Scale (Escala) a 1.12. Este número depende del tamaño y posición de fuente. Probamos con distintos valores hasta que la perspectiva sea casi invisible. Este valor representa la escala de la parte trasera del texto 3D. Debido a la perspectiva, uno siempre percibe la parte posterior más pequeña que la frontal. Al establecer un valor mayor que 1, la parte posterior del texto se hará más grande, hasta que no haya perspectiva.

2- Seleccionamos la esquina superior derecha del esquema, habiendo seleccionado la opción Shear (Distorsionar).

3- Establecemos un ángulo X de 10.5, dejando el ángulo Y con un valor de 0.

4- y 5- Ahora le aplicamos un Bevel (Bisel) al texto. En la siguiente imagen se puede ver con más detalle las opciones que hay que seleccionar:

Ahora vamos al menú y seleccionamos WINDOW > 3D (VENTANA > 3D). Vamos a trabajar con los costados del texto.

1- Seleccionamos la capa TANGO Extrusion Materials (TANGO Material de extrusión)

2- Ajustamos el color de Diffuse (Difusión) a #4DD4FF

3- Ajustamos el color de Ambient (Ambiente) a #FFFFFF

Luego vamos a establecer las opciones de renderizado.

1- Seleccionamos la capa Scene (Escena).

2- y 3- Utilizamos los siguientes datos: Render Settings (Ajustes de interpretación): Default (Por defecto),  Quality (Calidad): Ray Traced Draft (Borrador con trazado de rayo)

En este paso vamos a darle al texto un efecto de pintura.

1- Con la actual capa de texto 3D seleccionada, vamos al menú y seleccionamos FILTER > CONVERT FOR SMART FILTER (FILTRO > CONVERTIR PARA FILTROS INTELIGENTES). Después de esto, nuestra capa estará lista para aplicarle un filtro pero sin perder la posibilidad de editar el texto 3D.

2- Vamos al menú y seleccionamos FILTER > ARTISTIC > PAINT DAUBS (FILTRO > ARTÍSTICO > PINCELADAS). Utilizamos los siguientes valores: Brush Size (Tamaño de pincel): 3, Sharpness (Enfoque): 1, Brush type (Tipo de pincel): Wide Sharp (Enfocado)

Crear el marco

En los siguientes pasos del tutorial no entraré mucho en detalle sobre cómo dibujar la ornamentación. Es fácil de hacer y tenemos la libertad de ser creativos. Sin embargo, por supuesto aprenderemos a aplicar un efecto 3D a los ornamentos, así como un aspecto pinturesco.

Esta es la forma que le daremos al marco:

Primero creamos una nueva capa y dibujamos ornamentos como los de la imagen. Se pueden hacer fácilmente utilizando las herramientas de selección (rectángulo y círculo).

Para crear el marco superior, creamos un óvalo grande con un borde grueso, y borramos la mitad inferior. Luego agregamos un círculo en cada punta.

Para la parte inferior del marco, hacemos un rectángulo largo y, usando la pluma, dibujamos unos ornamentos simples e imperfectos.

El resultado debería ser similar a este:

Luego agregamos al marco unos layer styles (estilos de capa).

1) Color Overlay (Superposición de colores):

– Color: #ff6c00

2) Bevel and Emboss (Bisel y relieve):

– Style (Estilo): Inner Bevel (Bisel interior)
– Technique (Técnica): Chisel Soft (Cincel blando)
– Size (Tamaño): 13
– Angle (Ángulo): 90
– Use Global Light (Usar luz global): Sí
– Altitude (Altitud): 20
– Highlight Mode (Modo resaltado): Normal
– Highlight Color (Color de resaltado): #fff600
– Highlight Opacity (Opacidad de resaltado): 100%
– Shadow Mode (Modo de sombra): Multiply (Multiplicar)
– Shadow Color (Color de sombra): Negro
– Shadow Opacity (Opacidad de sombra): 24%

3) Drop Shadow (Sombra paralela):


– Blend Mode (Modo de fusión): Multiply (Multiplicar)
– Opacity (Opacidad): 75%
– Angle (Ángulo): 90
– Use Global Light (Usar luz global): No
– Distance (Distancia): 5
– Size (Tamaño): 5

Ahora vamos a seguir construyendo el marco. Descargamos esta colección de pinceles ornamentales, la instalamos y seleccionamos la herramienta de pincel. Vamos a la paleta de pinceles y seleccionamos el pincel de la imagen abajo. Ajustamos el tamaño a 125px y pintamos el pequeño ornamento en una nueva capa.

1- Aplicamos los mismos efectos de capa de los otros marcos al nuevo ornamento. Podemos ajustar un poco las opciones para adaptarlas a su tamaño.

2- Ahora tenemos que buscar una imagen para colocar dentro del pequeño marco. Puede ser una vieja fotografía de Carlos Gardel o cualquier imagen relacionada con el tango. Pegamos la imagen en una nueva capa debajo del marco y ajustamos su tamaño.

3- Creamos una nueva capa debajo de la imagen y dibujamos un círculo para enmascarar la imagen dentro del pequeño marco.

Es muy común añadir más ornamentos al texto. Por ejemplo, vamos a agregar algunas esferas de color. Para hacer esto, creamos una selección circular y comenzamos a pintar con el pincel, manteniendo la selección activa. Luego aplicamos un degradado radial como en la imagen:

Una vez que creamos las pequeñas esferas, las agregamos al diseño. Lo mejor es usar una combinación de diferentes colores.

Luego, aplicamos una Drop Shadow (Sombra paralela) al texto.

Ahora añadiremos ornamentos a la parte inferior del marco. Descargamos esta colección de pinceles decorativos, la instalamos y seleccionamos la herramienta de pincel. Vamos a la paleta de pinceles y seleccionamos el pincel que está indicado en la imagen de abajo. Luego pintamos el ornamento debajo del texto.

Al marco le aplicamos el estilo de capa que usamos anteriormente, pero esta vez le cambiamos el color. Además, podemos modificar algunas opciones para ajustar el estilo al tamaño del nuevo ornamento.

Ornamentos de cintas y flores

Lo mejor del fileteado es que el diseño no tiene límites. Se puede probar con diferentes tipos de ornamentación. En este caso utilizaremos un moño ornamental que compré en VectorStock, aunque seguramente se pueden encontrar ornamentos similares gratuitos en la web.

Antes de colocar esta cinta en el dibujo, aplicamos un efecto de Paint Daubs (Pinceladas). Vamos a FILTER > ARTISTIC > PAINT DAUB (FILTRO > ARTÍSTICO > PINCELADAS) y aplicamos el efecto para que parezca que fue pintado a mano. Probamos diferentes opciones hasta encontrar el aspecto que más nos guste.

 

Colocamos la cinta en la parte inferior del diseño:

Ahora vamos a crear la decoración floral. El efecto es fácil de hacer, simplemente se trata de utilizar diferentes tipos de flores. Como siempre, ajustamos los valores de acuerdo al tamaño del dibujo.

Seleccionamos la Custom Shape Tool (Herramienta forma personalizada) y cargamos el set de formas de Naturaleza que viene con el Photoshop.

Añadimos los siguientes estilos de capa


Deberíamos acabar con algo similar a la imagen siguiente. Recuerda que cuando usamos los estilos de capa, cambiamos los valores según el tamaño del dibujo.

También probamos con otro tipo de flor, usando el mismo estilo.

Ahora añadimos los toques finales: dibujamos un círculo y aplicamos Bevel and Emboss (Bisel y relieve):

Luego colocamos el círculo encima de las flores, cambiando colores y tamaños según sea necesario.

Para finalizar, agregamos algunas de estas flores en el marco. Eso es todo! Mira el resultado final abajo:

Haz click en la imagen para verla en tamaño completo

Recuerda que esto es solo una forma básica de hacer el efecto de fileteado en Photoshop. Es un estilo altamente artístico y complejo, y este tutorial sirve como introducción al tema.

Otra versión de la imagen:

Haz click en la imagen para verla en tamaño completo