Efecto de rayas de desenfoque de zona muerta con Photoshop

Escrito por Steve Patterson.

En esto Tutorial de efectos de Photoshop , aprenderemos cómo crear un tipo de efecto de desenfoque de movimiento genial coloreando primero una foto, luego seleccionando una sola columna de píxeles del sujeto principal y estirándola a lo largo de la imagen para crear rayas de color.



Usaremos una máscara de capa y un pincel cuando terminemos para eliminar las rayas en las áreas donde no las necesitamos. Si se pregunta de dónde proviene la parte del nombre 'Zona muerta', la idea de este tutorial proviene de la carátula del DVD de la última temporada de uno de mis programas de televisión favoritos, La zona muerta. Usaré Photoshop CS5, pero cualquier versión reciente de Photoshop funcionará.

Así es como se verá el efecto final:





  Efecto de rayas borrosas de Photoshop Dead Zone. El resultado final.

Cómo crear rayas de desenfoque de zona muerta

Paso 1: duplica la capa de fondo

Abre la imagen que usarás para el efecto. Aquí está la foto con la que trabajaré:

  La foto original. La imagen original.

Lo primero que queremos hacer es crear una copia de la imagen para no trabajar directamente en el original (en caso de que lo necesitemos más tarde). La imagen original se encuentra en la capa Fondo en el panel Capas. Para hacer una copia del mismo, sube a la Capa menú en la barra de menú en la parte superior de la pantalla, elija Nuevo , entonces escoge Capa a través de la copia . O, para una forma más rápida de copiar una capa, presione Control+J (Victoria) / Comando+J (Mac) en su teclado:



  El comando Nueva capa a través de Copiar en Photoshop. Vaya a Capa > Nueva > Capa a través de Copiar.

Aparece una copia de la capa, que Photoshop denomina 'Capa 1', encima de la capa Fondo:

  La capa Fondo ha sido duplicada. Ahora podemos trabajar con seguridad en el efecto sin tocar la imagen original.

Paso 2: desaturar la imagen

A continuación, antes de colorear la imagen, eliminemos rápidamente los colores originales desaturando la foto. sube a la Imagen menú en la parte superior de la pantalla, elija Ajustes y luego elija desaturar , o presione Mayús+Ctrl+U (Victoria) / Mayús+Comando+U (Mac) para acceder al comando Desaturar con el atajo de teclado más rápido:



  El comando Desaturar en Photoshop. Vaya a Imagen > Ajustes > Desaturar.

La imagen aparecerá ahora en blanco y negro, aunque en mi caso, los colores originales eran bastante sutiles al principio:

  La imagen ha sido desaturada. Desaturar una imagen elimina todo el color, creando una versión en blanco y negro rápida y sucia.

Paso 3: Colorea la imagen

Con los colores originales fuera del camino, agreguemos los nuestros. sube a la Imagen menú una vez más, elija Ajustes y luego elija Balance de color :

  El ajuste de balance de color en Photoshop. Vaya a Imagen > Ajustes > Equilibrio de color.

El comando Balance de color de Photoshop nos permite elegir diferentes colores para las sombras, luces y medios tonos de la imagen. Si quieres usar los mismos colores que estoy usando, primero selecciona el Reflejos opción en el cuadro de diálogo, luego arrastre la parte inferior de los controles deslizantes de tres colores hacia Amarillo hasta la derecha Niveles de color el cuadro de entrada muestra un valor de - 40 . Esto agrega amarillo a los reflejos. Asegúrate que Preservar la luminosidad la opción está marcada:



  Coloreando los reflejos con el ajuste de Equilibrio de Color en Photoshop. Agregar amarillo a los reflejos.

A continuación, seleccione el Oscuridad opción, luego arrastre el control deslizante de color superior hacia Rojo hasta que el cuadro de entrada de Niveles de color de la izquierda muestre un valor de +70 . Arrastre el control deslizante de color inferior una vez más hacia Amarillo hasta que aparezca el cuadro de entrada de Niveles de color derecho -60 . Esto agrega un color naranja a las sombras:

  Coloreando las sombras con el ajuste de Balance de Color en Photoshop. Añadiendo naranja a las sombras.

Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo Equilibrio de color. Los colores en su imagen ahora deberían verse similares a esto (asumiendo que usó los mismos colores que yo usé):

  La imagen coloreada con el ajuste de Equilibrio de color en Photoshop. La imagen con las sombras y los reflejos ahora coloreada.

