Cómo crear una ilustración del concepto BBQ Time en Adobe Illustrator

Lo que vas a crear

En este tutorial, aprenderá cómo crear una ilustración de barbacoa de verano en diseño plano utilizando las formas y herramientas más básicas de Adobe Illustrator..

Si desea omitir el tutorial, puede comprar el resultado como parte de mi paquete de Fondos de conceptos de actividades de verano. Encuentra más inspiración en GraphicRiver.

1. Cómo crear un nuevo documento

Comencemos nuestro proyecto creando un nuevo documento. Solo ve a Archivo> Nuevo (o Control / Comando-N) y configurar el documento de la siguiente manera:

  • Número de tableros: 1
  • Anchura: 800
  • Altura: 600
  • Unidades: píxeles

Desde el Lengüeta avanzada:

  • Modo de color: RGB
  • Efectos de trama: Pantalla
  • Modo de vista previa: Defecto
  • Alinear nuevos objetos a la cuadrícula de píxeles: Desmarcar

2. Cómo hacer una mesa de picnic y una silla

Paso 1

Comencemos simple tomando una Herramienta Rectangular (M) y creando un 215 x 15 px rectángulo que actuará como una mesa, llenándolo con # BD3337 color.

Construir otro 8 x 130 px forma vertical con # B8B79D color de relleno. Colóquelo más cerca del lado izquierdo del rectángulo rojo, alineando con su borde inferior.

Seleccione la franja vertical y elija la Herramienta de reflexión (O). Sosteniendo el Alt clave, haga clic en el centro del rectángulo grande. En el Reflejar ventana de opciones, establezca la Eje a Vertical y presione Dupdo, reflejando la raya hacia el lado derecho de la forma roja, obteniendo las patas de la mesa.

Paso 2

Construir dos pequeños 10 x 12.5 px rectángulos de # 47392C color, colocándolos justo sobre el contorno inferior de las patas de la mesa vertical y alineando con su centro.

Formar un 65 x 4.5 px Franja horizontal que colorearemos utilizando. # B8B79D. Seleccione la figura y haga doble clic en el Herramienta de rotación (R) para abrir el Opciones menú. Selecciona el Ángulo valor para 90 grados,prensa DE ACUERDO y enviar el rectángulo hacia atrás con Objeto> Organizar> Enviar hacia atrás.

Coloque la forma que creamos en el lado izquierdo de la mesa debajo del rectángulo rojo, ocultando sus partes superior e inferior detrás de la mesa y la pata de la mesa..

Elija el rectángulo en ángulo y seleccione el Herramienta de reflexión (O). Sosteniendo el Alt clave, haga clic en el centro de la mesa. En el Reflejar ventana, establecer el Eje a Vertical ypresione el Dupdo botón, obteniendo una copia en espejo de la forma en ángulo en el lado derecho de la mesa.

Grupo (Control-G) todas las partes de la mesa juntas.

Paso 3

Comienza a crear la silla haciendo un 94 x 40 px rectángulo de # E04938 color.

Añadir dos rectángulos verticales delgados 4 x 110 px tamaño (#DEDDBD) en cada lado interno de la forma roja, colocándolos debajo del borde inferior de la figura grande. Actuarán como las patas de la silla..

Crear dos 22 x 7 px Rectángulos pequeños, coloreando con ellos. # E04938. Coloque cada rectángulo en el centro de la pata de la silla, colocándolos alrededor de 20 px debajo de la forma superior.

Agrega una más 118 x 9 px rectángulo y colóquelo en las patas de la silla, bajándolo sobre 15 px hacia abajo desde las formas rojas más pequeñas y alineando hacia el centro del rectángulo grande superior.

Etapa 4

Con la ayuda del Herramienta Pluma (P), dibujar una línea en ángulo de 4 px ancho, que va desde la intersección de la pata de la mesa izquierda y la forma roja inferior en diagonal hasta el borde inferior de la pata de la silla derecha y luego aproximadamente 10 px hacia el lado derecho (mira el siguiente ejemplo)

Refleje la línea hacia el lado derecho de la silla usando el Herramienta de reflexión (O).

Elige las dos líneas que hemos creado y ve a Objeto> Expandir. Comprobar el Carrera opción, y desmarque la Llenar opción, presionando DE ACUERDO. Nuestros trazos se transformarán en formas llenas..

Manteniendo ambas figuras seleccionadas, vaya a Objeto> Organizar> Enviar hacia atrás, Poniéndolos detrás de las otras partes de la silla.. Grupo (Control-G) todas las piezas de la silla juntas.

3. Cómo crear una taza

Paso 1

Empieza a construir la copa haciendo una 52 x 53.5 rectángulo que rellenaremos utilizando #DEDDBD. Seleccione los dos anclajes inferiores con el Herramienta de selección directa (A)

Utilizar el Esquinas vivas para redondear las esquinas tirando el indicador de círculo hacia el centro del rectángulo, estableciendo el radio de la esquina en aproximadamente 6 px.

Paso 2

Crear un 55 x 3.5 px raya y coloréalo usando # 977866.

Seleccione la raya y el rectángulo grande, presionando Cambio. Haga clic de nuevo en el objeto más grande (No necesitas mantener presionada la tecla Mayús esta vez.!). 

Aparece un contorno azul alrededor de la forma más grande, y Alinear a objeto clave se selecciona automáticamente en el Controlar panel y el Alinear panel.

En el Alinear panelVentana> Alinear) o la Controlar panel,haga clic en el Centro de alineación horizontal botón y luego en el Alineación vertical superior botón.

