Efecto de reflejo de texto en Photoshop

Efecto de reflejo de texto en Photoshop

Efecto de reflejo de texto en Photoshop

En esto Efectos de texto de Photoshop tutorial, vamos a crear un efecto de reflexión de texto simple. Este efecto se ha utilizado en todas partes en publicidad y, como veremos, es muy fácil de hacer.

Aquí está el reflejo que crearemos:

Un efecto de reflejo de texto en Photoshop.  Imagen © 2009 Photoshop Essentials.com

El efecto de reflexión del texto final.

¡Empecemos!


Paso 1: cree un nuevo documento de Photoshop

Cree un nuevo documento de Photoshop en blanco subiendo al Expediente menú en la parte superior de la pantalla y seleccionando Nuevo. También puede crear un nuevo documento con el atajo de teclado Ctrl + N (Ganar) / Comando + N (Mac). De cualquier manera, aparece Photoshop Nuevo documento caja de diálogo. Ingrese las dimensiones que necesita para su documento. Para este tutorial, voy a ingresar 6 pulgadas para mi documento Ancho, 3 pulgadas Para el Alturay un Resolución de 300 píxeles / pulgada. Hacer clic OK cuando haya terminado para salir del cuadro de diálogo. Su nuevo documento en blanco aparecerá en su pantalla:

El cuadro de diálogo Nuevo documento en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Cree un nuevo documento de Photoshop en blanco.

Paso 2: rellene el nuevo documento con negro

Este paso es opcional, pero usaré el negro como color de fondo para mi documento en lugar del blanco predeterminado. Si prefiere seguir con el blanco, puede omitir este paso. Para llenar el documento de negro, suba a la Editar en la parte superior de la pantalla y elija Llenar para abrir el comando de relleno de Photoshop:

Seleccionando Relleno en el menú Editar en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Vaya a Editar> Rellenar.

También puede seleccionar el comando Rellenar con el método abreviado de teclado Mayús + F5. De cualquier manera, aparece el cuadro de diálogo Rellenar. En la parte superior del cuadro de diálogo está el Contenido sección, con una opción simplemente nombrada Usar. Seleccione Negro de la lista a la derecha de la palabra Uso:

El cuadro de diálogo del comando Rellenar en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Seleccione Negro en la sección Contenido en la parte superior del cuadro de diálogo Relleno.

Hacer clic OK cuando haya terminado para salir del cuadro de diálogo, y Photoshop llenará el documento con negro:

El documento de Photoshop ahora está lleno de negro.  Imagen © 2009 Photoshop Essentials.com

El fondo del documento ahora está relleno de negro.

Paso 3: seleccione la herramienta Texto

Para agregar texto al documento, necesitamos Photoshop Escriba tambiénl. 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 su teclado para seleccionarlo con el atajo:

La herramienta Texto en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Seleccione la herramienta Texto.

Paso 4: seleccione una fuente

Con la Herramienta de texto seleccionada, suba a la Barra de opciones en la parte superior de la pantalla y elija la fuente que le gustaría usar para el efecto. Su elección de fuentes dependerá de las fuentes que tenga actualmente instaladas en su computadora. Me quedaré con algo simple y elegiré Gill Sans Light para mi efecto. No se preocupe por el tamaño de la fuente por ahora:

Elegir una fuente en la barra de opciones de Photoshop.  Imagen © 2009 Photoshop Essentials.com

Elija una fuente de la barra de opciones.

Paso 5: seleccione un color para el texto

A continuación, debemos elegir un color para nuestro texto. Hay algunas formas diferentes de elegir un color de texto en Photoshop. Para este tutorial, voy a usar una forma muy simple y rápida, que consiste en seleccionar un color listo para usar del Paleta de muestras. Cambie a la paleta Muestras, que de forma predeterminada está agrupada entre las paletas Color y Estilos. La paleta Muestras contiene una colección de muestras de color que se instalan de forma predeterminada con Photoshop. Para elegir uno de los colores, simplemente mueva el cursor del mouse sobre su muestra de color. Verás que el cursor se convierte en un cuentagotas. Haga clic en la muestra con el cuentagotas para seleccionar el color. Voy a elegir la muestra roja en la esquina superior izquierda:

La paleta Muestras en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Elija un color para el texto haciendo clic en una muestra de color en la paleta Muestras.

Paso 6: agregue su texto

Una vez que haya elegido un color, haga clic en cualquier lugar dentro del documento y agregue su texto. Voy a escribir la palabra «REFLEXIONES», todo en mayúsculas:

Agregar texto al documento en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Agrega tu texto al documento.

Cuando haya terminado, haga 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:

Haciendo clic en la marca de verificación en la barra de opciones para aceptar el texto.  Imagen © 2009 Photoshop Essentials.com

Haga clic en la marca de verificación en la barra de opciones para aceptar el texto.

Paso 7: cambie el tamaño del texto si es necesario con Free Transform

