Efecto de Reflexión de Texto en Photoshop

Efecto de Reflexión de Texto en Photoshop

Efecto de Reflexión de Texto en Photoshop

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:

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

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 Neu. También puede crear un nuevo documento con el atajo de teclado Ctrl+N (Win) / 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 Zoll para mi documento Ancho, 3 pulgadas fürs Alturay un Resolución von 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:

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

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:

Seleccionando Rellenar en el menú de edición de Photoshop. Imagen © 2009 Photoshop Essentials.com

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 Schwarz de la lista a la derecha de la palabra Usar:

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

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 documento de Photoshop está ahora lleno de negro. Imagen © 2009 Photoshop Essentials.com

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:

La herramienta de escritura en Photoshop. Imagen © 2009 Photoshop Essentials.com

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:

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

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:

DATEI Tipo de borroso editable con estilos de capas en Photoshop

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

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ñadiendo texto al documento en Photoshop. Imagen © 2009 Photoshop Essentials.com

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:

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

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 Freie Transformation…o presiona el atajo del teclado… Ctrl+T (Win) / 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:

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

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:

Redimensionando el 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 Entra en (Win) / 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 Neuy 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 STRG+J (Win) / BEFEHL+J (Mac):

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

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

La paleta de capas en Photoshop. Imagen © 2009 Photoshop Essentials.com

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:

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

Ir a Edición; Transformación; Voltear vertical.

DATEI Gire y escale las letras individuales en el texto

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 copiada ahora está al revés. Imagen © 2009 Photoshop Essentials.com

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:

Seleccionando la Herramienta de Mover en Photoshop. Imagen © 2009 Photoshop Essentials.com

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:

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

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 Ebenenmaske. 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:

Haciendo clic en el icono de Añadir Máscara de Capa en la paleta de Capas en Photoshop. Imagen © 2009 Photoshop Essentials.com

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:

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

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:

Seleccionando la herramienta de gradiente en Photoshop. Imagen © 2009 Photoshop Essentials.com

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:

Las opciones de la Herramienta de Gradiente en la Barra de Opciones de Photoshop. Imagen © 2009 Photoshop Essentials.com

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:

DATEI Efecto de texto con ráfagas de luz de colores con Photoshop CS6

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

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:

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

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 del fondo ahora se desvanece en la transparencia. Imagen © 2009 Photoshop Essentials.com

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 Dose lo vemos si miramos la miniatura de la vista previa de la máscara de capas en la paleta de capas:

La máscara de capa muestra una miniatura del gradiente de negro a blanco. Imagen © 2009 Photoshop Essentials.com

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 Undurchsichtigkeit 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%:

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

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:

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! Visita nuestras secciones de Efectos de Texto o Efectos de Foto para más tutoriales de efectos de Photoshop!

Hinaufgehen

Wir verwenden unsere eigenen Cookies und Cookies von Drittanbietern, um die Benutzererfahrung zu verbessern. Mehr Informaticon