Bocetos con Photoshop

Introducción

Con este tutorial trataremos de dar una visión de la representación rápida. A través de estos 10 pasos tendremos una idea global del proceso, siempre considerando que el número de pasos puede variar dependiendo de la complejidad de las formas y del nivel de calidad final que queramos para nuestro trabajo.

Aunque nuestra intención es centrar este tutorial en Photoshop, debemos explicar que el proceso es el mismo si trabajamos con Painter, porque el trabajo con capas es análogo con ambas herramientas.

Este tutorial no trata de explicar con detalle cada uno de los movimientos de ratón, sino que parte de la base de que ya tienes al menos una base en Photoshop y de que no se necesita explicar, por ejemplo, cómo crear una nueva capa, o cómo se usa el recuadro de diálogo del Ajuste de niveles.

 

Paso 1

Podemos empezar de dos maneras:

Si tenemos una tableta gráfica Wacom Cintiq, podemos dibujar directamente sobre un documento en blanco de Photoshop o Painter. Con otros tipos de tableta puede ser verdaderamente difícil si no tenemos la práctica necesaria.

También podemos empezar desde un boceto a mano alzada realizado sobre papel, y escaneado a la resolución adecuada, dependiendo de la calidad y tamaño finales que queramos para nuestro trabajo.

En ambos casos, el tamaño final en pixels para la imagen debe ser considerado de la misma manera. Como referencia, las imágenes originales que acompañan este tutorial tienen alrededor de 2300 pixels de anchura, lo que asegura una buena calidad de impresión en A4 y respetable en A3.

No explicaremos la manera en la que se dibuja el boceto, puesto que eso puede ser considerado en un otro tutorial. Por tanto, una vez que el boceto está en la pantalla pasamos al siguiente paso.

 

Paso 2

Comienza creando una nueva capa, y cambiando el modo de fusión a ‘Multiplicar’. En este modo, el color negro de las líneas del boceto (en la capa de fondo) va a ser visible sobre la tinta de las herramientas que se usen en esta nueva capa.

El color usado en este caso fue un gris frío claro (R=220, V=220, A=230 o algo parecido). Usando el pincel con una punta de gran tamaño (Fusión normal, opacidad 100% y flujo 100%) cubrimos completamente la parte más cercana del coche. No te preocupes por pintar fuera de las líneas del boceto, porque lo siguiente que vamos a hacer va a ser borrarlo.

Para ello se recomienda encarecidamente el uso de los trazados, porque son flexibles y es relativamente fácil adaptarlos a las curvas y formas del coche. Puedes encontrar un tutorial completo del uso de los trazados siguiendo este enlace. (Está en inglés). Una vez que tengamos un trazado cerrado lo podemos cargar como selección haciendo Ctrl+clic sobre él en el panel de Trazados (Photoshop) o usando el botón ‘Convertir en selección’ (Painter). Cuando hacemos eso obtenemos un área de selección con bordes muy definidos. Si necesitamos bordes más difusos podemos usar la opción ‘Calar’ del menú ‘Selección’. Una vez que estemos satisfechos con la selección podemos usar la herramienta Borrador para rectificar cuidadosamente o, si es necesario, simplemente pulsa la tecla Supr para borrar completamente el área seleccionada de la capa activa.

Para saber qué borrar, sigue un par de reglas:

• Cuando uses una perspectiva como la usada en este caso, podemos decir que cuanto más perpendicular veamos una superficie, más clara nos parecerá. Esto es porque suponemos que la fuente de luz está sobre nuestro hombro. Así pues, debemos borrar las superficies orientadas hacia arriba vistas más frontalmente. Si la superficie es suficientemente grande la podemos representar como un degradado, de blanco al color del coche, con el blanco en la parte vista más frontalmente.

• Las partes más oscuras, porque nos muestran el exterior de la silueta del coche. Eso nos ayudará a ver mejor el resultado.

No te preocupes por los cristales. Déjalos de momento con el mismo color que el resto del coche.

 

Paso 3

Podemos usar varias capas en modo ‘Multiplicar’. De esa manera obtenemos colores más fuertes para las sombras y las superficies en las que se refleja el suelo o el fondo.

Para esas capas se recomienda usar un flujo del pincel mucho menor. En nuestro caso hemos usado solamente 1% y 2% de flujo, siempre con la capa en modo ‘Multiplicar’.

Quizás pienses que el nivel de contraste es demasiado bajo. Seguramente es cierto, pero no te preocupes de momento por ello. Resolveremos ese problema casi al final del todo.

 

Paso 4

Fijémonos ahora en las zonas negras y oscuras. Una de ellas son los cristales. Los cristales reciben un tratamiento especial porque reflejan a la vez que transparentan.

Como ya han sido previamente coloreados, ya tenemos los reflejos (obtenidos como en el resto de la carrocería). Ahora sólo debemos cambiar el color por otro más contrastado. Hay varias maneras de hacer esto, y usaremos la que quizás sea la más interesante.

Comienza seleccionando el área de los cristales con la Pluma para crear un trazado y cárgalo después como selección. Tras ello haz clic en la primera capa, la más alta. Una vez marcada, crearemos una capa de ajuste del tipo Tono/Saturación, por ejemplo haciendo clic, en la flecha situada en la esquina superior derecha del panel de Capas y seleccionando ‘Nueva capa de ajuste…’.

En el cuadro de diálogo arrastraremos el control de Saturación al mínimo y luego hacemos clic en el botón Aceptar. Entonces repetiremos el proceso desde la selección del trazado, pero creando en esta ocasión una capa de ajuste de Niveles en vez de la de Tono/Saturación, y arrastramos el control de Semitonos hacia la derecha hasta que obtengamos la oscuridad deseada. Haciéndolo de esta manera, podremos volver en cualquier momento para cambiar los ajustes.

Para obtener el resto de las zonas oscuras, como la sombra, neumáticos y el interior de los pasos de rueda, debemos hacerlo como antes, seleccionando esas áreas con la herramienta Pluma como hemos descrito. Luego crearemos una nueva capa sobre las demás de la lista y pintaremos/rellenaremos la selección con el color deseado. No olvides seleccionar el modo de fusión ‘Multiplicar’ para esta capa.

Ahora los cristales parecen opacos, pero en el siguiente paso los proveeremos de transparencia.

 

Paso 5

Para obtener la transparencia crearemos otra capa sobre las demás. No olvides el modo ‘Multiplicar’ y selecciona un gris más oscuro que los usados anteriormente.

Selecciona las áreas que representan el interior del coche y que coinciden con el color gris del reflejo, y píntalas o rellénalas del color que acabas de elegir.

También los interiores de los pasos de rueda se procesan de la misma manera, y se genera una doble zona en la sombra para enfatizar el contorno.

 

Paso 6

A medida que el dibujo viene a la vida, debemos definir mejor las superficies, aumentando el contraste en los encuentros entre superficies.

Observa como la definición del aletín delantero ha ganado añadiendo otra capa en modo ‘Multiplicar’.

Crea tantas de estas capas como necesites para dar más profundidad a tu trabajo.

 

 

Paso 7

Vamos ahora a detenernos en los detalles. Para muchos observadores podría parecer que el trabajo está próximo a finalizar, pero todavía hay detalles que llevan bastante tiempo y que hacen que el coche adquiera una apariencia más real. Por otro lado, si los pasamos por alto, el trabajo siempre nos daría la sensación de incompleto.

Como esta parte del trabajo puede ser un poco estresante, lo puedes alternar con otras tareas pendientes

Observa el interior del faro y su evolución en los siguientes pasos.

En este paso también hemos oscurecido los cristales, para incrementar el contraste.

 

Paso 8

Dependiendo de la calidad final que quieras para tu trabajo, puedes detallar más o menos elementos, como por ejemplo, logos, discos de freno, tomas de aire, retrovisores, manillas de las puertas, etc. Puedes también añadir más detalles del interior, pero no olvides rematar los faros/pilotos, ya que actualmente su aspecto es muy importante.

