Combinando la realidad con una pintura estilo rotoscopio en Photoshop

Combinando la realidad con una pintura estilo rotoscopio en Photoshop

Combinando la realidad con una pintura estilo rotoscopio en Photoshop


En esto Tutorial de efectos de Photoshop, veremos cómo combinar fácilmente la realidad con una pintura estilo rotoscopio. «Rotoscopia» es el término que se utiliza cuando los artistas pintan o trazan sobre una película de acción en vivo, fotograma a fotograma, para crear una animación, y se utiliza en todo, desde comerciales de televisión hasta películas de Hollywood, sobre todo en la reciente película de Keanu Reeves » Un escáner en la oscuridad «.

No crearemos una secuencia animada completa aquí, pero están Aprenderé a darle a una foto el mismo efecto rotoscópico, y es muy fácil de hacer. Sin embargo, en lugar de aplicar el efecto a toda la imagen, lo que ciertamente podríamos hacer si quisiéramos, solo lo aplicaremos al sujeto principal de la imagen, dejando todo lo demás en la foto intacto para que parezca que estamos combinando una pintura con la realidad.

Aquí está la foto con la que comenzaré:

La imagen original

Y aquí está la imagen después de aplicar el efecto de pintura del rotoscopio al sujeto principal (las dos personas) mientras deja intacta la pared, la acera y lo que sea que tenga en la mano:

El resultado final


Este tutorial es de nuestra serie Photo Effects. ¡Empecemos!

Paso 1: Seleccione el tema principal de su foto

Como solo vamos a aplicar el efecto al sujeto principal de la imagen, lo primero que debemos hacer es aislarlo del resto de la foto, lo que significa que tendremos que seleccionarlo. En mi caso aquí, quiero aplicar el efecto solo a las dos personas sentadas en la acera, así que las voy a seleccionar. Puede utilizar cualquier herramienta de selección con la que se sienta más cómodo para seleccionar su tema. Usaré la herramienta Pluma, pero la herramienta Lazo también funcionaría bien. Continúe y seleccione su tema principal:

Dibujar una selección en torno al tema principal de la imagen.

Utilice la herramienta de selección de su elección para seleccionar el tema principal de su imagen.

Tenga en cuenta que he seleccionado lo que sea que el tipo tenga en la mano, ya que no quiero que se le aplique el efecto de pintura.

Paso 2: Copiar la selección a una nueva capa

Con el tema principal seleccionado, use el atajo de teclado Ctrl + J (Ganar) / Comando + J (Mac) para copiar la selección en una nueva capa sobre la capa Fondo. No verá que suceda nada en la ventana de su documento, pero si mira en la paleta Capas, verá que su selección se ha copiado en una nueva capa que Photoshop ha denominado automáticamente «Capa 1»:

La paleta Capas de Photoshop muestra la selección copiada en una nueva capa.

Presione «Ctrl + J» (Win) / «Command + J» (Mac) para copiar la selección a una nueva capa.

Paso 3: Aplicar el filtro «Bordes de póster» a la nueva capa

Con «Capa 1» seleccionada en la paleta Capas, suba a la Menú de filtro en la parte superior de la pantalla, elija Artísticoy luego elige Bordes de póster.

Esto trae a Photoshop Galería de filtros establezca las opciones de filtro «Bordes de póster» a la derecha (en un círculo rojo):

La Galería de filtros de Photoshop se establece en las opciones de Bordes de póster.

Vaya a Filtro> Artístico> Bordes del cartel para abrir la «Galería de filtros» de Photoshop configurada en las opciones de «Bordes del cartel» en el extremo derecho.

