|
|
|
|
|
|
|
 |
|
|
|
 |
|
|
Pixeles y vectores aplicados a la ilustración religiosa |
|
|
|
 |
|
|
|
0.1 Introducción
Antes de comenzar con nuestra primera lección, te sugiero leer este breve choro introductorio a guisa de bienvenida ================> |
|
|
|
|
|
|
|
|
|
|
|
|
|
1.0 Los pormenores de la misión
Este primer capítulo versará sobre ilustración vectorial, es decir, sobre un tipo de dibujo basado en vectores o fórmulas geométricas para representar imágenes.
La ilustración que escogí como ejemplo -Cristo Rey- fue publicada a propósito de la cinta La Pasión de Cristo (The Passion of Christ/ 2004 / Dir. Mel Gibson).
El columnista al que ilustré centró su análisis en la violencia y la culpa que Gibson sobreexplotó a través de la película. El tono de la reseña era bastante lúdico y desmadroso, de manera que la imágen tendría que conservar ese aire de crítica informal.
Decidí representar un Cristo madreadísimo limpiando con merthiolate las heridas de su rostro desfigurado y dolorido, basado en la imágen del poster promocional pero sin caer en su estética sombría, sino más bien parodiándolo.
Una vez establecido el tono de la ilustración, me decidí por usar una técnica vectorial y una paleta de colores suaves, en contraste con la fortísima e hipercatólica imagen oficial de la cinta, llena de texturas y colores sanguinolentos. |
|
|
|
|
|
|
 |
|
|
 |
|
1.1 Bocetaje, escaneo y optimización
El dibujo a tinta del que partí consistió en manos y rostro de Jesús, el resto del cuerpo no tenía caso dibujarlo a tinta ya que había resuelto trazarlo directamente en Illustrator.
Una vez escaneado a 300 pixeles por pulgada -ppi-, que es el tamaño estándar para medios impresos, limpié la imagen en Photoshop a través del ajuste Treshold (image-> adjust-> treeshold-> 128), que realza el contraste entre blanco y negro hasta obtener valores absolutos, sin grises intermedios. |
|
|
 |
|
|
|
|
|
|
|
 |
|
|
 |
|
| Imagen escaneada |
|
Parámetros y ajuste de niveles |
Imagen optimizada |
|
1.2 Vectorización
Vectorizé los trazos, Silhouette mediante, con estos settings----------->.
Nota: si trabajas bajo Mac OS Classic o Windows, el programa Streamline de Adobe es, por mucho, la mejor opción para convertir pixeles en vectores. |
|
|
|
 |
|
| Parámetros de vectorización |
|
2.0 Coloreo
A partir de aquí todo fue resuelto en Illustrator; una vez abierto el programa en cuestión importé el archivo recién vectorizado (File -> Open) y salvé como documento .ai (File -> save ass ¡perdón! save as), para comenzar la tarea del coloreo.
La lógica del color en Illustrator y Freehand es parecida a la aplicación por cubetita (Paint Bucket Tool) del Photoshop, y consiste en rellenar con colores planos o gradientes las zonas delimitadas por el contorno de nuestro dibujo.
Con las -vulgar y castizamente- denominadas flechitas (Path Selection Tool) seleccionamos el path que queramos modificar (fig. 7) y aplicamos el color manipulando los parámetros en la ventana Color (Window -> Color).
En este caso apliqué color rojo a la linea que originalmente era negra (fig. 8) para restarle peso e integrarla mejor con el resto del dibujo. |
|
|
|
 |
|
|
Fig. 7
|
|
|
 |
|
|
Fig. 8
|
|
|
2.1 Dibujando con vectores:
Para quienes -como a mi- se les dificulta dibujar con la plumilla (Pen Tool), existe la opción de dibujar a mano alzada con el lápiz (Pencil Tool, Fig. 9) y después corregir, agregar y restar nodos con la herramienta de selección (Fig. 10).
Volviendo a nuestro ejemplo, trazé con el lápiz el cuerpo de Cristo -una suerte de túnica marcadamente geométrica- y después fui afinando poco a poco su silueta y agregando algunos plieges; después apliqué una base de color (Fig. 11) al rostro y las manos -siempre dentro de una gama de colores cálidos y terrosos, ligeramente deslavados- y, ahora sí, el documento quedó listo para los detalles finales. |
|
|
 |
|
 |
|
 |
|
|
|
Fig. 9
|
|
|
Fig. 10
|
|
|
Fig. 11
|
|
|
|
|
|
El mono dice:
A pesar de que esta técnica de color puede parecer en un principio tediosa o mecánica (algo hay de eso, sí señor). Podemos hacerla mucho más placentera y divertida aplicando volumen y textura al color plano.
Una vez que hemos establecido la base podemos comenzar con los acabados, esos detalles brujos que restan el aire maquinal y dan personalidad a nuestro dibujo. |
 |
|
|
|
|
|
|
|
2.2 Acabados:
Todo proceso de color, análogo o digital, lleva más o menos la misma lógica en su desarrollo, esto es, se entona el dibujo para establecer o delimitar la gama cromática, se aplica la base de color para definir nuestra fuente de luz y nuestras zonas de penumbra y, finalmente, se procede a definir texturas, detalles finos y demás filigrana.
En este caso apliqué al rostro de Cristo algunas sombras y luces para dar un poco de volumen; un protector bucal, algunos curitas y pequeñas tiras de tela adhesiva para acentuar la madriza (fig. 12).
El efecto de brillo lo obtuve modificando la opacidad o bien aplicando distintas cualidades a la transparencia de algunos paths (hard light, soft light, multiply etc.) en la ventana Transparency.
Más detalles: manchas de sangre en las vendas que -a manera de bofe- protegen las manos, algunos brillitos al frasco de merthiolate (fig.13) y algunos restos estilizados de barro y mugre en la parte baja de su vestimenta (Fig. 14).
Finalmente un bonito detalle: unos cuantos latigazos en la maltrecha espalda de nuestro homenajeado (Fig. 15).
Esta es la vista final de nuestro documento (Fig. 16) y así se ve la ilustración en las paredes de nuestra galería (cristo Rey), una vez abierta desde Photoshop y convertida nuevamente a pixeles.
|
|
|
|
|
 |
|
|
(fig. 12)
|
|
|
|
 |
|
|
(fig. 13)
|
|
|
 |
|
|
(fig. 14)
|
|
|
 |
|
|
|
(fig. 15)
|
|
|
 |
|
|
|
(fig. 16)
|
|
|
 |
|
|
Para finalizar:
Aunque parezca una estupidez, nunca te olvides de salvar de tanto en tanto tu trabajo e -incluso- conservar versiones alternas de cada documento.
Amiguito: ¡podeís ir en paz, la lección ha terminado! |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|