El efecto Matrix, conocido por la película de culto, es un recurso estilístico fascinante para crear una apariencia digital y futurista. Con Photoshop, puedes no solo replicar el icónico código verde, sino también animarlo para darle a tus diseños un toque dinámico y vibrante. En este tutorial te mostraré paso a paso cómo crear y animar el efecto Matrix, perfecto para videos, sitios web o proyectos creativos. ¡Sumérgete en el mundo de la estética digital!
Paso 1:
En primer lugar, creo un nuevo documento; el tamaño es completamente irrelevante. Elijo un tamaño muy pequeño de 800x600 píxeles. Si se desea imprimir este efecto, la unidad de píxeles debe cambiarse a cm y la resolución de 72 a 300 píxeles/pulgada.
Paso 2:
Ahora abro un archivo de imagen en el editor (preferiblemente un archivo de imagen muy pequeño, ya que de lo contrario la apertura tardará mucho) y copio aproximadamente 2 páginas de texto sin sentido. 
Paso 3:
A continuación, pego mi texto copiado en una capa de texto con una fuente como Courier de tamaño 10 pt y color verde. La capa de fondo debe ser negra.
Paso 4:
Ahora cambio la dirección del texto haciendo clic en el símbolo correspondiente en la esquina superior izquierda.
Paso 5:
Para que no se vean todas las letras o algunas solo ligeramente, creo una máscara y aplico el filtro Nubes de diferencia con los colores estándar blanco y negro (Menú>Filtro>Filtro de renderizado). Repito este proceso con Ctrl+F hasta estar satisfecho. Antes de aplicar las Nubes de diferencia, duplico rápidamente la capa de texto y la oculto.
Paso 6:
Con la Corrección de tono (Ctrl+L), puedo resaltar aún más las letras moviendo el control deslizante medio.
Paso 7:
Ahora aplico un resplandor exterior a mi capa de texto. Para ello, hago clic con el botón derecho en mi capa de texto en el panel de capas y luego en Opciones de relleno.
Paso 8:
Ahora vuelvo a mostrar la capa de texto superior y oculto la segunda por el momento. Luego, invierto la máscara de capa con Ctrl+I (primero activo la máscara haciendo clic en ella, luego la invierto), para que quede completamente negra. Luego, uso un pincel de alrededor de 6 píxeles y bastante suave. Puedo dibujar líneas rectas manteniendo presionada la tecla Shift. Sin embargo, es necesario soltar la tecla Shift después de dibujar y hacer clic en otro lugar antes de volver a presionar la tecla Shift y dibujar de nuevo.
Paso 9:
Repito este procedimiento varias veces en toda la imagen y luego aumento la opacidad del estilo de capa resplandor exterior.
Paso 10:
Luego vuelvo a mostrar todas las capas. El resultado luce muy bien.
Paso 11:
Ahora quiero mostrarte cómo uso el efecto para animarlo. Para ello, abro mi panel de animaciones en Menú>Ventana y amplío la capa de texto inferior.
Paso 12:
Luego abro la capa en el panel de animaciones y hago clic en el reloj junto a Posición. Esto crea un cuadro clave que guarda la posición actual de mi capa de texto.
Paso 13:
Al mover el control deslizante en la línea de tiempo a las 05:00f, se crea automáticamente un nuevo keyframe. Luego desplazo mi capa de texto bastante hacia abajo con la herramienta de mover. Y así es como se termina mi pequeña animación. Si quiero que todas las capas de texto se muevan juntas, puedo seleccionar todas las capas en el panel Capas y fusionarlas en un objeto inteligente. Después solo tengo que mover el objeto inteligente.
Paso 14:
Dado que la reproducción en Photoshop es bastante entrecortada, lo exporto directamente como película QuickTime en Archivo > Exportar > Renderizar video. Puedes ver la animación terminada aquí.
Paso 15:
Para finalizar el taller, quiero mostrar cómo envolver una foto detrás del efecto de Matrix. Es decir, inserto una foto de mi elección.
Paso 16:
Solo necesito cambiar el método de relleno a Sobreexposición al color, y las letras estarán brillantes donde en la foto también haya píxeles brillantes.
Paso 17:
Así puedo mover la foto en cualquier momento, y los caracteres del texto se ajustarán automáticamente.
Paso 18:
Al colocar la capa de la foto en la parte superior de la jerarquía de capas, el resultado se verá así:
Paso 19:
Con el método de relleno Subexponer, el resultado se verá así:
Paso 20:
Genial: Incluso puedo copiar la foto en el portapapeles y luego, manteniendo presionada la tecla Alt, hacer clic en la máscara de capa de texto con Ctrl+V para usar la foto como máscara de capa.
Paso 21:
O puedo convertir mi capa de texto en un objeto inteligente y luego aplicar un difuminado, que a su vez desenmascararé en algunas áreas con la máscara de objeto inteligente.
Paso 22:
Consejo: También puedo duplicar mi capa de texto más baja, llevarla al tope y luego cambiar el tamaño de texto de 10 a 8. Después ajusto la opacidad a aproximadamente 17%, y el efecto se verá aún más genial.
Paso 23:
El resultado se verá así, donde simplemente levanté la capa de máscara superior manteniendo presionada la tecla Shift:
