Cómo crear un interior de diseño plano acogedor en Adobe Illustrator

Lo que vas a crear

¡Hogar dulce hogar! En este tutorial crearemos el ambiente acogedor de una sala de estar, diseñando un interior de estilo plano con un personaje de dibujos animados lindo sentado en un sillón cómodo. Usaremos formas geométricas básicas y trabajaremos con el panel Transformar para renderizar todos los elementos de una manera fácil y divertida.. 

Al final de esta lección, podrá utilizar las técnicas que hemos cubierto durante el tutorial y aplicarlas a sus nuevas ilustraciones. Siéntase libre de buscar inspiración en Envato Market y ver estos ejemplos de interiores planos y personajes planos. Vamos a empezar!

1. Crea un personaje plano

Paso 1

En primer lugar, vamos a crear una Nuevo documento de 450 x 300 px tamaño.

Paso 2

Empezaremos diseñando nuestro personaje desde la cabeza. Tomar el Herramienta Rectangular (M) y hacer un 45 x 60 px forma amarilla Cambiar a la Herramienta de selección directa (A) y usar el Esquinas vivas característica para hacer las esquinas redondeadas tirando del marcador pequeño círculo hacia el centro de la forma.

También podemos ajustar el tamaño y la Radio de esquina de las formas, ya sea desde el panel de control en la parte superior o desde el Transformar panel (Windows> Transformar). Estaremos usando el Transformar Panel durante este tutorial, ya que nos permite ajustar cada esquina de la forma de forma independiente.

Paso 3

Ahora vamos a hacer un párpado. Utilizar el Herramienta Elipse (L) hacer un pequeño 7 x 7 px círculo con marrón Carrera y no Llenar. Selecciona el Peso del trazo a 1 pt y el Gorra y Esquina a posiciones medias en el Carrera panel.

Toma el Herramienta Tijeras (C) y haga clic en los puntos de anclaje laterales del círculo para dividirlo. Eliminar la mitad superior.

Etapa 4

Hacer otro 7 x 7 px Haz un círculo alrededor de la nariz y llénalo de amarillo, un poco más oscuro que el color de la cabeza. Seleccione el punto de anclaje superior con el Herramienta de selección directa (A) Y arrástrelo hacia arriba para hacer una nariz estilizada..

Paso 5

Diseña la cara, utilizando los elementos que hemos creado. Agregue un par de pequeños círculos de color rosa claro para el rubor en las mejillas y haga una boca, utilizando el mismo método que usamos para los ojos..

Paso 6

Vamos a pasar a las orejas. Hacer una 7 x 12 px rectángulo amarillo y usar el Esquinas vivas Característica para hacerla redondeada. Coloque un pequeño rectángulo redondeado en la parte superior, llenándolo con un color amarillo más oscuro. Grupo (Control-G) los elementos y Enviar hacia atrás (Shift-Control- [). Haga una copia del grupo de orejas y coloque ambas orejas en la cabeza..

Paso 7

Vamos a dibujar un bonito peinado para nuestro personaje. Utilizar el Herramienta Elipse (L), sostener Cambio y hacer un 55 x 55 px circulo azul Coloque el círculo sobre la parte superior de la cabeza, como se muestra en la imagen de abajo. Utilizar el Herramienta Tijeras (C) para hacer clic en los puntos de anclaje laterales, dividiendo la forma en dos mitades. 

Eliminar la mitad inferior. Seleccione la forma restante, haga clic en Botón derecho del mouse y Unirse hacer el camino cerrado.

Paso 8

Utilizar el Añadir herramienta de punto de anclaje (+) para agregar un punto en el borde inferior de la forma del cabello y arrástrelo hacia arriba, usando el Herramienta de selección directa (A). Cambiar a la Herramienta de punto de anclaje (Shift-C) y arrastre los mangos de anclaje, colocándolos en 45 grados para hacer la línea del cabello suave.

Paso 9

Sigamos peinando el cabello. Hacer una 55 x 55 px Cuadrado de un color azul más oscuro. Seleccione ambas formas de cabello y haga clic en la forma inferior una vez más para que sea una Objeto clave. Utilizar el Alinear Panel para alinear ambas formas hacia el centro y hacia la parte superior..

Hacer la parte superior de la forma totalmente redondeada, utilizando el Transformar panel o el Esquinas vivas característica.

Paso 10

Ahora vamos a modificar la parte inferior de la forma. Utilizar el Herramienta de punto de anclaje (Shift-C) para arrastrar los mangos de anclaje hacia abajo, haciendo que la parte inferior de la forma sea ligeramente arqueada y agregando suavidad.

Propina: Utilizar el Guías Para hacer la longitud de los mangos de anclaje igual. prensa Control-R para mostrar el Gobernantes y arrastre el Guía abajo de la regla horizontal. Seleccione y elimine la guía cuando ya no la necesite o bórrela de Ver> Guías> Borrar guías.

Seleccione la forma y Enviar hacia atrás (Shift-Control- [), Debajo de la cabeza, formando un peinado corto y con estilo..

Paso 11

Ahora vamos a renderizar el cuerpo de nuestro personaje. Utilizar el Herramienta Rectangular (M) hacer una forma azul de 30 x 57 px tamaño y uso del Transformar panel para configurar el Radio de esquina de las esquinas superiores a 10 px y las esquinas inferiores para 12 px.

Dupdo la forma y Pegar en el frente (Control-C> Control-F). Manteniendo seleccionada la copia superior, tome la Herramienta de borrador (Shift-E), sostener Alt y eliminar la parte inferior de la forma. Cambia el color de la pieza restante a verde, haciendo una camisa brillante..

Paso 12

Tomar el Herramienta de lápiz (N) y dibuja una línea arqueada suave para el brazo. Selecciona el Llenar color a ninguno y el Carrera color amarillo. Selecciona el Peso del trazo a 8 puntos, haciendo el brazo más grueso. Cambiar Gorra y Esquina a las posiciones medias, redondeando las puntas de la línea. Agrega una línea más pequeña para el pulgar, configurando el Peso a 3 puntos.

Añadir un amarillo más oscuro. 8 puntos trazo para el brazo opuesto y Envíalo al dorso (Shift-Control- [). Dibuje otro golpe para el mismo brazo, pero esta vez colóquelo entre el cuerpo y el primer brazo, usando el Controlar-[ teclas para mover la forma hacia abajo.

Paso 13

Hagamos un gato y dejemos que nuestro personaje lo sostenga en sus brazos. Hacer una 30 x 30 px círculo gris oscuro y usar el Herramienta de selección directa (A) para arrastrar el punto de anclaje inferior hacia arriba, aplastando la forma. Enviar la forma Atrás (Control- [) para hacer que la mano superior lo cubra.

Paso 14

Hacer una 15 x 10 px Rectángulo redondeado para la cabeza, configurando el Radio de esquina a 5 px. Agregue los ojos, utilizando la misma técnica que hicimos para los ojos de nuestro personaje principal..

Pasa a las orejas y usa la Herramienta de polígono para hacer un triángulo, estableciendo el número de lados para 3 en el Transformar panel.

Paso 15

Añadamos las piernas a nuestro personaje. Haremos las piernas dobladas para que nuestro personaje pueda sentarse en un cómodo sillón..

Utilizar el Herramienta Pluma (P) para hacer una linea con 90 grados esquina y Peso del movimiento de 8 puntos. Utilizar el Herramienta de selección directa (A) y el Esquinas vivas Característica para hacer la esquina redondeada, formando una rodilla estilizada..

Paso 16

Añadamos un pie en un zapato de casa suave. Hacer una 12 x 15 px Forma beige claro para la parte superior de la bota. Y agrega otro rectángulo para la parte inferior, haciendo que las formas se superpongan. Hacer la esquina superior derecha redondeada. Seleccione ambas formas y Alinearse con el fondo del Objeto clave, utilizando la Alinear panel.

Grupo (Control-G) y copia (Control-C> Control-F) Las formas para agregar una segunda pata. Coloca la copia debajo del cuerpo. (Shift-Control- [) y ajústelo ligeramente, cambiando el radio de la esquina de la rodilla y haciendo los elementos un poco más oscuros.

2. Diseñar un interior plano

Paso 1

Empecemos diseñando un sillón suave y acogedor. Utilizar el Herramienta Rectangular (M) hacer un 105 x 125 px forma rosa Hacer su esquina superior derecha redondeada con Radio de la esquina de 13 px.

Crea otro rectángulo de 25 x 125 px por el lado izquierdo de la primera forma, haciendo que ambas formas se superpongan parcialmente. Rellene el nuevo rectángulo con un color rosa más oscuro y redondee completamente la parte superior de la forma.

Utilizar el Alinear panel para Alinear ambas formas hasta el fondo del Objeto clave.

Paso 2

Vamos a crear un reposabrazos. Hacer una 28 x 28 px Círculo rosa claro y colóquelo como se muestra en la imagen de abajo. Conecte el círculo y la parte inferior del sillón con un rectángulo estrecho de color rosa claro, Alineando las formas hasta el fondo del Objeto clave.

Paso 3

Haz un pequeño botón circular para decorar la parte superior del reposabrazos.

Crear un 60 x 28 px Rectángulo de color rosado más oscuro y redondea sus esquinas totalmente redondeadas. Coloca la forma debajo del círculo rosa claro. (Controlar-[) y aplicar el Alinear horizontalmente a la derecha función, utilizando el círculo rosa claro como Objeto clave. Como puedes ver, ambas formas son de la misma altura (28 px), por lo que se combinan perfectamente entre sí.

Termine esta parte del sillón agregando un rectángulo de color rosa oscuro debajo del reposabrazos.

Etapa 4

Grupo (Control-G) los elementos del reposabrazos. Haga doble clic la Herramienta de reflexión (O) y voltear los elementos sobre el Eje vertical. Hacer clic Dupdo y coloque el grupo de espejos creado por el lado opuesto del sillón, Enviando eso hacia atrás (Shift-Control- [).

Agrega un 110 x 23 px Rectángulo para el asiento del sillón, redondeando su lado derecho. Coloque un rectángulo de color rosa oscuro debajo del asiento, creando una sombra suave.

Paso 5

Ahora podemos sentar a nuestro personaje en el sillón y continuar trabajando en el interior que lo rodea. Utilizar el Herramienta Rectangular (M) para crear un estrecho 275 x 10 px Raya para el suelo, llenándola de color beige claro..

Vamos a empezar a dar forma a la cómoda. Hacer una 70 x 80 px rectángulo beige y Mandado hacia atras, debajo del sillón.

Dupdo la forma y Pegar en el frente (Control-C> Control-F). Haga que el color de la copia sea más claro y aplaste, reduciendo su ancho a 47 px.

Paso 6

Vamos a añadir unos cajones. Hacer una 35 x 20 px rectángulo de color beige claro y poner un pequeño asa redonda en el centro de la misma. Grupo ambas formas, sostienen Alt-Shift y arrastre el grupo hacia abajo, haciendo una copia. prensa Control-D añadir un tercer cajón.

Paso 7

Vamos a añadir una larga sombra plana a la cómoda. Haz un rectángulo y gíralo. 45 grados. Rellena la forma de color beige y cambia la Modo de fusión a Multiplicar en el Transparencia Panel, haciendo la forma semitransparente..

Combine la esquina superior del rectángulo con el reposabrazos (vea la marca del círculo en la imagen de abajo). Selecciona tanto la sombra como la forma de cajonera. Tomar el Herramienta de creación de forma (Shift-M), sostener Alt y haga clic en los elementos innecesarios de la forma de sombra que desea eliminar. Gran trabajo!

Paso 8

Coloquemos una pequeña lámpara de mesa encima de la cómoda. Utilizar el Herramienta Rectangular (M) Para hacer dos pequeñas formas perpendiculares para el soporte de la lámpara..

Hacer una 25 x 30 px Rectángulo para la pantalla de la lámpara. Cambiar a la Herramienta de selección directa (A) y seleccione el punto de anclaje inferior izquierdo de la pantalla. presione el Entrar clave para abrir el Movimiento ventana de opciones Selecciona el Horizontal valor para -5 px y Vertical valor para 0 px. prensa DE ACUERDO, moviendo el punto 5 px a la izquierda.

Repita lo mismo para el punto de anclaje inferior derecho, moviéndolo 5 px en la dirección opuesta.

Paso 9

Agreguemos algunos detalles más al interior colgando algunas fotos en la pared. Hacer una 45 x 55 px rectángulo con beige claro Llenar y beige más oscuro Carrera de 3 puntos de peso, que representa un marco de imagen.

Haga otro rectángulo dentro, llenándolo de color amarillo claro y agregando algunas formas abstractas simples en la parte superior.

Paso 10

Haz dos fotos más y colócalas en la pared, encima de nuestro personaje. Termina la ilustración haciendo un rectángulo amarillo claro. 450 x 300 px para el fondo (Shift-Control- [).

¡Felicidades! Nuestra acogedora ilustración interior plana está terminada!

¡Gran trabajo! Hemos hecho que la composición se vea equilibrada y completada. Espero que hayas disfrutado siguiendo este tutorial y que hayas aprendido algunos consejos y trucos nuevos que te ayudarán a crear ilustraciones interiores más planas con personajes elegantes y mascotas.

Que te diviertas!