De la ciudad al CD cómo ilustrar las escenas de la ciudad para la carátula del álbum

Trabajo predominantemente para clientes publicitarios y editoriales, sin embargo, también tengo la suerte de involucrarme con algunos espíritus creativos reales en algunos grandes proyectos de colaboración, como la banda de electropop con sede en Nueva Jersey "The Title".

Nick Esposito de la banda había visto mi obra de arte antes y cuando estaban buscando un artista para diseñar su obra de arte de la manga, él se puso en contacto. Me encantó su música y sentí una verdadera combinación entre lo que ellos creaban y lo que yo creé, así que empezamos.

Teníamos que asegurarnos de que todos estábamos trabajando juntos en un paquete completo perfecto, cada elemento del diseño de la manga tenía que compaginar con la música más importante. No recuerdo cómo se resolvió el tema, pero creo que todos debemos estar de acuerdo en que con el álbum llamado "Making A Scene" y su música tan emocionante, realmente tenía que ser una escena de ciudad, este tutorial funcionará Usted a través del proceso que tomé para hacerlo.

Puede encontrar los archivos de origen en el directorio etiquetado como "origen" que vino en los archivos que descargó. Es posible que desee examinarlos brevemente antes de comenzar.


Paso 1

Lo primero es lo primero, para mí, que siempre se reduce a un dibujo a lápiz, es dibujar a lápiz que vienen mis ideas y donde puedo crear una escena con los niveles correctos de realismo y carácter. Por supuesto, podrías comenzar con una foto, pero me parece que la mayoría de las veces el mundo real no siempre me da exactamente lo que quiero. Entonces, una vez que sé de qué tipo de ángulo quiero ver la escena, simplemente comienzo a construir bloques y añado detalles..

Para hacer que un lugar parezca especialmente emocionante, vibrante y variado, trate de no dibujar todos y cada uno de los edificios exactamente iguales, deles diferentes formas y tamaños, diferentes estilos arquitectónicos, diferentes ventanas, puertas, letreros, accesorios y accesorios. Para caracterizar realmente los edificios, creo que es bueno ir primero desde un buen ángulo (asegurándose de que pueda sacar los efectos de perspectiva) y también mantener todas las líneas un poco curvadas de forma natural, en lugar de demasiado rígidas y rectas.

Es generalmente en esta primera etapa que también agrego otros trabajos de línea como nubes, arco iris, burbujas, humo. No siempre agrego todo el texto en este punto, ya que también me gusta usar las fuentes adecuadas en Illustrator, no solo el tipo dibujado a mano..



Paso 2

Dibujo completo (y compartido con los clientes / muchachos de la banda, solo para asegurarme de que voy en la dirección correcta) y es directo a Adobe Illustrator para activar los vectores. Primero, siempre haré un seguimiento básico y exacto con la herramienta Pluma, los principiantes a menudo luchan con las funciones de curva de Bezier, pero realmente debes conquistarlas para sacar lo mejor de Illustrator. Me tomó un tiempo entenderlo, pero el enfoque se vio recompensado y mi trabajo de ilustración ha aumentado mucho desde que aprendí todas las funciones de la herramienta de curva / lápiz de Bezier hace unos años..

Para aquellos lectores que aún no son perfectos con curvas de Bézier, aquí hay una breve lección de inicio ... La herramienta Pluma funciona trazando Puntos de Anclaje y ajustando las curvas entre cada punto (en lugar de las herramientas Lápiz o Pincel, donde dibuja libremente las curvas a mano ) por lo que cada vez que toque su Wacom Pen o haga clic con el mouse, trazará un punto.

Si, cuando toca su punto, lo mantiene presionado y lo arrastra en cualquier dirección, podrá manipular la curva. Cuanto más arrastre el lápiz (la herramienta que está controlando se denomina asa Bezier), más extrema será la curva. Si levanta el lápiz y lo toca en otro lugar, la curva intermedia se creará automáticamente. Sin embargo, si levanta el lápiz, luego vuelve a hacer clic en el punto de anclaje que acaba de colocar (dejándolo inactivo), la curva anterior finalizará y su próximo punto de anclaje se unirá con una línea recta..

