Crea una escena de la ciudad ocupada en Illustrator

Sep 16, 2025

Cómo

[dieciséis]

La mejor ciudad es una ciudad ocupada, pero ese ambiente ocupado no es una cosa fácil de capturar con éxito. Sin embargo, con un poco simple como dibujar Consejos Puede traer vida a sus escenas de la ciudad, llenar la arquitectura con detalle ... y no tendrá que pasar semanas.

100 asombrosos tutoriales de Adobe Illustrator

En este tutorial, estaremos mirando a juntar una escena de calle bulliciosa en Ilustrador, parte de Adobe's Nube creativa . Estaremos construyendo arquitectura, agregando figuras, colocando muebles de calle y señalización y experimentando con mi cosa favorita: color.

Paso 01.

Linework for a store – note how much of it is copy and pasted for efficiency (click image to enlarge)

Cómo comienzas tu obra de arte depende de ti. Puede elegir comenzar desde un boceto a lápiz, dibuje directamente hacia una tableta o vaya directamente a Illustrator y construya en vectores desde cero. Comencé con un boceto a lápiz y trazó la línea usando la herramienta de pluma y formas en AI.

Paso 02.

This is a great way to learn how to get spacing and proportions correct before starting to draw (click image to enlarge)

Si no está interesado en dibujar, o está buscando un acceso directo rápido, adelante y traza una foto. Use las herramientas de formas para construirlo de regreso al frente, por lo que las capas en AI estén en el orden correcto. Por lo tanto, en primer lugar, el muro básico (el objeto más lejano de distancia), luego los detalles en la pared, y así sucesivamente, trabajando hacia adelante a los marcos de las ventanas y las puertas.

Paso 03.

Repeated windows, frames and fire escape (click image to enlarge)

Las escenas de la ciudad pueden tener miles de ventanas. No los vectorales uno por uno, simplemente ilustre uno al principio en línea, luego agrega colores. Grupo todos los elementos juntos seleccionando cada pieza y haciendo clic en cmd + g . Trabajo de manera realmente eficiente copiando y pegando esa ventana.

Seleccione el grupo de ventanas, mantenga presionado Shift + Alt y muévalo en la dirección que necesita usando las teclas de flecha. Luego liberar el alt clave y seguir haciendo clic Cambio + tecla de flecha hasta que la siguiente ventana esté en su lugar. Repita hasta que forme una fila de Windows, luego agrupa todas esas ventanas juntas y cree una nueva fila a continuación. Sigue copiando hasta que haya llenado su edificio con ventanas idénticas.

Paso 04.

I've included three key landmarks, which are spread across the illustration (click image to enlarge)

Mientras crea edificios, siempre considere cómo se unirá su composición de la ciudad. En una ciudad real, los puntos de referencia o los edificios llamativos rara vez se encuentran uno junto al otro. Crea espacios alrededor de estos edificios clave, y llena estos huecos con edificios más pequeños, casas genéricas o tiendas.

Comienzo a construir mi ciudad desde la parte superior del tablero de arte y trabajar hacia abajo, por lo que las capas se están acumulando desde la parte inferior (o más lejos, si está usando perspectiva) a la capa superior (el primer plano).

Paso 05.

Space out the roads and try playing with diagonal shapes (click image to enlarge)

A menos que esté creando una escena de "tejados", asegúrese de crear algún espacio básico en todo momento, lugares para poner a las personas, automóviles, etc. Recomiendo romperse de cualquier realismo en la composición / perspectiva aquí, coloque los edificios con bloques de color delante y detrás para crear las carreteras y las paredes. Estos pueden ser tan simples como desee (los rectángulos básicos funcionan perfectamente bien), ya que agregará muchos elementos en la parte superior para llevar la escena a la vida.

Paso 06.

The colour palette can completely change the atmosphere of a city scene (click image to enlarge)

Con todos los edificios 'construidos', agreguemos un poco de color. Primer consejo: no uses colores realistas. La mayoría de los edificios son grises y marrones similares, y eso no emociona a nadie. Puedes crear una paleta que 'se siente' como una ciudad sin usar las sombras exactas que encontrarías en la vida real.

Entonces, si vas a una jungla urbana nerviosa, juega con algunos greens ricos, grises sucios y tonos de madera naturales. Si va a una ciudad contemporánea soleada, intente mezclar rosas y naranjas calientes con trullos profundos y fresco turquesa.

Paso 07.

These simple assets will bring a lot of extra interest to the scene (click image to enlarge)

Tus calles se ven un poco vacías, por lo que es hora de traerlo todo a la vida. Necesitamos agregar figuras, signos, vehículos, muebles, luces, buzones y todo lo demás. Lo creo por separado de mi escena de la ciudad al principio, sacándolos todo individualmente, lo que los organiza en un nuevo archivo Illustrator. Si construyes un buen stock de activos, se pueden reutilizar para futuras ilustraciones.

Paso 08.

Note how easy it is to change hairstyle, skin and clothing colours to make new people (click image to enlarge)

Es importante asegurarse de que todas las cifras estén en proporción entre sí. Encuentro que es mejor comenzar con el mismo círculo de tamaño para la cabeza de cada figura: los niños y los bebés incluidos. La relación de cabeza a cuerpo desproporcionada en los niños parece analizarse más, como cuando la cabeza es más pequeña.

Siéntase libre de copiar y pegar figuras y recoloar algunas variaciones de cada figura. Esta es una forma eficiente de construir muchas personas diferentes para la escena.

Paso 09.

The details bring it all to life (click image to enlarge)

Coloque sus activos en toda su escena de la ciudad. Considere cómo se pueden colocar estos activos de manera realista, por ejemplo, no coloque dos de los mismos semáforos o letreros uno al lado del otro, y repita las farolas en distancias iguales (use la técnica de copia y pegar desde el paso 3). Es probable que los muebles de la calle se encuentren en un lugar pintoresco, al lado de un parque o un hito.

Coloque a las personas en grupos, pares e individualmente. A menudo le doy a las personas una historia, un padre y un niño que caminan a casa de la escuela, o dos colegas que corren juntos.

Paso 10.

Set the scene, add little details for people to find (click image to enlarge)

Para terminar, lanza algunos detalles especiales específicos de la ubicación allí. Si está ilustrando una ciudad real, ilustre algunos carteles, señales o banderas que enfatizan la ubicación. O si está ilustrando una ciudad genérica, pero desea un ambiente en particular, obtenga algunas consignas o anuncios que ayuden a transmitir su mensaje. Una escena de la ciudad como esta está construida de muchos, muchos detalles, desde marcos de ventanas hasta caminantes para perros, pero cada uno de ellos trae algo a la atmósfera dinámica y ocupada de su ciudad.

Artículos relacionados:

Revisión: CAMELEON COLOR TONE PENS
Cómo ilustrar los libros de los niños: 7 puntas principales
Crea un fondo de pantalla de Poli Bajo en C4D

Crea una escena de la ciudad ocupada en Illustrator

Paso 01.

Paso 02.

Paso 03.

Paso 04.

Paso 05.

Paso 06.

Paso 07.

Paso 08.

Paso 09.

Paso 10.

Cómo - Artículos más populares

Obtén más de Artrage 6: puntas principales para aumentar su flujo de trabajo

Cómo implementar modos de luz u oscuros en CSS

Comienza con Babel 7

Cómo influir en las clasificaciones de Google con su contenido

Aprende a animar para los niños

Comienza con el lienzo HTML

Cómo hacer deliciosas texturas con lápices

Todo lo que necesita saber sobre el nuevo nodo.js 8

Categorías