Crea una Tipografía con Pinceladas de Luz Desde Cero en Photoshop

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product image — What You'll Be Creating

Éste tutorial fue originalmente publicado en Abril de 2011 como un tutorial Tuts+ Premium Ahora está disponible gratuitamente. Aunque éste tutorial no usa la versión más reciente de Adobe Photoshop, sus técnicas y procesos son aún relevantes.

Si alguna vez has intentado escribir palabras usando las tradicionales técnicas de fotografía de pintar con luz, probablemente sepas qué tan desafiante puede ser crear palabras que sean fáciles de leer. En éste tutorial, demostraremos cómo puedes crear una apariencia similar sin una cámara y un trípode. ¡Comencemos!

1. Bosqueja Tu Composición

Paso 1

Comencemos en Photoshop. Lanza el programa y crea un nuevo documento. Cuando creas todo desde cero, siempre es una buena idea hacerlo realmente grande. De esa manera un formato A2 puede posteriormente ser reducido a cualquier otro formato deseado. Vamos a crear una ilustración sin bordes para un A2 y más tarde reducirla a un A3. Así que crea un nuevo documento con éstos tamaños: W: 42.5 cm, H: 59.4cm, 300 dpi, CMYK.

Queremos la forma general para formar un corazón, así que dibuja un corazón rápidamente.

Paso 2

Usa la líneas guía para dibujar tu texto con una tableta. Considera éste un bosquejo. Si te sientes más cómodo haciendo ésto en papel, hazlo y escanéalo.

Paso 3

Solo para éste paso, voy a cambiar a Illustrator. Estoy más cómodo con Ilustrator cuando se trata de dibujar letras, pero es completamente realizable también en Photoshop. Una vez que termines, Cópialo (Comando/Control-C).

2. Crea las Líneas Múltiples

Paso 1

Pégalo en Photoshop como un Trazado (Comando/Control-V), selecciona Trazado en el cuadro de diálogo emergente).

Paso 2

Selecciona la Herramienta Pincel (B) y cambia tu pincel a un pincel difuso 100%, de 10 px de diámetro. Toma la Herramienta Pluma (P), haz click-derecho y selecciona Contornear Trazado. En el cuadro de diálogo emergente, asegúrate de Simular Presion no este verificada y presiona OK.

Paso 3

Ve a Filtro > Desenfocar > Desenfoque de Movimiento. Cambia la dirección a ángulo de 60 grados y distancia a 20. Presiona OK.

Paso 4

Reduce la Opacidad aproximadamente 50% y duplícalo. Aplica una Máscara de Capa (Capa > Máscara de Capa > Descubrir Todas) y comienza a ocultar porciones con un pincel difuso negro grande.

Paso 5

Toma la Herramienta Pluma y calca tu primer rayo de luz en Modo Trazo.

Paso 6

Igual que lo hiciste antes, contornea el trazado con un pincel de 10 px. Necesitas hacer ésto individualmente para mantener la apariencia realista. Alterna entre pinceles de 5, 10 y 15 px y varios niveles de Opacidad.

Paso 7

Después de que lo has aplicado, necesitas ocultar ambos extremos de la línea. Usa una Máscara de Capa y dibuja de negro cada extremo.

Paso 8

Usa las líneas originales sólamente como una guía. Comienza con agregar grosor a las letras, pero preserva una apariencia de tipografía clásica al mantener las partes superior e inferior de los bucles delgadas y las laterales gruesas.

Paso 9

Mientras avanzas con las palabras, trata de hacer más grueso el lado izquierdo de cada letra. Haciendo eso se preservará el espaciado entre las letras.

Paso 10

Recuerda desvanecer cada extremo de las líneas, de otra manera no lucirán reales.

Paso 11

Trabaja a tu manera a través de las letras hasta que hayas alcanzado un resultado similar.

3. Agrega Color

Paso 1

Por ahora, es una buena idea establecer los colores del proyecto. Arriba de todas las otras capas, crea una Capa de Ajuste de Mapa de Degradado (Capa > Nueva Capa de Ajuste > Mapa de Degradado) Usa éstos colores: #000000; #54000c; #d69f0a; #fffee9.

Paso 2

Deja la Capa de Ajuste siempre arriba. Ahora que hemos terminado las líneas, es momento de agregar resplandores. Repite el proceso de creación de trazados, pero ésta vez usa un tamaño muy grande (100-200 px) y habilita Simular Presión. Como color, uso gris 50% (#8c8c8c). Cambia el Estilo de Capa a Trama.

Paso 3

Cubre todas las porciones más gruesa de las letras con resplandores similares.

Paso 4

Es momento de agregar líneas más gruesas uniformes, pero con la Simulación de Presión habilitada y color blanco. Usa líneas de anchuras variables (25-75 px).

Paso 5

Agrega líneas blancas suaves y más gruesas por todas las letras.

4. Agrega Llamaradas a las Letras

Paso 1

Descarga ésta imagen de llamarada y colócala en tu proyecto. Rótala hasta que los ángulos de los rayos estén a 90 grados. Establece el Estilo de Capa en Trama.

Paso 2

Duplica la llamarada, y duplica su tamaño. Rótala 45 grados.

Paso 3

Ve a Filtro > Desenfocar > Desenfoque Gaussiano, y usa aproximadamente 30 px para suavizar la llamarada secundaria.

Paso 4

Duplica ésta llamarada (ambas capas) y colócala alrededor de la escena en puntos de interés.

Paso 5

Repite los pasos previos para lograr el mismo efecto para el texto de abajo.

Paso 6

Crea unas cuantas líneas más alrededor de la escena que sigue al trazado únicamente hasta un cierto punto. Hazlas blancas, y de diferentes niveles de Opacidad.

5. Agrega Bokeh

Paso 1

Abre la imagen blurry lights (luces desenfocadas) y colócala en el documento. Establece su Estilo de Capa en Trama.

Paso 2

Aplica una Máscara de Capa y desenmascara proporciones de la imagen que tengan luces bajo el recorte de la imagen. Asegúrate de que todas las luces estén a la izquierda no estén segmentadas.

6. Realza la Luz

Paso 1

Para agregar un poco de contraste a la imagen de las luces, agrega una Capa de Ajuste de Degradado Blanco y Negro y hazla una Máscara de Recorte para la imagen de las luces. Establece su Estilo de Capa en Superponer.

Paso 2

Duplica la imagen de las luces y aplícalo a diferentes partes de la imagen. Usa componentes donde combines puntos grandes con pequeños.

Paso 3

Aplica la imagen a diferentes puntos de interés. Trata de no hacerla demasiado pesada.

Paso 4

Ahora vamos a combinar éstas luces con un pincel personalizado para hacer el nuestro. Crea un nuevo pincel, y cambia los parámetros como se observan abajo.

Paso 5

Manten la Dinámica de Forma y cambia la Dispersión a 550.

Paso 6

Habilita Otra Dinámica y cambia los parámetros.

Paso 7

Usa éste pincel para dibujar luces desenfocadas mucho más finas a lo largo de las letras.

Paso 8

Repite éste proceso.

7. Agrega Ruido

Paso 1

Vamos a añadir algo de ruido sin dañar los colores y la iluminación. Elige gris 50% y rellena toda una capa de él. Aparecerá café porque está debajo de la Capa de Mapa de Degradado.