Si necesita cambiar el tamaño de su texto, vaya al Editar en la parte superior de la pantalla y elija Transformación libre, o presione el atajo de teclado Ctrl + T (Ganar) / Comando + T (Mac). De cualquier manera, aparece el comando Transformación libre de Photoshop, que nos permitirá cambiar fácilmente el tamaño del texto y moverlo también si es necesario:

Seleccionando el comando Transformación libre en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Vaya a Editar> Transformación libre.

Una vez que lo haya seleccionado, verá el cuadro Transformación libre y los tiradores aparecerán alrededor de su texto en el documento. Para cambiar el tamaño del texto, mantenga presionada la tecla Cambio , que evitará que distorsione accidentalmente la relación de aspecto de ancho a alto del texto a medida que lo cambia de tamaño, luego simplemente haga clic en cualquiera de los cuatro controles de esquina (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, haga clic en cualquier lugar dentro del cuadro Transformación libre y arrastre el texto a una nueva ubicación. Simplemente no haga clic en el pequeño símbolo de destino en el centro del cuadro, de lo contrario, moverá el símbolo de destino, no el texto. Voy a hacer que mi texto sea un poco más grande manteniendo presionada la tecla Mayús y arrastrando la manija en la esquina inferior derecha hacia afuera. 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:

Cambiar el tamaño del texto con el comando Transformación libre en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Utilice Transformación libre para cambiar el tamaño y / o mover el texto si es necesario.

Cuando termines, presiona Ingresar (Ganar) / Regreso (Mac) para aceptar la transformación y salir del comando Transformación libre.

Paso 8: duplica la capa de texto

Ahora que tenemos nuestro texto, podemos comenzar a crear el efecto de reflexión. Lo primero que necesitaremos es una copia de nuestro texto, así que dupliquemos la capa de texto subiendo al Capa manu en la parte superior de la pantalla, eligiendo Nuevoy luego elegir Capa a través de Dupdo. O, para una forma mucho más rápida de duplicar una capa, simplemente presione el atajo de teclado Ctrl + J (Ganar) / Comando + J (Mac):

Duplicando la capa de texto en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Vaya a Capa> Nueva> Capa a través de Copiar.

De cualquier manera le dice a Photoshop que haga una copia de nuestra capa de texto. No parecerá que sucedió nada en nuestro documento, pero si miramos nuestra paleta Capas, podemos ver que ahora tenemos una copia de la capa directamente encima del original (observe que la copia tiene la palabra «copia» en su nombre ):

La paleta Capas en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Aparece una copia de la capa de texto sobre el original.

Paso 9: voltea la capa de texto verticalmente

A continuación, necesitamos voltear nuestra capa de texto copiada al revés, y Photoshop viene con un comando diseñado específicamente para tal tarea. Sube al Editar menú una vez más, elija Transformary luego elige Voltear vertical:

Voltear la capa de texto verticalmente en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Vaya a Edición> Transformar> Voltear verticalmente.

La capa de texto copiada aparecerá invertida frente a la capa de texto original, creando un efecto visual interesante, aunque completamente ilegible:

La capa de texto copiada ahora está invertida.  Imagen © 2009 Photoshop Essentials.com

La capa de texto copiado aparece al revés delante del texto original.

Paso 10: arrastre el texto copiado debajo del original

Selecciona el Mover tambiénl en la paleta de Herramientas, o presione la letra T para seleccionarlo con el atajo de teclado:

Seleccionando la herramienta Mover en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Seleccione la herramienta Mover.

Luego, con la capa de texto copiada aún seleccionada en la paleta Capas (las capas seleccionadas están resaltadas en azul), mantenga presionada la tecla Cambio , luego haga clic dentro del documento y arrastre el texto copiado al revés debajo del texto original. Mantener presionada la tecla Mayús mientras arrastra hace que sea más fácil arrastrar el texto hacia abajo, ya que evita que se mueva accidentalmente hacia la izquierda o hacia la derecha:

Arrastrando el texto copiado hacia abajo debajo del texto original.  Imagen © 2009 Photoshop Essentials.com

Arrastre el texto copiado hacia abajo hasta que esté justo debajo del original.

Paso 11: agregue 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 transparencia. Para eso, usaremos un máscara de capa. Para agregar una máscara de capa a nuestra capa de texto copiada, asegúrese de que aún tiene seleccionada la capa de texto copiada, luego simplemente haga clic en el Máscara de capa en la parte inferior de la paleta Capas:

Al hacer clic en el icono Agregar máscara de capa en la paleta Capas en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Haga clic en el icono de Máscara de capa en la parte inferior de la paleta Capas.

No ocurrirá nada en el documento, pero notará que ha aparecido un pequeño rectángulo blanco a la derecha de la capa de texto en la paleta Capas. Esta es la máscara de capa vista previa en miniatura, haciéndonos saber que ahora tenemos una máscara de capa en esta capa, aunque todavía no hemos hecho nada con ella:

La miniatura de vista previa de la máscara de capa en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Aparece una miniatura de vista previa de la máscara de capa en la capa de texto copiada en la paleta Capas.

Paso 12: seleccione la herramienta de degradado

Para hacer que el texto de esta capa se convierta en transparencia, necesitamos dibujar un degradado de blanco a negro en nuestra máscara de capa (para obtener más información sobre cómo funcionan las máscaras de capa, asegúrese de consultar nuestra completa Comprensión de las máscaras de capa tutorial en el Conceptos básicos de Photoshop sección del sitio web). Para dibujar un degradado, necesitaremos usar Photoshop Herramienta gradiente, así que selecciónelo de la paleta de Herramientas o simplemente presione la letra GRAMO en su teclado para seleccionarlo con el atajo:

Seleccionando la herramienta Degradado en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Seleccione la herramienta de degradado.

Con la herramienta de degradado seleccionada, verá que la barra de opciones en la parte superior de la pantalla ha cambiado para mostrarle opciones específicamente para la herramienta de degradado. A la izquierda de la barra de opciones, verá un área de vista previa de degradado mostrándole el degradado actualmente seleccionado. En mi caso, ya muestra el degradado de blanco a negro que necesito. Si el suyo también muestra el degradado de negro a blanco, puede omitir este paso. Si ve diferentes colores en su área de vista previa, haga clic directamente en el área de vista previa:

Las opciones de la herramienta de degradado en la barra de opciones de Photoshop.  Imagen © 2009 Photoshop Essentials.com

Haga clic en el área de vista previa del degradado en la barra de opciones.

Esto trae a Photoshop Editor de degradado, que nos muestra una colección de degradados entre los que podemos elegir. El que queremos es el degradado de negro a blanco, tercero desde la izquierda, fila superior. Haga clic en él para seleccionarlo, luego haga clic en OK en la esquina superior derecha del cuadro de diálogo para salir de él:

El editor de degradado en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Seleccione el degradado de negro a blanco en el Editor de degradado.

Paso 13: Dibuja un degradado vertical de abajo hacia arriba a lo largo del texto al revés

Con la herramienta Degradado y el degradado de negro a blanco seleccionado, todo lo que tenemos que hacer ahora es dibujar un degradado vertical a lo largo de nuestro texto al revés. Primero, asegúrese de tener seleccionada la máscara de capa, no la capa en sí. Deberías ver un borde resaltado blanco alrededor de la miniatura de la máscara de capa en la paleta 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 a su alrededor.

Para dibujar el degradado, haga clic dentro del documento aproximadamente 3/4 del camino hacia la parte inferior del texto al revés. Entonces mantén presionado tu Cambio y arrastre hasta el punto donde el texto al revés se encuentra con el texto original. Mantener presionada la tecla Mayús mientras arrastra evita que se mueva hacia la izquierda o hacia la derecha mientras arrastra hacia arriba:

Dibujar un degradado en la máscara de capa en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Haga clic y arrastre un degradado de negro a blanco verticalmente a lo largo del texto al revés.

Suelte el botón del mouse cuando haya terminado, que es cuando Photoshop realmente dibuja el degradado, y verá que el texto al revés ahora se desvanece a medida que avanza hacia la parte inferior de las letras:

El texto inferior ahora se vuelve transparente.  Imagen © 2009 Photoshop Essentials.com

El texto inferior ahora se desvanece en transparencia después de dibujar el degradado en la máscara de capa.

Dado que dibujamos el degradado de negro a blanco en la máscara de capa, no podemos verlo en el documento, pero pueden lo vemos si miramos la miniatura de vista previa de la máscara de capa en la paleta Capas:

La miniatura de vista previa de la máscara de capa que muestra el degradado de negro a blanco.  Imagen © 2009 Photoshop Essentials.com

La miniatura de vista previa de la máscara de capa muestra el degradado real de negro a blanco.

Paso 14: ajuste la opacidad de la capa para ajustar el efecto

Si quieres tu texto reflejo para parecer un poco más descolorido, simplemente suba al Opacidad en la esquina superior derecha de la paleta Capas y baje la opacidad de la capa. Voy a bajar la mía hasta 50%:

La opción de opacidad de la capa en la paleta Capas en Photoshop.  Imagen © 2009 Photoshop Essentials.com

Disminuye la opacidad de la capa para atenuar aún más el reflejo.

Aquí, después de reducir la opacidad, está mi efecto de reflexión de texto final:

Un efecto de reflejo de texto en Photoshop.  Imagen © 2009 Photoshop Essentials.com

El efecto de reflexión del texto final.


A dónde ir después …

¡Y ahí lo tenemos! Visite nuestras secciones Efectos de texto o Efectos fotográficos para obtener más tutoriales de efectos de Photoshop.

Obtenga todos nuestros tutoriales de Photoshop en formato PDF. ¡Descárgalos hoy!