Krypton Solid

Detrás de escena – Revista Smashing

Detrás de escena – Revista Smashing

Si eres un diseñador gráfico, a menudo tendrás que trabajar con material listo para usar creado por otros, por ejemplo, combinando fuentes listas para usar con imágenes de un fotógrafo o un sitio web de archivo. Además, a menudo tendrá que seguir la marca ya desarrollada por otra persona.

Si eres un diseñador gráfico, a menudo tendrás que trabajar con material listo para usar creado por otros, por ejemplo, combinando fuentes listas para usar con imágenes de un fotógrafo o un sitio web de archivo. Además, a menudo tendrá que seguir la marca ya desarrollada por otra persona. Está bien; es parte del trabajo y no debería molestarte por ello.

Pero la parte de un proyecto que a casi todos los diseñadores gráficos les gusta y de la que más se enorgullecen es algo que puedas hacer desde cero, algo sobre lo que tiene control y puede firmar con confianza: ilustración. Es por eso que amo tanto los proyectos de ilustración. Puede mostrar su individualidad en cada detalle y crear cada trazo de la obra de arte, confiando en su visión y ejercitando plenamente sus habilidades.

Otras lecturas en SmashingMag:

Dado este amor mío, no es de extrañar que asumiera las tareas de ilustración para Smashing Book # 4 sin dudarlo, a pesar de ser un proyecto bastante grande y extenso (20 ilustraciones). Me recuperé y comencé a trabajar, prometiéndome a mí mismo que no importaba lo difícil que resultara, encontraría el tiempo y los recursos internos para completar el proyecto.

Me encanta la forma tradicional de dibujar. – a mano, utilizando papel, lápiz, acuarelas, etc. Por supuesto, no estoy en contra de usar computadoras cuando sea necesario, especialmente hoy en día, cuando tenemos tabletas de dibujo y bolígrafos y todas esas otras cosas digitales que imitan el trabajo dibujado a mano. Pero me parece que todavía no hay sustituto para el encanto de un dibujo hecho a mano bien pensado y elaborado.

Mi proceso para transformar ilustraciones en archivos vectoriales es un poco complicado y, a veces, largo, pero es la única forma de capturar mis dibujos hasta el más mínimo detalle. Al volver a trazar cada línea de la ilustración como una curva usando la herramienta Pluma (en Adobe Illustrator, en mi caso), puedo sentir realmente cada línea y hacer que el dibujo sea lo más perfecto posible.

Comencé cada una de las 20 ilustraciones con muchos bocetos feos, tratando de agarrarme a una idea. No puedo pensar primero y dibujar después. Los dos procesos son uno para mí: dibujo mientras pienso. Malgastaré montones de papel y usaré cualquier superficie que tenga a mano para capturar una idea que de repente se me ocurre. Al revisar los bocetos ahora, me intriga la evolución de las ideas y el nacimiento de los personajes.


Buscando ideas. (Ver versión grande)


(Ver versión grande)


La evolución de un personaje de principio a fin. (Ver versión grande)Luego, hice dibujos detallados a lápiz, que se convirtieron en el prototipos de las imágenes vectoriales. Cuanto más desarrollado estaba el dibujo, más fácil era crear una imagen vectorial. Cuando los dibujos a lápiz estuvieron listos, los escaneé o fotografié y luego pinté con los pinceles habituales en Photoshop. Estos fueron los prototipos que presenté para su aprobación. Para colorear los bocetos, elegiré uno de los pinceles básicos con un borde afilado y simplemente pintaré sobre la imagen escaneada en una nueva capa. El modo «Multiplicar» está activado para esta capa para hacer visible la textura del dibujo. Luego, crearé una capa más para las sombras (con el modo «Multiplicar» habilitado nuevamente).


Añadiendo color al boceto. (Ver versión grande)Esta es una manera rápida y fácil de estimar el espectro de color de las ilustraciones finales (a veces hago varios bocetos de color). Envié los bocetos de colores al equipo de Smashing para la aprobación de la dirección y el concepto de las ilustraciones. Los bocetos de colores conservan una especie de efecto acuarela. Me encanta que esta cualidad se pueda lograr tan fácilmente.


Los bocetos de colores. (Ver versión grande)Una vez aprobados los bocetos, comienzo la parte más importante del trabajo. Pego cada dibujo a lápiz escaneado en un archivo de Illustrator y lo calco. Colocaré el prototipo a lápiz en la capa inferior y lo bloquearé. Luego, miraré mi ilustración cuidadosamente y la dividiré en mi mente en varias áreas, creando una capa separada para cada área. Trabajar con capas es muy conveniente si la imagen es complicada y tiene muchos pequeños detalles.


