1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

Como criar uma cena de tea party Alice no País das Maravilhas no Adobe Illustrator

Scroll to top
Read Time: 12 min
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

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Neste tutorial, você aprenderá como criar uma cena teatral com tema de Alice no País das Maravilhas. Muitos de vocês podem ter ouvido falar da menininha caindo em um buraco de coelho em um mundo cheio de aventuras. Houve uma festa do chá - uma festa de chá estranha, bizarra, ridícula e excêntrica. Para mim, foi a cena mais memorável. É por isso que quero mostrar a você como criar uma ilustração dessas.

Como sempre, usaremos formas básicas e efeitos de dobra. No final, você terá uma adorável ilustração e um monte (espero!) De novos truques que você aprendeu durante o processo de criá-lo.

Se você gostaria de ter o humor necessário, por que não navega no GraphicRiver e vê como outros artistas imaginam esse mundo peculiar de Alice no País das Maravilhas .

Sempre que você estiver pronto, vamos! 

1. Como criar o chapéu

Passo 1

Depois de abrir o Adobe Illustrator , crie um novo documento com largura e altura de 850 x 850 px .

Começaremos ilustrando o chapéu. Usando a Ellipse Tool (L) , crie um oval cinza escuro. Na imagem abaixo, você pode ver qual cor de preenchimento precisa. Crie uma cópia desse oval por trás do original ( Control-C, Control-B ), estique-o um pouco para baixo e mude sua cor para um cinza mais claro.

Depois disso, usando a Rectangle Tool (M) , adicione um retângulo sob as duas formas ovais. Certifique-se de que este retângulo permaneça na parte de trás ( Control-X, Control-B). Para mudar a forma deste retângulo, vá para Effect> Warp> Bulge . Na nova janela de diálogo, insira as opções que você vê na imagem abaixo. Expanda esta forma ( Objeto> Expandir aparência ).

how to create the top hathow to create the top hathow to create the top hat

Passo 2

Agora faça uma cópia das duas elipses da parte superior do chapéu ( Control-C, Control-V ), torne-as maiores e prenda-as na parte inferior.

Para adicionar uma faixa de opções , crie um retângulo verde e deforme-o: vá para Effect> Warp> Arc e insira as seguintes opções. Lembre-se sempre de expandir depois de deformar uma forma ( Objeto> Expandir aparência ).

continue creating the top hatcontinue creating the top hatcontinue creating the top hat

Passo 3

Vamos adicionar uma decoração de penas para o chapéu. Crie uma elipse usando a Ellipse Tool (L) . Pegue a ferramenta Converter Ponto de Ancoragem (Shift-C) e clique nos pontos de ancoragem superior e inferior para torná-los nítidos.

Para o caule da pena, usaremos uma elipse vertical muito fina.Usando a Direct Selection Tool (A) , selecione os pontos de ancoragem direito e esquerdo dessa elipse e mova-os para baixo pressionando a tecla de seta para baixo no teclado.

Em seguida, mantenha a elipse deformada selecionada e vá paraObject> Path> Add Anchor Points . Adicione três pontos de ancoragem em alguns lugares, como mostra a imagem abaixo (marcada por círculos azuis). Agora, usando a Direct Selection Tool (A) , selecione o ponto de ancoragem do meio de cada trio e mova-o para o meio da pena. Para obter um ângulo agudo nos pontos de ancoragem, pegue a ferramenta Converter ponto de ancoragem (Shift-C) e clique em cada ponto de ancoragem.

how to create the featherhow to create the featherhow to create the feather

Passo 4

Para deformar a pena, vá para Effect> Warp> Arc e insira as opções mostradas abaixo. Expanda a forma.

Faça uma cópia menor da pena e mude sua cor para azul. 

Finalmente, coloque duas penas no chapéu. Certifique-se de que eles estão colocados atrás da fita.

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

Passo 5

Para a tag, crie um retângulo azul claro e deforme-o com a opção warp, como mostrado abaixo. 

Vá para Type> Font e escolha sua fonte favorita. Clique na Type Tool (T) e digite os números necessários. Coloque o texto na etiqueta e gire ligeiramente o texto para a direita. Agrupá-lo juntos ( clique com o botão direito do mouse> Grupo ).

how to create the taghow to create the taghow to create the tag

Coloque a etiqueta no chapéu, mas atrás da fita. 

how to place the taghow to place the taghow to place the tag

Passo 6

