Cómo crear una ilustración de tienda de bodega en Adobe Illustrator

Lo que vas a crear

En este tutorial crearemos una tienda completa con todos los detalles, además de algunos arbustos y una calle con sus farolas, utilizando las formas y herramientas más básicas de Adobe Illustrator..

Encuentra más inspiración para tus ilustraciones vectoriales en GraphicRiver.

1. Cómo crear un nuevo documento 

prensa Control-N hacer un Nuevo documento. Selecciona el Unidades a Pixeles, y entrar 800 x 600 Para el ancho y alto del documento. Entonces en el Avanzado opciones, seleccione RGBPantalla (72 ppi), y asegúrese de desmarcar la Alinear objetos nuevos al cuadro de cuadrícula de píxeles antes de hacer clic DE ACUERDO.

Ve a la Preferencias (Control-K) y entrar 1 px Para el Incremento del teclado. prensa DE ACUERDO.

Puedes activar el Información panelVentana> Información) para tener una vista previa del tamaño y la posición de sus formas. Recuerde ajustar la unidad de medida a Pixeles desde Editar> Preferencias> Unidades. Esto aumentará enormemente la velocidad de tu trabajo..

2. Cómo crear un camino

Empezaremos por la carretera y la acera de nuestra tienda..

Comience creando un 800 x 120 px rectángulo usando el Herramienta Rectangular (M). Utilizar # 706B79 como el color de relleno.

Ahora crea la acera usando una 704 x 10 px rectángulo# A8A5AA) y uno 704 x 6 px rectángulo# 706B79). 

3. Cómo crear una tienda

Ahora para el paso más lento, la tienda.

Paso 1

Comience por crear el taller. Crear un 314 x 7 px rectángulo# 9D9588) con el Herramienta Rectangular (M).

Luego crea una columna usando una 36 x 256 px rectángulo# E9E7DC) y agregar detalles con dos 22 x 53 px rectángulos# F9F6E6) y un 22 x 125 px rectángulo# F9F6E6). Conjunto Ronda invertida esquinas con un 5 px radio desde el Transformar panel.

Paso 2

Ahora duplicar las formas internas de la columna dos veces (Control-C seguido de Control-F) y moverlos 2 px hacia abajo con las teclas de flecha del teclado. Aplicar Frente menos desde el Pionero panel a cada copia.

Cambiar el color de relleno a # D6D4C3. Agrupa la columna (Control-G) y duplicarlo (Control-C> Control-F) en el otro extremo.

Paso 3

Vamos a crear la puerta usando un 90 x 180 px rectángulo# EAAB61). Luego agrega otro 62 x 34 px rectángulo# DB9747) y crea una sombra duplicando dos veces (Control-C seguido de Control-F). Mover la ultima copia 4 px hacia abajo y 4 px a la derecha.

Conjunto Frente menos desde el Pionero panel.

Etapa 4

Crea la ventana de la puerta usando un 62 x 112 px rectángulo# 78C4ED). Ahora agregue un 5 x 112 px rectángulo# 64ABD5) para actuar como una sombra.