(Ver versión grande)Puede bloquear u ocultar capas en las que no está trabajando para centrarse en las áreas en las que está. De la captura de pantalla a continuación, es obvio que cada cometa tendrá capas y que el fondo tendrá varias capas. También separé a cada animal en diferentes capas.; por ejemplo, una capa para el cuerpo, otra para la cabeza (generalmente incluyendo los ojos y la nariz) y otra para las extremidades (piernas, alas, etc.).


Creando capas separadas. (Ver versión grande)No hay ningún truco para trazar una imagen a mano. Solo toma la herramienta Pluma y trazar los contornos del boceto. Por lo general, elijo un color brillante para marcar bien los contornos. El proceso es aburrido, pero una vez que eres experto en él, no lleva mucho tiempo. Puede ser casi meditativo, sentado y trazando tranquilamente elemento tras elemento a medida que sus pensamientos se alejan.


El proceso de bosquejo. (Ver versión grande)Por lo general, usaré la herramienta Bote de pintura interactiva para dividir una forma en varias áreas de color. Dibujo líneas que serán los bordes entre los colores, y luego selecciono el grupo de formas y habilito la herramienta Bote de pintura interactiva . Al hacer clic en cada forma con la herramienta, puedo asignarle un color único. Por cierto, si usa colores de las muestras, puede encontrar la herramienta adecuada haciendo clic en las flechas izquierda y derecha.


Usando la herramienta Bote de pintura interactiva. (Ver versión grande)Si un elemento de la ilustración no tiene una forma definida y necesita un poco de improvisación, usaré el pincel Blob . Trabajar con este pincel en una tableta de dibujo es un verdadero placer. Puede configurar los ajustes del pincel Blob haciendo doble clic en el panel Herramientas. Normalmente lo pongo en el pincel más grande para hacer que la presión del lápiz sea lo más sensible posible. Con varias pinceladas seguras, dibujaré el fondo y los arbustos, usaré colores aleatorios según mi sentimiento y luego elegiré colores más apropiados. También dibujaré las ramas de los arbustos con el pincel Blob. Si necesito corregir la forma, normalmente usaré la herramienta Borrar.


Usando la herramienta Pincel de manchas. (Ver versión grande)Aquí tienes un consejo si alguna vez tienes que hacerlo transforma una línea regular en una cinta ondeando al viento. Usaré la herramienta Ancho para hacer que el peso del trazo sea variable. Con esta herramienta, seleccione el punto en la línea donde se cambiará el grosor del trazo y arrastre las líneas auxiliares hasta que la cinta se vea como desea.


Creando una cinta a partir de una línea con la herramienta Ancho. (Ver versión grande)Ahora, la imagen está lista para colorear. Sí, se ve raro sin colores. Pero solo necesita unos minutos para completar las formas y lograr que la imagen esté casi completa. Para completar la imagen de la cometa, agregué algunas flores pequeñas en los arbustos con pétalos volando hacia el viento (usando el pincel Blob). También agregué sombras usando el modo Multiplicar.


Las ilustraciones delineadas y terminadas. (Ver versión grande)El trabajo técnico no fue la parte más difícil para mí. A menudo paso mucho más tiempo dibujando y desarrollando las ideas. Ahora que el Smashing Book # 4 está completo, puedo decir que la parte más difícil fue idear una «trama» para cada título de capítulo. Cuando obtuve el plan para el libro y leí los títulos, estaba perdido. Algunos de los títulos son bastante conceptuales, lo que sugiere metáforas obvias. Pero otros son concretos y relacionados con el código, y esos fueron difíciles de ilustrar (especialmente con animales lindos). Cuando mi imaginación se rindió, los chicos del equipo Smashing estaban listos para lanzar algunas ideas inspiradoras. Entonces, este proyecto creativo fue una auténtica colaboración, y creo que estábamos en la misma onda.

Smashing Book # 4, un nuevo libro para diseñadores y desarrolladores front-end.

Creo que ambas partes solo han sacado emociones positivas del proyecto. Sosteniendo este voluminoso libro ahora en mis manos, habría hecho algunas cosas de manera diferente: nunca estoy completamente satisfecho con mi propio trabajo. En general, sin embargo, estoy contento con el resultado. Entonces, disfruta del Smashing Book # 4. Contiene muchas cosas útiles. (Créame, lo sé).

Deja un comentario