En este tutorial de Photoshop Effects, aprenderemos cómo crear un efecto de desenfoque de movimiento genial primero coloreando una foto, luego seleccionando una sola columna de píxeles del sujeto principal y extendiéndola a través de la imagen para crear rayas de color.
Usaremos una máscara de capa y un pincel cuando hayamos terminado de pintar las rayas en áreas donde no las necesitamos. Si te preguntas de dónde viene la parte del nombre de "Dead Zone", la idea de este tutorial proviene del diseño de la caja del DVD para la temporada final de uno de mis programas de televisión favoritos, The Dead Zone. Usaré Photoshop CS5, pero cualquier versión reciente de Photoshop funcionará.
Así se verá el efecto final:
El resultado final.
Cómo crear rayas de desenfoque de zona muerta
Paso 1: Duplicar la capa de fondo
Abra la imagen que usará para el efecto. Aquí está la foto con la que trabajaré:
La imagen original
Lo primero que queremos hacer es crear una copia de la imagen para que no estemos trabajando directamente en el original (en caso de que alguna vez lo necesitemos más tarde). La imagen original se encuentra en la capa de fondo en el panel Capas. Para hacer una copia, vaya al menú Capa en la barra de menú en la parte superior de la pantalla, elija Nuevo, luego elija Capa mediante Copia . O, para una forma más rápida de copiar una capa, presione Ctrl + J (Win) / Comando + J (Mac) en su teclado:
Vaya a Capa> Nueva> Capa mediante copia.
Una copia de la capa, que Photoshop denomina "Capa 1", aparece sobre la capa de fondo:
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. Vaya al menú Imagen en la parte superior de la pantalla, elija Ajustes y luego elija Desaturar, o presione Shift + Ctrl + U (Win) / Shift + Command + U (Mac) para acceder al comando Desaturar con el atajo de teclado más rápido :
Vaya a Imagen> Ajustes> Desaturar.
La imagen ahora aparecerá en blanco y negro, aunque en mi caso, los colores originales eran bastante sutiles para empezar:
Desaturar una imagen elimina todo el color, creando una versión en blanco y negro rápida y sucia.
Paso 3: colorear la imagen
Con los colores originales fuera del camino, agreguemos los nuestros. Vuelva al menú Imagen una vez más, elija Ajustes y luego elija Balance de color :
Vaya a Imagen> Ajustes> Balance de color.
El comando Balance de color de Photoshop nos permite elegir diferentes colores para las sombras, resaltados y medios tonos de la imagen. Si desea usar los mismos colores que estoy usando, primero seleccione la opción Destacados en el cuadro de diálogo, luego arrastre la parte inferior de los tres controles deslizantes de color hacia Amarillo hasta que el cuadro de entrada de Niveles de color derecho muestre un valor de - 40 . Esto agrega amarillo a los reflejos. Asegúrese de que la opción Conservar luminosidad esté marcada:
Agregar amarillo a los reflejos.
A continuación, seleccione la opción Sombras, luego arrastre el control deslizante de color superior hacia Rojo hasta que el cuadro de entrada Niveles de color izquierdo muestre un valor de +70 . Arrastre el control deslizante de color inferior una vez más hacia Amarillo hasta que el cuadro de entrada de Niveles de color derecho muestre -60 . Esto agrega un color naranja a las sombras:
Añadiendo naranja a las sombras.
Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo Balance de color. Los colores en su imagen ahora deberían ser similares a esto (suponiendo que haya usado los mismos colores que yo):
La imagen con las sombras y los reflejos ahora está coloreada.
Paso 4: Seleccione una sola columna de píxeles
Tome la herramienta Marco de columna única del 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 un segundo o dos hasta que aparezca un menú desplegable, luego seleccione la herramienta Marco de columna única de la lista:
Haga clic y mantenga presionada la Herramienta Marco Rectangular, luego seleccione la Herramienta Marco Simple Columna de la lista.
Como su nombre lo indica, la herramienta Marco de columna única 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 tema por la mitad. Voy a hacer clic en el centro de la nariz del hombre. Aparece un esquema de selección muy fino, que divide su 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):
Aparece un contorno de selección delgado que se ejecuta 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, vaya al menú Capa, elija Nuevo y luego elija Capa a través de Copiar (o presione Ctrl + J (Win) / Comando + J (Mac) en su teclado) para copiar la columna seleccionada de píxeles a su propia capa. Parece que no le pasó nada a la imagen en la ventana del documento, pero una nueva capa que contiene la columna de píxeles aparece sobre las otras capas en el panel Capas. Photoshop nombra la capa "Capa 2" (normalmente deberíamos dar a nuestras capas nombres más descriptivos, como "coloreado" y "columna de píxeles", pero con solo tres capas necesarias para este efecto, no hay mucho uso para cambiarles el nombre):
La columna de píxeles ahora se copia en su propia capa.
Paso 6: estirar la columna con transformación libre
Vaya al menú Editar en la parte superior de la pantalla y elija Transformación libre, o presione Ctrl + T (Win) / Comando + T (Mac) para acceder a Transformación libre con el atajo de teclado:
Vaya a Edición> Transformación libre.
Esto coloca el cuadro Transformación libre y se maneja alrededor de la columna de píxeles. Mueve el 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 arrastre, verá que los píxeles se extienden y repiten en la imagen:
Arrastre la columna de píxeles hacia la derecha para estirarla.
Continúa arrastrando la columna hasta el borde derecho de la foto. Presione Entrar (Win) / Retorno (Mac) cuando haya terminado para aplicar la transformación y salir del comando Transformación libre:
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. Vaya al menú Filtro en la parte superior de la pantalla, elija Desenfocar y luego elija Desenfoque gaussiano :
Vaya a Filtro> Desenfocar> Desenfoque gaussiano.
Cuando aparezca el cuadro de diálogo Desenfoque gaussiano, aumente el valor del radio a alrededor de 4 píxeles arrastrando el control deslizante un poco hacia la derecha. Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo y aplicar el desenfoque a la imagen:
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:
El filtro Gaussian Blur nos dio transiciones de color más suaves.
Paso 8: Agregar una máscara de capa
Todo lo que queda por hacer en este punto es mezclar las rayas de desenfoque con la imagen, y podemos hacerlo usando una máscara de capa. Haga clic en el icono de Máscara de capa en la parte inferior del panel Capas:
Haga clic en el icono de Máscara de capa.
Aparece una miniatura de máscara de capa, llena de blanco, en la Capa 2 en el panel Capas, lo que nos permite saber que la máscara se ha agregado:
Aparece una miniatura de máscara de capa.
Paso 9: pinta con negro en la máscara de capa para ocultar las rayas de color
Tome la herramienta Pincel del panel Herramientas:
Seleccione la herramienta Pincel.
Asegúrate de que la miniatura de la máscara de capa esté seleccionada en el panel Capas (deberías ver un fino borde blanco resaltado alrededor que nos dice que está seleccionada. Haz clic en la miniatura para seleccionarla si no está resaltada). Establezca su color de primer plano en 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 color de primer plano sea negro. Puede ver sus colores actuales de primer plano y fondo mirando las dos muestras de color cerca de la parte inferior del panel Herramientas:
El color de primer plano (muestra de color de la izquierda) ahora se establece en negro.
Luego, con un pincel de borde suave mediano o grande, simplemente pinte sobre las 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 la tecla del corchete izquierdo ( ( ) en su teclado para hacerlo más pequeño o la tecla del corchete derecho ( ) ) para agrandarlo. Si mantiene presionada la tecla Mayús mientras presiona la tecla del corchete izquierdo, los bordes del pincel serán más suaves. Mantener presionada la tecla Mayús y presionar la tecla derecha del soporte hace que los bordes sean más duros, aunque querrá usar un pincel de bordes suaves para crear transiciones suaves entre las rayas de color y la imagen principal.
Aquí, estoy pintando con un pincel grande y de bordes suaves para revelar parte de la cara del hombre detrás de las rayas:
Pintar con negro en una máscara de capa oculta las áreas sobre las que pinta.
Si comete un error y revela demasiada imagen principal, simplemente presione X en su teclado para cambiar los colores de primer plano y de fondo, lo que establece el color de primer plano en blanco . Pinte sobre el área problemática con blanco para recuperar las rayas de color, luego presione X para cambiar los colores nuevamente y continúe pintando con negro.
También puede cambiar la 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 establecer la opacidad al 50%, presione el número 5. Para algo como el 25%, presione 2 5 rápidamente. Para volver a establecer la opacidad del pincel al 100% completo, presione 0 (recuerde volver a establecerlo al 100% cuando haya terminado para evitar posibles confusiones la próxima vez que use la herramienta Pincel):
Pinte sobre la misma área repetidamente con una opacidad de pincel más baja para construir 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 negro y blanco para el color de mi pincel según sea necesario. Aquí está mi resultado final:
El resultado final de "Dead Zone Blur Streaks".