Paso 4: seleccione una sola columna de píxeles

Toma el Herramienta de marquesina de una sola columna desde el panel Herramientas de Photoshop. De forma predeterminada, se esconde detrás de la herramienta Marco rectangular, así que haga clic en la herramienta Marco rectangular y mantenga presionado el botón del mouse durante uno o dos segundos hasta que aparezca un menú desplegable, luego seleccione la herramienta Marco de una sola columna de la lista:



  Herramienta de marquesina de una sola columna de Photoshop. Haga clic y mantenga presionada la herramienta Marco rectangular, luego seleccione la herramienta Marco de una sola columna de la lista.

Como su nombre lo indica, la herramienta Marquesina de una sola columna selecciona una sola columna de píxeles en la imagen. Al hacer clic en cualquier parte de la imagen, se seleccionará el píxel en el que hizo clic más cada píxel arriba y abajo de arriba a abajo. Para este efecto, queremos seleccionar una columna de píxeles que dividirá el sujeto por la mitad. Voy a hacer clic en el centro de la nariz del hombre. Aparece un contorno de selección muy delgado, que divide la mitad izquierda de la derecha (puede ser un poco difícil de ver en la captura de pantalla ya que la selección tiene solo 1 píxel de ancho):

  Seleccionando una sola columna de píxeles en la imagen. Aparece un contorno de selección delgado que se extiende verticalmente a través del centro del sujeto.

Paso 5: copie la selección a una nueva capa

Tal como lo hicimos en el Paso 1, suba a la Capa menú, elige Nuevo y luego elija Capa a través de la copia (o presione Control+J (Victoria) / Comando+J (Mac) en su teclado) para copiar la columna de píxeles seleccionada en su propia capa. Parecerá que nada le ha pasado a la imagen en la ventana del documento, pero aparece una nueva capa que contiene la columna de píxeles sobre las otras capas en el panel Capas. Photoshop nombra la capa 'Capa 2' (normalmente deberíamos darles a nuestras capas nombres más descriptivos, como 'coloreado' y 'columna de píxeles', pero con solo tres capas necesarias para este efecto, no sirve de mucho cambiarles el nombre):



  Copiando la columna de píxeles a una nueva capa. La columna de píxeles ahora se copia en su propia capa.

Paso 6: estirar la columna con transformación libre

sube a la Editar menú en la parte superior de la pantalla y elija Transformación libre , o presione Control+T (Victoria) / Comando+T (Mac) para acceder a Free Transform con el atajo de teclado:

  Seleccionando el comando Transformación libre en Photoshop. Vaya a Edición > Transformación libre.

Esto coloca el cuadro de Transformación libre y los controladores alrededor de la columna de píxeles. Mueva su cursor directamente sobre la columna. Verás que se convierte en dos pequeñas flechas que apuntan a izquierda y derecha. Haga clic en la columna y, con el botón del mouse aún presionado, arrastre la columna hacia la derecha. A medida que arrastra, verá que los píxeles se estiran y se repiten en la imagen:



  Arrastrando el controlador de Transformación libre hacia la derecha. Arrastre la columna de píxeles hacia la derecha para estirarla.

Continúe arrastrando la columna hasta el borde derecho de la foto. Prensa Ingresar (Victoria) / Devolver (Mac) cuando haya terminado de aplicar la transformación y salir del comando Transformación libre:

  La columna de píxeles se ha estirado en la mitad derecha de la foto. La única columna de píxeles ahora cubre la mitad derecha de la foto.

Paso 7: aplique el filtro de desenfoque gaussiano

Apliquemos un ligero desenfoque a las rayas de color para que no se vean tan nítidas y bien definidas. sube a la Filtrar menú en la parte superior de la pantalla, elija Difuminar y luego elija Desenfoque gaussiano :

  Selección del filtro Desenfoque gaussiano en Photoshop. Vaya a Filtro > Desenfocar > Desenfoque gaussiano.

Cuando aparezca el cuadro de diálogo Desenfoque gaussiano, aumente el Radio valor a alrededor 4 píxeles arrastrando el control deslizante un poco hacia la derecha. Haz clic en Aceptar cuando hayas terminado para salir del cuadro de diálogo y aplicar el desenfoque a la imagen:

  Cuadro de diálogo Desenfoque gaussiano de Photoshop. Un pequeño valor de radio de alrededor de 4 píxeles debería ser suficiente.

