En este tutorial explicaremos cómo crear el volante y el tablero de un automóvil en Photoshop utilizando formas vectoriales, estilos de capas y un poco de pintura. Empecemos!
El siguiente activo fue utilizado durante la producción de este tutorial..
Comience por dibujar un archivo nuevo con un tamaño de 850 px × 840 px. Pulsa Comando / Ctrl + R para revelar la regla. Haga clic en la regla vertical y arrástrela al área del lienzo para crear una nueva guía vertical. Repita el mismo proceso con la regla horizontal para dibujar una guía horizontal. El límite hecho a partir de estas guías nos ayudará a dibujar la forma del volante.
Comience activando la herramienta Ellipse. Pulse Mayús y arrastre para dibujar una forma de círculo perfecta. Establece su color a # 797979.
Duplique la ruta b seleccionándola y luego presione Comando / Ctrl + C, Comando / Ctrl + V. Cambie el tamaño a una forma más pequeña y establezca su modo en Restar. En este paso, vamos a obtener una forma de anillo..
Utilice la herramienta Pluma para dibujar la parte interior del volante. Establezca su modo de ruta en Agregar a área de forma.
Aplique iluminación básica usando Layer Style Inner Shadow y Inner Glow.
Toma una textura de piel de WeGraphic (skin_6.jpg). Colóquelo encima del volante..
Queremos asegurarnos de que no haya puntos dentro del volante. Active la herramienta Parche, seleccione las puntadas y arrástrela hasta el área limpia.
Repita esto para la parte restante de los puntos de sutura..
Haga clic en Imagen> Ajustes> Tono / Saturación. Reduce la saturación a -100 y la luminosidad a -47 para que la textura sea mucho más oscura..
Cambiar la capa del modo de fusión para multiplicar.
Alt-arrastre la máscara vectorial desde la forma de la rueda hasta la capa de textura. En este punto, la textura va dentro de la textura..
Reducir su opacidad al 50%..
Duplica la textura de la piel (Comando / Ctrl + J). Establezca el modo de fusión en Multiplicar y reduzca su opacidad al 30%. Presione la tecla Alt y haga clic en el icono Agregar nueva máscara de capa. Pinta una parte de la máscara con blanco para revelar más textura en el volante.
Abajo, puedes ver la máscara de capa que hice..
Aquí está la diferencia antes y después de agregar más textura..
Hacer nueva capa y alt-arrastrar el vector del volante de la máscara. De ahora en adelante, todo lo que coloquemos o dibujemos dentro de esta capa de grupo permanecerá dentro del volante.
Comando / Ctrl-clic en forma de anillo desde el volante. Haga clic en Seleccionar> Modificar> Contrato, use 15 píxeles.
Hacer nueva capa y rellenar selección con blanco. Deseleccionar (Comando / Ctrl + D). Suavice el resaltado aplicando gilter Gaussian Blur, Filter> Blur> Gaussian Blur.
Reducir su opacidad al 10%..
Comando / Ctrl-clic en el centro del volante para hacer una nueva selección basada en su forma. Seleccionar> Modificar> Contratar por 20 píxeles.
Crea una nueva capa y luego llena la selección con blanco. Deseleccionar (Ctr + D).
Suavizar el punto culminante mediante la aplicación de Gaussian Blur. Filtro> Blur> Gaussian Blur.
Una vez más, seleccione la forma de anillo en el volante. Haga clic en Seleccionar> Modificar> Contrato para reducir el tamaño de la selección en 25 píxeles. Active una de las herramientas de selección y presione la flecha hacia arriba y hacia la izquierda varias veces para moverla. Hacer nueva capa y rellenar la selección con blanco..
Suavizar usando Gaussian Blur.
Disminuye su opacidad al 20%. Agrega una máscara de capa y luego pinta algo del resaltado para ocultarlo. Queremos hacerlo lo más natural posible..
Repita los pasos anteriores, pero esta vez use negro para agregar resaltes.
Vamos a añadir un toque más fuerte en el volante. Active la herramienta Pincel, haga clic derecho en el lienzo para abrir la configuración del pincel. Seleccionar cepillo suave (Dureza: 0%).
Hacer una nueva capa. Activar la herramienta Pluma y dibujar una curva. Haga clic derecho y elija Trazo de trazo. En el siguiente cuadro de diálogo, seleccione Herramienta: Pincel. Asegúrese de seleccionar Simular presión.
A continuación se muestra el resultado que tenemos. Puede obtener el mismo resultado utilizando un lápiz Wacom y con el ajuste de presión activado. También uso Wacom, pero siempre prefiero usar esta técnica (herramienta para abrir y cepillar) porque el resultado es más preciso.
Aplica Gaussian Blur si sientes que lo más destacado es demasiado duro. Filtro> Blur> Gaussian Blur.
Repita el paso anterior, pero esta vez use un tamaño de pincel más pequeño para agregar un resaltado más fuerte.
Hacer nueva capa de nuevo. Es un buen hábito colocar cada pincelada en una capa separada. De esta manera, puedes editarlo fácilmente si no te gusta el resultado. Pinta una sombra sutil en la esquina inferior derecha.
Hacer nueva capa. Pintar blanco en el centro del volante. No te preocupes si el resultado es duro..
Suavice el punto culminante aplicando un filtro de Desenfoque Gaussuan muy grande.
Reducir su capa de opacidad al 32%..
Comando / Ctrl-clic haga clic en la forma de la rueda para hacer una nueva selección basada en su forma. Activa la herramienta de selección y presiona la Flecha Abajo varias veces para moverla hacia abajo.
Invertir selección (Comando / Ctrl + Shift + I).
Comando / Ctrl + Mayús + Alt + clic en la forma del volante para intersectar la selección activa con su forma. En este punto, habremos seleccionado la parte superior del volante..
Hacer nueva capa. Rellenar selección con blanco.
Deseleccionar (Comando / Ctrl + D). Suavizar resaltado utilizando Gaussian Blur.
Tone abajo resaltar la opacidad al 50%. Borrar resaltado fuera del volante.
Pinte más luz en el centro del volante usando la técnica anterior. Añadir máscara de capa a su capa.
Dibuja un camino seleccionando la parte superior del centro del volante.
Comando / Ctrl-clic ruta para convertirlo en selección. presione Comando / Ctrl + Shift + I para invertir la selección. Activa la herramienta Pincel y reduce su opacidad al 30%. Pintar máscara seleccionada con negro.
Reducir la opacidad de la capa de resaltado al 20%. Si cree que el resaltado es demasiado severo, deseleccione (Comando / Ctrl + D) y luego aplique Desenfoque gaussiano.
En caso de que deseleccione, haga clic en Seleccionar> Volver a seleccionar para recuperar la selección anterior. Pintar sombra en las áreas indicadas abajo.
Reducir la opacidad de la capa al 35%..
Vamos a dibujar más fuerte en la parte superior del volante. Dibuje la ruta, haga una nueva capa, haga clic derecho y seleccione Trazar ruta. Seleccione Herramienta: Cepille y asegúrese de activar Simular presión. Reducir su opacidad si es necesario.
Cree una nueva capa y dibuje otra sombra resaltada en otra parte del volante.
Para dibujar un objeto realista, necesitamos agregar imperfección en él. En la vida real, no hay una iluminación perfecta, una textura perfecta, una forma perfecta o un color perfecto. Primero, vamos a agregar algunas arrugas al volante..
Crea una nueva capa y activa la herramienta Pincel. Seleccione tamaño de pincel pequeño, 1 px o 2 px. Pinta unas líneas negras al azar en la esquina del volante. Por ahora, no hay que preocuparse por su resultado. Duplicar la capa (Comando / Ctrl + J). Active la herramienta de movimiento y pulse la flecha hacia arriba y hacia la izquierda dos veces para moverla hacia arriba y hacia la derecha 2 px. Invierta su color a blanco presionando Comando / Ctrl + I. Reduzca la opacidad de ambas capas.
Repita los pasos anteriores para dibujar más arrugas en la otra esquina del volante.
Repita el mismo paso pero esto en la parte superior del volante. Haz una nueva capa y pinta líneas al azar en la parte superior del volante. Duplique la capa, muévala 2 px hacia arriba, invierta su color, luego reduzca la opacidad de ambas capas.
Hacer nueva capa. Use la herramienta Pincel para dibujar una línea en una parte del volante. Dibuja una linea negra.
Hacer nueva capa. Dibuja una línea blanca, junto a la línea negra anterior. Reducir la opacidad de ambas líneas..
Dibuja un toque de luz sutil y la sombra con la herramienta Pincel suave más grande Asegúrate de agregar otra imperfección pintando algunas líneas al azar a su lado..
Aquí está el resultado visto al 100%..
Agreguemos otra imperfección, esta vez los puntos se doblan en alguna parte del volante.
Asegúrese de que la herramienta Pincel esté activa y abra los paneles Pincel (F5). Haga clic y arrastre dentro de la apariencia del pincel para convertirlo en una elipse. Incrementa su espacio hasta alrededor del 400%..
Haz una nueva capa y dibuja una línea negra como se ve abajo.
Duplique la capa de línea usando Comando / Ctrl + J. Invierta su color a blanco (Comando / Ctrl + I). Active la herramienta Mover y presione la flecha Arriba y Derecha dos veces para mover la nueva capa 2 px hacia arriba y hacia la derecha. Reduzca la opacidad de la capa de línea negra al 50% y la línea blanca al 20%.
Haz una nueva capa y pinta la sombra oscura cerca de los puntos de sutura..
Repita el mismo paso para dibujar otras puntadas en el otro lado del volante ...
Duplique la forma del volante y cambie su color a # aea7a1. Agregue otra ruta para colocar algunos botones y establecer su modo en Intersección. Asegúrate de colocarlo detrás de las sombras y el grupo de elementos destacados en los que hemos trabajado anteriormente.
Comando / Ctrl-clic en forma. Hacer nueva capa. Pinta las sombras y los reflejos necesarios..
Crea una nueva capa y colócala detrás de la forma. Rellenar selección con negro.
Suavizar con azul gaussiano. Borrar la sombra fuera del volante.
Pinta otro toque sutil al lado de la sombra. Use un cepillo suave con tamaño 1 px.
Dibuja otra forma vectorial con el color # 434343 dentro de la forma anterior. Añadir Layer STyle Bevel and Relieve.
A continuación se muestra el resultado al 100%..
Comando / Ctrl-clic que acabamos de hacer. Expanda la selección 1 px haciendo clic en Seleccionar> Modificar> Expandir. Crea una nueva capa y colócala detrás de la forma. Rellenar selección con negro.
Aplicar Gaussian Blur para suavizarlo..
Active la herramienta Pincel y pinte pequeños resaltes en la parte superior derecha de la forma.
Dibuja esta forma, hecha de una elipse y luego transformada. Agregue superposición de biselado y degradado de estilos de capa y reduzca su relleno a 0%.
Dibuja otro botón y aplica los mismos estilos de capa..
Use la herramienta Tipo para agregar una etiqueta en la parte superior del botón. Siempre puede aplicar la transformación (Comando / Ctrl + T) para asegurarse de que el texto coincida con la perspectiva del botón.
Añadir otro botón en el otro lado. Puedes ver claramente que soy demasiado vago para usar una etiqueta diferente. Entonces, sé creativo!
Añadir texto o logo en el centro del volante. Puedes usar el logo de tu propio auto, si quieres. Aquí, estoy usando una combinación de caracteres en diferentes estilos de fuente. Aplique Layer Style Bevel and Relieve y establezca su relleno en 0%.
Comando / presione Ctrl y haga clic en el logotipo y haga clic en Seleccionar> Modificar> Expandir. Haz nueva capa y rellena la selección con cualquier color. Aplique Sombra interior de estilo de capa y Superposición de degradado. Reducir su relleno al 0%..
Agrega más logos si crees que es necesario.
Hasta aquí, aquí está nuestro resultado..
Dibuje una forma de elipse con color: # 181817 detrás del volante. Presione Comando / Ctrl + T y luego gírelo. Presione Enter una vez que esté satisfecho con el resultado de la transformación. Aplicar Layer Style Bevel y Relieve y Superposición de degradado.
Añadir nueva capa y convertirla en máscara de recorte. De esta manera, todo lo que pintemos aquí irá dentro de la forma. Pintar algunas sombras detrás de la forma del volante principal. En su lado opuesto, pinta algunos toques de luz..
Haz una nueva capa y luego dibuja una curva blanca. Duplicar la capa (Comando / Ctrl + J). Activa la herramienta Mover y pulsa la flecha arriba dos veces para subirla 2 px. Reducir la opacidad de ambas líneas, negro al 50% y blanco al 20%.
Duplica las líneas y colócalos unos pocos píxeles arriba..
Crea una nueva capa y pinta los detalles sutiles en el centro del botón..
Duplica el botón y colócalo en su lado opuesto. No queremos que ambos botones sean 100% idénticos. Por lo tanto, le sugiero que dibuje manualmente diferentes luces y sombras. Como puede ver a continuación, el botón izquierdo es mucho más brillante que el derecho..
Dibuje la forma que se muestra abajo en el lado izquierdo del volante con el color # 434346. Añadir superposición de degradado de estilo de capa.
Pinta el resalte grande y sutil en el centro de la forma y el resaltado en la parte superior de la forma.
Pintar la sombra justo detrás de los botones anteriores.
Hasta aquí, aquí está nuestro resultado..
Dibuja un rectángulo redondeado detrás del volante con el color # 2d2c31. Crear una nueva capa y convertirla en máscara de recorte. Pintar forma superior con negro..
Dibuja forma de rectángulo redondeado más pequeño en la misma posición. Repite el paso anterior, pinta su parte superior con negro..
Dibuja una forma roja detrás del volante. Añadir estilo de capa Sombra interna y Superposición de degradado.
Manualmente, dibuje otra forma sobre la forma anterior con un color gris oscuro. Aplique brillo interno y superposición de degradado de estilo de capa.
Resalte de pintura en el área indicada a continuación.
Comando / Ctrl-clic en la forma del volante. Asegúrate de que la herramienta de selección esté activa y pulsa la flecha hacia abajo varias veces. Rellenar selección con negro.
Haga clic en Filtro> Desenfoque> Desenfoque gaussiano para suavizar la sombra.
Añada Layer Mask y pinte la sombra superior con negro para ocultarlo..
Reducir su opacidad al 20%..
Pintar la zona inferior con negro a todo allí..
Dibuja la forma que se muestra abajo con el color # 242524. Cree una nueva capa y conviértala en Máscara de recorte (Comando / Ctrl + Alt + G). Pintar forma superior con negro..
Repita el paso anterior. Dibuja otra forma sobre la forma anterior y pinta su área superior con negro. Crea una nueva capa y luego pinta la intersección entre las dos formas con negro.
Dibuje el tablero superior con gris como su color. Añadir superposición de degradado de estilo de capa.
Cree una nueva capa y conviértala en Máscara de recorte (Comando / Ctrl + Alt + G). Pintar sombra y resaltar sobre la forma..
Hasta ahora, este es nuestro tablero. A continuación, vamos a dibujar el tablero central. Para ayudarnos a hacer esto, ocultemos el volante..
Comience dibujando la forma que se muestra a continuación, use #eeebdc como su color. Hacer nueva capa. Pulsa Comando / Ctrl + Alt + G para convertirlo en Máscara de recorte. Pinta sus bordes con negro. Puedes reducir su opacidad si crees que la sombra es demasiado dura.
Abajo, es el resultado cuando se revela el volante..
Dibuje un rectángulo redondeado y modifique algunos de sus puntos hasta que tengamos la siguiente forma. Añadir Layer Style Inner Shadow. Este va a ser el orificio de ventilación del aire..
A continuación se muestra el resultado cuando se revela el volante..
Use la herramienta pluma para dibujar estas formas en la parte superior de la ventilación de aire. Asegúrate de dibujar algunas sombras detrás de él. Puedes notar que las formas que hice están fuera del agujero. No importa porque el volante lo mantendrá oculto..
Añade otra forma de rectángulo redondeado para su asa. Pintar más sombra y dibujar algunas formas dentro del agujero..
Añadir trazo blanco que rodea el orificio de ventilación de aire. Aplicar Gaussian Blur para suavizarlo..
Aquí está el resultado con el volante revelado.
Ya casi hemos terminado. Vamos a revelar el volante de vuelta.
El tablero central parece demasiado ligero. Necesitamos añadir más sombras allí. Comando / Ctrl-clic en la forma del volante. Mueve la selección unos pocos píxeles.
Hacer una nueva capa detrás del volante. Rellena la selección con negro y suavízala con el filtro de Desenfoque Gaussiano.
Dibuja la forma que se muestra a continuación. Añadir superposición de degradado de estilo de capa y brillo interior.
Repita el paso anterior, dibuje una forma similar pero esta vez más pequeña con un color más claro. Añadir los mismos estilos de capa.
Añade una forma más.
Pinta un poco de relieve en las áreas indicadas a continuación. Lo hemos visto hacer en el paso 22.
Dibuja una forma de círculo blanco. Pintar sutil resaltado alrededor del círculo..
Comando / Ctrl-clic en la forma del círculo. Haga clic en Seleccionar> Modificar> Contrato, Seleccionar> Modificar> Borde. Hacer nueva capa y rellenar la selección con blanco. Añadir superposición de degradado de estilo de capa.
Dibuja un círculo gris dentro de la forma anterior. Apli