Parte I Cómo agregar calcomanías llameantes a un diseño de automóvil moderno

Este tutorial explicará los pasos necesarios para convertir a este aburrido Prius en un increíble corredor de calle. Este tutorial está dirigido a usuarios intermedios de Photoshop, aquellos que conocen la mayoría de sus herramientas básicas y cómo usarlas. Esta es la parte I de una serie de dos partes..

Vista previa de la imagen final

Antes de comenzar, echemos un vistazo a la imagen que vamos a crear. Haga clic en la captura de pantalla de abajo para ver la imagen a tamaño completo. Como siempre, el archivo completo de Photoshop está disponible a través de nuestra membresía Psdtuts + Plus. Definitivamente recomiendo descargar el archivo PSD de muestra. Compruébelo antes de comenzar.

Paso 1

Este es el enlace a la imagen del Prius que usaremos. Crea un nuevo documento y carga la imagen. Haga una selección alrededor de la rueda trasera. Presione Cmd / Ctrl + J para duplicar los píxeles a una nueva capa. Haz lo mismo con la rueda delantera. Apaga esas capas de ruedas por ahora.

Paso 2

Seleccione la capa de fondo. Luego haga una selección del cuerpo del auto que incluye todo lo que hay debajo de las ventanas. Duplica esos píxeles. Luego transforma la capa del cuerpo estirándola hacia abajo. Mantenga presionado Cmd / Ctrl y arrastre los tiradores de las esquinas para hacer que los bordes del automóvil se alineen lo más cerca posible..

Paso 3

Haz una guía donde quieras que esté el suelo, justo debajo de donde termina el cuerpo. Encienda las capas de sus ruedas y reduzca la Opacidad a aproximadamente el 75%. Esto es para que pueda ver lo que está sucediendo detrás de ellos a medida que los transforma. Transforma las ruedas para que sean bonitas y grandes. Los fondos deben quedar justo donde está su guía. A continuación, gire la opacidad de nuevo en las ruedas.

Etapa 4

Sé que esto parece un desastre ahora, pero si entrecierras los ojos, puedes ver la estructura básica de cómo se verá nuestro coche..

Paso 5

Anidan ambas capas de ruedas en su propio grupo. Pon una máscara en cada uno de los grupos. Luego, aproximadamente, pinte todo, excepto las ruedas y los huecos de las ruedas. Por ahora, no te preocupes por ser demasiado pulcro. Seguimos definiendo la estructura del coche..

Paso 6

Coloque una máscara en la capa del cuerpo y pinte las asas y cualquier otra cosa que parezca que no debería estar allí. Ahora debería tener algo como la imagen de abajo.

Paso 7

Lo primero que queremos hacer es dibujar un camino alrededor del límite del automóvil. Hay algunas partes alrededor de las ruedas que tendrás que maquillaje ". A continuación se muestra cómo es mi camino.

Paso 8

Tenga en cuenta en el paso anterior, cómo mi camino siempre se inserta en el coche por un par de píxeles. ¡Esto es importante! Asegúrate de hacer esto. Así es como manejé las ruedas y los pozos de las ruedas..

Paso 9

Crea un nuevo grupo de capas llamado "coche". Coloque todas sus capas en ella, incluidos los grupos de ruedas y la capa de fondo. Cargue la selección del trazado que dibujó, aplíquelo 0.5px y aplique la selección como una máscara en el grupo "auto". Haga clic en la ruta de nuevo en la paleta de rutas. Luego, haga clic nuevamente en el botón Agregar máscara de capa para aplicarlo como una máscara vectorial en el grupo "auto". Mientras mantiene presionada la tecla Mayús, haga clic en la máscara vectorial para desactivarla.

Conecté la ruta al automóvil en una máscara vectorial, de modo que si alguna vez necesito escalar o mover el automóvil, la trayectoria se escalará y se moverá con él. De esta manera, siempre puedo tener el camino a mano. Si alguna vez lo necesito más tarde, todavía se ajustará a la selección.

Cree una nueva capa de ajuste de color sólido y rellénela con blanco. Mueve esa capa debajo del grupo de coches. Servirá como nuestro fondo blanco..

Paso 10

Ahora necesitamos aislar los componentes básicos del coche. Lo voy a organizar en ruedas, pintura, luces y ventanas. Empecemos con las ruedas..

Anide los dos grupos de ruedas en un nuevo grupo llamado "ruedas". A continuación, dibuje un camino que represente el borde de los pocillos de la rueda. Cuando haces esto, no tienes que dibujar un camino alrededor de nada que ya tengas. En este caso, ya hemos creado un camino alrededor de los límites del automóvil, por lo que no tenemos que volver a hacerlo. Mira mis caminos abajo, para un ejemplo..

¿Ves cómo no tengo que hacer el camino a lo largo de la parte inferior de las ruedas? Esto es porque ya lo hice antes. El grupo "ruedas" está anidado dentro del grupo "automóvil", por lo que la parte inferior de las ruedas ya está enmascarada. Después de dibujar el camino para las ruedas, cargue la selección del camino, aplíquelo 0.5px y aplíquelo como una máscara al grupo de "ruedas". Ahora aplique el camino como una máscara vectorial como lo hicimos antes. Apaga la máscara vectorial manteniendo presionada la tecla Mayús y haciendo clic en ella.

