Cómo Crear un Efecto de Tipografía Floral a base de Capas en Adobe Photoshop

La Tipografía Floral es una tendencia de diseño que combina los magníficos elementos florales con la tipografía negrita para crear algunos diseños elegantes. Este tutorial le mostrará como usar una imagen de unas flores con un texto sencillo y un par de estilos de capas, filtros, texturas y ajustes para crear su propio diseño de tipografía floral. ¡Vamos a comenzar!

Este efecto de texto también fue inspirado en los Estilos de Capas disponibles en Envato Market.

Recursos de Tutoriales

Los siguientes recursos fueron usados durante la producción de este tutorial.

• La fuente Big John Regular
• Vista de arriba de ramo de flores aislados en blanco (grande) de gilmanshin
• Papel con Textura de Grano de JustinBHB

Lo mejor sobre está técnica usada en este tutorial es que puede funcionar para casi cualquier imagen que use.

Las imágenes de alta calidad con detalles levemente grandes, sin embargo, puede crear mejores y resultados más ordenados. 

Además, es importante elegir una imagen que pueda estar apartada del fondo muy fácilmente, así que puede añadir su propio fondo.

1. Ajuste el Color de las Flores

Paso 1

Crear un documento nuevo de 3000 x 3000 px. Coloque la imagen del ramo de flores aislados en arriba de la capa Background y renombre su capa Flores.

Paso 2

Ahora vaya a Image > Adjustments > Vibrance, y cambie el valor en Vibrance a -10.

Paso 3

Diríjase a Image > Adjustments > Hue/Saturation, y cambie el valor de la Saturation a -10.

Paso 4

Diríjase a Image > Adjustments > Color Balance, y cambie los Color Levels a -10, -2 y 13.

Paso 5

Duplique la capa Flores y luego haga clic sobre el icono añadir máscara de capa Add layer mask, que está al pie del panel capas Layers.

Asegúrese que la miniatura de máscara de capa está seleccionada y rellene esta capa con el color negro Black.

2. Crear el Texto

Paso 1

Crear el texto en color blanco White usando la fuente Big John Regular. En realidad, usted puede usar cualquier fuente y tamaño de fuente que guste, pero los tamaños más grandes y las fuentes más fuertes lucen mejor. El tamaño Size que aquí se uso fue de 765 pt.

Si desea colocar las letras por separadas, entonces cree cada una de ellas en capas separadas y ubíquelas sobre todas las flores de la imagen.

Paso 2

Agrupe las capas de texto que tiene y llame al grupo Text. Luego, coloque el grupo entre las dos capas de las Flores.

Paso 3

Reduzca la Opacity del grupo Text a un valor que permita ver tanto el texto y los detalles de la imagen de fondo con claridad.

3. Pinte las Partes del Frente de las Flores

Paso 1

Escoja la Herramienta Pincel (B), ajuste el color de fondo Foreground Color a blanco White y seleccione pincel redondo de punta dura.

Haga clic sobre la miniatura de la máscara de la capa Flores copy para seleccionarla, y luego empiece a pintar sobre las partes del texto que desea tener al frente.

Puede usar las teclas [ y ] para incrementar o disminuir el tamaño de la punta del pincel. Solamente tómese el tiempo para pintar esas partes tan precisamente como sea posible.

Paso 2

Si hay algunas partes que usted quiere sin pintar, entonces necesita ajustar el color de fondo Foreground Color a negro Black y volver a pintar esas áreas.

Use la tecla X para cambiar entre los colores Foreground y Background (Negro y Blanco).

Puede usar las herramientas de selección de color para seleccionar las partes que quiere pintar adentro y afuera si así lo desea.

Paso 3

Una vez que termina, ajuste la Opacity del grupo Text a 100% y revise como luce todo para ver si le gusta.

Paso 4

Aumente el zoom para justar las áreas que necesitan más trabajo. Es un proceso que consume mucho tiempo, pero es importante conseguir un resultado final refinado.

4. Crear las Sombras

Paso 1

Command-clic en la miniatura de máscara de la capa Flores copy para creara la selección.

Paso 2

Crear una capa nueva arriba del grupo Text y llámelo Sombra.

Escoja la Herramienta Paint Bucket, cubo de pintura, desactive la opción Contiguous en la barra Options y rellene la selección con Negro.

Clic-derecho sobre la capa Sombras y elija la opción Convert to Smart Object.

Paso 3

Diríjase a Filter > Blur > Gaussian Blur, y ajuste el valor del Radius a 7.

Paso 4

Use la Herramienta Movimiento para empujar las sombras ligeramente hacia abajo.

Notará que la sombra aparece de manera aleatoria en algunas de las partes borradas. Bueno, para arreglar esto, necesita pintar esas partes (es decir, no borrarlas).

Así que escoja la Herramienta Brush, seleccione la máscara de la capa Flores copy, ajuste el Foreground Color a Blanco y pinte sobre las partes que quiere cubrir las sombras.

Paso 5

Puede usar un valor de Hardness menor para combinar esas áreas sin problemas.

Si lo necesita, incluso puede aplicar una máscara a la capa Sombras para borrar cualquier parte extra, o abrir la capa original para añadir más sombras.

Paso 6

Una vez que termine, cambie el Modo de Mezcla de la capa Sombras a la opción Multiply y reduzca su Opacity a 30%.

