Advertisement
  1. Design & Illustration
  2. Fan Art
Design

Cómo crear una escena de la fiesta del té de Alicia en el país de las maravillas en Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Alice in Wonderland Week.
How to Create a Furry Cheshire Cat Inspired Text Effect in Adobe Illustrator
How to Create a Queen of Hearts Playing Card With Affinity Designer

Spanish (Español) translation by Luis Chiabrera (you can also view the original English article)

Final product image
What You'll Be Creating

En este tutorial aprenderá cómo crear una escena de fiesta temática sobre el té de Alicia en el país de las maravillas. Muchos de ustedes habrán oído hablar de la niña que cae por un agujero de conejo en un mundo lleno de aventuras. Hubo una fiesta del té: una fiesta del té extraña, extraña, ridícula y excéntrica. Para mí, fue la escena más memorable. Es por eso que quiero mostrarte cómo crear tal ilustración.

Como siempre, utilizaremos formas básicas y efectos warp. Al final, tendrás una ilustración adorable y un montón (¡espero!) De nuevos trucos que hayas aprendido durante el proceso de creación.

Si desea obtener el estado de ánimo necesario, ¿por qué no navega por GraphicRiver y ve cómo otros artistas se imaginan este peculiar mundo de Alicia en el país de las maravillas?

Cuando estés listo, ¡vamos!

1. Cómo crear el sombrero

Paso 1

Después de abrir Adobe Illustrator, cree un documento nuevo con 850 x 850 px de ancho y alto.

Comenzaremos por ilustrar el sombrero. Usando la herramienta Ellipse (L), crea un óvalo gris oscuro. En la imagen a continuación, puede ver qué color de relleno necesita. Cree una copia de este óvalo detrás de la original (Control-C, Control-B), estírela un poco y cambie su color a un gris más claro.

Después de eso, usando la herramienta Rectángulo (M), agregue un rectángulo debajo de los dos óvalos. Asegúrese de que este rectángulo permanezca en la parte posterior (Control-X, Control-B). Para cambiar la forma de este rectángulo, vaya a Efecto> Deformación> Abombamiento. En la nueva ventana de diálogo, ingrese las opciones que ve en la imagen a continuación. Expandir esta forma (Objeto> Expandir apariencia).

how to create the top hat

Paso 2

Ahora haz una copia de las dos elipses desde la parte superior del sombrero (Control-C, Control-V), hazlas más grandes y únelas a la parte inferior.

Para agregar una cinta, cree un rectángulo verde y deforme: vaya a Efecto> Deformación> Arco e ingrese las siguientes opciones. Recuerde siempre expandir después de deformar una forma (Objeto> Expandir apariencia).

continue creating the top hat

Paso 3

Agreguemos una decoración de plumas para el sombrero. Crea una elipse usando la herramienta Elipse (L). Tome la herramienta Convertir punto de ancla (Shift-C) y haga clic en los puntos de anclaje superior e inferior para que queden nítidos.

Para el tallo de la pluma, utilizaremos una elipse vertical muy delgada. Con la herramienta de selección directa (A), seleccione los puntos de anclaje derecho e izquierdo de esta elipse y muévalos hacia abajo presionando la tecla de flecha hacia abajo en su teclado.

A continuación, mantenga seleccionada la elipse deformada y vaya a Objeto> Ruta> Agregar puntos de ancla. Agregue tres puntos de anclaje en algunos lugares como se muestra en la imagen a continuación (marcada con círculos azules). Ahora, usando la Herramienta de Selección Directa (A), seleccione el punto de anclaje medio de cada tripleta y muévalo al centro de la pluma. Para obtener un ángulo agudo en los puntos de anclaje, tome la herramienta Convert Anchor Point Tool (Shift-C) y haga clic en cada punto de anclaje.

how to create the feather

Paso 4

Para deformar la pluma, vaya a Efecto> Deformación> Arco e ingrese las opciones que se muestran a continuación.

Haga una copia más pequeña de la pluma y cambie su color a azul.

Finalmente, coloque dos plumas en el sombrero. Asegúrese de que estén colocados detrás de la cinta.

how to create the another feather and place it on the hat

Paso 5

Para la etiqueta, cree un rectángulo azul claro y deforme con la opción de deformación, como se muestra a continuación.

