Cómo Crear un Estampado de una Tienda de Soda Kawaii en Adobe Illustrator

En este tutorial crearemos de cero un juego de iconos inspirados en comida de una tienda de soda verdaderamente adorables y los juntaremos en una impresión dinámica en todos los aspectos, preparada para usar como fondo de escritorio o dentro de un medio impreso. Construiremos los objetos a partir de formas básicas como elipses, rectángulos redondeados, y triángulos, y añadiremos una carita en cada una para completarlas. ¡Abre Adobe Illustrator CC y vamos a empezar!

1. Construye tu hamburguesa

Paso 1

Los elementos de nuestro estampado comienzan con un esencial de la tienda de soda: la hamburguesa.

1. Usando la Herramienta Elipse (L) dibuja un círculo.
2. Dibuja un rectángulo estrecho horizontal solapando el círculo con la Herramienta Rectángulo (M).
3. Selecciona las dos formas y pincha Menos Frente en el panel del BuscaTrazos. Separa los dos objetos de modo que te queden dos mitades de un pan.

Paso 2

Vamos a añadir algunos ingredientes a nuestra hamburguesa:

1. Tanto para la hamburguesa como para la rodaja de tomate, dibuja un rectángulo redondeado de la anchura del panecillo de arriba utilizando la Herramienta Rectángulo Redondeado. Ajusta los radios del rectángulo a tu gusto.
2. Usa la Herramienta Selección Directa (A) para seleccionar el panecillo de abajo de la hamburguesa y tira de los Vértices Interactivos hacia dentro, redondeando ligeramente sus molestas esquinas.
3. Repite con un ajuste de las esquinas de la mitad superior del panecillo de hamburguesa.
4. Dibuja dos triángulos para las lonchas de queso con la Herramienta Pluma (P) y añade cualquier ingrediente adicional que te gustaría que tuviera tu hamburguesa

Paso 3

Vamos a centrarnos en añadir detalles a nuestro diseño.

1. Para las semillas de sésamo, dibuja un círculo, tira hacia fuera de un punto de ancla con la Herramienta de Selección Directa, y utiliza la Herramienta Convertir Punto de Ancla (Shift-C) para convertir el punto de ancla en un punto de una curva.
2. Copia (Control-C) y Pega (Control-V) semillas de sésamo por todo tu panecillo de arriba. Escala y Gira como veas adecuado.
3. Dibuja dos círculos redondos para cada ojo.
4. Y medio círculo (sustrae un rectángulo de un círculo como hicimos con el panecillo de hamburguesa anteriormente) para la boca.

Paso 4

¡Vamos a añadir algo de color a nuestra hamburguesa!

1. Los contornos y la hamburguesa:  #482c3b
2. Las semillas de sésamo: #ffd9c6
3. Los panes de la hamburguesa: #dd8f69
4. El tomate: #ff3662
5. El queso: #fff280

Para los contornos gruesos, Agrupa (Control-G) tu diseño y asegúrate de que cualquier trazo ha sido Expandido en Objeto. Copia, Pega, y coloca la copia detrás del grupo de objetos original con un trazo de un grosor mayor establecido en el panel de Trazos.

2. Tómate unas patatas con eso

Paso 1

Empieza tus patatas fritas con el recipiente que las contiene.

1. Dibuja una elipse estrecha con la Herramienta Elipse.
2. Dibuja un rectángulo con la Herramienta Rectángulo y asegúrate que su ancho coincide con la elipse. Alinealos con el centro de la elipse.
3. Une las dos formas en el panel Buscatrazos. Usa la Herramienta Selección Directa para tirar hacia fuera de los puntos de ancla de la parte superior derecha e izquierda para que quede en ángulo.
4. Dibuja una elipse que solape la parte superior del recipiente y cuyo ancho coincida con el borde superior del cuadrilátero.
5. Selecciona tanto la elipse como el cuadrilátero y pincha Menos Frente en el panel Buscatrazos.
6. Dibuja una forma con la Herramienta Pluma detrás de la forma del recipiente cuyo ancho coincida con el contorno de la forma frontal y cuyo borde superior se curve ligeramente. Esto formará la parte de atrás y el interior del recipiente.

Paso 2

Nuestro recipiente necesita un montón de Patatas Fritas, así que vamos a cocinar.