Vamos decorar o chapéu com uma rosa. Crie uma elipse vermelha e deforme-a usando o efeito de dobra: vá para Effect> Warp> Fish e insira as opções que você vê abaixo. Lembre-se sempre de expandir.

Usando a ferramenta Converter ponto de ancoragem (Shift-C), torne o ponto de ancoragem superior mais nítido. Depois disso, faça uma cópia por trás ( Control-C, Control-B ), mova-a ligeiramente para cima e mude a cor para a luz vermelha. Selecione essas duas formas e agrupe-as ( clique com o botão direito do mouse> Group ). Esta será uma pétala para a nossa rosa.

how to create the petal of the rosehow to create the petal of the rosehow to create the petal of the rose

Passo 7

Agora, mantendo a pétala selecionada, pressione a ferramenta Rotate (R) . Depois disso, mantenha o botão Alt pressionado, clique abaixo da pétala, onde os eixos de rotação serão colocados e pressione Enter . Digite 45 graus na nova janela de diálogo e pressione Copiar . Assim, você terá outra pétala da flor.Para finalizar a primeira camada de pétalas, pressione Control-Dmais quatro vezes. Agrupá-los juntos.

Agora, crie uma cópia dessa camada na frente ( Control-C, Control-F ), diminua-a e gire-a um pouco como mostrado na imagem abaixo. Você agora tem uma segunda camada de pétalas. Da mesma forma, faça a terceira, quarta e quinta camadas, que devem ser um pouco menores e giradas.

No meio da rosa, vamos adicionar as pétalas do meio feitas de círculos. Então crie um círculo (não precisa ser perfeito). Neste caso, será um círculo mais escuro na frente e um mais claro atrás dele, que deve ser ligeiramente visível. Agrupe esses dois círculos para formar a pétala do meio. Faça algumas cópias desta pétala do meio e coloque-as como mostrado na imagem. Finalmente, coloque as pétalas do meio no resto das pétalas que você criou antes.

Para sua conveniência, agrupe a rosa inteira.

how to create the rosehow to create the rosehow to create the rose

Passo 8

Nós vamos criar a folha agora. Comece com a Ellipse Tool (L) e defina uma cor de preenchimento verde para ela. Mantendo a elipse selecionada, leve a ferramenta Converter ponto de ancoragem (Shift-C) e clique nos pontos de ancoragem superior e inferior para torná-los nítidos.

Para tornar mais ásperas as bordas da folha, selecione a forma e vá para Effect> Distort & Transform> Zig Zag . Na janela de opções do Zig Zag , ajuste o tamanho e o Ridges por segmento para obter uma irregularidade semelhante à imagem abaixo.Seus números podem ser diferentes dos meus, porque realmente depende do tamanho da sua folha.

how to create the leafhow to create the leafhow to create the leaf

Passo 9

Para o caule, crie um oval vertical muito fino. Coloque o caule sobre a folha que você criou na Passo anterior, como mostrado abaixo. Agora faça uma cópia menor do caule e da folha, gire-os para a esquerda e prenda-os ao caule principal. Faça outra cópia do caule e da folha e coloque esta cópia no lado direito do caule principal.

how to create more leaveshow to create more leaveshow to create more leaves

Passo 10

Coloque as folhas atrás da rosa, como mostra a imagem abaixo.Faça uma cópia do pequeno ramo inteiro e coloque-o do outro lado da rosa. A rosa está pronta para decorar o chapéu.

how to place the leaveshow to place the leaveshow to place the leaves

Coloque-o na frente da fita e das penas.

final illustration of the hatfinal illustration of the hatfinal illustration of the hat

2. Como criar as taças

Passo 1

Para criar a taça, começaremos com um retângulo verde.Modifique este retângulo com o efeito warp: vá para Effect> Warp> Fish e insira as opções que você vê abaixo. Adicione um pequeno oval verde claro na frente da forma para o destaque.

how to create the cuphow to create the cuphow to create the cup

Passo 2 

Adicione um pequeno retângulo no fundo e deforme-o com o efeito warp ( Effect> Warp> Arc Lower ).

Em seguida, adicione um oval verde em cima do copo. Na imagem abaixo, esse oval tem uma cor de traço preto apenas para melhor visibilidade; no entanto, na imagem final, nenhuma cor do traçado permanecerá. Crie uma cópia desse oval por trás (Control-C, Control-B ), deixe-o mais claro e estique-o levemente.