Para comenzar a crear una nueva curva, deseleccione la línea anterior. Podría seguir asesorando para siempre sobre las curvas de Bezier y la herramienta Pluma, pero es mejor que sigamos con la escena de nuestra ciudad.!



Paso 3

Nunca tenga miedo de hacer uso de las herramientas de formas de Illustrator, no importa cuán creado a mano quiera que sea su ilustración, las formas pueden hacer la vida mucho más fácil y su trabajo de ilustración puede moverse mucho más eficientemente. Para estos pequeños detalles colgantes de la farola, utilicé la herramienta estrella, asegura que el realismo sea una forma perfecta y también agrega un detalle pequeño y encantador para cualquiera que busque un primer plano..



Etapa 4

Es importante tener elementos realistas, pueden ser ligeramente retorcidos si lo desea, pero para que una escena de la ciudad sea creíble, las luces de las calles, los semáforos, las señales y más no tienen precio. Si
estás buscando un aire de realismo, es una gran idea ver las cosas desde un ángulo, no intentar crear una escena enfrentando todo directamente..

Al crear ilustraciones de carátulas de álbumes, siempre vale la pena recordar que podría estar diseñando un paquete completo, no solo la ilustración de una sola portada. Cuando estaba creando estos semáforos, sabía que quería usarlos en otra parte del paquete, más sobre ellos más adelante.



Paso 5

Verás en la ilustración terminada que hay una arco iris De humo que fluye alrededor del primer plano. Para volver a crear un efecto de cinta de arco iris, comience con una línea curva que traza el flujo. En el panel de capas, duplique la línea, luego bloquee la versión inferior de la línea y use los puntos de anclaje de la otra línea para crear una línea nueva, casi paralela. Si quieres que todas las líneas
desde un punto, simplemente deje el primer punto de anclaje en su lugar. Duplique esta segunda línea, bloquee las dos líneas inferiores (en el panel de capas) y repita lo que desee, como se ve en el diagrama A.

Una vez que tengas tu arcoíris con el aspecto correcto de las líneas, necesitarás un paso más antes de
Puede llenarlo de color. Nuevamente en el panel de capas, duplique todas las líneas, excepto las líneas más altas y más bajas en su mesa de trabajo, de modo que todas las líneas que están dentro de su arco iris tengan dos copias. Ahora, con cada otra línea bloqueada, seleccione los puntos finales de las dos líneas inferiores y únalos (Comando + J), convirtiéndolos en un objeto, que es la franja inferior de su arco iris. Ahora bloquee esa forma y desbloquee las siguientes dos líneas, seleccione sus puntos finales y únase a ellos. Eventualmente tendrás una serie de rayas perfectas que forman tu cinta de arco iris.!



Paso 6

A veces lleva más tiempo del que quisiera, pero terminar todo el trabajo de línea siempre es un gran momento, ya sabes, no estás muy lejos de jugar con el color. Asegúrate de construir tu escena con todas las capas colocadas correctamente en orden de atrás hacia adelante. También encuentro que es útil alinear cada edificio en un color diferente, para que pueda ver dónde termina un edificio y comienza otro, de lo contrario las escenas de la ciudad pueden ser un poco confusas!



Paso 7

Trabajo de línea hecho, se trata de agregar color plano a continuación. Este es un factor tan crucial en cualquier ilustración, sus colores básicos definen la atmósfera, el lugar, la hora del día y la sensación general que las personas obtendrán al ver la obra de arte. Para una ciudad, aunque es genial tener edificios de diferentes colores, si hay muchos edificios, no todos tienen que ser de un color diferente. Una ciudad normal se construye a partir de una selección de materiales, pero esos mismos materiales aparecerán y reaparecerán en diferentes edificios, por lo que tener una selección bastante limitada de colores de construcción puede asegurar nuevamente un poco de realidad..

Piensa también en dónde estás enfocado y asegúrate de que sea el color más llamativo, por lo que aquí quiero que la gente se centre en el edificio central que tiene el título del álbum en la pared, de modo que los otros edificios que lo rodean y el cielo estén en naranja. Rojos y púrpuras, el edificio detrás es un poco más oscuro, y luego el edificio principal es un cian fuerte y chocante. Tus ojos no pueden evitar centrarte en el único color destacado..

También he tenido un buen juego con algunas selecciones de mini colores en las señales (especialmente en el edificio alto a la derecha) y los refugios en las ventanas del edificio de la izquierda. Los colores del cielo realmente pueden crear un ambiente, más que muchos artistas se dan cuenta. El cielo, naturalmente, puede ser naranja, rosa, negro, azul, amarillo, morado o incluso ligeramente verde, según el momento y el clima, así que tome esos colores de la naturaleza y póngalos en su obra de arte.



Paso 8

Para el efecto de pantalla digital, quería que se viera un poco retro y pixelado, sin embargo, se está viendo desde una distancia, por lo que no verías los píxeles individuales dentro de esta escena. Entonces, simplemente cree un bloque de círculos repetidos, usé óvalos aquí para agregar al ángulo en el que estamos viendo la pantalla, pero podría ser más preciso con círculos o cuadrados perfectos.

A mano alzada, luego dibujé mis formas usando la herramienta Selección de lazo, por lo que estaba seleccionando las áreas en las que quería permanecer. Luego invirtí mi selección, por lo que solo se seleccionaron los círculos fuera de mis formas, y presioné eliminar. Puedes llevar esta técnica básica a efectos mucho más complejos, con frecuencia la uso para crear grupos gráficos de hojas en escenas de árboles..



Paso 9

Las funciones de máscara en Illustrator son absolutamente invaluables y pueden agregar mucho a su obra de arte. Por ejemplo, quería algunas franjas ordenadas que envuelven el blimp aquí, así que se pidió una máscara de recorte..
Crea tu forma original y cualquier otro elemento (aquí estaban las piezas de la cola). En el panel Capas, duplique la forma principal y asegúrese de no moverla en la mesa de trabajo, debe permanecer exactamente en
lugar. Eliminar todo su color, relleno y contorno.

Ahora crea tus franjas (u otra ilustración / patrón para recortar). Coloque la forma del cuerpo duplicado sobre las rayas en el panel Capas y seleccione los tres objetos. Ahora haga clic en Objeto> Máscara de recorte. Utilice la forma del cuerpo como una máscara y corte el área de las franjas que no desea que se vea..



Paso 10

Para el título del álbum, realmente quería un simple efecto de iluminación fluorescente. Rastreé mi tipo dibujado a mano, usando la herramienta Lápiz, luego le puse un trazo de línea más grueso, lo convertí en un objeto, lo que significa que ya no es una línea, sino un objeto relleno (seleccione su línea, luego haga clic en Objeto> Ruta> Trazo de esquema).

Entonces le di a ese objeto sus propios esquemas. Con el color de relleno (la línea interior tal como lo vemos) en un color brillante y eléctrico y los contornos en un color más intenso y atenuado, tenemos un efecto de bombilla de fluoro muy rápido y efectivo. Luego duplicé este texto y lo coloqué debajo de la rejilla de alambre, todo en un tono más oscuro del color de la pared, para agregar una sombra simple.



Paso 11

Una vez que los colores principales están terminados, se trata de correr a través de cada objeto, cada pared y cada elemento, y agregar sombreado, degradados, efectos o transparencias para que toda la escena funcione en conjunto..

Siempre había planeado tener el área del cielo también usada para el nombre de la banda, y estaba pensando en usar mi fuente favorita, Cooper Black, pero una vez que llegó a pegarla allí, no parecía lo suficientemente llamativo, no sentía lo suficiente como si fuera de una banda de electropop caliente, vibrante que salía de Nueva Jersey!



Paso 12

Así que volví a la biblioteca de fuentes para encontrar una nueva. Estaba buscando algo anguloso, limpio y fresco, me encontré jugando con Lubalin Graph y terminé usándolo con un efecto pulcro para darle un excelente contorno de corte. Escriba las palabras que desee, luego cambie su tipo en contornos (haga clic en Tipo> Crear contornos en el menú principal), luego duplique el tipo en el panel Capas.

Convierta la capa superior del tipo en el color elegido, debe ser solo un color de relleno. Luego, cambie el duplicado de capas inferiores en trazos de contorno y tome el grosor de la línea hasta 10 o 20 puntos, en un color diferente al del tipo principal, debe obtener un marco grande y bonito. Debido a la naturaleza de los esquemas, también obtiene algunas peculiaridades, donde los ángulos pueden dispararse donde no se esperaba, esto agregó la inquietud que quería y allanó el camino para el resto del tipo en el paquete de la funda.



Paso 13

Puedes ver aquí que usé el mismo efecto en la manga interior, pero con el tipo interno en el mismo color que el fondo liso, así que todo lo que realmente estás leyendo son los contornos..



Paso 14

Volví a usar el mismo efecto de tipo en la contraportada, pero duplicando algunas capas y agregando una paleta de colores eléctrica. Todos los bordes afilados fueron creados por Illustrator (¡sin darse cuenta de su propia creatividad!) Cambiando el tipo en objetos y luego engrosando los contornos hasta un extremo. En este panel, en la parte posterior de la caja del CD, también agregué un rastro de humo que fluye burbujeante, para mezclarlo bien con la cubierta, acentuando el diseño del paquete como un todo. También, un pequeño consejo que he aprendido al diseñar carátulas de CD ... Los paneles laterales rosa, amarillo y naranja siempre se destacan más en un estante!



Paso 15

Este es el interior del folleto del CD, la banda quería todas las letras, lo que me alegró hacer, pero con tan gran cantidad de palabras, tuve que ser creativo para adaptarlo todo. También quería un poco de Refresco de las naranjas calientes y rosas que cubren el exterior del empaque de la manga. Usé Lubalin Graph de nuevo para la fuente, pero solo en blanco sentado sobre el azul cian, con la canción magenta
títulos, realmente sentí que este fue un gran punto llamativo para cualquiera que esté mirando el diseño de la manga.



Paso 16

Esos semáforos que mencioné anteriormente, ya que estaba muy satisfecho con ellos, todo lo que podía hacer era darles su propio espacio en el panel que se encuentra detrás del CD. Esto hace eco de la extravagancia y el humor de la banda, la portada es una explosión de creatividad, fresca y burbujeante, y luego, escondiéndose, es una sonrisa simple, limpia y refrescante..



Imagen final

Las ilustraciones de la portada del álbum siempre han sido un excelente medio para los artistas, ya que diseñan elementos visuales para trabajar junto con la música y atraer a las personas adecuadas. Puede ser una joya colaborativa, trabajando con una banda o
Músico para crear un paquete lleno de sonido y visión..

Recomiendo encarecidamente que más artistas se acerquen a las bandas para trabajar juntos en el diseño del álbum, puedes comenzar en cualquier lugar, con tus DJ locales o bandas jóvenes, o con los principales sellos discográficos. Además, si trabajas con una banda fresca, emocionante y actual, Adobe Illustrator es perfecto para ser creativo con tu diseño, ilustraciones, tipografía, iconos, casi todos los elementos de todo el paquete.!

Para ver más de mi trabajo, visite BenTheIllustrator.com y Speakerdog.com, además de BuyBenTheIllustrator.com para obtener impresiones y pósters. Para escuchar música de The Title, compre el álbum o lea más acerca de la banda en myspace.com/thetitlenj. La imagen final está abajo. Puedes ver la versión grande aquí..