En este tutorial, te muestro cómo crear un efecto de texto de letras superpuestas en Photoshop, ¡con colores que se mezclan cuando las letras se superponen! Como veremos, no solo es un efecto divertido y colorido, sino que también es muy fácil de crear. Solo agregamos texto, convertimos las letras en formas, cambiamos el color de cada letra y luego las acercamos para superponerlas. Para mezclar los colores en las áreas superpuestas, utilizamos uno de los modos de fusión de capas de Photoshop. ¡Vamos a ver cómo funciona!
Así es como se verá el efecto de texto final de "letras superpuestas" cuando hayamos terminado:
El efecto final.
¡Empecemos!
Cómo crear texto superpuesto en Photoshop
Estoy usando Photoshop CC pero cada paso es totalmente compatible con Photoshop CS6.
Paso 1: crea un nuevo documento
Comience creando un nuevo documento de Photoshop. Vaya al menú Archivo en la barra de menú y elija Nuevo :
Ir a Archivo> Nuevo.
En el cuadro de diálogo Nuevo documento, configure el Ancho en 1600 píxeles, la Altura en 800 píxeles, la Resolución en 72 píxeles / pulgada y el Contenido del fondo en Blanco . Haga clic en Crear o en Aceptar (según la versión de Photoshop que esté usando) para cerrar el cuadro de diálogo y crear el nuevo documento:
Establecer las opciones para el nuevo documento.
Paso 2: agrega tu texto
Seleccione la herramienta Tipo de la barra de herramientas:
Selección de la herramienta de tipo.
Elija su fuente en la barra de opciones. Las fuentes más gruesas generalmente funcionan mejor para este efecto. Usaré Avenir Next Bold . Establezca el tamaño de su letra en 72 pt . Redimensionaremos el texto una vez que lo hayamos agregado, pero esto nos dará el tamaño preestablecido más grande para comenzar:
Elegir la fuente y el tamaño de letra.
Asegúrese de que el color de su tipo esté configurado en negro para que podamos ver el texto delante del fondo blanco. Si no está configurado en negro, presione la letra D en su teclado para restablecerlo. Elegiremos diferentes colores para cada letra después de que hayamos convertido nuestro texto en formas:
La muestra de color en la barra de opciones muestra el color de tipo actual.
Haga clic dentro del documento y agregue su texto. Escribiré la palabra "COLORIDO":
Agregar el texto inicial al documento.
Para aceptar su texto, haga clic en la marca de verificación en la Barra de opciones:
Al hacer clic en la marca de verificación.
Paso 3: cambie el tamaño y mueva el texto con Transformación libre
Para cambiar el tamaño del texto, vaya al menú Editar y elija Transformación libre :
Ir a Edición> Transformación libre.
Photoshop coloca el cuadro Transformación libre y maneja alrededor del texto. Para cambiar su tamaño, mantenga presionada la tecla Mayús mientras hace clic y arrastra cualquiera de los tiradores de las esquinas . Si mantiene presionada la tecla Mayús mientras arrastra, bloquea las formas originales de las letras para que no las distorsione. Asegúrese de que cuando haya terminado, suelte primero el botón del mouse y luego suelte la tecla Mayús o obtendrá resultados inesperados.
Para mover el texto al centro del documento, haga clic y arrastre dentro del cuadro Transformación libre. Cuando estés satisfecho con el tamaño y la posición del texto, presiona Enter (Win) / Return (Mac) en tu teclado para salir de Free Transform:
Arrastrando un tirador de la esquina mientras mantiene presionada la tecla Mayús para cambiar el tamaño del texto.
Paso 4: convierte el texto en formas
En el panel Capas, el texto aparece en una nueva capa Tipo encima de la capa Fondo:
El panel Capas que muestra la nueva capa Tipo.
Necesitamos convertir nuestras letras en formas. Con la capa Tipo seleccionada, vaya al menú Tipo en la barra de menú y elija Convertir a forma :
Ir a Tipo> Convertir a forma.
De vuelta en el panel Capas, la capa Tipo ahora es una capa Forma, lo que significa que nuestro texto ya no es editable:
La capa Tipo ahora es una capa Forma.
Y en el documento, vemos contornos de ruta alrededor de las letras, lo que nos permite saber que el texto es de hecho una forma:
El texto se ha convertido en una forma.
Relacionado: Cómo dibujar formas en Photoshop
Paso 5: mueve cada letra a su propia capa
Para superponer las letras y mezclar sus colores, necesitamos colocar cada letra en una capa separada. Agarra la herramienta de selección de ruta (la herramienta de flecha negra) de la barra de herramientas:
Elegir la herramienta de selección de ruta.
Luego, en Photoshop CC, vaya a la barra de opciones y cambie la opción Seleccionar a Todas las capas . Esto facilitará la selección de letras individuales. En Photoshop CS6, esta opción no está disponible, pero aún podrá seleccionar las letras con la misma facilidad:
Cambiar "Seleccionar" a "Todas las capas" (solo Photoshop CC).
De vuelta en la ventana del documento, haga clic en cualquier parte del fondo blanco para anular la selección de las letras. Luego, haga clic en la primera letra a la izquierda para seleccionarla. Volverá a aparecer un esquema de ruta alrededor de esa letra:
Seleccionar la primera letra de la palabra.
Para mover esta letra a su propia capa, vaya al menú Capa, elija Nuevo y luego elija Capa de forma a través de Corte (asegúrese de elegir Cortar y no Copiar). O, una forma más rápida (y la forma que recomiendo para este efecto) es presionar Shift + Ctrl + J (Win) / Shift + Command + J (Mac) en su teclado:
Ir a Capa> Nuevo> Capa de forma mediante corte.
No parece que haya sucedido nada, pero en el panel Capas, ahora vemos que la primera letra se ha movido a su propia capa de Forma sobre el original:
La primera letra se ha movido a su propia capa.
Continúa moviendo las letras a sus propias capas
Para mover las letras restantes a sus propias capas separadas, haga clic en una letra con la Herramienta de selección de ruta para seleccionarla (en Photoshop CS6, deberá hacer doble clic). Luego presione Shift + Ctrl + J (Win) / Shift + Command + J (Mac) para cortar la letra de la capa Shape original en su propia capa. Continúe moviéndose a través de las letras de una en una de izquierda a derecha hasta que cada una esté en una capa separada. Cuando llegue a la letra final a la derecha, puede dejarla porque será la única letra que queda en la capa de forma original:
El panel Capas que muestra cada letra de la palabra ahora en su propia capa.
Paso 6: cambie el modo de fusión de las letras a Multiplicar
En un momento, vamos a cambiar el color de cada letra y acercar las letras para que se superpongan. Dado que queremos que los colores en las áreas superpuestas se mezclen entre sí, debemos cambiar el modo de fusión para cada capa de Forma. Photoshop nos permite cambiar rápidamente el modo de fusión para varias capas a la vez.
Haga clic en la capa superior en el panel Capas para seleccionarla. Luego, para seleccionar también las otras capas de Forma, presione y mantenga presionada la tecla Mayús y haga clic en la capa de Forma original directamente encima de la capa de Fondo:
Seleccionando todas las letras a la vez.
Cambie el modo de fusión en la esquina superior izquierda del panel Capas de Normal a Multiplicar . Veremos el efecto del modo de mezcla Multiplicar una vez que comencemos a superponer las letras:
Cambiar el modo de fusión de las capas de Forma a Multiplicar.
Paso 7: coloque las capas de forma en un grupo de capas
Si bien tenemos las capas de Forma seleccionadas, ubicémoslas en un grupo de capas. Haga clic en el icono de menú en la esquina superior derecha del panel Capas:
Abrir el menú del panel Capas.
Luego elija Nuevo grupo de capas :
Elegir nuevo grupo de capas del menú.
En el cuadro de diálogo Nuevo grupo de capas, nombre el grupo "Letras" y luego haga clic en Aceptar:
Nombrando el grupo de capas.
De vuelta en el panel Capas, las capas de Forma ahora aparecen en un grupo llamado "Letras". Haga clic en el triángulo a la izquierda del icono de la carpeta para abrir el grupo:
Ver las capas de formas dentro del grupo.
Paso 8: cambia el color de cada letra
Cambiemos el color de cada letra. Comenzaremos con la primera letra a la izquierda. Haga doble clic en la miniatura de la capa de Forma superior en el panel Capas:
Haga doble clic en la miniatura de la capa Forma superior.
Esto abre el Selector de color de Photoshop. Elegiré un azul claro. Para usar el mismo color que estoy usando, establezca el valor R en 30, el valor G en 117 y el valor B en 197 :
Elegir un azul claro para la primera letra de la palabra.
Haga clic en Aceptar para cerrar el Selector de color, y la primera letra aparece en su nuevo color:
La primera letra es ahora azul claro.
Para cambiar el color de la segunda letra, vuelva a hacer doble clic en su miniatura en el panel Capas:
Haga doble clic en la miniatura de la segunda capa de Forma.
Elija un color diferente en el Selector de color. Elegiré el verde configurando R en 25, G en 161 y B en 53 :
Elegir un verde claro para la segunda letra.
Haga clic en Aceptar, y ahora la segunda letra aparece en verde (o el color que elija):
Dos colores menos, seis para ir.
Cambiar el color de las letras restantes
Continúe cambiando el color de cada letra en la palabra haciendo doble clic en su miniatura en el panel Capas y eligiendo un nuevo color del Selector de color. Para la tercera letra (" L "), elegiré amarillo ( R = 255, G = 190, B = 0 ), y para la cuarta letra (" O "), iré con magenta ( R = 158, G = 33, B = 150 ). Para la "R ", usaré naranja ( R = 244, G = 99, B = 36 ), y para la " F ", elegiré un rosa brillante ( R = 243, G = 43, B = 104 )
Cambiaré la segunda última letra (" U ") al mismo azul que usé para la primera letra ( R = 30, G = 117, B = 197 ). Y finalmente, usaré el mismo amarillo para la última letra (" L ") que usé para la tercera letra ( R = 255, G = 190, B = 0 ):
Cada letra es ahora de un color diferente.
Paso 9: agregue un degradado al grupo de capas
El texto definitivamente se ve más colorido, pero podemos mejorar los colores aún más aplicando un degradado al grupo de capas. Haga clic en el grupo de capas "Letras" en la parte superior del panel Capas para seleccionarlo:
Selección del grupo de capas "Letras".
Luego haga clic en el icono de Estilos de capa (el icono "fx") en la parte inferior del panel Capas:
Al hacer clic en el icono de estilos de capa.
Elija Gradient Overlay de la lista:
Elección de superposición de degradado.
Esto abre el cuadro de diálogo Estilo de capa de Photoshop establecido en las opciones de Superposición de degradado. Haga clic en el triángulo junto a la muestra de degradado para abrir el Selector de degradado. Luego elija el degradado Negro, Blanco haciendo doble clic en su miniatura (tercero desde la fila superior izquierda):
Elegir el degradado negro, blanco.
Establezca el Modo de fusión en Superposición, la Opacidad en 100%, el Estilo en lineal y el Ángulo en 90 grados, y luego haga clic en Aceptar:
Las opciones de Superposición de degradado.
Al aplicar el degradado de negro a blanco directamente al grupo de capas y establecer su modo de fusión en Superposición, el color plano de cada letra se convierte en un degradado, con un tono más claro en la parte superior y un tono más oscuro en la parte inferior:
Agregar una superposición de degradado al grupo es una forma rápida de convertir colores planos en degradados.
Relacionado: Cómo dibujar gradientes en Photoshop
Paso 10: selecciona la herramienta Mover y configúrala en Selección automática de capas
En este punto, todo lo que queda por hacer es acercar las letras para que se superpongan. Seleccione la herramienta Mover de la barra de herramientas:
Selección de la herramienta Mover.
Luego, en la barra de opciones, asegúrese de que la Selección automática esté activada (marcada) y que esté configurada en Capa, no en Grupo. Esto nos permitirá seleccionar cada letra simplemente haciendo clic en ella:
Activando Auto-Select y configurándolo en Layer.
Paso 11: Arrastra las letras juntas para que se superpongan
Haga clic en una letra con la herramienta Mover para seleccionarla. La capa de Forma para esa letra se resaltará en el panel Capas. Luego, arrastre la letra hacia la letra que está al lado hasta que se superpongan parte de las letras. Mantenga presionada la tecla Mayús mientras arrastra para facilitar el arrastre en línea recta. Aquí, hice clic en la segunda letra (la "O" verde) y la arrastré ligeramente hacia la primera letra ("C"). Observe que en las áreas donde se superponen las dos letras, los colores de cada letra se mezclan:
Haga clic en una letra para seleccionarla, luego arrástrela sobre parte de la letra junto a ella.
Haré clic en la tercera letra ("L") para seleccionarla, y luego la arrastraré hacia la izquierda mientras presiono Shift hasta que parte de ella se superponga con la letra "O". Asegúrate de hacer clic una vez para seleccionar la letra primero, suelta el botón del mouse y luego haz clic una segunda vez para arrastrarla, de lo contrario terminarás seleccionando y moviendo dos letras a la vez. En otras palabras, asegúrese de que la capa Forma de la letra que desea mover esté resaltada en el panel Capas antes de moverla:
El efecto de texto superpuesto está tomando forma.
Si accidentalmente selecciona y mueve dos letras a la vez, presione Ctrl + Z (Win) / Comando + Z (Mac) para deshacer su último paso. Haga clic en cualquier parte del fondo blanco para anular la selección de las letras y luego haga clic en la letra que necesita para seleccionarla.
Moviendo las letras restantes
Continúa arrastrando las letras restantes hasta que se superpongan. Nuevamente, recuerde hacer clic una vez en una letra para seleccionarla, suelte el botón del mouse y luego haga clic una segunda vez para moverla. También puede empujar las letras hacia la izquierda y hacia la derecha con las teclas de flecha izquierda y derecha del teclado. Aquí está mi resultado después de superponer las letras restantes. El único problema es que, después de acercar las letras, la palabra ahora parece demasiado pequeña en el documento. Terminaremos el tutorial aprendiendo cómo cambiar su tamaño a continuación:
El efecto después de mover cada letra para superponerlas.
Paso 12: cambie el tamaño del texto
Como todas nuestras letras están en capas separadas, para cambiar el tamaño del efecto, necesitaremos cambiar el tamaño de las capas como un grupo. Haga clic una vez más en el grupo de capas "Letras" en la parte superior del panel Capas para seleccionarlo:
Selección del grupo de capas.
Presione Ctrl + T (Win) / Comando + T (Mac) en su teclado para seleccionar rápidamente el comando Transformación libre de Photoshop. Luego, tal como lo hicimos anteriormente, mantenga presionada la tecla Mayús y arrastre cualquiera de los tiradores de las esquinas para cambiar el tamaño del texto. Mueva el texto para reposicionarlo haciendo clic y arrastrando dentro del cuadro Transformación libre:
Cambiar el tamaño del efecto con Transformación libre.
Presiona Enter (Win) / Return (Mac) en tu teclado para salir de Free Transform, ¡y listo! Aquí, después de hacer algunos ajustes menores al espaciado de las letras, está mi efecto final de texto "letras superpuestas de colores":
El efecto final.
¡Y ahí lo tenemos! ¡Así es como crear un efecto de texto de letras superpuestas, y cómo combinar los colores superpuestos, en Photoshop! ¡Asegúrese de consultar nuestras secciones de Efectos de texto para obtener más tutoriales!