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

Cómo Crear una Acción de Photoshop Para Hacer un Efecto de Texto en una Foto

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

En éste tutorial, aprenderás cómo crear una acción de Photoshop para transformar una foto en un efecto de texto. Explicaré todo con lujo de detalles para que todos puedan crearlo, incluso los que acaban de abrir Photoshop por primera vez.

El efecto de foto mostrado arriba es el que te mostraré cómo crear en éste tutorial. Si quisieras crear el más avanzado efecto de Photoshop con tipografía mostrado abajo, usando un solo click en unos cuantos minutos, entonces revisa my Acción de Photoshop Typography 7.

action final result

Lo Que Necesitarás

Para recrear el diseño de arriba, necesitarás los siguientes recursos:

1. Cómo Empezar a Crear una Acción

Paso 1

Primero, abre la foto con la que quieres trabajar. Para abrir tu foto, ve a Archivo > Abrir, elige tu foto, y haz click en Abrir. Ahora, antes de comenzar, solo verifica un par de cosas:

  1. Tu foto debería estar en modo Color RGB, Canal/8 bits. Para verificar ésto, ve a Imagen > Modo.
  2. Para mejores resultados, el tamaño de tu foto debería ser de 2000-4000 px anchura/altura. Para verificar ésto, ve a Imagen > Tamaño de Imagen.
  3. Tu foto debería estar en la capa Fondo. Si no lo está, ve a Capa > Nueva > Fondo a partir de capa.
checking image mode and size

Paso 2

Ahora ve a Ventana > Acciones, y en el panel de Acciones, haz click en el ícono del menú en la esquina superior derecha, elige Grupo Nuevo para crear un nuevo grupo y nómbralo Typography. Luego, haz click en el mismo ícono del menu otra vez, elige Nueva Acción para crear una nueva acción y nómbrala Typography

creating new action

2. Cómo Seleccionar el Sujeto

Paso 1

En ésta sección, vamos a crear una base que determine el sujeto en nuestra foto. Elige la Herramienta Selección Rápida (W) y selecciona el fondo de la foto. Usa los botones Mayúsculas-Alt en tu teclado para agregar o sustraer algunas áreas de la selección. Después de que hayas hecho una selección perfecta, presiona Control-Mayúsculas-I en tu teclado para invertir la selección.

making selection

Paso 2

Ahora ve a Selección > Modificar > Redondear y establece el Radio en 5 px. Luego, ve a Selección > Modificar > Contraer y establece el Contraer en 2 px. Después de eso, ve a Selección > Modificar > Desvanecer y establece el Radio de Desvanecimiento en 2 px como se muestra abajo:

modifying-selection

Paso 3

Ve a Capa > Nueva > Capa para crear una nueva capa y nómbrala Base.

creating new layer

Paso 4

Ahora establece el color de frente a cualquier color que gustes. Luego, ve a Edición > Rellenar y establece Contenido en Color de Frente, Modo en Normal y Opacidad en 100%.

filling layer

Paso 5

Presiona Control-D en tu teclado para deseleccionar la selección y oculta la capa Base. Luego, selecciona la capa Fondo, ve a Imagen > Ajustes > Sombras/Iluminaciones y establece las Sombras en 35% y las Iluminaciones en 0%.

adjusting shadows and highlights

Paso 6

Ahora haz click mientras pulsas la tecla Control en la miniatura de la capa Base para hacer una selección de ésta capa. Luego, presiona Control-J en tu teclado para crear una nueva capa usando la selección y nombra ésta nueva capa Subject_1.

creating new layer

3. Cómo Crear el Fondo

Paso 1

En ésta sección vamos a crear el fondo. Selecciona la capa Fondo, ve a Capa > Nueva Capa de Relleno > Color Uniforme para crear una nueva capa de relleno con color uniforme, nómbrala Background Color, y elige el color #f2f2f2.

creating new fill layer

Paso 2

Ahora haz click derecho en ésta capa, elige Opciones de Fusión, marca Superposición de Degradado, y usa los ajustes de abajo:

adding layer style

4. Cómo Crear el Texto

Paso 1