Agora vamos adicionar um pouco de chá ao nosso copo. Crie um grande oval marrom na frente que se sobreponha ao oval verde na área marcada pelas linhas vermelhas na imagem abaixo. Em seguida, faça uma cópia do oval verde na frente ( Control-C, Control-F ) e, mantendo essa cópia selecionada, selecione também a elipse marrom (é necessário pressionar o botão Shiftpara selecionar mais de uma forma). Em seguida, aperte o botãoIntersect no painel Pathfinder . Você vai acabar com uma forma marrom, que é o chá.

how to create the teahow to create the teahow to create the tea

Passo 3

Para o identificador, crie um oval verde sem cor de preenchimento, apenas a cor do traçado verde (pressione Shift-Xpara alterar a cor de preenchimento para a cor do traçado). Nopainel Stroke , torne o stroke Weight muito espesso. Mantendo o oval selecionado, vá para Effect> Warp> Arc e digite as opções que você vê na imagem abaixo. Expanda esta forma.

Anexe a alça para o copo. 

Por fim, adicione dois círculos verdes nos locais onde a alça está presa ao copo (use a Ellipse Tool (L) enquanto mantém pressionada a tecla Shift ).

how to create the handle of the tea cuphow to create the handle of the tea cuphow to create the handle of the tea cup

Passo 4

Crie mais duas cópias da taça e mude as cores, exceto a cor do chá. 

how to create another colors cupshow to create another colors cupshow to create another colors cups

Passo 5

Vamos colocar o copo vermelho em cima do azul. Primeiro coloque o copo vermelho na frente do azul, como mostrado abaixo.

Em seguida, selecione a elipse azul superior do copo azul e faça outra cópia sobre ele ( Control-C, Control-F ). Eu marquei esta nova cópia com um traçado preto para melhor visibilidade. Você também pode fazer essa nova cópia com um traçado preto, para poder ver melhor o que está dentro dela.

Com a ajuda da Direct Selection Tool (A) , mova os pontos de ancoragem para dentro da parte superior do copo vermelho. Além disso, certifique-se de que a parte inferior do oval deformado permaneça na mesma posição de antes. Selecione o copo vermelho e a elipse deformada com o traçado preto. Então vá para Object> Clipping Mask> Make (Control-7) . Agora o copo vermelho está dentro do azul.

how to place one cup inside anotherhow to place one cup inside anotherhow to place one cup inside another

3. Como criar a flor para decorar a mesa

Faça uma cópia da rosa e das folhas, que criamos antes para a decoração do chapéu. Note que há apenas um par de folhas. Em seguida, pegue a Direct Selection Tool (A) e mova as alças do arco para obter o resultado desejado. Você pode querer adicionar mais folhas ao caule.

Em seguida, pegue a Direct Selection Tool (A) e mova as alças do arco para obter o resultado desejado. Você pode querer adicionar mais folhas ao caule.

how to create the rosehow to create the rosehow to create the rose

4. Como criar a tabela

Passo 1

Primeiro, crie um retângulo bege usando a ferramenta Retângulo (M) . No topo desse retângulo, adicione um oval com a mesma cor de preenchimento. Por conveniência, ambas as formas são marcadas aqui com uma cor de traço preto.

Agora, selecione o retângulo e deforme: vá para Effect> Warp> Bulge . Tente brincar com as opções para ter uma transição suave do oval para o novo formato. Dependendo do tamanho do seu oval e retângulo, essas opções podem ser um pouco diferentes das mostradas abaixo. Lembre-se de expandir essa forma ( Objeto> Expandir aparência ).

how to create the tableclothhow to create the tableclothhow to create the tablecloth

Passo 2 

Use a ferramenta de segmento de linha (\) para desenhar uma linha sobre a forma deformada. Para tornar a linha reta, mantenha pressionada a tecla Shift enquanto desenha.

Agora vamos modificar essa linha; vá para Effect> Distort & Transform> Zig Zag . Na janela de opções do Zig Zag , ajuste otamanho e o Ridges por segmento para obter uma curva semelhante à da imagem abaixo. Não esqueça de selecionar osPontos Suaves . Para sua conveniência, selecione Visualizarenquanto ajusta essas opções.

Em seguida, mantendo esta linha ondulada selecionada, vá paraEffect> Warp> Arc . Na nova janela, ajuste as opções da imagem abaixo. Finalmente, não esqueça de Expandir Aparência (Objeto> Expandir Aparência).