Vaya a Tipo> Fuente y elija su fuente favorita. Haga clic en la herramienta Tipo (T) y luego escriba los números necesarios. Coloque el texto en la etiqueta y gire ligeramente el texto a la derecha. Agrúpelo juntos (clic con el botón derecho> Grupo).

how to create the tag

Coloque la etiqueta en el sombrero, pero detrás de la cinta.

how to place the tag

Paso 6

Vamos a decorar el sombrero con una rosa. Cree una elipse roja y deforme usando el efecto de deformación: vaya a Efecto> Disformidad> Pescado e ingrese las opciones que se muestran a continuación. Siempre recuerda expandirte.

Con la herramienta Convert Anchor Point Tool (Shift-C), afile el punto de anclaje superior. Después de eso, haga una copia atrás (Control-C, Control-B), muévalo ligeramente hacia arriba, y cambie el color a rojo claro. Seleccione estas dos formas y agrúpelas (clic con el botón derecho> Grupo). Esto será un pétalo para nuestra rosa.

how to create the petal of the rose

Paso 7

Ahora, mientras mantiene el pétalo seleccionado, presione la herramienta Girar (R). Después de eso, mantenga presionado el botón Alt, haga clic debajo del pétalo, donde se colocarán los ejes de rotación, y presione Enter. Ingrese 45 grados en la nueva ventana de diálogo y presione Copiar. Por lo tanto, tendrás otro pétalo de la flor. Para terminar la primera capa de pétalos, presione Control-D cuatro veces más. Agrupalos juntos.

Ahora, crea una copia de esta capa al frente (Control-C, Control-F), hazla más pequeña y gírala un poco como se muestra en la imagen a continuación. Ahora tienes una segunda capa de pétalos. Del mismo modo, crea las capas tercera, cuarta y quinta, que deberían ser ligeramente más pequeñas y rotar.

En el medio de la rosa, agregaremos los pétalos del medio hechos de círculos. Entonces crea un círculo (no tiene que ser perfecto). En este caso, será un círculo más oscuro en el frente y uno más claro detrás, que debería ser ligeramente visible. Agrupe estos dos círculos para formar el pétalo medio. Haga algunas copias de este pétalo medio y colóquelos como se muestra en la imagen. Finalmente, coloca los pétalos del medio sobre el resto de los pétalos que creaste antes.

Para su conveniencia, agrupe toda la rosa juntos.

how to create the rose

Paso 8

Crearemos la hoja ahora. Comience con la herramienta Elipse (L) y establezca un color de relleno verde para ella. Mientras se mantiene seleccionada la elipse, tome la herramienta Convert Anchor Point Tool (Shift-C) y haga clic en los puntos de anclaje superior e inferior para que queden nítidos.

Para endurecer los bordes de la hoja, seleccione la forma y vaya a Efecto> Distorsionar y transformar> Zigzag. En la ventana de opciones de zigzag, ajuste el tamaño y las divisiones por segmento para lograr una rugosidad similar a la de la imagen siguiente. Tus números podrían ser diferentes a los míos, porque realmente depende del tamaño de tu hoja.

how to create the leaf

Paso 9

Para el tallo, crea un óvalo vertical muy delgado. Coloque el tallo sobre la hoja que creó en el paso anterior, como se muestra a continuación. Ahora haga una copia más pequeña del tallo y la hoja, gírelos hacia la izquierda y conéctelos al tallo principal. Haga otra copia del tallo y la hoja y coloque esta copia en el lado derecho del tallo principal.

how to create more leaves

Paso 10

Coloque las hojas detrás de la rosa, como se muestra en la imagen a continuación. Haz una copia de la rama pequeña y colócala al otro lado de la rosa. La rosa está lista para decorar el sombrero.

how to place the leaves

Colócalo frente a la cinta y las plumas.

final illustration of the hat

2. Cómo crear las copas

Paso 1

Para crear la copa, comenzaremos con un rectángulo verde. Modifique este rectángulo con el efecto de urdimbre: vaya a Efecto> Disformidad> Pescado e ingrese las opciones que se muestran a continuación. Agregue un pequeño óvalo verde claro delante de la forma para resaltar.

how to create the cup

Paso 2

Agregue un pequeño rectángulo en la parte inferior y deforme con el efecto warp (Efecto> Warp> Arc Lower).