Las transiciones entre los colores ahora son un poco más suaves:

  La imagen después de aplicar el filtro Desenfoque gaussiano. El filtro Gaussian Blur nos proporcionó transiciones de color más suaves.

Paso 8: Agrega una máscara de capa

Todo lo que queda por hacer en este punto es mezclar las rayas borrosas con la imagen, y podemos hacerlo usando una máscara de capa. Haga clic en el Máscara de capa icono en la parte inferior del panel Capas:

  Al hacer clic en el icono Máscara de capa en el panel Capas en Photoshop. Haga clic en el icono de máscara de capa.

A miniatura de máscara de capa , relleno de blanco, aparece en la Capa 2 en el panel Capas, indicándonos que se ha agregado la máscara:

  Miniatura de máscara de capa de Photoshop. Aparece una miniatura de máscara de capa.

Paso 9: pinte con negro en la máscara de capa para ocultar las rayas de color

Toma el Pincel desde el panel Herramientas:

  Herramienta de pincel de Photoshop. Seleccione la herramienta Pincel.

Asegúrese de que la miniatura de la máscara de capa esté seleccionada en el panel Capas (debería ver un borde fino blanco resaltado alrededor que indica que está seleccionada. Haga clic en la miniatura para seleccionarla si no está resaltada). Establecer su Color de primer plano a negro presionando primero la letra D en su teclado, que los restablece a sus colores predeterminados (blanco para el primer plano y negro para el fondo), luego presione la letra X para intercambiarlos, haciendo que el negro sea el color de primer plano. Puede ver los colores actuales de primer plano y de fondo mirando las dos muestras de color cerca de la parte inferior del panel Herramientas:

  La muestra de color de primer plano en el panel Herramientas de Photoshop. El color de primer plano (muestra de color izquierda) ahora está configurado en negro.

Luego, con un pincel mediano o grande de borde suave, simplemente pinte sobre secciones de las rayas de color para ocultarlas y revelar la foto principal debajo. Puede cambiar el tamaño de su pincel mientras pinta presionando el botón llave de paréntesis izquierdo ( [ ) en su teclado para hacerlo más pequeño o el llave de corchete derecho ( ] ) para hacerlo más grande. Manteniendo presionado tu Cambio mientras presiona la tecla llave de paréntesis izquierdo suavizará los bordes del pincel. Tenencia Cambio y presionando el llave de corchete derecho hace que los bordes sean más duros, aunque querrá usar un pincel de borde suave para crear transiciones suaves entre las rayas de color y la imagen principal.

Aquí estoy pintando con una brocha grande de punta suave para revelar parte del rostro del hombre detrás de las rayas:

  Pintar con negro sobre la máscara de capa en Photoshop. Pintar con negro en una máscara de capa oculta las áreas sobre las que pinta.

Si comete un error y revela demasiado de la imagen principal, simplemente presione X en su teclado para intercambiar los colores de primer plano y de fondo, lo que establece su color de primer plano en blanco . Pinte sobre el área problemática con blanco para recuperar las rayas de color, luego presione X para intercambiar los colores nuevamente y continuar pintando con negro.

También puede cambiar el opacidad de su pincel para crear transiciones aún más sutiles entre las rayas de color y la imagen principal. Simplemente presione un número en su teclado para cambiar la opacidad del pincel. Por ejemplo, para configurar la opacidad al 50%, presione el número 5. Para algo como 25%, presione 2 5 rápidamente. Para volver a configurar la opacidad del pincel al 100% completo, presione 0 (recuerde volver a configurarlo al 100% cuando haya terminado para evitar posibles confusiones la próxima vez que use la herramienta Pincel):

  Cambiando la opacidad del pincel en Photoshop. Pinte sobre la misma área repetidamente con una opacidad de pincel más baja para crear el efecto de transición.

Continuaré pintando sobre las rayas de color usando diferentes tamaños de pincel y configuraciones de opacidad, usando la tecla X en mi teclado para cambiar entre blanco y negro para el color de mi pincel según sea necesario. Aquí está mi resultado final:

  Efecto de rayas borrosas de Photoshop Dead Zone. El resultado final de 'Rachas de desenfoque de zona muerta'.