Ahora crea un par de rectángulos (#FFFFFF) y girarlos 45º con el Herramienta de rotación (R). Establecer un 30% Opacidad en la barra superior y con el Herramienta de creación de forma (Shift-M) eliminar las formas restantes.

Paso 5

Ahora, crea un signo usando un 30 x 20 px rectángulo#FFFFFF). Añadir dos 2 x 18 px rectángulos# EAAB61), gíralos hasta que tengan una 45º ángulo usando el Herramienta de rotación (R), y colocarlos bajo el signo (clic derecho> Organizar> Enviar hacia atrás).

Luego crea un 6 x 6 px elipse#FFFFFF) utilizando la Herramienta Elipse (L). Dibuja dos rectángulos (# F7DDC0) en el cartel.

Agrupar el signo (Control-G) y duplicarlo (Control-C> Control-F). Utilizar # 64ABD5 Como color de relleno para la copia, muévelo. 2 px hacia abajo y hacia la derecha, y luego enviarlo detrás del cartel (Controlar-[).

Paso 6

Ahora crea el controlador usando un 7 x 7 px elipse# BB7B33).

Ahora agregue un 224 x 27 px rectángulo# EAAB61) para la pared de la tienda y un 224 x 153 px rectángulo# 78C4ED) para la ventana.

Duplica el rectángulo de la pared dos veces (Control-C seguido de Control-F), y mover la segunda copia 3 px hacia abajo y 3 px a la derecha. Conjunto Frente menos desde el Pionero panel. Cambiar el color de relleno a # DB9747.

Paso 7

Crea algunas compensaciones en la pared con un 3 x 16 px rectángulo y un 61 x 3 px rectángulo# DB9747), agrupándolos (Control-G) para formar una L. invertida Luego duplicarla dos veces (Control-C> Control-F).

Paso 8

Vamos a crear algunos detalles en la ventana. Tomar el Herramienta Pluma (P) y dibuja la parte superior de una barra usando el color de relleno # 6BAFE2.

Luego dibuje las sombras del asiento y algunos vasos sobre la mesa usando el color de relleno  # 5789C3. Redondear las esquinas de los asientos usando Esquinas vivas con el Herramienta de selección directa (A).

Paso 9

Ahora crea las lámparas usando una 2 x 44 px rectángulo# 5789C3) y uno 22 x 12 px rectángulo# 5789C3). Mueve los nodos superiores del último rectángulo hacia adentro 4 px con el Herramienta de selección directa (A).

Añadir un 8 x 8 px elipse# 5789C3) bajo el capó de la lámpara y agrupar todo junto (Control-G). DuplicarloControl-C> Control-F) y colocarlos lejos el uno del otro.

Paso 10

Agrega reflexiones en la ventana, dibujando tres rectángulos con el Herramienta Rectangular (M). Utilizar #FFFFFF como el color de relleno y establecer una 30% de opacidad en la barra superior.

Girar los rectángulos 45 ° y usar el Herramienta de creación de forma (Shift-M) Eliminar el resto de la forma de la ventana..

Paso 11

Ahora agrega las divisiones de ventana usando una 7 x 180 px rectángulo, uno 217 x 7 px rectángulo, y uno 7 x 146 px rectángulo. Utilizar # F9F6E6 como el color de relleno.

Luego agrega dos 4 x 146 px rectángulos# 64ABD5) y colocarlos bajo los reflejos (Controlar-[) como se muestra en la imagen de abajo.

Paso 12

En este paso crearemos a los ciegos. Para ello, crea un 24.15 x 74 px rectángulo# EAAB61) y redondea sus esquinas inferiores. Duplica el rectángulo (Control-C> Control-F) Tres veces y alternar el uso del color de relleno. # EDEEF0.

Paso 13

Ahora dibuja un rectángulo (# EAAB61) a un tercio de la parte inferior de la persiana y retire la forma restante con el Herramienta de creación de forma (Shift-M). Selecciona el Modo de fusión a Multiplicar y el Opacidad a 35% utilizando la Apariencia panel.

Agrega un 314 x 4 px rectángulo#FFFDEF) en el pliegue de los ciegos, y de la Apariencia el panel establece el Modo de fusión a Luz tenue y el Opacidad a 50%. Agrupa todo junto (Control-G) y duplicarlo (Control-C> Control-F).

Paso 14

Enviar la copia oculta hacia atrás (Controlar-[) y aplicar el color de relleno. # 000000. Selecciona el Opacidad a 10% en la barra superior.

Mueva la copia hacia abajo solo una vez presionando Cambio llave.

Paso 15

Agrega un dintel creando un 314 x 34 px rectángulo# E9E1C4). Luego crea un 296 x 168 px rectángulo# D6D0B5) y establecer Ronda invertida esquinas con un 4 px radio desde el Transformar panel.

Después, duplicarlo dos veces (Control-C seguido de Control-F) y mueve la última copia 2 px hacia abajo. Entonces aplique Frente menos con la copia anterior utilizando el Pionero panel. Utilizar # C2BCA4 como el color de relleno.

Paso 16

Crear un 314 x 35 px rectángulo# D6D0B5) sobre el dintel. Luego crea un 4 x 28 px rectángulo# C2BCA4) y redondear las esquinas inferiores.

Duplícalo y colócalo en el otro extremo del dintel. Selecciona ambos rectángulos y ve a Objeto> Mezcla> Hacer fusionar. Luego establecer una 40 separación de pasos de Objeto> Mezcla> Opciones de mezcla.

Paso 17

Haz algunas sombras en las columnas usando dos. 36 x 4 px rectángulos# D6D4C3). Después, agregue un 314 x 7 px rectángulo# C2BCA4) encima del dintel, y coloque el Modo de fusión a Multiplicar con un 40% de opacidad utilizando la Apariencia panel. 

Paso 18

Vamos a terminar el techo, usando una 405 x 27 px rectángulo# F9F6E6). Luego, agrega uno 351 x 14 px rectángulo# D6D0B5) y uno 351 x 4 px rectángulo# C2BCA4). Finalmente, agregue un 360 x 7 px rectángulo# F9F6E6). 

Paso 19

Crea unos arbustos con dos. 54 x 54 px Elipsis y uso. # 7FBB86 y # 68A96A como los colores de relleno. Luego, duplicar los arbustos (Control-C> Control-F) y coloque la copia en el otro extremo.

Asegúrese de colocarlos detrás de la tienda (Shift-Control- [).

4. Cómo crear un farol

Paso 1

En este paso, vamos a crear las farolas en la calle. Para hacer esto, usa un 18 x 18 px rectángulo# 7C7C7C) y mueva los nodos superiores 2 px hacia adentro con el Herramienta de selección directa (A).

Luego agrega un 7 x 194 px rectángulo# 6B6B6B) y mueva los nodos superiores 2 px hacia adentro. Luego, dibuje un rectángulo en la parte superior y elimine el resto con la Herramienta de creación de forma (Shift-M).

Paso 2

Ahora crea un 26 x 3 px rectángulo# 6B6B6B) sobre el post y un 36 x 3 px rectángulo# 6B6B6B) encima del último rectángulo. Crear un 3 x 26 px rectángulo y colóquelo en el centro, haga una copia (# 424242) y cambia su altura a 4 px en el Transformar panel.

Entonces toma el Herramienta Pluma (P) y dibuja un trapecio para la lámpara usando el color de relleno # F2F2F2. Colóquelo debajo del rectángulo (Controlar-[).

Paso 3

Crear un 36 x 3 px rectángulo# 6B6B6B) y colóquelo en el centro de la lámpara. Utilizar el Herramienta de creación de forma (Shift-M) Para quitar los extremos con la forma de la lámpara..

Ahora crea un 26 x 26 px elipse# 7C7C7C) y quitar el nodo inferior. Colóquelo en la parte superior de la lámpara. Agrupe el farol juntos (Control-G), duplicarlo (Control-C> Control-F), y colóquelo en el otro extremo de la tienda..

Etapa 4

Para terminar, vamos a crear el cielo. Crear un 800 x 600 px rectángulo# 80C3EA) y enviarlo a la parte posterior del lienzo (Objeto> Organizar> Enviar al fondo).

Perfecto, estas terminado!

El resultado es encomiable! Felicitaciones por llegar a este punto. Espero que lo hayas disfrutado tanto como yo y que hayas aprendido mucho. Estaré viendo los comentarios!