Luego, agrega un óvalo verde en la parte superior de la taza. En la imagen siguiente, este óvalo tiene un trazo negro solo para una mejor visibilidad; sin embargo, en la imagen final, no quedará ningún color de trazo. Cree una copia de este respaldo ovalado (Control-C, Control-B), aligere y estire levemente hacia abajo.

Ahora agregaremos un poco de té a nuestra taza. Crea un gran óvalo marrón al frente que se superpondrá con el óvalo verde en el área marcada con las líneas rojas en la imagen siguiente. Luego, haga una copia del óvalo verde al frente (Control-C, Control-F), y mientras mantiene esta copia seleccionada, seleccione también la elipse marrón (debe presionar el botón Mayús para seleccionar más de una forma). Luego presiona el botón Intersectar en el panel Pathfinder. Terminarás con una forma marrón, que es el té.

how to create the tea

Paso 3

Para el asa, crea un óvalo verde sin color de relleno, solo color de trazo verde (presiona Shift-X para cambiar el color de relleno a color de trazo). En el panel Trazo, haga que el peso trazo sea muy grueso. Mientras se mantiene el óvalo seleccionado, vaya a Efecto> Deformación> Arco e ingrese las opciones que ve en la imagen a continuación. Expandir esta forma.

Adjunte el mango a la taza.

Finalmente, agregue dos círculos verdes en los lugares donde el mango está conectado a la taza (use la herramienta Elipse (L) mientras mantiene presionada la tecla Shift).

how to create the handle of the tea cup

Paso 4

Crea dos copias más de la taza y cambia sus colores, excepto el color del té.

how to create another colors cups

Paso 5

Pongamos el vaso rojo sobre el azul. Primero coloque el vaso rojo frente al azul como se muestra a continuación.

Luego seleccione la elipse azul superior de la copa azul y haga otra copia sobre ella (Control-C, Control-F). Marqué esta nueva copia con un trazo negro para una mejor visibilidad. También puede hacer esta nueva copia con un trazo negro, para que pueda ver mejor lo que hay adentro.

Con la ayuda de la Herramienta de Selección Directa (A), mueva los puntos de anclaje dentro de la parte superior de la copa roja. Además, asegúrese de que la parte inferior del óvalo deformado permanezca en la misma posición que antes. Seleccione el vaso rojo y la elipse deformada con el trazo negro. Luego vaya a Objeto> Máscara de recorte> Crear (Control-7). Ahora la copa roja está dentro de la azul.

how to place one cup inside another

3. Cómo crear la flor para decorar la mesa

Haga una copia de la rosa y las hojas, que creamos antes para la decoración del sombrero. Tenga en cuenta que solo hay un par de hojas. Ahora agregaremos un tallo: elimine el color de relleno, establezca un color de trazo verde y verifique la Tapa redonda en el panel Trazo. Usando Arc Tool, dibuja un arco.

A continuación, tome la herramienta de selección directa (A) y mueva los controles del arco para obtener el resultado que desee. Es posible que desee agregar más hojas al tallo.

how to create the rose

4. Cómo crear la mesa

Paso 1

Primero, crea un rectángulo beige usando la herramienta Rectángulo (M). Encima de este rectángulo, agregue un óvalo con el mismo color de relleno. Para mayor comodidad, ambas formas están marcadas aquí con un color de trazo negro.

Ahora, selecciona el rectángulo y lo deforma: ve a Effect> Warp> Bulge. Intenta jugar con las opciones para tener una transición suave de la forma oval a la nueva. Dependiendo del tamaño de su óvalo y rectángulo, estas opciones pueden ser un poco diferentes de las que se muestran a continuación. Recuerde ampliar esta forma (Objeto> Expandir apariencia).

how to create the tablecloth

Paso 2

Use la herramienta Segmento de línea (\) para dibujar una línea sobre la forma deformada. Para hacer que la línea sea recta, mantenga presionada la tecla Shift mientras la dibuja.

Ahora modificaremos esta línea; ve a Efecto> Distorsionar y Transformar> Zigzag. En la ventana de opciones de zigzag, ajuste el tamaño y las divisiones por segmento para lograr una curva similar a la de la imagen siguiente. No te olvides de seleccionar Smooth Points. Para su comodidad, seleccione Vista previa mientras ajusta estas opciones.

