Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Cómo hacer un efecto matrix en Photoshop

Read Time: 10 mins

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En el tutorial de hoy, veremos cómo elaborar un efecto matrix en Photoshop, ¡inspirado en la franquicia de la película Matrix, siempre inspiradora y una alegoría a la transición de género! Llevaremos el clásico efecto matrix al siguiente nivel añadiendo profundidad y un ligero desenfoque estilo bokeh. También aprenderás cómo elaborar un efecto de código cayendo usando texturas que hacen todo el trabajo pesado.

Omite el tutorial y dirígete a Envato Elements, donde puedes encontrar diversos efectos de Photoshop, como esta acción de Photoshop para efecto matrix.

Matrix Code CS3+ Photoshop ActionMatrix Code CS3+ Photoshop ActionMatrix Code CS3+ Photoshop Action

Lo que aprenderás en este tutorial de Photoshop para efecto matrix

  • Cómo elaborar un efecto matrix
  • Cómo elaborar un efecto de código cayendo
  • Cómo eliminar un fondo en Photoshop
  • Cómo crear una corección del color en Photoshop
  • Cómo crear un efecto de ojo en Photoshop

¿Prefieres aprender mediante un video en lugar de texto? Puedes seguirnos en nuestro canal de Envato Tuts+ en YouTube, donde tenemos este tutorial y muchos otros.

Lo que requerirás

Para completar este proyecto, necesitarás los siguientes recursos:

1. Cómo crear un fondo de matrix en Photoshop

Paso 1

Antes de ver cómo hacer el efecto matrix, tenemos que establecer primero nuestro fondo.

Así que vamos a crear una capa con Relleno de color verde #153100 y pintar de negro una parte de la mitad superior e inferior, creando casi un efecto de viñeta.

create background create background create background

Paso 2

A continuación, vamos a añadir el aspecto de matrix usando estos Fondos y overlays de matrix. Hay varios para elegir, y se incluyen números y caracteres.

Usemos la textura Matrix 11, arrastrándola y soltándola en nuestro lienzo, agrandando la textura de manera significativa.

No te preocupes por la pixelación o el desenfoque, ¡lo arreglaremos después!

matrix texturematrix texturematrix texture

Paso 3

Primero, disminuyamos la Opacidad hasta 50% y haz Clic derecho > Convertir en objeto inteligente.

turn Matrix texture into smart object turn Matrix texture into smart object turn Matrix texture into smart object

Paso 4

Queremos que estos números parezcan desenfocados pues estarán en el fondo de la imagen. No necesitamos que estén enfocados, los necesitamos borrosos. Por eso pudimos agrandarlos sin preocuparnos.

Apliquemos Filtro > Galería de efectos Desenfocar > Desenfoque de campo y establece el Desenfoque en 34 px y luego pulsa OK.

field blur Matrix effect field blur Matrix effect field blur Matrix effect

Paso 5

Duplica la textura Matrix 11 y establécela en Aclarar con una Opacidad de 65%.

Movamos la textura, reduciéndola ligeramente.

set matric effect layer to lighten set matric effect layer to lighten set matric effect layer to lighten

Paso 6

Ya que convertimos la textura en un objeto inteligente, podemos hacer doble clic en el parámetro de Galería de efectos desenfocar ¡y ajústala!

Cambiemos los parámetros a Desenfoque: 26 px y un Bokeh suave de 38%. Luego podemos deslizar el control de Rango de luz a la izquierda, colocándolo debajo de la palabra "Rango". Pulsa OK.

layer matrix textures layer matrix textures layer matrix textures

Paso 7

Repitamos ese paso una vez más, duplicando la textura Matrix 11 de nuevo, pero estableciéndola en Trama con una Opacidad de 65%.

Redúcela hasta que sea de la altura de nuestro lienzo, haciéndola más pequeña que las texturas previas.

lower opacity of matrix effect lower opacity of matrix effect lower opacity of matrix effect

Paso 8

A continuación, hagamos doble clic de nuevo en los parámetros de Galería de filtros Desenfocar, disminuyendo el Desenfoque a 14 px y eliminando Bokeh suave.

Apliquemos también Imagen > Ajustes > Brillo/Contraste, estableciendo el Brillo en 75.

Agrupa las capas, nombrando el grupo "Background".

final matrix effect texture final matrix effect texture final matrix effect texture

2. Cómo extraer rápidamente un sujeto en Photoshop

Paso 1

Arrastremos y soltemos nuestro sujeto en el lienzo.

place subjectplace subjectplace subject

Paso 2

Selecciona la herramienta Selección de objetos y haz clic en el botón Seleccionar sujeto en la parte superior de la barra de herramientas Opciones.

Añade una Máscara de capa al sujeto. Si la herramienta Seleccionar sujeto omitió cualquier área, entonces querrás seleccionarla y enmascararla tú mismo.

quick selection quick selection quick selection

Paso 3

Haz doble clic en la Máscara de capa, ajusta Desvanecer a 0.9 px y luego pulsa Seleccionar y aplicar máscara.

