Flash Sale Up to 40% off unlimited courses & creative assets Up to 40% off unlimited assets! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects

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

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Learn Adobe Photoshop.
How to Create a Cute Baby Dragon Photo Manipulation in Adobe Photoshop
How to Colourise an Old Photograph in Adobe Photoshop

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

Final product image
What You'll Be Creating

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.

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.

Place the Flowers Image

Paso 2

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

Vibrance

Paso 3

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

HueSaturation

Paso 4

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

Color Balance

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.

Add a Layer Mask

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.

Create the Text

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.

Group the Text Layers

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.

Change the Text Group Opacity

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.

Paint the Front Parts

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.

Un-Paint the Unwanted Areas

Paso 3

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

Original Text Opacity

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.

Zoom in to Fix Needed Areas

4. Crear las Sombras

Paso 1

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

Create a Selection

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.

Create the Shadow Layer

Paso 3

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

Gaussian Blur

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.

Fix the Shadow Areas

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.

Fix the Shadows

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%.

Shadow Layer Settings

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.

Select the Flowers Background

Paso 2

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

Mask the White Background

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.

Apply the Mask to the Top Flowers Layer

6. Añada un Relleno de Degradado al Fondo

Paso 1

Duplique la capa Background.

Duplicate the Background Layer

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.
Gradient Overlay

Paso 3

Puede usar cualquier otro relleno de degradado que le guste.

Gradient Background

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.

Create a Selection

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.

Create the Flowers Shadow Layer

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.
Gradient Overlay

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%.

Flowers Shadow Layer Settings

Paso 5

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

Gaussian Blur

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.

Warp the Flowers Shadow

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.

Rsize and Move the Flowers Shadow

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
Inner Shadow

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
Drop Shadow

Esto añadirá algunas sombras al texto.

Text shadows

9. Crear las Capas Filtros

Paso 1

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

Copy and 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%.

Filters 1 Layer Settings

Paso 3

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

Filters 2 Layer Settings

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.

Stamp Filter

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

Filter Effect

Paso 2

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

High Pass Filter

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%.

Add the Paper Grain Texture

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.

Black White Adjustment Layer

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.

Black White Layer Settings

¡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.

Final Result
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.