Reflexiones de Photoshop 101

Hoy vamos a aprender todo sobre cómo hacer reflexiones convincentes en Photoshop. Reflejos de texto, reflejos en 3D, reflejos de tomas de productos, todo tipo de reflejos locos. Discutiremos todo, desde transformaciones personalizadas hasta modos de fusión y más. Si eres un principiante o un profesional, probablemente aprenderás una o dos cosas.

Puede que estés pensando que las reflexiones causaron furor hace algunos años, pero actualmente estás perdiendo un poco de vapor, y estarías en lo cierto. Sin embargo, aún puede ver muchos de ellos en la práctica en Apple.com y otros sitios. Definitivamente, debes tener cuidado de no usarlas en exceso y agregar tendencias a la mala web 2.0, pero también debes saber que de vez en cuando pueden agregar clase a un artículo aburrido.

Reflexiones de texto

Comenzaremos con uno de los elementos más comunes que verás reflejado: texto. Primero, configura un texto simple en Photoshop. Asegúrese de que el fondo sea bastante sólido, ya que los reflejos no tienen mucho sentido cuando se colocan sobre fotografías o texturas.

Ahora copie la capa de texto para que tenga una capa de inicio para la reflexión. Tu instinto podría ser rotar esta capa, pero obviamente, eso no va a dar los resultados correctos en absoluto.

Como puede ver, una rotación simple conduce a una reflexión que es lo contrario de lo que desea. En su lugar, lo que quieres hacer es ir a? Editar? en el menú en la parte superior de la pantalla. Desde aquí vas a? Transformar? y haga clic en 'Flip Vertical'.

¡Esto logrará el efecto de espejo que estamos buscando!

Desafortunadamente, esto no parece muy convincente, ¿verdad? Tendremos que trabajar un poco más si queremos que sea un poco realista.

El primer paso aquí es agregar una máscara a la capa de reflexión. Esto se logra haciendo clic en el pequeño rectángulo con un círculo en la paleta de capas.

Las máscaras de capa son bastante complicadas y merecen un artículo por su cuenta, pero aquí hay un curso intensivo. Esencialmente añaden transparencia selectiva a las capas. Pintar negro hace que un área de la capa sea completamente transparente, pintar blanco hace que un área de la capa sea completamente opaca, y varios tonos de gris hacen todo lo que se encuentra en el medio.

Entonces, con la máscara de capa seleccionada, si queremos desvanecer una capa gradualmente. Necesitamos crear un degradado que comience con blanco y se desvanezca a negro. Al hacer clic en una máscara de capa, puede ver los tonos reales utilizados en su máscara. Debería verse algo así abajo.

Una vez aplicado, esto debería darle a su reflejo un efecto realmente agradable que lo lleve de opaco a transparente. Después de esto, reduce la opacidad de tu capa de reflexión y obtendrás una buena reflexión de texto.

Mira a esos descendientes

Como regla general, evite reflejar cualquier texto con descendientes (minúscula y, g, etc.). La razón es que no importa lo que hagas, todavía parece desordenado.

Si tiene letras con descendientes, intente convertir a mayúsculas como en el primer ejemplo anterior. Como las letras mayúsculas generalmente no tienen descendientes, esta es una de las soluciones más fáciles y más naturales.

Selección de fuente: elegir sabiamente

Otra cosa a tener en cuenta al reflejar texto es el tipo de letra que usa. Recuerde que las reflexiones implican brillante, brillante, nuevo, etc. Esta idea no encajará bien con todas las fuentes de su biblioteca. Tiendo a apegarme a las fuentes modernas y evitar todo lo que parezca intencionalmente envejecido o femenino, como los guiones.

Añadiendo Blur

Un efecto popular que los diseñadores a menudo agregan a sus reflexiones es el desenfoque. Hay un par de maneras de hacerlo, pero algunas son mejores que otras. En general, prefiero la edición no destructiva siempre que sea posible. Érase una vez, el desenfoque no destructivo ni siquiera era posible, pero la invención de Smart Objects y Smart Filters ha mejorado dramáticamente la situación.

Para comenzar, configure su reflejo como la última vez, solo convierta la capa en un objeto inteligente a través de Capas> Objetos inteligentes> Convertir a objeto inteligente en el menú superior.

Con el objeto inteligente seleccionado, aplique un filtro de desenfoque gaussiano. Algunas cosas importantes suceden en este punto. Primero, un objeto de Desenfoque gaussiano editable aparece en tu capa. Hacer doble clic en esto en cualquier momento le permitirá ajustar la intensidad del desenfoque. También tenga en cuenta que hacer doble clic en el objeto inteligente le permitirá editar el texto de la capa.

Otra cosa importante que sucedió es que se creó una máscara para el filtro. Si usamos esta máscara como la de arriba, podemos crear un degradado que controle la apariencia del desenfoque. Abajo he hecho que el desenfoque sea intenso en la parte inferior del reflejo, y ausente en la parte superior.

Después de esto, aplique otra máscara con un degradado directamente a la capa y reduzca la opacidad como hicimos antes. El resultado es un reflejo interesante que nos da una apariencia de vidrio mojado o esmerilado.