Marca la opción Radio inteligente y ajusta el Radio a 3 px.

Ahora podemos usar el Pincel para perfeccionar bordes en los bordes del sujeto. Si seleccionas demasiado, presiona la tecla Alt para deseleccionar.

Presiona OK una vez que la máscara esté ligeramente mejor, ¡no necesita ser perfecta!

refine edge refine edge refine edge

Paso 4

Podemos terminar de perfeccionar nuestra máscara usando la herramienta Dedo establecida en 25-30% para ajustar los restantes bordes blancos. También usa este pincel para desenfocar cualquier borde que se necesita difuminar, como la capucha y los hombros de la chaqueta.

Si cualquier punto termina enmascarado por error, utiliza un Pincel circular semidefinido blanco para corregir.

smudge edges smudge edges smudge edges

Paso 5

Finalmente, usa un Pincel circular difuso grande para enmascarar la parte inferior del sujeto, eliminando el borde de la imagen.

feather out bottom feather out bottom feather out bottom

3. Cómo crear una corrección de color verde oscuro en Photoshop

Paso 1

Ahora, ¡vamos a crear una corrección de color verde oscuro inspirándonos en la tecnología! Estas capas se mantendrán encima de todas las demás capas, y las listaré de abajo hacia arriba.

Primero, una capa de ajuste de Consulta de colores establecida en Foggy Night con una Opacidad de 26%.

foggy night foggy night foggy night

Paso 2

Segundo, una capa de ajuste Mapa de degradado de negro a blanco con una Opacidad de 42%.

bw gradient bw gradient bw gradient

Paso 3

Tercero, una capa de relleno con un Color uniforme verde #234400, establecida en Multiplicar y una Opacidad de 38%.

green fill layer green fill layer green fill layer

Paso 4

Cuarto, otra capa de ajuste de Consulta de colores establecida en Tension Green con Opacidad de 59%.

tension green tension green tension green

Paso 5

Quinto, una última Capa de consulta de colores establecida en Filmstock con Opacidad de 84%.

film stock film stock film stock

Paso 6

Y finalmente, una capa de ajuste de Corrección selectiva que afecte únicamente los Neutros con los parámetros +7, -10. +3 y 0.

Enmascara el rostro del sujeto sobre la máscara de Corrección selectiva de color ¡y luego agrupa todo!

selective color and mask selective color and mask selective color and mask

4. Cómo crear un efecto de luz de matriz en Photoshop

Paso 1

¡Ahora necesitamos iluminar tu sujeto! Vamos a crear y aplicar una capa de ajuste de Curvas a nuestro sujeto.

Vamos a incrementar las iluminaciones y luego hacemos doble clic en la capa para abrir el panel Estilo de capa.

Aquí podemos ajustar el parámetro Fusionar si es. Mantén presionada la tecla Alt para dividir el control deslizante ubicado a la izquierda, moviendo la mitad derecha casi completamente a la derecha y la mitad izquierda debajo de "225".

blend if blend if blend if

Paso 2

Ahora, vamos a crear y aplicar una segunda capa de Curvas al sujeto, colocándola sobre el primero.

Esta vez, vamos a disminuir las iluminaciones para crear sombras oscuras.

Pulsa Control-I para invertir la Máscara de capa y enmascarar las sombras debajo del mentón y en la chaqueta. Mantén las iluminaciones en el cuello y la mandíbula en su mayor parte.

shadows shadows shadows

Paso 3

A continuación, vamos a crear y aplicar una última capa de ajuste de Curvas, cambiándola desde el canal RGB a Verde y luego incrementando esas iluminaciones a la mitad.

Invierte la máscara de capa y luego aplica una máscara de iluminaciones verdes en el cabello, las mejillas y los bordes del cuello.

green curves green curves green curves

Paso 4

Finalicemos la iluminación creando y aplicando una nueva capa en el sujeto establecida en Trama, colocándola encima de las otras capas.

Disminuye la Opacidad a 50% y luego pinta de verde a lo largo de los bordes del rostro, rellenando cualquier sombra con un color verde limón #74ff51. ¡Un pequeño pincel circular difuso de semisuave a suave funcionaría perfectamente!

green rim light green rim light green rim light

5. Cómo crear luz de perfilado en Photoshop

Paso 1

Ahora vamos a añadir resplandor y luz de perfilado a nuestro sujeto.

Vamos a crear dos nuevas capas establecidas en Trama, colocando ambas debajo del sujeto.

Con un pincel circular mullido, con un Flujo de 10% y establecido en un color verde intenso #00dc00, pinta algo de resplandor detrás de tu sujeto.

Disminuye la Opacidad de las capas si el resplandor es demasiado fuerte. Usar dos capas en lugar de una te ayudará a crear la luz más lentamente, y además te dará mayor control sobre la opacidad.

background glow background glow background glow

Paso 2