5. Elimine el Fondo Blanco

Paso 1

Seleccione la Herramienta Magic Wand, desactive la casilla Contiguous que está en la barra de Options y luego haga clic sobre el área de color blanco para seleccionarla.

Dependiendo de la imagen de las flores que usted esté usando, tal vez necesite usar otras herramientas para seleccionar el fondo, tales como la Herramienta Magnetic Lasso o Quick Selection. Simplemente asegúrese de seleccionar el fondo de la imagen para eliminarlo.

Paso 2

Ahora diríjase a Select > Inverse, y añada una máscara de capa para ocultar el fondo blanco.

Paso 3

Seleccione nuevamente el área blanca (es decir, la parte que ahora está vacía de la imagen Flores) y después haga clic en la máscara de la capa Flores copy, y rellene la selección con Negro.

Diríjase a Select > Deselect.

6. Añada un Relleno de Degradado al Fondo

Paso 1

Duplique la capa Background.

Paso 2

Doble-clic sobre la capa Background copy y aplique el efecto Gradient Overlay con estas configuraciones:

• Active la casilla Dither.
• Estilo: Radial
• Escala: 150%.
• Haga clic en la casilla Gradient para crear el degradado usando los colores #ffffff a la izquierda y #559793 a la derecha.

Paso 3

Puede usar cualquier otro relleno de degradado que le guste.

7. Crear la Sombra de Fondo de las Flores

Paso 1

Command-clic sobre la miniatura de máscara de la capa Flores para crear una selección.

Paso 2

Crear una capa nueva arriba de la capa Background copy, llame a esta capa Sombra de Flores, y rellene la selección con Negro, luego puede quitar la selección.

Paso 3

Doble-clic sobre la capa Sombra de Flores para aplicar el efecto Gradient Overlay con los siguientes ajustes:

• Active la casilla Dither.
• Estilo: Radial
• Escala: 150%.
• Clic sobre la casilla Gradient para crear el degradado usando los colores #f7f7f7f a la izquierda y #555555 a la derecha.

Paso 4

Convierta la capa Sombra de Flores a un objeto inteligente Smart Object, luego cambia su modo de fusión Blend Mode a Linear Burn y su Opacity a 70%.

Paso 5

Diríjase a Filter > Blur > Gaussian Blur, y cambie el Radius a 10.

Paso 6

Presione las teclas Command-T para entrar al modo Free Transform.

Haga clic sobre el icono Warp que está en la barra de Options y elija la opción predeterminada Fisheye. Ajustelo si es necesario y presione la tecla Return una vez para aceptar los cambios.

Paso 7

Ahora cambie el tamaño y mueva la sombra como usted prefiera, y presione la tecla Return del teclado, otra vez, para aceptar los cambios y salir del modo Free Transform.

8. Estilo de Texto

Doble-clic sobre el grupo Text para aplicar el siguiente estilo de capa:

Paso 1

Añada un Inner Shadow con los siguientes ajustes:

• Opacidad: 23%.
• Tamaño: 10

Paso 2

Añada un Drop Shadow con los siguientes ajustes:

• Opacidad: 35%.
• Desactive la casilla Use Global Light
• Ángulo: 90
• Distancia: 22
• Tamaño: 57

Esto añadirá algunas sombras al texto.

9. Crear las Capas Filtros

Paso 1

Diríjase a Select > All, luego Edit > Copy Merged y Edit > Paste.

Paso 2

Coloque la imagen que acaba de pegar en el paso anterior arriba de todas las capas y cambie el nombre de ésta capa a Filters 1, y conviertala a un Smart Object.

Después, cambie su Modo de Mezcla a Soft Light y su Opacity a 20%.

Paso 3

Duplique la capa Filters 1, cambie su nombre a Filters 2 y cambie su Opacity a 50%.

10 Aplique los Filtros

Paso 1

Seleccione la capa Filters 1 y diríjase a Filter > Filter Gallery > Sketch.

Elija el filtro Stamp y cambie el valor de Light/Dark Balance a 45 y el de Smoothness a 1.

Esto hará que la imagen se vea más como una ilustración que una foto.

Paso 2

Seleccione la capa Filters 2, y luego diríjase a Filter > Other > High Pass, y cambie el Radius a 10.

11. Añada la Textura y una Capa de Ajuste Final

Paso 1

Coloque la imagen Papel con Textura de Grano arriba de todas las capas y cambie su tamaño al que usted prefiera. Luego, cambie su Blend Mode a Multiply y su Opacity a 50%.

Paso 2

Haga clic sobre el icono Create new fill or adjustment layer que está al pie del panel Layers y elija la opción Black White.

Paso 3

Cambie el Blend Modo de la capa a Linear Burn y su Opacity a 5%. Esto añadirá un ajuste de color muy sutil al resultado final.

¡Felicitaciones! Termino.

En este tutorial, ajustamos el color de la imagen de las flores y, además, usamos las máscaras de capa para añadir algo de texto sobre ellas. Luego, aplicamos estilo a las capas y agregamos diferentes sombras, así como también un fondo degradado sencillo.

Después de eso, aplicamos un par de filtros para hacer que la imagen luzca más interesante y definida. Finalmente, añadimos una textura y una capa de ajuste para terminar el efecto.

Por favor, siéntase libre de dejar sus comentarios, sugerencias y, también, sus conclusiones debajo.