Como la mayoría de esas áreas tienen superficies muy pequeñas, el trabajo usando trazados puede no ser tan fluido como quisiéramos. Podemos entonces usar selecciones normales hechas con la herramienta ‘Lazo’ en cualquiera de sus variantes. Evita crear una capa para cada una de esas superficies. Agrúpalas, por ejemplo por colores. Pinta en una sola capa las superficies que usan el mismo color.

 

Paso 9

Los pasos finales del proceso son simples, pero con ellos se obtienen los resultados más visibles.

En este paso puedes guardar la imagen con todas sus capas en los formatos nativos PSD (Photoshop) o RIF (Painter). Esos archivos son muy útiles para guardar el trabajo. Como sabes, con ellos trabajas sólo sobre una capa de cada vez, así que puede ser muy laborioso modificar la imagen por completo. Para simplificar el trabajo desde este paso, puedes guardarlo como JPG o TIFF. En esos formatos se maneja sólo una capa con la apariencia de la imagen completa que tenías en la pantalla cuando guardaste.

Asegúrate de que guardas el PSD o RIF en su estado final, porque ese es el archivo que deberás editar en caso de que quieras realizar alguna modificación. Sin embargo, para este paso, vamos a trabajar con el archivo JPG (o TIFF) guardado como se describió en el párrafo anterior.

Cierra el PSD/RIF para evitar confusiones, y luego abre el JPG. Una vez sobre él, usa Imagen>> Ajustar>> Niveles y arrastra el controlador de semitonos hacia la derecha para incrementar el contraste. Puedes probar también el botón Automático. Evalúa los resultados antes de cerrar el recuadro de diálogo. Para restaurar los valores originales, pulsa la tecla Alt y entonces el botón Cancelar se convertirá en Restaurar.

 

Paso 10

En este último paso sólo debemos añadir brillo blanco en ciertos puntos para simular focos reflejados en las aristas del coche.

Lo podemos hacer directamente sobre la capa de fondo si trabajamos en el archivo JPG (o TIFF), o en una nueva capa, esta vez con el modo de fusión ‘Normal’.

Aplica blanco sobre los bordes más oscuros de la carrocería, usando la herramienta Aerógrafo. Puedes usar puntos elípticos cuando lo necesites.

Puedes aplicar blanco para resaltar las juntas de la carrocería, puertas, capó, etc. En esos casos es mejor marcar una línea blanca (en vez de un punto) mediante el contorneado de un trazado con un pincel de punta pequeña. Ten en cuenta que puedes usar la opción ‘Simular presión’ del recuadro de diálogo ‘Contornear trazado’ para que los extremos del trazado terminen en punta.

Recomendaciones:

Como puedes ver, las zonas más lejanas del coche, en este caso la parte trasera, van perdiendo opacidad. Eso nos puede ayudar a centrar la atención en las zonas que queramos destacar.

Algunas veces podrás obtener un mejor resultado si pones un fondo situado detrás para que se refleje sobre el coche. Eso te ayuda a resaltar la silueta del coche a la vez que obtienes un punto más de contraste.

Puedes plantearte la utilización de más de un color. Por ejemplo, puedes seleccionar un color oscuro (negro, azul marino…) para la carrocería y un degradado desde un color claro (amarillo, naranja…) hasta blanco para las superficies iluminadas.

Es muy recomendable guardar las máscaras de las zonas principales del coche, como la silueta completa, los cristales, faros, ruedas… Teniéndolas siempre puedes hacer cambios y ajustes de última hora.

Uno de esos cambios puede ser el tono final de la carrocería. Para ello debes acoplar la imagen (menú Capa) y cargar la correspondiente selección (sólo la carrocería).Una vez cargada, usa Imagen>> Ajustar>> Tono|Saturación, o mejor, crea una Capa de ajuste (ver Paso 4) de ese tipo, y selecciona ‘Colorear’. Usa los controles para darle a la carrocería el aspecto que desees. Observa que si usas ‘Colorear’ obtienes un único tono para la carrocería completa. Por lo tanto, si usaste varios colores no se recomienda usar este proceso. Prueba en lugar de esto sin activar el control ‘Colorear’.