Esté atento al área de vista previa grande a la izquierda para ver qué le sucede a su imagen mientras ajusta las opciones de Bordes del póster. Por mi imagen, he puesto Espesor del borde y Intensidad del borde ambos a 1, y Posterización para 2. Estas configuraciones funcionan mejor para esta imagen, pero siéntase libre de experimentar con las opciones usted mismo para ver si otras configuraciones funcionan mejor para su imagen. El objetivo es hacer que el sujeto se parezca menos a una foto real y más a una pintura. La opción principal aquí es la tercera, «Posterización», que determina cuántos tonos diferentes de color contendrá su imagen. Los valores más bajos tienden a funcionar mejor.

Haga clic en Aceptar cuando esté satisfecho con los resultados para salir de la Galería de filtros. Aquí está mi imagen después de aplicar el filtro:

La imagen después de aplicar el filtro de bordes de póster al sujeto principal.

La imagen después de aplicar el filtro «Bordes de póster» al tema principal.

Paso 4: Agregue un trazo negro alrededor del sujeto principal

Vamos a mejorar un poco el efecto agregando un trazo negro alrededor del sujeto principal. Con «Capa 1» aún seleccionada, haga clic en el Estilos de capa en la parte inferior de la paleta Capas:

Haciendo clic en el icono 'Estilos de capa' en la parte inferior de la paleta Capas.

Haga clic en el icono «Estilos de capa» en la parte inferior de la paleta Capas.

La elección Carrera desde la parte inferior de la lista de estilos de capa que aparece:

Seleccionando el estilo de capa 'Trazo' de la lista.

Haga clic en «Trazo» en la parte inferior de la lista de estilos de capa para seleccionarlo.

Esto trae a colación el Estilo de capa cuadro de diálogo establecido en las opciones de Trazo en la columna central. Photoshop siempre establece el color predeterminado del trazo en rojo (lo que no tiene ningún sentido). Queremos que el color de nuestro trazo sea negro, así que para cambiarlo, haga clic en el muestra de color a la derecha de la palabra «Color»:

Haciendo clic en la muestra de color para cambiar el color del trazo.

Haga clic en la muestra de color para cambiar el color del trazo.

Photoshop Selector de color aparecerá. Haga clic en en la esquina inferior izquierda del área cuadrada grande a la izquierda para seleccionar negro. Sabrá que ha seleccionado negro puro porque los valores de las opciones «R», «G» y «B» a la derecha leerán «0»:

Elegir negro en el Selector de color.

Seleccione negro para el color del trazo haciendo clic en la esquina inferior izquierda del área cuadrada grande.

Haga clic en Aceptar para salir del Selector de color. Luego, de vuelta en las opciones de Trazo en el cuadro de diálogo Estilo de capa, establezca el trazo Tamaño en la parte superior a algún lugar entre 2-4 píxeles dependiendo del tamaño de tu imagen. Dejé el mío configurado con el valor predeterminado de 3 píxeles. Entonces cambia el trazo Posición para Centrar haciendo clic en la flecha que apunta hacia abajo y eligiendo «Centro» de la lista:

Configuración de las opciones de trazo.

Cambie el «Tamaño» de su trazo entre 2 y 4 píxeles, luego cambie la «Posición» a «Centro».

Después de agregar el trazo negro alrededor de su sujeto (las dos personas en mi foto), su imagen ahora debería verse así:

La imagen después de aplicar el trazo negro.

La imagen después de aplicar el trazo negro alrededor del sujeto principal para mejorar el efecto de «rastreo» del rotoscopio.

No haga clic todavía fuera del cuadro de diálogo Estilo de capa. Tenemos un efecto más que agregar.

Paso 5: Agregar una sombra paralela

Con el cuadro de diálogo Estilo de capa aún abierto, haga clic directamente en las palabras Sombra paralela a la izquierda del cuadro de diálogo Estilo de capa. Asegúrese de hacer clic directamente en las palabras y no simplemente haga clic dentro de la casilla de verificación. Queremos acceder a las opciones de Sombra paralela, y para eso, debe hacer clic directamente en las palabras:

Al hacer clic en las palabras 'Sombra paralela' a la izquierda del cuadro de diálogo Estilo de capa.