continue creating the tableclothcontinue creating the tableclothcontinue creating the tablecloth

Aqui está a janela de opções do arco:

warp options windowwarp options windowwarp options window

Passo 3

Mantendo a curva Zig Zag selecionada, selecione também o retângulo deformado e pressione o botão Dividir no painelPathfinder . Como agora você tem dois objetos agrupados, desagrupe-os: clique com o botão direito do mouse e clique emDesagrupar .

Agora você pode simplesmente excluir a parte inferior para criar a forma da toalha de mesa. 

Depois disso, crie outra cópia da parte superior oval atrás (Control-C, Control-B ), deixe-a mais clara e estique-a levemente.

finishing creating the tableclothfinishing creating the tableclothfinishing creating the tablecloth

Passo 4

Para a perna da mesa, crie um retângulo marrom claro e coloque-o atrás da toalha de mesa ( Control-X, Control-B ). Para modificar este retângulo, usaremos o efeito Fish : vá paraEffect> Warp> Fish e insira as opções mostradas.

Por fim, adicione uma elipse marrom clara e mais um círculo minúsculo, como mostrado abaixo. 

how to create the leg of the tablehow to create the leg of the tablehow to create the leg of the table

Passo 5

Adicione outra elipse abaixo e deforme-a novamente com o efeitoFish . Faça uma cópia do círculo da Passo anterior e anexe-a abaixo da nova oval. Observe como o novo círculo é um pouco menor.

continue creating the leg of the tablecontinue creating the leg of the tablecontinue creating the leg of the table

Passo 6

Agora crie uma elipse alinhada horizontalmente e aplique o efeitoFlag : vá para Effect> Warp> Flag . Use as opções mostradas abaixo e lembre-se de expandir a forma final.

continue creating the leg of the tablecontinue creating the leg of the tablecontinue creating the leg of the table

Passo 7

Anexe a nova forma à parte inferior da perna da mesa. Adicione um círculo marrom com um círculo de luz ao final dessa forma, como você pode ver abaixo. Esta é a parte esquerda da perna da mesa.

Agora, mantendo essa parte do lado esquerdo selecionada, pegue a Reflect Tool (O) e, enquanto mantém pressionada atecla Alt , clique na parte do meio da perna. Na nova janela de diálogo, selecione Vertical, Ângulo 90 graus e pressione Copiar. Agora você deve ter a parte certa da perna da mesa. A mesa está pronta para uma festa do chá!

finishing creating the leg of the tablefinishing creating the leg of the tablefinishing creating the leg of the table

5. Como criar o plano de fundo

Passo 1

Organize os detalhes na parte superior da tabela, conforme mostrado abaixo. Você pode colocar os detalhes da maneira que quiser.

placing all the objects on the tableplacing all the objects on the tableplacing all the objects on the table

Passo 2 

Crie uma Largura e Altura de quadrado azul escuro de 850 px , usando a ferramenta Retângulo (M) . Primeiro, pegue a ferramenta e clique na sua prancheta e insira as opções necessárias. Alinhar o plano de fundo para a prancheta. Para fazer isso, abra o painel Alinhar ( Janela> Alinhar ). Definir Align To: Alinhar à prancheta (abrir o menu fly-out e ir para Mostrar opções se você não ver a Align To: ), certifique-se de que o seu fundo está selecionado e clique nos Horizontal Align Centro eVertical Align Centro de botões .

how to create the background how to create the background how to create the background

Passo 3

Coloque a imagem na frente do fundo. No entanto, será mais fácil colocar o fundo atrás de todos os objetos ( Control-X, Control-B).

placing all the objects on the backgroundplacing all the objects on the backgroundplacing all the objects on the background

Passo 4

Para adicionar algumas dimensões à cena, crie uma elipse mais escura na parte inferior do quadrado, atrás da mesa.

adding dimensionadding dimensionadding dimension

Trabalho Impressionante, Você Está Feito!

E estamos acabados! Bem feito! Espero que você tenha gostado de aprender alguns dos processos e atalhos ao criar esta imagem no Adobe Illustrator. Como sempre, sinta-se à vontade para compartilhar seu projeto e fazer perguntas na seção de comentários abaixo. Como você pode ver, você pode usar formas básicas para criar imagens incríveis no Adobe Illustrator. Vejo você na próxima vez!

finalfinalfinal
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads