Cómo crear tu propia ciudad vectorial estilizada

En este tutorial, explicaremos cómo crear rascacielos vectoriales y cómo configurar una ciudad vectorial con pasos simples. Este es un tutorial para principiantes y fácil de seguir. Empecemos!

Vista previa de la imagen final

A continuación se muestra la imagen final en la que trabajaremos. ¿Desea acceder a los archivos completos de Vector Source y las copias descargables de cada tutorial, incluido este? Únete a Vector Plus por solo 9 $ al mes.

Detalles del tutorial

  • Programa: Adobe Illustrator
  • Versión: CS4
  • Dificultad: principiante
  • Tiempo estimado de finalización: 1 hora

Paso 1

Abra un nuevo documento y seleccione la cuadrícula de herramientas rectangular en la barra de herramientas.

Paso 2

Primero establezca el relleno en negro y el trazo en blanco. Luego, haga clic una vez en la mesa de trabajo y aparecerá la ventana Opción de cuadrícula rectangular. Aplica los ajustes que ves en la imagen de abajo..

Elegí un tamaño fácil de dividir (100 x 500), por lo que la cuadrícula que estamos configurando nos dará campos cuadrados. Elija 50 para los divisores horizontales y 10 para los divisores verticales. Marque Usar rectángulo exterior como marco y Rellenar cuadrícula, luego haga clic en Aceptar.

Paso 3

Así es como debería verse el rectángulo.

Etapa 4

Seleccione la forma recién creada y abra la Paleta de Pathfinder. Haga clic en la opción Dividir.

Paso 5

Ahora tenemos cuadrados con un borde blanco y un relleno negro..

Paso 6

Acercar y agarrar la herramienta de selección directa (A). Haga clic en uno de los cuadrados. Puedes ver que cada cuadrado tiene un trazo blanco y el relleno negro. Si desea agregar algunas ventanas, simplemente puede cambiar el relleno a otro color para dar la ilusión de una ventana.

Paso 7

Use la herramienta Rectángulo (M) para crear varias formas alrededor de la forma de la cuadrícula para que se vea como la vista frontal de un rascacielos. Rellénalos con un color y trazo diferente..

Paso 8

Repita los pasos 1 - 7 y elija diferentes colores. En el ejemplo a continuación, elegí amarillo y cambié algunos de los cuadrados a un amarillo más claro que representa ventanas.

Paso 9

Vamos a crear otro rascacielos con otro truco fácil. Crea un rectángulo y rellénalo con negro..

Paso 10

Crea un pequeño cuadrado blanco y duplícalo..

Paso 11

Seleccione ambos cuadrados y abra las Opciones de fusión a través de Objeto> Mezclar> Opciones de fusión. Elija Pasos especificados: 6 y haga clic en "Aceptar".

Paso 12

Expanda la mezcla (Objeto> Mezclar> Expandir) y duplique la fila de cuadrados. Repita las opciones de mezcla de pasos especificados.

Paso 13

Expandir la mezcla de nuevo. Ahora creamos otra forma de rascacielos..

Paso 14

A continuación, puede ver ejemplos de las vistas frontales de los rascacielos que creé. Arrastra todas estas formas a la paleta de símbolos. Los necesitaremos en el siguiente paso..

Paso 15

Cree un rectángulo que tenga aproximadamente el mismo tamaño que los rascacielos. Ahora abre las opciones de Extrusión y Biselado 3D. Aplica los ajustes de la imagen de abajo..

Paso 16

Mantenga abiertas las Opciones de Extrusión y Biselado 3D y haga clic en el botón Map Art. Como arrastramos cada forma de rascacielos a la Paleta de símbolos, ahora podemos elegir una y aplicarla al rectángulo. Lo puedes encontrar debajo del símbolo de toque a la izquierda. Como tenemos una forma simple, la aplicaremos a la primera superficie. Haga clic en Aceptar."

Paso 17

Seleccione la nueva forma 3D y aplique una Sombra. Esto es opcional.

Paso 18

Repita los pasos 15 a 16 y cree varios rascacielos más..

Paso 19

Sigue agregando más de las formas..

Paso 20

Colóquelos en la parte delantera y trasera para que se parezca más a una ciudad inclinada.

Paso 21

Esto es lo que debería tener después de varios rascacielos agregados y en capas.

Paso 22

Cree un rectángulo grande y rellénelo con un degradado radial de negro a blanco. Coloque el punto culminante hacia la parte superior..

Paso 23

Seleccione todas las formas de rascacielos y agrúpelas (Comando + G). Colóquelos encima de la forma de fondo recién creada. Para mi gusto se ven un poco raros. Demos entonces un look más surrealista..

Paso 24

Selecciona los rascacielos y amplía su apariencia. (Objeto> Expandir Apariencia).

Paso 25

Luego reflexionarlos y duplicarlos..

Paso 26

Selecciona las formas y transformalas seleccionando E.

Paso 27

Luego haga clic con el mouse en la esquina inferior derecha y presione Comando + Mayús + Control y comience a arrastrar hacia la izquierda. Esto sesgará las formas..

Paso 28

Esto es lo que debería desear con el efecto de transformación aplicado..

Paso 29

Coloca los rascacielos transformados en el fondo..

Paso 30

Repite el efecto de transformación con las otras formas..

Paso 31

Ahora duplica los rascacielos y construye una pequeña calle de la ciudad colocándolos en la forma del fondo.

Conclusión

Creé algunas formas de calle con la herramienta Pluma (P), un letrero que cuelga de la parte superior y un cable delgado que cruza. Nada especial, ni complicado, sino solo algunos elementos más divertidos. Espero que hayas disfrutado este tutorial para principiantes y que hayas creado tu propia ciudad vectorial!

Suscríbase a Vectortuts + RSS Feed para estar al día con los últimos tutoriales y artículos de vectores..