A continuación, mientras mantiene esta línea ondulada seleccionada, vaya a Efecto> Deformación> Arco. En la nueva ventana, ajuste las opciones de la imagen a continuación. Finalmente, no olvide ampliar la apariencia (Objeto> Expandir apariencia).

continue creating the tablecloth

Aquí está la ventana de opciones de Arc:

warp options window

Paso 3

Mientras mantiene seleccionada la curva Zig Zag, también seleccione el rectángulo deformado y presione el botón Divide en el panel Pathfinder. Como ahora tiene dos objetos agrupados, desagruparlos: haga clic con el botón derecho del mouse y presione Desagrupar.

Ahora puede simplemente eliminar la parte inferior para crear la forma del mantel.

Después de eso, crea otra copia de la parte superior del óvalo detrás (Control-C, Control-B), aligera y estira ligeramente hacia abajo.

finishing creating the tablecloth

Paso 4

Para la pata de la mesa, crea un rectángulo marrón claro y colócalo detrás del mantel (Control-X, Control-B). Para modificar este rectángulo, usaremos el efecto Pez: vaya a Efecto> Disformidad> Pescado e ingrese las opciones que se muestran.

Finalmente, agregue una elipse marrón claro y un círculo más pequeño como se muestra a continuación.

how to create the leg of the table

Paso 5

Agregue otra elipse debajo y vuelva a deformarla con el efecto Pez. Haga una copia del círculo del paso anterior y fíjelo debajo del nuevo óvalo. Tenga en cuenta cómo el nuevo círculo es un poco más pequeño.

continue creating the leg of the table

Paso 6

Ahora crea una elipse alineada horizontalmente y aplica el efecto Bandera: ve a Efecto> Disformidad> Bandera. Use las opciones que se muestran a continuación y recuerde expandir la forma final.

continue creating the leg of the table

Paso 7

Adjunta la nueva forma a la parte inferior de la pata de la mesa. Agregue un círculo marrón con un círculo claro al final de esta forma, como puede ver a continuación. Esta es la parte del lado izquierdo de la pierna de la mesa.

Ahora, mientras mantiene esta parte del lado izquierdo seleccionada, tome la herramienta Reflejar (O) y, mientras mantiene presionada la tecla Alt, haga clic en la parte central de la pierna. En la nueva ventana de diálogo, seleccione Vertical, ángulo 90 grados y presione Copiar. Ahora debería tener la parte correcta de la pata de la mesa. ¡La mesa está lista para una fiesta de té!

finishing creating the leg of the table

5. Cómo crear el fondo

Paso 1

Organice los detalles en la parte superior de la tabla como se muestra a continuación. Puede colocar los detalles de la manera que desee.

placing all the objects on the table

Paso 2

Crea un cuadrado azul oscuro de 850 px de ancho y alto, usando la herramienta Rectángulo (M). Primero, tome la herramienta y luego haga clic en su mesa de trabajo e ingrese las opciones necesarias. Alinee el fondo con la mesa de trabajo. Para hacer esto, abra el panel Alinear (Ventana> Alinear). Establecer Alinear a: Alinear a Artboard (abra el menú flotante y vaya a Mostrar opciones si no ve Alinear a :), asegúrese de que su fondo esté seleccionado, y haga clic en los botones Centrar horizontalmente y Centrar verticalmente en el centro .

how to create the background

Paso 3

Coloque la imagen en frente del fondo. Sin embargo, será más fácil poner el fondo detrás de todos los objetos (Control-X, Control-B).

placing all the objects on the background

Paso 4

Para agregar algunas dimensiones a la escena, crea una elipse más oscura en la parte inferior del cuadrado, detrás de la mesa.

adding dimension

Impresionante trabajo, ya has terminado!

Y hemos terminado! ¡Bien hecho! Espero que hayan disfrutado aprendiendo algunos de los procesos y accesos directos mientras crean esta imagen en Adobe Illustrator. Como siempre, siéntase libre de compartir su proyecto y hacer preguntas en la sección de comentarios a continuación. Como puede ver, puede usar formas básicas para crear imágenes asombrosas en Adobe Illustrator. ¡Hasta la próxima!

final
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.