Spanish (Español) translation by Javier Salesi (you can also view the original English article)
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.
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:
- Fondos de matrix y overlays
- Primer plano de retrato de joven de raza negra mirando fijamente
- Acciones de Photoshop para efecto de anaglifo V1
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.
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!
Paso 3
Primero, disminuyamos la Opacidad hasta 50% y haz Clic derecho > Convertir en objeto inteligente.
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.
Paso 5
Duplica la textura Matrix 11 y establécela en Aclarar con una Opacidad de 65%.
Movamos la textura, reduciéndola ligeramente.
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.
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.
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".
2. Cómo extraer rápidamente un sujeto en Photoshop
Paso 1
Arrastremos y soltemos nuestro sujeto en el lienzo.
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.
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!
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.
Paso 5
Finalmente, usa un Pincel circular difuso grande para enmascarar la parte inferior del sujeto, eliminando el borde de la imagen.
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%.
Paso 2
Segundo, una capa de ajuste Mapa de degradado de negro a blanco con una Opacidad de 42%.
Paso 3
Tercero, una capa de relleno con un Color uniforme verde #234400, establecida en Multiplicar y una Opacidad de 38%.
Paso 4
Cuarto, otra capa de ajuste de Consulta de colores establecida en Tension Green con Opacidad de 59%.
Paso 5
Quinto, una última Capa de consulta de colores establecida en Filmstock con Opacidad de 84%.
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!
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".
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.
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.
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!
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.
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.
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!"
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.
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.
Paso 3
¡Continúa y repite los mismos pasos con el segundo ojo también!
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.
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.
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!
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!
¡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)
¿Buscas aprender aún más? Consulta más tutoriales que se mencionan en seguida:
-
Efectos de textoCómo crear un realista efecto de texto cromado en Adobe Photoshop -
Adobe PhotoshopCómo elaborar un fondo con efecto bokeh en Photoshop -
Acciones de PhotoshopCómo crear una acción de Photoshop para efecto ciberpunk -
Diseño de pósterCómo crear un póster de música usando un modo de mapa de bits en Photoshop -
PincelesHerramienta pincel de Photoshop: Una guía básica -
Portada de álbumCómo elaborar un genial efecto fotográfico de diseño de portada de álbum en Photoshop
Unlimited Downloads.