1. Dibuja un rectángulo redondeado vertical con la Herramienta Rectángulo Redondeado.
2. Ajusta los radios de las esquinas para que estén un poco más cuadradas empujando los Vértices Interactivos hacia fuera.
3. Selecciona el punto de ancla superior derecho con la Herramienta Selección Directa y tira de este punto de ancla hacia adelante tan lejos como sea posible de modo que su radio sea más redondo que las otras tres esquinas.
4. Copia y Pega tus patatas fritas y colócalas detras de la parte frontal del recipiente de las patatas.
5. Gira y Escala tus patatas si es necesario. Agrupa tus patatas juntas para tener un panel de Capas más organizado.
6. Dibuja una cara mona para completar la línea de tus patatas fritas.

Paso 3

Ajusta tus colores de relleno al mismo marrón, amarillo y rojo que utilizaste en la hamburguesa.

1. Para el interior del recipiente, pon el color de relleno azul claro ( #b1edee ).
2. Para el cuerpo del recipiente en sí, pon el color de relleno en un azul incluso más claro (#f7ffff).

3. Perrito Caliente Diggity

Paso 1

Para nuestro perrito caliente, empezaremos por contruir los panecillos.

1. Dibuja un rectángulo redondeado horizontal con la Herramienta Rectángulo Redondeado.
2. Deforma tu rectángulo redondeado yendo a Efecto > Deformar > Arco y pon la Curva a -50%.

Paso 2

1. Ajusta el grosor de tu panecillo como sea necesario y asegúrate de Expandir la forma en Objeto.
2. Para el perrito caliente en sí mismo, dibuja otro rectángulo redondeado más pequeño.
3. Copia y Pega el panecillo. Coloca la copia detrás de las otras dos formas y ligeramente por encima por lo que verías la parte superior detrás del perrito caliente en sí.

Paso 3

Pon los colores de relleno usados en la hamburguesa. Con la Herramienta Lápiz (N), dibuja una línea de mostaza serpenteante y pon el Grosor del Trazo en 3-5 pt (el peso dependerá del tamaño de tu obra en sí) con Esquinas y Extremos Redondeados. Expande el trazo en Objeto. Yo usé amarillo brillante ( #feff45 ) para el color de relleno de la mostaza.

4. Puedes Ponerle Pepinillo

Paso 1

Dibuja un círculo con la Herramienta Elipse. Desplaza el círculo yendo a Objeto > Trazado > Desplazamiento e introduce 2-6 px para la cantidad de desplazamiento. Igual que los grosores de tu trazo, la cantidad de desplazamiento depende del tamaño de tu objeto y cómo de gruesa quieres que sea la forma.

Paso 2

1. Pon de color del deplazamiento verde ( #4e9d30 ) y el centro del círculo verde lima ( #c6f453 ).
2. Dibuja rectángulos estrechos solapando el centro del pepinillo.
3. Dibujé cinco rectángulos en total. Selecciona el círculo verde lima y los cinco rectángulos. Usa la Herramienta Creador de Formas (Shift-M) para seleccionar las partes que no se intersecan de cada rectángulo. Deselecciona y Borra las piezas externas del rectángulo para que te quedes con las rayas verdes que coinciden con el círculo verde lima.

Paso 3

1. Agrupa juntas las rayas del pepinillo y reduce su Opacidad al 50%.
2. Copia, Pega, Escala y Gira el pepinillo y así tienes dos pepinillos, uno detrás del otro.
3. Dale a tus pepinillos un contorno grueso y una cara adorable, y Agrupa todos los componentes juntos.

5. Crear los Condimentos

Paso 1

Los botes de mostaza y ketchup son idénticos excepto por sus colores de relleno.

1. Dibuja dos elipses idénticas y un rectángulo entre ellas del mismo ancho.
2. Une las tres formas juntas en el panel de Buscatrazos. Repite con la parte superior del bote.
3. Ajusta los colores de relleno para tu objeto en rojo.

Paso 2

1. Para la boquilla del bote, dibuja un triángulo o con la Herramienta Polígono o con la Herramienta Pluma. Debajo, dibuja una elipse cuyo ancho coincida con el borde inferior del triángulo. Únelos en el panel de Buscatrazos.
2. Recorta la parte superior de la boquilla solapando la punta del triángulo con un rectángulo y pinchando Menos Frente en el panel BuscaTrazos.

Paso 3

1. Pon los colores de relleno de las tres formas en rojo y asegúrate de que están Alineados con sus centros. Ajusta el ancho de estas formas como veas adecuado.
2. Copia y Pega el objeto del bote de ketchup y pon de color de relleno nulo y el color del trazo en marrón oscuro.
3. Coloca cada objeto del grupo del bote de ketchup encima de su copia correspondiente para que tengan un contorno simple de 1-2 pt como se ve abajo.

Paso 4

Dale a tu bote final un contorno más grueso y dibuja una cara mona en frente. Copia y Pega el bote de ketchup para tu bote de mostaza a juego. Los colores que usé son igual que los que vienen a continuación:

1. Rojo: #ff80b3
2. Amarillo: #fff07f
3. Marrón oscuro: #4a293c

6. Bébete tu batido

Paso 1

Vamos a tomarnos nuestro tiempo creando nuestro batido, dado que es además la base para el vaso alto de cola en nuestro último diseño estampado.

1. Empieza con dos elipses. La más ancha de las dos será la parte superior del vaso mientras que la otra será la parte inferior del recipiente de cristal.
2. Dibuja una línea con la Herramienta Segmento de Línea (\) en el centro de las dos elipses. Eso ayudará con la construcción del vaso.
3. Dibuja tres elipses más, una debajo del recipiente de cristal, mostrando la parte inferior de la base y dos pequeños del mismo tamaño que nos ayudarán con la anchura del pie mismo.

Paso 2

He dibujado dos elipses adicionales en el cuerpo del cristal y así puedo asegurarme de que el recipiente tendrá la forma que yo pretendía.

1. Utiliza la Herramienta Pluma para dibujar una línea curva desde la elipse pequeña de la parte inferior del recipiente de cristal hasta el exterior de la parte inferior de la base. Esto formará una mitad del pie.
2. Usando las cuatro elipses más grandes como guía, dibuja una línea, con la Herramienta Pluma, que comience en el centro de la elipse de la parte superior y alcance el centro de la elipse de la parte inferior. Ajusta el ángulo del trazo con el tirador del punto de ancla como sea necesario para que las cuatro elipses toquen el trazo.
3. Copia y Pega las líneas dibujadas previamente y Refléjalas en un Eje Vertical para que puedan estar Alineadas con el lado contrario del vaso.

Paso 3

Agrupa juntos los componentes de tu vaso.

1. Usa la Herramienta Pluma para trazar la curva exterior del lado izquierdo del vaso y conéctalo con el centro de la forma del vaso con dos ángulos apropiados.
2. Desagrupa las elipses de la parte superior y la parte inferior (mira debajo). Copia y Pega la elipse de la parte superior y ponla en un lado. Une las tres formas en el panel de BuscaTrazos.
3. Solapa la mitad derecha de la recién Unida forma con un rectángulo y pincha Menos Frente en el panel de BuscaTrazos para que te quede el lado izquierdo del vaso.

Paso 4

1. Copia, Pega y Refleja la mitad izquierda del recipiente de cristal.
2. Solapa ligeramente las formas y Únelas en el panel de Buscatrazos. Repite el paso anterior con el pie del vaso. Pon de colores de relleno un azul muy claro al tiempo que el color del trazo será simplemente azul claro, igual que el  utilizado anteriormente en el dibujo de las patatas fritas.
3. Coloca la elipse copiada del paso anterior en la parte superior del vaso. Asegúrate de que el color de relleno esté puesto en nulo.

Paso 5

1. Usa la Herramienta Pluma para dibujar una línea curva para el borde del vaso.
2. Sigue el contorno del recipiente de cristal para dibujar una forma igual que un rectángulo redondeado para los canales de la parte más a la izquierda del vaso con la Herramienta Pluma.
3. Dibuja cuatro formas en total, asegurándote de que hay espacio entre cada una.

Paso 6

Pon el color de relleno de los canales en un Degradado Lineal en azul que vaya de una Opacidad del 100% a una del 0% y en un ángulo de 90º.

Paso 7

1. Dibuja una forma de rectángulo redondeado dentro del vaso (detrás de la elipse, la línea y los canales) para el propio batido. Pon el color en rosa ( #ff80b3 ).
2. Usando la Herramienta Lápiz (N), comienza a dibujar la nata montada del batido con una línea curva en la parte superior, empezando por la derecha.
3. Mueve hacia abajo la forma de la crema batida con festones.
4. Completa la forma cerrándola en el origen en la parte superior derecha. Mira lo curvado, lo grumoso y lo irregular que es.
5. Pon de color de relleno el blanco y de color del trazo un azul o un azul claro.

Paso 8

1. Dibuja líneas curvadas para mostrar cómo la nata montada se pliega sobre sí misma con la Herramienta Pluma.
2. Dibuja un círculo rojo para la guinda y colócalo detrás de la crema batida.
3. Dale a la guinda un tallo con la Herramienta Pluma o Lápiz. Finalmente, dale a tu batido un grueso contorno marrón como hicimos con los otros iconos.

Paso 9

Para un toque final al batido, vamos a crear una pajita.

1. Dibuja una elipse y un rectángulo con un ancho que coincida.
2. Copia y Pega la elipse. Une la primera elipse y el rectángulo en el panel de Buscatrazos.
3. Los colores de la pajita deberían coincidir con los del vaso del batido.
4. Dibuja una serie de rectángulos rojos diagonales (Gíralos 45º) a lo largo de la pajita y usa la Herramienta Creador de Formas como hicimos con las franjas en el pepinillo  para borrarlos de la base de la pajita.
5. Agrupa juntas las formas de la pajita.

Pon la pajita en el batido detrás de la crema batida y el contenido.

7. Tómate un Refresco de Cola

Paso 1

Para nuestro icono final, necesitarás Copiar y Pegar el batido. Borra todos los componentes del batido excepto el recipiente de cristal y el contenido. Pon la pajita a un lado y alarga el propio vaso. Además borra el pie. No será necesario para este diseño.

Paso 2

1.   Establece el color de relleno del contenido del vaso en marrón oscuro (#482c3b).
2. Dibuja cuadrados redondeados con la Herramienta Rectángulo Redondeado para el hielo en el vaso de cola. Pon de color de relleno el marrón ( #dc8e68).
3. Copia, Pega y Gira los cubitos de hielo en la parte central del vaso.

Paso 3

1. Para las burbujas de la soda, dibuja varios tamaños de círculos alrededor de los cubitos de hielo.
2. Dibuja un pequeño y delgado rectángulo blanco para crear un borde en los cubitos de hielo.
3. Repite en los otros dos cubitos de hielo y Agrupa juntos todos los componentes de los cubitos de hielo y las burbujas de cola.
4. Coloca en el vaso la pajita que dejaste a un lado antes. Dibuja una línea curva delante de la pajita para el borde del vaso.

8. Crea el Estampado

Paso 1

Vamos a echar un vistazo a los elementos finales de nuestro estampado. Añadí algo de ketchup a las patatas, caras a cada cosa, y corazones en lugar de lenguas en algunas de las bocas. Además mira cómo la cara de la cola es blanca en lugar de marrón para que permanezca visible. Asegúrate de que cada elemento está Agrupado y ha sido añadido al panel de Bibliotecas en su propia biblioteca para un acceso fácil durante el proceso de creación del estampado.

Paso 2

1. Coloca cinco de tus elementos, selecciona los cinco, y pincha Crear Muestra en el panel de Opciones de Muestra. Asegúrate de que el Tipo de Azulejo está puesto en Ladrillo por Columna.
2. Arrastra los pepinillos fuera del panel de Bibliotecas y colócalos cerca de la parte superior del diseño. Asegúrate de que cruzan por encima de la caja delimitadora del estampado.
3. Coloca el ketchup dentro del diseño también. Gira o Escala cada elemento como sea necesario.
4. Por último añade el batido. Es uno de los diseños más grandes, así que reorganicé los elementos de mi estampado para que encajara con facilidad. Asegúrate de que los elementos tienen espacio de sobra a su alrededor y que no se solapan.

Pincha Hecho cuando estés satisfecho con tu estampado y lo encontrarás en el panel de Muestras.

Paso 3

Una opción final es crear un sencillo estampado secundario para poner en una capa debajo del estampado de comida adorable en la imagen final. Dibuja un corazón, pon el Tipo de Azulejo en Ladrillo por Columna, selecciona Tamaño de Azulejo para Gráficos, y establece el Espaciado H y V como sea necesario.

¡Gran trabajo, Lo conseguiste!

Haz una capa con tres rectángulos para tu imagen final: el estampado adorable, el estampado de corazón y un color sólido. ¿Qué otras comidas adorables encontrarías en una tienda de soda? ¿Qué hay de una cafeteria? ¡Comparte tus resultados en la sección de comentarios de debajo!