Paso 3

Todavía necesitamos un asa para nuestra taza..

Construir un 16 x 20 px rectángulo sin Llenar color, ajustando el peso del trazo a 3 px y trazar color para # 977866. Utilizando la Dejar esquinas característica, realice las esquinas superior derecha e inferior derecha de la forma redondeadas. Envíe el asa hacia atrás y colóquela en el lado derecho de la taza, ocultando su parte izquierda detrás de la taza. Grupo (Control-G) todas las copas juntas.

4. Cómo hacer una cuchara y un tenedor

Paso 1

Primero vamos a crear un asa, que usaremos en los siguientes pasos para formar una cuchara y un tenedor..

Construir un 5 x 41 px rectángulo de #DEDDBD color. Manteniendo seleccionada la forma creada, aplicar Efecto> Warp> Bulge con -Curva Vertical 3% valor y 25% de distorsión vertical.

IrObjeto> Expandir Apariencia para convertir el efecto en una forma sólida. Haz que la parte inferior de la figura esté completamente redondeada arrastrando el Esquinas vivas widgets. 

Ya que necesitaremos el mismo asa para la cuchara y el tenedor, cree una copia más de la forma.

Paso 2

Con la ayuda del Herramienta Elipse (L), construir un 17 x 27.5 elipse de #DEDDBD Color, sentado en la parte superior del mango. Elija sus puntos de anclaje laterales con el Herramienta de selección directa (A) y arrastra hacia abajo un poco.

Seleccione ambas figuras y mételas en una usando el Unir opción de la Pionero panel.

Haga las esquinas entre la parte superior con forma de huevo de la cuchara y el mango redondeado utilizando el Esquinas vivas característica.

Paso 3

Tomar el Herramienta de polígono y haga clic en la mesa de trabajo cerca del segundo tirador que creamos en el Paso 1. En el Opcion de poligono panel, ajuste el radio a 7.5 px y lados para 8, obteniendo la forma octagonal. Cambiar el Llenar color de la figura para #DEDDBD y arrastre la forma en la parte superior del segundo asa, haciendo que se superponga al asa y se alinee con su parte central (1).

Selecciona el Eliminar herramienta de punto de anclaje (-) y haga clic en los dos anclajes superiores de la forma octagonal, eliminándolos (2). Elija el anclaje inferior izquierdo de la forma restante y muévalo hacia la derecha mientras mantiene presionado Cambio, Ajustando el punto al contorno izquierdo del mango. Usando el mismo método, arrastre el punto de anclaje inferior derecho al contorno derecho del asa (3).

Elige ambas formas y Unir ellos en Pionero. Haga las esquinas entre la parte superior y el mango redondeado con la ayuda de la Esquinas vivas característica (4).

Etapa 4

Construir una vertical 2 x 15 px rectángulo de la misma #DEDDBD Coloree y colóquelo en la parte superior de la forma previamente construida, alineándolo con el lado izquierdo. Luego, agregue un punto de anclaje a la mitad del borde superior del rectángulo con la Agregar herramienta de punto de anclaje (+) (1).

Eliminar los anclajes superiores izquierdo y derecho con el Eliminar herramienta de punto de anclaje (-), obteniendo una forma de aguja. Crea la misma forma en el lado derecho de la figura (2).

Seleccione ambas formas con forma de aguja con la Herramienta de selección (V) mientras mantiene presionada la Cambio llave. Escoger Objeto> Mezcla> Hacer.

Por defecto, Illustrator crea una transición de color suave. Vamos a arreglarlo eligiendo Objeto> Mezcla> Opciones de mezcla o haga doble clic en el Herramienta de mezcla. Cambiar el Espaciado opción a Pasos especificados, estableciendo el valor a 2 (3).

Manteniendo el objeto seleccionado, vaya a Objeto> Expandir. Comprobar la Objeto opción, y desmarcar la Llenar y el Carrera opción, presionando DE ACUERDO. 

Elija las formas en forma de aguja junto con la figura inferior y use la Unir opción de la Pionero panel.

Haga los espacios entre las agujas redondeadas seleccionando los anclajes en ángulo con el Herramienta de selección directa (A) y arrastrando el Esquinas vivas widgets (4).

Nuestro tenedor esta listo!

5. Cómo crear una sartén y una sartén

Paso 1

Vamos a empezar a construir una sartén tomando la Herramienta Elipse (L) y creando un 95 x 95 px círculo de # 635042 color. Agrega dos círculos más pequeños adentro: a 77 x 77 px círculo de # 977866 color y un 65 x 65 px circulo( # B08F64).

Hacer una 17 x 175 px rectángulo sin Llenar color pero con un 5 px carrera (# 46382B) cerca del grupo de círculos. Hacer la parte superior de la forma totalmente redondeada. Luego redondee ligeramente los anclajes inferiores arrastrando los Esquinas vivas con el Herramienta de selección directa (A). Coloque la forma resultante en los círculos, alineándose con su centro y haciendo que la parte inferior del rectángulo se destaque ligeramente del contorno inferior del círculo exterior.

Envía la forma del rectángulo hacia atrás seleccionándola y yendo a Objeto> Organizar> Enviar hacia atrás. Grupo (Control-G) todas las partes juntas.

Paso 2

Crear un 90 x 90 px círculo con 3 px peso del trazo y #DEDDBD color sin ningún Llenar color. Selecciona el círculo y ve a Objeto> ExpandirComprobar la Carrera opción, y desmarcar la Llenar opción, presionando DE ACUERDO. Nuestro trazo se transformará en una forma llena..

Hacer una 1.5 x 130 px franja de # 47392C color cerca del lado izquierdo de la forma del círculo, alineando su centro entre los anclajes superior e inferior del círculo.

Seleccione la franja vertical y elija la Herramienta de reflexión (O). Sosteniendo el Alt clave, haga clic en el anclaje medio superior de la forma del círculo. En el Reflejar ventana de opciones, establezca la Eje a Vertical y presione Dupdo, Reflejando la raya al lado derecho del círculo..

Envía ambas figuras verticales hacia atrás con Objeto> Organizar> Enviar hacia atrás, escondiéndolos detrás de la forma del círculo.

Paso 3

Elige ambas franjas verticales y ve a Objeto> Mezcla> Hacer.

Seleccionando Objeto> Mezcla> Opciones de mezcla o haga doble clic en el Herramienta de mezcla, selecciona el Espaciado opción a Pasos especificados y el valor de 10.Manteniendo el objeto seleccionado, use Objeto> Expandir. Comprobar la Objeto opción, y desmarcar la Llenar y el Carrera opción. Entonces presione DE ACUERDO. 

Seleccione el grupo de líneas que creamos y presione Control-C y Control-f, creando una copia del grupo delante del primero. Manteniendo los objetos seleccionados, mueva el puntero fuera del cuadro delimitador y cerca del asa superior derecha del cuadro delimitador para que el puntero cambie a una flecha en ángulo. A continuación, arrastre hacia abajo, manteniendo pulsada la tecla Cambio llave, girando la copia por 90 grados.

Etapa 4

Cortemos las partes de las rayas que están fuera de la forma del círculo.

Seleccione el grupo de rayas verticales junto con el círculo. Luego usa el Herramienta de creación de forma (Shift-M). Mantenga pulsada la Alt clave, haga clic y mantenga presionado el botón izquierdo del mouse en un área libre cerca del lado izquierdo del grupo, arrastre a lo largo de la parte pendiente y suelte el mouse para eliminarlo. Repita la acción para todas las partes superpuestas..

Grupo (Control-G) todas las partes juntas.

Paso 5

Crear un 7 x 167 px rectángulo sin Llenar color y con 2 px carrera (#DEDDBD). Eliminar el borde inferior haciendo clic en él con el Herramienta de selección directa (A) y presionando el Borrar botón. Hacer la parte superior redondeada..

Construir un 9.5 x 27 px rectángulo rojo de # E04938 color, colocándolo en la mitad superior de la forma vertical, dejando un espacio de aproximadamente 9 px entre la parte superior roja y el contorno superior de la figura redondeada vertical.

Agrega uno más redondeado 12 x 6.5 px rectángulo sin Llenar y con 2 px carrera (# 47392C) unos pocos píxeles más bajos que la forma roja, alineados con su centro. Grupo (Control-G) toda la construcción y colóquela en el círculo creado anteriormente, alineándose con su centro y haciendo que la parte inferior se extienda unos pocos píxeles desde el contorno inferior del círculo.

Grupo (Control-G) los objetos de la bandeja de la parrilla.

6. Cómo crear la parrilla de barbacoa

Paso 1

Comencemos simple creando una 125 x 95 px Elipse de la configuración de color por defecto con la ayuda de la Herramienta Elipse (L). Dibuja una línea horizontal que atraviese los anclajes medio y lateral de la figura. Seleccione ambas formas y Dividir ellos, usando el Pionero panel. Desagrupar (Control-Shift-G) las formas y establecer el Llenar color de la mitad superior a # E04938 y de la parte inferior a #DEDDBD.

Paso 2

Construir un 135 x 9.5 px rectángulo de # BD3337 Color para el borde, colocándolo en el centro de la forma de la elipse..

Crea un pequeño rectángulo redondeado sin relleno y 2 px carrera (# 915B3F) que actuará como asa. Colóquelo en la parte superior de la parte roja, ocultando la mitad inferior del rectángulo detrás de la forma más grande.

Añadir un pequeño # E1F4F7 Círculo coloreado en la parte derecha de la forma roja, que representa un resplandor plano y estilizado.

Haz una forma de T que consiste en dos rectángulos que colorearemos usando # 47392C: la horizontal de 10.5 x 2.5 px tamaño y la vertical de 2 x 5 px tamaño. Unir ambos rectángulos en Pionero y, girando la figura, colóquela en el lado izquierdo de la mitad inferior grande de la forma circular, ocultando el borde derecho detrás de ella. Haga una copia en espejo de la forma de T en el lado derecho usando el Herramienta de reflexión (O).

Paso 3

Crear un 4.5 x 95 px Franja vertical para la pata de barbacoa, llenándola de # B8B79D y haciendo el fondo redondeado.

Agrega un 4.5 x 7 px rectángulo pequeño (# 47392C) En su parte media, imitando la junta de goma. Construye un rectángulo más grande del mismo color, superponiendo la parte inferior de la pierna. Cortar las partes del rectángulo que se destacan de la pierna con la ayuda de la Herramienta Creador de Formas (M) y Grupo (Control-G) todas las partes de la pierna.

Seleccione el grupo de pierna y haga doble clic en el Herramienta de rotación (R), abriendo el Opciones menú. Selecciona el Ángulo valor para 20 grados yprensa DE ACUERDO. Enviar la pierna hacia atrás con Objeto> Organizar> Enviar hacia atrás y colóquelo en el lado derecho de la sección de barbacoa circular que creamos en el paso anterior.

Haga una copia simétrica de la pierna en el lado izquierdo de la forma de la elipse usando el Herramienta de reflexión (O) método.

Etapa 4

Agrega un 4.5 px puente ancho# C4C4C4) entre las patas de la barbacoa, ocultando sus lados detrás de las juntas negras superiores.

Crea uno mas vertical 4.5 x 95 px rectángulo con fondo redondeado, rellenándolo con # 524C4E. Colóquelo entre las patas de la barbacoa, alineando en el centro de la parte de la barbacoa con forma de elipse y la parte inferior de las patas de goma. Envía el objeto hacia atrás, ocultando su parte superior detrás de la sección del círculo.

Grupo (Control-G) todas las partes juntas Nuestra parrilla está lista!

7. Cómo crear el fondo de la barbacoa

Es hora de terminar toda la escena de la barbacoa creando un fondo simplista y formando la composición final.

Paso 1

Crea un rectángulo de fondo y rellénalo con # A2B51B. Construye otro rectángulo redondeado con el que colorearemos. # FDF9FF En la parte inferior de la composición para el nivel del suelo..

Agrega un gran rectángulo de #DEDDBD Color que se superpone completamente a la mitad inferior de la figura de luz redondeada. Seleccione ambas formas y elimine las partes sobresalientes de la figura inferior utilizando el Herramienta de creación de forma (Shift-M), obteniendo la sombra estilizada plana en la parte inferior del nivel del suelo.

Paso 2

Construye un abeto simple formado por triángulos y distribuye los abetos detrás del nivel del suelo, creando el fondo del bosque.

Paso 3

Para llenar el espacio vacío y agregar profundidad a nuestro paisaje, cree formas de nubes sobre el bosque con la ayuda de Herramienta Pluma (P) o la Herramienta Rectangular (M), Haciendo redondeadas las esquinas de las figuras resultantes..

Etapa 4

Ya que hemos terminado con la escena de fondo, es hora de volver a los aparatos de barbacoa creados anteriormente y esparcirlos sobre el nivel del suelo, formando una composición equilibrada. Puede usar el ejemplo a continuación como referencia, pero siéntase libre de usar su propia imaginación..

Es hora de barbacoa!

¡Y ahí lo tenemos! Bien hecho!

Si necesita revisar el archivo de origen para ver todos los detalles, o si desea obtener el conjunto completo de ilustraciones conceptuales de actividades al aire libre para sus diseños, puede obtener estos Fondos conceptuales de actividades de verano en GraphicRiver.

Espero que hayan disfrutado creando esta ilustración de barbacoa y que hayan aprendido algo útil en el camino..