En ésta sección, vamos a crear el texto. Oculta la capa Subject_1 y elige Herramienta Texto Horizontal (T). Luego, establece la fuente en Montserrat, estilo de fuente en Negrita, tamaño de fuente en 80 px, alineamiento Centro, y color en #000000. En el panel Caracter, marca la opción Todo en Mayúsculas. Después de eso, haz click y arrastra en cualquier lugar dentro del lienzo para crear un cuadro de texto y ve a Texto > Pegar Lorem Ipsum para pegar un texto aleatorio. Puedes usar tu propio texto y ajustes de la fuente.

creating new text layer

Paso 2

Ahora haz doble click en la miniatura de ésta capa y transaforma el Cuadro de Texto como se muestra abajo:

transforming text box

Paso 3

Elige la Herramienta Texto Horizontal (T), y haz click al final del párrafo. Ve a Texto > Pegar Lorem Ipsum y repite éste paso hasta que hayas cubierto todo el lienzo con texto. De nuevo, puedes usar tu propio texto-solo asegúrate de que cubre todo el lienzo.

adding text

Paso 4

Ahora nombra ésta capa Text.

naming layer

5. Cómo Crear el Sujeto Desde el Texto

Paso 1

En ésta sección, vamos a crear el sujeto desde el texto. Oculta la capa Text y selecciona y muestra la capa Subject_1. Luego, presiona Control-J en tu teclado para duplicar ésta capa y arrastra la nueva capa justo debajo de la capa Subject_1 en el panel Capas. Nombra ésta capa Subject_2.

duplicating layer

Paso 2

Ahora presiona Control-J en tu teclado para duplicar ésta capa y arrastra la nueva capa justo debajo de la capa Subject_2 en el panel Capas. Nombra ésta capa Subject_3.

duplicating layer

Paso 3

Oculta todas las capas excepto la capa Subject_3. Luego, presiona Control-Mayúsculas-U en tu teclado para desaturar ésta capa. Después de eso, ve a Imagen > Tono automático y luego Imagen > Contraste automático para hacer algunas correciones automáticas en el tono y contraste de la capa.

desaturating layer

Paso 4

Ahora ve a Selección > Gama de colores y establece Seleccionar en Sombras, Tolerancia en 20% y Rango en 65.

making selection

Paso 5

Ve a Capa > Máscara de Capa > Descubrir Selección para añadir una máscara de capa que muestre el área seleccionada de la capa.

adding layer mask

Paso 6

Ahora haz click mientras pulsas la tecla Control en la miniatura de ésta capa para hacer una selección de ésta capa. Luego, selecciona la miniatura de ésta capa y establece el color de frente en #000000. Después de eso, ve a Edición > Rellenar y establece el Contenido en Color de Frente, Modo en Normal, y Opacidad en 100% como se muestra abajo:

filling layer

Paso 7

Presiona Control-D en tu teclado para deseleccionar la selección. Luego, cambia la Opacidad de ésta capa a 50%.

changing opacity

Paso 8

Ahora oculta ésta capa, y selecciona y muestra la capa Subject_2. Luego, presiona Control-Mayúsculas-U en tu teclado para desaturar ésta capa. Después de eso, ve a Imagen > Tono automático y luego Imagen > Contraste automático para hacer algunas correcciones automáticas de tono y contraste de la capa.

desaturating layer

Paso 9

Ve a Selección > Gama de Colores y establece Seleccionar en Medios tonos, Tolerancia en 40%, y Rango en 105 y 150.

making selection

Paso 10

Ahora ve a Capa > Máscara de Capa > Descubrir Selección para añadir una máscara de capa que descubra el área seleccionada de la capa.

adding layer mask

Paso 11

Ahora haz click mientras pulsas la tecla Control en la miniatura de la capa para hacer una selección de ésta capa. Luego, selecciona la miniatra de ésta capa y establece el color de frente en #000000. Después de eso, ve a Edición > Rellenar y establece el Contenido en Color de Frente, Modo en Normal, y Opacidad en 100%, como se muestra abajo:

filling layer

Paso 12

Cambia la Opacidad de ésta capa a 10%.

changing opacity

Paso 13

Ahora oculta ésta capa, y selecciona y muestra la capa Subject_3. Luego, presiona Control-Mayúsculas-U en tu teclado para desaturar ésta capa. Después de eso, ve a Imagen > Tono automático y luego Imagen > Contraste automático para hacer algunas correcciones automáticas en el tono y contraste de la capa.