Este truco funciona muy bien con cualquiera de los filtros en Photoshop. Inténtelo de nuevo con un filtro de ondulación para algo que está distorsionado más intensamente.

Reflejando un objeto 3D

Las técnicas anteriores no solo se aplican al texto, sino a cualquier objeto bidimensional que desee reflejar. ¿Pero qué haces cuando tu objeto es más complejo? Decir como una caja?

Si seguimos los primeros pasos descritos anteriormente para voltear el objeto, se producirá un desastre. Esto no va a hacer una reflexión convincente en absoluto.

Resulta que reflejar un cuadro simple es incluso más fácil que reflejar texto. Ni siquiera tiene que realizar una transformación inicial, simplemente duplique la capa de cuadro y apile los dos uno encima del otro.

Luego, puede aplicar una máscara y reducir la opacidad, como hicimos con el texto, ¡y tiene un cuadro bellamente reflejado!

Este truco funciona en muchas formas. Por ejemplo, el iPhone que se lanzó al principio de este artículo podría haberse reflejado fácilmente con esta técnica.La limpieza mínima hubiera sido necesaria para asegurarse de que los aspectos destacados y los detalles, como las cabezas de los tornillos, se reflejaran correctamente, pero de lo contrario, se haría en segundos.

Reflejando disparos de productos

Ya puedo oírte decir: ¡No tan rápido! ¿Cuáles son las probabilidades de que alguna vez tengas que reflejar la forma de una caja antigua? Puede suceder de vez en cuando, pero es mucho más probable que esté reflejando una foto de producto o algo más complejo.

Este es un problema que solía encontrar cuando trabajaba para una empresa que creaba anuncios de comida para perros. Mira lo que sucede si utilizo el truco anterior en una reflexión de disparo de producto real.

Como puedes ver, el cuadro de arte arruina el efecto. Esto debería estar al revés. Tendremos que llevar esto un paso más allá si queremos lograr un buen reflejo de esta imagen.

Tenga en cuenta que Photoshop ahora tiene muchas herramientas 3D que lo ayudan en esta situación, simplemente construyendo un objeto 3D que puede girar de cualquier manera. Sin embargo, no siempre tendrá el tiempo o los recursos para crear un objeto 3D real, por lo que debe saber cómo falsificarlo de manera efectiva.

Lo primero que quieres hacer es voltear la imagen verticalmente como hicimos con el texto de arriba.

A continuación, debe pulsar Comando y hacer clic en la vista previa de la capa para tomar una selección del objeto. Mientras mantiene presionada la tecla Opción, anule la selección de la parte lateral de la caja para que solo el frente esté contenido en su selección activa.

Con esta selección activa, realice una Transformación libre (Comando-T), y mientras mantiene presionado el Comando, tome el control central indicado por la flecha en la imagen de abajo y arrastre la cara hacia arriba para que se alinee correctamente con la parte inferior del cuadro.

Ahora realiza esa misma técnica en el panel lateral de la caja. Esta vez, asegúrese de que solo esté seleccionado el lado y use el control central izquierdo para colocar el lado izquierdo de la ilustración en la parte superior. Esto nos da una forma de caja perfectamente alineada que es perfecta para nuestro reflejo. En este punto, es posible que esté preocupado por el área inferior de su reflejo, ya que la Transformación realmente lo estropeó.

La buena noticia es que puedes ignorar completamente esto. Recuerde que estaremos desvaneciendo el reflejo para que cualquier cosa cerca del fondo sea completamente invisible.

Aquí está el efecto final. No está mal teniendo en cuenta que es una forma bastante compleja y tardé menos de dos minutos en hacerlo. Una vez que haya utilizado el proceso, podrá llevarlo a cabo fácilmente sin ralentizar su proceso de diseño un poco.

Una nota rápida sobre los modos de fusión

Una última cosa a tener en cuenta al trabajar con reflexiones en Photoshop es que no tiene que atenerse al modo de fusión predeterminado. Experimenta con un montón de diferentes opciones para ver cómo afectan tu reflejo.

Cada reflexión que cree contendrá diferentes colores, por lo que el modo de fusión funciona mejor varía ampliamente según el tema específico (y su fondo) y su gusto personal.

Si realmente desea obtener fantasía, incluso puede duplicar el reflejo y combinar dos capas diferentes con modos de fusión separados. Agregar más complejidad puede agregar realismo al producto final.

Conclusión

Las reflexiones han sido abusadas y abusadas durante años. El objetivo de este artículo fue ayudar a fomentar las técnicas de reflexión adecuadas y desalentar el trabajo desordenado, así como el uso excesivo frecuente de una de las muchas herramientas en su arsenal de diseño. Al igual que las sombras, degradados, trazos y otros efectos, los reflejos se deben utilizar de forma selectiva y con cuidado.

Ahora debería saber cuándo es apropiado reflejar el texto y algunos métodos para comenzar. También debe saber cómo reflejar de manera efectiva tanto las cajas simples como las que contienen ilustraciones complejas.

Deja un comentario y déjanos saber qué pensaste de las técnicas anteriores. ¿Aprendiste algo de ellos? ¿Cómo los mejorarías?