Paso 11

Vamos a trabajar en las luces a continuación. Seleccione la capa "base" y la capa "cuerpo" y duplíquelas. Combine los 2 duplicados en una capa presionando Cmd / Ctrl + E mientras están seleccionados. Nombra el duplicado de "pintura". Dibuje un marco alrededor de las luces y presione Cmd / Ctrl + J para duplicar la selección en su propia capa.

Paso 12

Pon esa nueva capa en un nuevo grupo llamado "luces". Vuelva a la capa de "pintura", dibuje un marco alrededor de las ventanas y presione Cmd / Ctrl + J. Coloque esa nueva capa en un nuevo grupo y llámela "ventanas".

Paso 13

Ahora dibuje caminos alrededor de las luces, cargue la selección del camino, aplíquelo 0.5px y aplíquelo como una máscara en el grupo de "luces". Finalmente, aplique la ruta como una máscara vectorial en el grupo de luces. Entonces apágalo.

Haga lo mismo para el grupo de "ventanas". A continuación se muestra cómo es mi paleta de capas.

Tenga en cuenta que no necesitamos hacer ningún camino para la capa "pintar" porque ya lo hicimos para todo lo demás. La pintura cae en el espacio negativo que creamos para todos los demás componentes..

Paso 14

Ahora que hemos aislado todo, tenemos la libertad de concentrarnos en un componente a la vez. Permite limpiar la sección "pintura". Vamos a convertir esto en un auto de 2 puertas, así que necesitamos deshacernos de algunas líneas y uno de los mangos..

Prefiero trabajar con una pizarra limpia. Mientras mantiene pulsado Opción / Alt, haga clic en el icono del ojo en la capa "base". Esto desactiva todas las capas excepto la que ha hecho clic. Es útil si necesitas trabajar en una capa específica. Haga una marquesina alrededor de la parte de la puerta que es un degradado limpio.

Paso 15

Opción / Alt + clic en el ojo nuevamente para desactivar el aislamiento en la capa. Con la capa "base" seleccionada, presione Cmd / Ctrl + J para duplicar los píxeles. Traiga la capa duplicada justo encima de la capa "pintar" y llámela "grad". Transforma el "grad" para que cubra toda la sección de pintura. Gaussian Blur la capa "grad" en 15px. ¿Cómo es eso para una pizarra limpia?

Paso 16

Ahora voy a agregar una máscara a la capa "grad" y hacer selecciones con varias plumas para enmascarar las partes donde queremos que se vean transparentes..

Paso 17

Aquí está lo que mi máscara para la capa "grad" terminó pareciendo.

Paso 18

Dejé las asas porque voy a entrar y hacer eso más tarde.

Paso 19

Haga una marquesina que cubra el tercio superior de la sección de "pintura". Feather it by 200px.

Paso 20

Justo encima de la capa de graduación, haga una capa de ajuste de Curvas y arrastre el control de resaltado hacia la izquierda para aclarar la imagen. Pulsa OK. Con la capa de curvas seleccionada, presione Opción / Alt + Cmd / Ctrl + G para convertirla en una máscara de recorte en la capa "grad".

Paso 21

Con la capa "grad" seleccionada, crea una nueva capa en blanco. Se convierte automáticamente en una máscara de recorte porque está entre la otra máscara de recorte y la capa "grad". Vaya a Edición> Rellenar y elija 50% de gris y presione Aceptar. Ir a Filtro> Ruido> Agregar ruido y usar 40 para la cantidad. Asegúrate de que la opción monocromática no esté marcada y presiona OK. Transforma la capa de ruido y escala al 125%. Establezca la capa en Superposición y reduzca la opacidad al 10%. Esto hace que la capa "grad" se combine con el resto de la foto porque la capa grad era demasiado suave.

Si regresa y mira la capa "base", verá un resaltado justo debajo de las ventanas. Dibuja un camino que contornee el resaltado. Haga una selección de la ruta, ajústela por 1px y haga otra capa de ajuste de Curvas justo por encima de la capa "grad". Entonces aligerarlo un poco.

Paso 22

Haga clic en la máscara vectorial para el grupo "ruedas". En la Paleta de rutas, arrastre la máscara vectorial hacia el nuevo botón de ruta para hacer una copia. Selecciona los puntos que hacen bien la rueda trasera. Luego escale la rueda trasera hacia arriba para que se superponga a la pintura..

Paso 23

Haz lo mismo para la parte delantera del camino. Cargue la selección del camino y aplíquelo 5px. Cree una nueva capa de ajuste de Curvas sobre la capa "grad", incluidas todas sus capas de máscara de recorte. Nombre de la capa "guardabarros de la rueda". A continuación se muestra cómo debe verse la curva..

Estén atentos para la Parte II

La parte II de esta serie será publicada esta semana. Lo recogeremos en el paso 24 en la próxima entrega.. No recomendamos que se siente en el borde de su asiento, ya que puede caerse de su silla.