desaturating layer

Paso 14

Ve a Filtro > Otro > Paso Alto y establece el Radio en 30 px.

adding high pass filter

Paso 15

Ahora cambia el Modo de Fusión de ésta capa a Luz Fuerte. Luego, muestra las capas Subject_2, Subject_3, Background Color, y Fondo.

changing blending mode

Paso 16

Selecciona la capa Text, y ve a Capa > Máscara de Capa > Descubrir Todas para agregar una máscara de capa que descubra toda la capa. Luego, ve a Imagen > Aplicar Imagen y usa los ajustes de abajo:

adding layer mask

Paso 17

Ahora presiona Control-I en tu teclado para invertir la máscara de capa. Luego, muestra la capa Text y oculta las capas Subject_1, Subject_2, y Subject_3.

inverting layer mask

Paso 18

Elige la Herramienta Texto Horizontal (T) y haz click en cualquier parte sobre el texto. Luego, presiona Control-A en tu teclado para seleccionar todo el texto y, en el panel Caracter, establece el Interlineado en 60 y el Tracking en -60.

adjusting character

6. Cómo Hacer los Ajustes Finales

Paso 1

En ésta sección, vamos a realizar algunos ajustes finales para el diseño. Selecciona la capa Fondo y presiona Control-J en tu teclado para duplicarla. Luego, arrastra ésta nueva capa justo arriba de la capa Text en el panel Capas.

duplicating layer

Paso 2

Ahora haz click mientras pulsas la tecla Control en la miniatura de la capa Text para hacer una selección de ésta capa. Luego, ve a Capa > Máscara de Capa > Descubrir selección para agregar una máscara de capa que descubra el área seleccionada de la capa.

adding layer mask

Paso 3

Cambia el Modo de Fusión de ésta capa a Color y nómbrala Text Color.

changing blending mode

Paso 4

Ahora presiona D en tu teclado para restablecer las muestras. Luego, ve a Capa > Nueva Capa de Ajuste > Mapa de Degradado para crear una nueva capa de ajuste de mapa de degradado y nómbrala Overall Contrast.

creating new adjustment layer

Paso 5

Cambia el Modo de Fusión de ésta capa a Luz Suave.

changing blending mode

Paso 6

Ahora presiona Control-Alt-Mayúsculas-E en tu teclado para hacer una captura de pantalla, y luego presiona Control-Mayúsculas-U para desaturar ésta capa. Luego, ve a Filtro > Otro > Paso Alto y establece el Radio en 2 px.

adding high pass filter

Paso 7

Cambia el Modo de Fusión de ésta capa a Luz Fuerte y nómbrala Overall Sharpening.

changing blending mode

¡Lo lograste!

¡Felicidades, has tenido éxito! Ahora has aprendido cómo crear una acción de Photoshop para un Efecto Fotográfico con Tipografía para comenzar a hacer fabulosos efectos de retrato en Photoshop con tus fotos. Aquí está nuestro resultado final:

final result

Si quisieras crear el efecto de Photoshop de tipografía más avanzado mostrado abajo, usando un solo click y en unos cuantos minutos, entonces revisa mi Acción de Photoshop Typography 7.

Con ésta acción, puedes crear sorprendentes y profesionales efectos de texto de tus fotos ¡sin hacer ningún trabajo! Simplemente coloca tu sujeto con un color y reproduce la acción. ¡En verdad es así de sencillo! La acción hará todo el trabajo por tí, dejándote resultados en capas y totalmente personalizables que puedes modificar.

El texto es una capa de texto completamente editable-puedes realizar los cambios que quieras. Puedes usar tu propio texto o cambiar la fuente, el color de texto ¡y mucho más!

La acción viene con un videotutorial detallado que muestra cómo usar la acción y personalizar los resultados para sacar el mayor provecho. 

action final result

También podrías querer revisar éstos tutoriales sobre crear efectos de imagen con dispersión de tipografía, acciones de Photoshop con tipografía en retratos, un logo con un diseño de texto, una acción de efecto de texto GTA, o quizá sobre la creación de algunos otros efectos de texto con Photoshop, filtros divertidos, filtros fotográficos de Photoshop, y efectos artísticos para fotos. Aquí es un buen inicio:


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.