En este Efectos de texto de Photoshop tutorial, vamos a crear un simple efecto de reflexión de texto. Este efecto se ha utilizado en todas partes en la publicidad, y como veremos, es muy fácil de hacer.
Aquí está el reflejo que crearemos:
El efecto de reflexión del texto final.
¡Empecemos!
Paso 1: Crear un nuevo documento de Photoshop
Crear un nuevo documento en blanco de Photoshop subiendo al Archivo en la parte superior de la pantalla y eligiendo Nuevo. También puede crear un nuevo documento con el atajo de teclado Ctrl+N (Ganar) / Comando+N (Mac). De cualquier forma, trae a colación el Photoshop… Nuevo documento cuadro de diálogo. Introduzca las dimensiones que necesita para su documento. Para este tutorial, voy a introducir 6 pulgadas para mi documento Ancho, 3 pulgadas para el Alturay un Resolución de 300 píxeles/pulgada. Haga clic en OK cuando termines de salir del cuadro de diálogo. Su nuevo documento en blanco aparecerá en su pantalla:
Crear un nuevo documento de Photoshop en blanco.
Paso 2: Llenar el nuevo documento con negro
Este paso es opcional, pero voy a usar el negro como color de fondo para mi documento en lugar del blanco predeterminado. Si prefieres seguir con el blanco, puedes saltarte este paso. Para rellenar el documento con negro, suba al menú Edita en la parte superior de la pantalla y elegir Llene para sacar a relucir el comando de relleno de Photoshop:
Ir a Editar; Llenar.
También puede seleccionar el comando de llenado con el atajo del teclado Shift+F5. De cualquier manera aparece el cuadro de diálogo de llenado. En la parte superior de la caja de diálogo está el Contenido con una opción llamada simplemente Utilice. Seleccione Negro de la lista a la derecha de la palabra Usar:
Selecciona Negro en la sección de Contenido en la parte superior del cuadro de diálogo Rellenar.
Haga clic en OK cuando terminas de salir del cuadro de diálogo, y Photoshop llena el documento con negro:
El fondo del documento está ahora lleno de negro.
Paso 3: Seleccionar la herramienta de tipo
Para añadir texto al documento, necesitamos que Photoshop Escriba también…l. Puede hacer clic en él en la paleta de herramientas para seleccionarlo, o para una forma más rápida, presione la letra T en tu teclado para seleccionarlo con el atajo:
Seleccione la herramienta de tipo.
Paso 4: Seleccionar una fuente
Con la herramienta de tipo seleccionada, suba al Barra de opciones en la parte superior de la pantalla y elige la fuente que te gustaría usar para el efecto. La elección de las fuentes dependerá de las fuentes que tengas instaladas actualmente en tu ordenador. Me quedaré con algo simple y elegiré Gill Sans Light para mi efecto. No te preocupes por el tamaño de la fuente por ahora:
Elija una fuente de la barra de opciones.
Paso 5: Seleccionar un color para el texto
A continuación, tenemos que elegir un color para nuestro texto. Hay varias formas de elegir un color para el texto en Photoshop. Para este tutorial, voy a usar una forma muy simple y rápida, que es seleccionar un color ya preparado de la Paleta de muestras. Cambia a tu paleta de Muestras, que por defecto está agrupada entre las paletas de Color y Estilo. La paleta Muestras contiene una colección de muestras de color que se instalan por defecto con Photoshop. Para elegir uno de los colores, simplemente mueve el cursor del ratón sobre su muestra de color. Verás que el cursor se convierte en un cuentagotas. Haz clic en la muestra con el cuentagotas para seleccionar el color. Voy a elegir la muestra roja de la esquina superior izquierda:
Elige un color para el texto haciendo clic en una muestra de color en la paleta Muestras.
Paso 6: Añadir su texto
Una vez que hayas elegido un color, haz clic en cualquier parte del documento y añade tu texto. Voy a escribir la palabra «REFLEXIONES», todo en mayúsculas:
Añade tu texto al documento.
Cuando termines, haz clic en el marca de verificación en la Barra de Opciones para aceptar su texto y salir del modo de edición de texto:
Haga clic en la marca de verificación de la barra de opciones para aceptar el texto.
Paso 7: Redimensionar el texto si es necesario con Free Transform
Si necesitas cambiar el tamaño de tu texto, sube al Edita en la parte superior de la pantalla y elegir Transformación libre…o presiona el atajo del teclado… Ctrl+T (Ganar) / Comando+T (Mac). De cualquier forma, aparece el comando Transformación Libre de Photoshop, que nos permitirá redimensionar fácilmente el texto y moverlo también si es necesario:
Ir a Edición; Transformación Libre.
Una vez que lo hayas seleccionado, verás el cuadro de Transformación libre y las manijas que aparecen alrededor del texto en el documento. Para cambiar el tamaño del texto, mantén pulsada la tecla Cambio que le evitará distorsionar accidentalmente la relación de aspecto ancho y alto del texto al cambiar su tamaño, luego simplemente haga clic en cualquiera de los cuatro mangos de las esquinas (los pequeños cuadrados) y arrástrelos hacia adentro para hacer el texto más pequeño o hacia afuera para hacerlo más grande. Para mover el texto, haz clic en cualquier lugar dentro del cuadro Transformación libre y arrastra el texto a una nueva ubicación. Simplemente no hagas clic en el pequeño símbolo de destino en el centro del cuadro, de lo contrario moverás el símbolo de destino, no el texto. Voy a agrandar un poco el texto manteniendo pulsada la tecla Mayúsculas y arrastrando el mango de la esquina inferior derecha hacia fuera. También voy a arrastrar el texto un poco hacia abajo para que la parte inferior del texto aparezca más cerca del centro horizontal del documento:
Utilice Transformación Libre para cambiar el tamaño y/o mover el texto si es necesario.
Cuando termines, presiona Entra en (Ganar) / Devuelve (Mac) para aceptar la transformación y salir del comando de la Transformación Libre.
Paso 8: Duplicar la capa de texto
Ahora que tenemos nuestro texto, podemos empezar a crear el efecto de reflexión. Lo primero que necesitaremos es una copia de nuestro texto, así que vamos a duplicar la capa de texto subiendo a la Capa manu en la parte superior de la pantalla, eligiendo Nuevoy luego eligiendo Capa a través de la copia. O, para una forma mucho más rápida de duplicar una capa, simplemente pulse el atajo de teclado Ctrl+J (Ganar) / Comando+J (Mac):
Vaya a Capa; Nueva; Capa vía Copia.
De cualquier manera le dice a Photoshop que haga una copia de nuestra capa de texto. Parece que no ha pasado nada en nuestro documento, pero si miramos nuestra paleta de capas, podemos ver que ahora tenemos una copia de la capa situada directamente encima del original (fíjese que la copia tiene la palabra «copia» en su nombre):
Una copia de la capa de texto aparece sobre el original.
Paso 9: Voltear la capa de texto verticalmente
A continuación, tenemos que voltear nuestra capa de texto copiado al revés, y el Photoshop sólo viene con un comando diseñado específicamente para tal tarea. Sube al Edita menú una vez más, elija Transformary luego elegir Voltear verticalmente:
La capa de texto copiada aparecerá invertida frente a la capa de texto original, creando un interesante, aunque totalmente ilegible, efecto visual:
La capa de texto copiado aparece al revés frente al texto original.
Paso 10: Arrastrar el texto copiado debajo del original
Seleccione el Muévete tambiénl de la paleta de herramientas, o presione la letra T para seleccionarlo con el atajo del teclado:
Seleccione la herramienta de movimiento.
Luego, con la capa de texto copiado aún seleccionada en la paleta de capas (las capas seleccionadas están resaltadas en azul), mantenga presionada su Cambio y luego haga clic dentro del documento y arrastre el texto copiado, al revés, debajo del texto original. Si mantienes pulsada la tecla Shift mientras arrastras, te resultará más fácil arrastrar el texto hacia abajo, ya que evita que te muevas accidentalmente a la izquierda o a la derecha:
Arrastra el texto copiado hasta que esté justo debajo del original.
Paso 11: Añadir una máscara de capa al texto volteado
En este punto, todo lo que queda por hacer para crear nuestro efecto de reflexión es hacer que nuestro texto al revés se desvanezca de arriba a abajo en la transparencia. Para eso, usaremos un máscara de capa. Para añadir una máscara de capa a nuestra capa de texto copiado, asegúrese de que todavía tiene la capa de texto copiado seleccionada, entonces simplemente haga clic en el botón Máscara de capa en la parte inferior de la paleta de capas:
Haga clic en el icono de la Máscara de Capa en la parte inferior de la paleta de Capas.
No pasará nada en el documento, pero notarán que un pequeño rectángulo blanco ha aparecido a la derecha de la capa de texto en la paleta de capas. Esta es la máscara de la capa vista previa de la miniatura…haciéndonos saber que ahora tenemos una máscara de capa en esta capa, aunque todavía no hemos hecho nada con ella:
Una miniatura de la máscara de capa aparece en la capa de texto copiado en la paleta de capas.
Paso 12: Seleccionar la herramienta de gradiente
Para hacer que el texto de esta capa se desvanezca en la transparencia, necesitamos dibujar un gradiente de negro a blanco en nuestra máscara de capa (para más información sobre cómo funcionan las máscaras de capa, asegúrese de revisar nuestra completa Comprensión de las máscaras de capa tutorial en el Conceptos básicos de Photoshop de la página web). Para dibujar un degradado, necesitaremos usar el Photoshop Herramienta de gradienteasí que, o bien lo selecciona en la paleta de herramientas o simplemente pulse la letra G en tu teclado para seleccionarlo con el atajo:
Seleccione la herramienta de gradiente.
Con la herramienta de gradiente seleccionada, verás que la barra de opciones en la parte superior de la pantalla ha cambiado para mostrarte las opciones específicas de la herramienta de gradiente. A la izquierda de la Barra de Opciones, verás un área de vista previa del gradiente mostrando el gradiente actualmente seleccionado. En mi caso, ya está mostrando el gradiente de negro a blanco que necesito. Si el tuyo también muestra el gradiente de negro a blanco, puedes saltarte este paso. Si ves diferentes colores en el área de vista previa, haz clic directamente en el área de vista previa:
Haz clic en el área de vista previa del gradiente en la barra de opciones.
Esto nos lleva al Photoshop Editor de Gradientesque nos muestra una colección de gradientes entre los que podemos elegir. El que queremos es el gradiente de negro a blanco…tercero desde la izquierda, en la fila superior. Haz clic en él para seleccionarlo, luego haz clic en OK en la esquina superior derecha del cuadro de diálogo para salir de él:
Seleccione el gradiente de negro a blanco en el editor de gradientes.
Paso 13: Dibujar un gradiente vertical de abajo a arriba a lo largo del texto al revés
Con la herramienta de gradiente y el gradiente de negro a blanco seleccionados, todo lo que necesitamos hacer ahora es dibujar un gradiente vertical a lo largo de nuestro texto al revés. Primero, asegúrate de tener seleccionada la máscara de capa, no la capa en sí misma. Deberías ver un borde de resalte blanco alrededor de la miniatura de la máscara de capa en la paleta de capas que nos dice que la máscara de capa está seleccionada. Haga clic en la miniatura de vista previa de la máscara de capa para seleccionarla si no ve el borde resaltado alrededor de ella.
Para dibujar el gradiente, haga clic en el interior del documento aproximadamente 3/4 del camino hacia la parte inferior del texto al revés. Luego mantenga presionada la tecla Cambio y arrastrar hasta el punto donde el texto al revés se encuentra con el texto original. Mantener pulsada la tecla Shift mientras se arrastra impide que se mueva a la izquierda o a la derecha mientras se arrastra hacia arriba:
Haga clic y arrastre un gradiente de negro a blanco verticalmente a lo largo del texto al revés.
Suelte el botón del ratón cuando haya terminado, que es cuando Photoshop dibuja realmente el degradado, y verá que el texto al revés ahora se desvanece a medida que se mueve más hacia la parte inferior de las letras:
El texto inferior se desvanece ahora en la transparencia después de dibujar el gradiente en la máscara de la capa.
Desde que dibujamos el gradiente de negro a blanco en la máscara de la capa, no podemos verlo en el documento, pero puede lo vemos si miramos la miniatura de la vista previa de la máscara de capas en la paleta de capas:
La miniatura de la máscara de la capa muestra el gradiente real de negro a blanco.
Paso 14: Ajustar la opacidad de la capa para afinar el efecto
Si quieres que tu reflejo de texto aparezca un poco más descolorido, simplemente sube al Opacidad en la esquina superior derecha de la paleta de capas y bajar la opacidad de la capa. Voy a bajar la mía hasta 50%:
Bajar la opacidad de la capa para desvanecer aún más el reflejo.
Aquí, después de bajar la opacidad, es mi efecto final de reflexión del texto:
El efecto de reflexión del texto final.
A dónde ir después…
¡Y ahí lo tenemos! Visita nuestras secciones de Efectos de Texto o Efectos de Foto para más tutoriales de efectos de Photoshop!