Haga clic en las palabras «Sombra paralela» a la izquierda del cuadro de diálogo Estilo de capa.

La columna central del cuadro de diálogo Estilo de capa cambiará para mostrar las opciones de Sombra paralela. Lo primero que queremos hacer aquí es reducir el Opacidad de la sombra paralela hasta alrededor 40% por lo que no es tan oscuro e intenso. Luego, aumenta la sombra Distancia arrastrando el control deslizante hacia la derecha. Vigile su imagen para ver qué tan lejos se extiende su sombra hacia afuera del sujeto mientras arrastra el control deslizante. Aumenté mi distancia de sombra a 30 píxeles. Dependiendo del tamaño de su imagen, es posible que desee establecer la suya más alta:

Cambiar las opciones de Sombra paralela.

Disminuya la opacidad de la sombra paralela y aumente la distancia de la sombra.

Aquí está mi imagen después de agregar la sombra paralela:

La imagen después de aplicar la sombra paralela.

La imagen después de aplicar la sombra paralela.

Paso 6: Limpie las áreas de sombra no deseadas si es necesario

La imagen se ve bien excepto por una cosa. Si recuerdas desde el principio del tutorial, señalé que el chico de la foto tiene algo en la mano, y como solo quería que el efecto de pintura del rotoscopio se aplicara a las dos personas en la imagen, me aseguré de que lo que sea que esté sosteniendo no se incluyó en mi selección inicial para que no se vea afectado. El problema es que la sombra paralela que acabo de aplicar se extiende sobre ella, así como la correa que cuelga debajo de ella, y no se ve bien. Necesito limpiar eso.

Para limpiar la sombra paralela, usaré el Herramienta de borrador, pero antes de poder usarlo en un estilo de capa, necesito convertir el estilo de capa en una capa normal. Para hacer eso, voy a subir a la Menú de capas en la parte superior de la pantalla, elegiré Estilo de capa, y luego Crear capas:

Conversión del estilo de capa de Sombra paralela en una capa normal.

Vaya a Capa> Estilo de capa> Crear capas para convertir estilos de capa en capas normales.

Si miro en mi paleta Capas, puedo ver que tanto el trazo como la sombra paralela se han colocado en sus propias capas, con el trazo que aparece sobre la «Capa 1» y la sombra que aparece debajo. Voy a hacer clic en la capa Sombra paralela para seleccionarla:

Los estilos de capa ahora se han convertido en capas normales.

Tanto el trazo como la sombra paralela se han convertido en capas normales.

Luego tomaré mi herramienta Borrador de la paleta de Herramientas:

Seleccionando la herramienta Borrador en la paleta de Herramientas de Photoshop.

Seleccione la herramienta Borrador de la paleta Herramientas.

También podría presionar la letra mi en mi teclado para seleccionarlo rápidamente. Luego, con la herramienta Borrador en la mano y mi estilo de capa de sombra paralela ahora convertido en una capa normal, todo lo que necesito hacer es hacer clic y arrastrar el mouse sobre las áreas donde quiero eliminar la sombra paralela, que en mi caso ha terminado. el artículo que sostiene el tipo, incluida la correa que cuelga de él:

Eliminar la sombra paralela de las áreas no deseadas.

Utilice la herramienta Borrador para eliminar la sombra de las áreas no deseadas.

Una vez que termine de borrar la sombra paralela, ¡el efecto está completo! Aquí está el efecto final de «pintura rotoscópica combinada con realidad»:

El resultado final.

El efecto final.


¡Y ahí lo tenemos! ¡Así es como se combina la realidad con una pintura estilo rotoscopio en Photoshop! ¡Consulte nuestra sección Efectos fotográficos para obtener más tutoriales de efectos de Photoshop!

Obtenga todos nuestros tutoriales de Photoshop en formato PDF. ¡Descárgalos hoy!