Ahora vamos al perfilado de luz. Duplica el sujeto, poniéndolo debajo del original. Vamos a añadir un efecto de capa de Superposición de colores, con un relleno de color verde neón claro #a1ff63.

Ahora vamos a mover la capa de 5 a 10 pixeles hacia arriba para que el verde apenas se asome desde la parte superior de la cabeza y los hombros.

green subject green subject green subject

Paso 3

Da Clic derecho > Aplicar máscara de capa y luego añade una nueva Máscara de capa.

Enmascara la parte inferior de la chaqueta, la mayor parte de los hombros y una pequeña parte de la capucha. También enmascara cualquier área del rostro que no necesite el perfilado de luz verde.

Agrupa todas estas capas y las capas del sujeto previas en un grupo llamado "Subject!"

hair rim light hair rim light hair rim light

6. Cómo crear un efecto de ojo de matrix en Photoshop

Paso 1

Nos acercamos al final, así que vamos a arrastrar y soltar una nueva textura Matrix 11 en el lienzo. Redúcela significativamente y establécela en Trama.

Asegúrate de que la textura esté colocada sobre el iris del sujeto pues queremos que parezca que los números se reflejan en sus ojos.

add texture over eyeadd texture over eyeadd texture over eye

Paso 2

Aplica Zoom en uno de los ojos y usando la herramienta Marco elíptico, crea una selección del tamaño del iris del sujeto. Una vez que estés satisfecho con la selección, añade una Máscara de capa.

Para hacer que los números parezcan más brillantes y prominentes, podemos duplicar la textura.

mask matrix texture into iris mask matrix texture into iris mask matrix texture into iris

Paso 3

¡Continúa y repite los mismos pasos con el segundo ojo también!

finish both eyes finish both eyes finish both eyes

Paso 4

Copia una de las texturas Matrix 11 previas de nuestro fondo, llevando la capa encima de todas las capas actuales exceptuando el grupo de la corrección de color.

Hazla muy grande y establece el Desenfoque de la Galería de filtros Desenfocar en al menos 35 px y la Bokeh suave en al menos 35%. Ajusta el Rango de luz para incrementar el bokeh suave también si es necesario. ¡Estos parámetros dependerán del tamaño de tu textura y de tus gustos!

Eso acabará el tutorial de cómo hacer el efecto matrix.

place face texture place face texture place face texture

Paso 5

Por último, agreguemos una Máscara de capa a la textura y enmascaremos cualquier número que caiga directamente sobre el rostro del sujeto.

masks out texture masks out texture masks out texture

Paso 6

¿Quieres llevar más lejos este efecto Matrix? ¡La acción de Anaglifo pondrá la perfecta cereza de distorsión de video en el pastel Matrix!

Agrupa todas tus capas, Duplica el grupo, Combina el grupo, nombra la capa combinada "Background" y luego pulsa Reproducir y observa la acción.

El rojo funciona de manera agradable con el verde, así que ¡lo recomiendo ampliamente!

 Anaglyph action photoshop glitch effect  Anaglyph action photoshop glitch effect  Anaglyph action photoshop glitch effect

Conclusión

¡Y ese es el punto final del tutorial del efecto Matrix en Photoshop! Todo el encanto del clásico efecto Matrix, pero con más profundidad y luz gracias a que estructuramos en capas las texturas y ajustamos el desenfoque mientras avanzamos. ¡Rubrícalo con una acción de anaglifo o crea un efecto de texto de matrix en Photoshop usando la acción mencionada a continuación!

How to Make a Matrix Effect in PhotoshopHow to Make a Matrix Effect in PhotoshopHow to Make a Matrix Effect in Photoshop

¡Obtén el aspecto matrix de manera instantánea!

¿Qué es lo mejor para un tutorial de efecto matrix en Photoshop? ¡Una acción que te proporcione el mismo efecto en segundos! Esta acción de efecto matrix en Photoshop puede crear seis diferentes estilos de código matrix e incluso puedes usarlo para elaborar un efecto de texto de matrix

Acción de Photoshop para efecto matrix (ATN, PAT)

Matrix Code CS3+ Photoshop ActionMatrix Code CS3+ Photoshop ActionMatrix Code CS3+ Photoshop Action

¿Buscas aprender aún más? Consulta más tutoriales que se mencionan en seguida:

  • Efectos de texto
    Cómo crear un realista efecto de texto cromado en Adobe Photoshop
    Rose
  • Adobe Photoshop
    Cómo elaborar un fondo con efecto bokeh en Photoshop
    Ivan Gromov
  • Acciones de Photoshop
    Cómo crear una acción de Photoshop para efecto ciberpunk
    Marko Kozokar
  • Diseño de póster
    Cómo crear un póster de música usando un modo de mapa de bits en Photoshop
    Laura Keung
  • Pinceles
    Herramienta pincel de Photoshop: Una guía básica
    Alvaro Guzman
  • Portada de álbum
    Cómo elaborar un genial efecto fotográfico de diseño de portada de álbum en Photoshop
    Abbey Esparza
Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads