Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Cómo Crear un Llamativo Efecto de Texto Floral Rápidamente en Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

Usando una llamativa y hermosa tipografía con títulos descriptivos es una de las tendencias siempre vigentes en el diseño. Éste tutorial te mostrará cómo usar una simple selección y técnicas de ajuste para crear rápidamente un bello y llamativo efecto de texto floral. ¡Comencemos!

Éste efecto de texto fue inspirado por los muchos Estilos de Capa disponibles en GraphicRiver.

Recursos del Tutorial

Los siguientes recursos fueron usados durante la producción de éste tutorial:

1. Cómo Crear una Rápida Selección

Paso 1

Es importante seleccionar la imagen adecuada para el efecto. Una buena imagen debería tener un conjunto de flores, preferentemente con un par de áreas vacías entre ellas, y un buen contraste con el fondo para ayudar a aislarlas.

Abre la imagen Pink Roses, toma la Herramienta Selección Rápida, y haz click en el ícono Añadir a Selección en la barra de Opciones.

Después de eso, haz click y arrastra para seleccionar las rosas en la imagen. Puedes mantener presionada la tecla Opción de la selección si es necesario.

Make a Quick Selection

Paso 2

Una vez que hayas seleccionado las flores, haz click en el botón Seleccionar y Aplicar Máscara en la barra de Opciones.

Select and Mask

Paso 3

Cambia la Ver a En Negro, e incrementa la Opacidad a 100%.

Ajusta el resto de los ajustes para obtener una selección limpia y suave.

Aquí, el valor de Redonadeado es establecido en 5, y Desplazamiento de Borde en -30%. Ésto crea una selección más suave y asegura que los bordes no incluyan ninguna área afuera de las flores.

También puedes marcar la casilla Descontaminar Colores para reducir la cantidad de color, y establece Enviar a en Nueva Capa con Máscara de Capa.

Select and Mask Options

Paso 4

Ésto creará una selección en una nueva capa usando una máscara de capa. Puedes ahora realizar cualquier ajuste en la máscara de capa si es necesario, y afinar la selección aún más.

Refine the Mask

Paso 5

Duplica la capa seleccionada que tienes, y luego haz click-derecho en la máscara de la copia, y elige Aplicar Máscara de Capa.

Apply Layer Mask

Paso 6

Renombra la capa resultante a Roses, guarda el archivo como un PSD, y mantenlo abierto pues estaremos usándolo durante el tutorial.

Save the File

2. Cómo Crear un Fondo y Agregar Texto

Paso 1

Crea un nuevo documento de 1150 x 850 px, haz click en el ícono Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas, y elige Degradado.

Add a Gradient Fill Layer

Paso 2

Crea el relleno de degradado usando los Colores #ffffff a la izquierda y #d3d3d3 a la derecha.

Cambia el Estilo a Radial y la Escala a 255.

Gradient Fill Settings

Paso 3

Crea el texto usando la fuente Lust Script. Establece el Tamaño en 350 pt y el Color en #160742.

Create the Text

3. Cómo Agregar una Imagen y Aplicar Ajustes

Paso 1

Coloca la capa Roses arriba de la capa de texto, haz click-derecho en ella y elige Convertir en Objeto Inteligente, y luego haz click-derecho en ella de nuevo y elige Crear Máscara de Recorte.

Convertir la capa en objeto inteligente nos ayuda a hacer todos los cambios de manera no destructiva. Sin embargo, para versiones anteriores de Photoshop, podría no ser posible aplicar algunos de los ajustes directamente en un objeto inteligente. Así que en cambio, puedes rasterizar la capa o usar Capas de Ajuste.

Add the Image Layer

Paso 2

Ve a Imagen > Ajuses > Corección Selectiva, y usa éstos parámetros:

Rojos

  • Cian: -10
  • Magenta: 5
  • Amarillo: 10
  • Negro: 30

Blancos

  • Cian: 35
  • Magenta: -30
  • Negro: -10

Neutros

  • Cian: 35
  • Magenta: 5
  • Amarillo: -50
  • Negro: 15
Selective Color

Ésto realzará el color general e introducirá algunos azules en las áreas más oscuras.

Puedes usar diferentes valores para obtener resultados diferentes, especialmente si estás usando una imagen diferente.

Introducing Blues

Paso 3

Ve a Imagen > Ajustes > Niveles, y usa éstos ajustes:

RGB

  • Niveles de Entrada Sombras: 20
  • Medios Tonos: 0.85
  • Niveles deSalida Iluminaciones: 235

Azul

  • Niveles de Salida Sombras: 20
Levels Settings

Ésto oscurecerá la imagen y agregará algunos azules más.

Adjusted Levels

Paso 4

Ve a Filtro > Ruido > Reducir Ruido, y usa éstos parámetros:

  • Intensidad: 7
  • Preservar Detalles: 55
  • Reducir Ruido de Color: 45
  • Enfocar Detalles: 15

Éste es más de un paso opcional, pero agrega a las rosas una sutil sensación similar a plástico.

Reduce Noise

Paso 5

Ve a Imagen > Ajustes > Tono/Saturación, y cambia la Saturación a -5.

HueSaturation

Paso 6

Ve a Filtro > Filtro Camera Raw, y luego, en la pestaña Básico, cambia la Claridad a 50.

Camera Raw Filter

4. Cómo Igualar el Color de Imágenes Diferentes

Paso 1

Abre la imagen Rose 01, y luego selecciona y aplica máscara a la rosa de la misma forma que lo hiciste con la imagen original de las rosas.

Select the Rose Image

Paso 2

Aplica la máscara de capa para obtener una capa rasterizada.

Apply the Layer Mask

Paso 3

Para agregar la imagen de la rosa al documento original, los colores necesitan ser igualados. Ésto puede hacerse de muchas maneras distintas, pero la más rápida en éste caso es vía Igualar Color.

Así que ve a Imagen > Ajustes > Igualar Color.

En Estadísticas de la Imagen, establece el Origen en el archivo PSD de las rosas original que guardaste al inicio del tutorial, y elige la capa Roses del menú Capa.

Aquí está donde resulta úitl la creación de las capas rasterizadas, ya que tener una máscara de capa o usar las imágenes originales podría hacer más difícil la igualación de colores.

Una vez que elijas el archivo origen y la capa, puedes modificar los ajustes de Opciones de Imagen si es necesario, y luego haz click en OK.

Match Color

5. Cómo Copiar Filtros Inteligentes

Paso 1

Agrega la imagen de la rosa modificada al archivo original, renombra su capa a Rose 1, y conviértela en un objeto inteligente.

Add the Rose Image

Paso 2

Expande la lista  del filtro de la capa Roses. Luego manten presionada la tecla Opción, y arrastra la pestaña Filtros Inteligentes a la capa Rose 1.

Duplicate the Smart Filters

Paso 3

El efecto Filtro Camera Raw podría ser demasiado fuerte para la imagen de la rosa, así que arrastra su pestaña al ícono Eliminar en la parte inferior del panel Capas para librarte de ella.

Puedes eliminar y ajustar cualquiera de los otros filtros como sea necesario.

Delete the Camera Raw Filter

Paso 4

Agrega las Imágenes Rose 02 y Rose 03 al documento usando los mismos pasos.

Incluso puedes duplicar y transformar cualquiera de ellas para tener más rosas sin realmente usar una tonelada de imágenes diferentes.

Add More Roses

6. Cómo Agregar un Básico Efecto de Profundidad de Campo

Paso 1

Puedes añadir flores más pequeñas y hacerlas parecer fuera de foco detrás del texto.

Para hacer eso, selecciona la capa de la rosa que quieres desenfocar, y luego ve a Filtro > Desenfocar > Desenfoque Gaussiano, y usa un valor de Radio de 3.

Gaussian Blur

Paso 2

También puedes añadir rosas ligeramente más grandes, y usar valores más pequeños del Radio del Desenfoque Gaussiano para crear un efecto más dinámico.

Add More Out of Focus Roses

Paso 3

Una vez que termines, agrega una capa de Mapa de Degradado arriba de todas las capas.

Crea el relleno de degradado usando los Colores #5d4e7c a la izquierda, #8d6385 en el centro, y #cd9a90 a a derecha.

Luego, marca la casilla Tramado, y cambia el Modo de Fusión de la capa Mapa de Degradado a Luz Suave.

Gradient Map

¡Felicidades! Terminaste

En éste tutorial, aislamos algunas imágenes de flores, aplicamos un par de ajustes y filtros a ellos, y les agregamos algún texto para crear un sencilo y llamativo efecto de texto floral.

Por favor con toda confianza deja tus comentarios, sugerencias y resultados abajo.

Final Result
Advertisement
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.