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.

Lo Que Necesitarás

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

• Imagen de stock
  
• Fuente

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.

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. 

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.

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:

Paso 3

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

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

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

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.

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.

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:

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.

Paso 2

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

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.

Paso 4

Ahora nombra ésta capa Text.

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.

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.

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.

Paso 4

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

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.

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:

Paso 7

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

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.

Paso 9

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

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.

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:

Paso 12

Cambia la Opacidad de ésta capa a 10%.

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.

Paso 14

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

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.

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:

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.

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.

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.

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.

Paso 3

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

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.

Paso 5

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

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.

Paso 7

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

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

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. 

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:

• 

  Cómo Crear una Acción de Dispersión de Tipografía en Adobe Photoshop

  En éste tutorial aprenderás cómo crear un sorprendente efecto de dispersión de tipografía. Primeramente vamos a crear y definir unos cuantos motivos y pinceles.
• 

  Cómo Crear una Acción de Efecto Fotográfico con Tipografía en Adobe Photoshop

  En éste tutorial aprenderás cómo crear un fabuloso efecto con tipografía. Todo será explicado rigurosamente para que puedas crearlo aún si....
• 

  Cómo Crear una Acción con Tipografía en Adobe Photoshop

  En este tutorial para principiantes, aprenderás cómo crear un sorprendente efecto sobre la tipografía de un logo en Adobe Photoshop.
• 

  Cómo Crear un Acción para un Efecto de Texto GTA en Adobe Photoshop

  En éste tutorial aprenderás cómo crear un magnífico efecto de texto inspirado en el videojuego Gran Theft Auto. Es adecuado para principiantes de Photoshop.