7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Illustration

Como Criar uma Ilustração de Cena de Café no Adobe Illsutrator

Scroll to top
Read Time: 6 mins

Portuguese (Português) translation by Adriana Takagi (you can also view the original English article)

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

Neste tutorial vamos criar uma cena de café da manhã com cookies e leite usando simples formas no Adobe Illustrator.

Encontre mais ótimas inspirações de Café em GraphicRiver.

1. Como Criar um Novo Documento

Pressione Control-N para fazer um Novo Documento. Defina o Units para Pixels, e insira 800 x 600 para a largura e a altura do documento. Depois nas opções Advanced, selecione RGBScreen (72 ppi), e certifique-se de desmarcar Align New Objects to Pixel Grid box antes de clicar em OK.

Vá para Preferences (Control-K) e insira 1 px para o Keyboard increment. Pressione OK.

Você pode ativar o painel Info (Window > Info) para ter uma pré-visualização do tamanho e posição das formas. Lembre-se de definir a unidade de medida para Pixels de Edit > Preferences > Units. Isto vai aumentar consideravelmente a velocidade do seu trabalho.

Set up new documentSet up new documentSet up new document

2. Como Criar um Caixa de Leite

Passo 1

Vamos começar desenhando a caixa de leite, desenhe um retângulo de 100 x 208 px com a Ferramenta Rectangle (M) e use #ABE0FD como a cor de Preenchimento.

Depois desenhe um outro retângulo próximo ao último; este retângulo deve ter um Width (largura) de 61 px (#84CCF4).

Create a milk Create a milk Create a milk

Passo 2

Agora desenhe um retângulo em cima (#D0EFFD) e, usando a Ferramenta Direct Selection (A), selecione os nós superiores e mova-os para a esquerda.

Mais tarde, adicione um novo nó no outro retângulo com a Ferramenta Pen (P) e mova-o em direção ao canto. Agora desenhe um triângulo (#73BCE8) e use a Ferramenta Pen (P) para criar uma sombra no bico.

adding the rectangle topadding the rectangle topadding the rectangle top

Passo 3

Pegue a Ferramenta Rectangle (M) e desenhe a aba superior do recipiente (#ABE0FD). Depois desenhe dois pequenos retângulos (#84CCF4) nas extremidades da aba e aplique um Blend (Object > Blend > Make) 12 passos (Object > Blend > Blend Options).

Adding more details in the milkAdding more details in the milkAdding more details in the milk

Passo 4

Desenhe uma faixa em ambos os lados da caixa utilizando dois retângulos. Depois desenhe uma elipse (#FFFFFF), usando a Ferramenta Ellipse (L), e um retângulo (#FFFFFF) na frente.

Create new faces of the milkCreate new faces of the milkCreate new faces of the milk

Passo 5

Agora desenhe a tampa com uma elipse no meio (#FFFFFF) e uma menos no centro (#ABE0FD). Depois, adicione uma outra elipse (#84CCF4) e posicione-a abaixo (Control-[).

Finalmente, Agrupe a caixa (Control-G).

Adding a lid in the milkAdding a lid in the milkAdding a lid in the milk

3. Como Criar uma Cafeteira

Passo 1

Vamos criar a nossa cafeteira.

Crie um retângulo de 136 x 124 px (#E1E1E1) e mova os nós superiores por 20 px (pressionando a tecla Shift) para o centro usando a Ferramenta Direct Selection Tool (A).

Creating new shapes for a coffee makerCreating new shapes for a coffee makerCreating new shapes for a coffee maker

Passo 2

Agora use a Ferramenta Pen Tool (P) para desenhar a primeira face da cafeteira (#CDCDCD) no lado direito. Remova a forma restante usando a Ferramenta Shape Builder (Shift-M).

Depois, faça uma Cópia (Control-C seguido por Control-F) da face, reflita-o verticalmente (clique com o botão direito do mouse > Transform > Reflect), e mude sua cor de Preenchimento para #F6F6F6.

Adding shapes with the Pen ToolAdding shapes with the Pen ToolAdding shapes with the Pen Tool

Passo 3

Desenhe um retângulo fino (#9A9FAD) na parte inferior da cafeteira e remova a forma restante utilizando a Ferramenta Shape Builder (Shift-M)Agrupe tudo (Control-G).

Depois faça uma cópia (Control-C > Control-F) e Rotacione-a 180° com a Ferramenta Rotate (R)Mescle para baixo um pouco o grupo usando a Ferramenta Selection (V).

Duplicating the base coffee makerDuplicating the base coffee makerDuplicating the base coffee maker

Passo 4

Agora crie um retângulo no meio dos dois copos (#616161) e desenhe um outro retângulo, mais fino desta vez, (#7F7F7F) dentro dele. Depois adicione três retângulos (#A5A5A5) de diferentes larguras como mostrados na imagem abaixo.

Adding more details in the coffee makerAdding more details in the coffee makerAdding more details in the coffee maker

Passo 5

Para criar o bico e a alça, vamos usar a Ferramenta Pen (P) e a cor de Preenchimento #7F7F7F. Mais tarde, desenhe uma sombra em ambas as coisas (#616161) e Delete o resto com a Ferramenta Shape Builder (Shift-M).

Adding the nozzle and handleAdding the nozzle and handleAdding the nozzle and handle

Passo 6

Na tampa da cafeteira, desenhe um retângulo fino (#7F7F7F) e depois um triângulo (#A5A5A5) utilizando a Ferramenta Pen (P).

Depois, desenhe um trapézio (#7F7F7F) e Duplique-o (Control-C > Control-F), e Inverta Cópia (#616161). Envie ambas as formas sob o triângulo (Control-[).

Drawing with the Pen Tool the lid of the coffee makerDrawing with the Pen Tool the lid of the coffee makerDrawing with the Pen Tool the lid of the coffee maker

4. Como Criar uma Caneca

Passo 1

Para criar a caneca, vamos começar usando um retângulo de 123 x 133 px (#DD557B) e arredondando os cantos inferiores com a Ferramenta Direct Selection (A).

Creating un rectangle for the cup coffeeCreating un rectangle for the cup coffeeCreating un rectangle for the cup coffee

Passo 2

Agora Duplique a forma (#DF6688) (Control-C > Control-F) e aplique um deslocamento de -8 px em Effects > Path > Offset Path. Estenda a aparência da forma (Object > Expand Appearance).

Depois modifique a largura usando a Ferramenta Selection (V) e posicione-a na borda esquerda da caneca. Duplique-a novamente (#DF6688) e mude sua Width (largura) mais uma vez.

Duplicating the shape and adding highlightsDuplicating the shape and adding highlightsDuplicating the shape and adding highlights

Passo 3

Agora crie uma elipse de 26 x 26 px (#DD557B) e uma elipse de 38 x 38 px. Aplique Minus Front usando o painel Pathfinder na última elipse.

Adding a handle in the cupAdding a handle in the cupAdding a handle in the cup

Passo 4

Crie uma sombra na alça da caneca desenhando um retângulo (#B33859) e subtraindo sua forma usando a Ferramenta Shape Builder (Shift-M). Depois envie a forma da alça para trás (Control-[).

Adding a little of shadowsAdding a little of shadowsAdding a little of shadows

Passo 5

Desenhe uma elipse (#FFFFFF) no centro da caneca, e depois desenhe um S com a Ferramenta Knife. Separe as formas divididas e arredonde um pouco os seus cantos. Agrupe as formas e Rotacione um pouco a forma final.

Creating a logo of coffee grainCreating a logo of coffee grainCreating a logo of coffee grain

5. Como Criar um Cookie

Passo 1

Crie uma elipse de 90 x 90 px (#E5D8B0) e Duplique-a duas vezes (Control-C > Control-F). Mova a última cópia par a esquerda e subtraia ela com a anterior usando Minus Front do painel Pathfinder. Mude a cor de Preenchimento para #DBC996.

Agora desenhe as gotas de chocolate (#9D8A7C) usando a Ferramenta Pen (P).

Now creating the cookie with chocolate shipsNow creating the cookie with chocolate shipsNow creating the cookie with chocolate ships

Passo 2

Vamos desenhar um segundo cookie usando um retângulo arredondado (#E5D8B0), use a Ferramenta Rounded Rectangle. Como com o outro cookie, Duplique a forma duas vezes e crie a sombra do cookie.

Finalmente, desenhe as gotas de chocolate na imagem abaixo.

Another cookieAnother cookieAnother cookie

Passo 3

Coloque os cookies e a caneca juntos. Crie uma sombra sob o cookie circular desenhando uma elipse (#B33859) e subtraindo sua forma com a Ferramenta Shape Builder (Shift-M).

Uma vez que temos a sombra, vamos posicioná-la sob o cookie (Control-[). Finalmente, Agrupe os objetos juntos (Control-G).

Placing the cookies with the cup and add shadowsPlacing the cookies with the cup and add shadowsPlacing the cookies with the cup and add shadows

6. Como Criar um Pacote de Café

Passo 1

Comece adicionando um retângulo de 90 x 120 px (#E7C5AF). Desenhe um outro retângulo (#F3D6C3) em cima e mova seus nós superiores para a direita.

Depois, usando a Ferramenta Pen (P), desenhe o lado do pacote (#E7C5AF) e a sombra interna (#CCAE9A).

Creating with rectangles the bag coffeeCreating with rectangles the bag coffeeCreating with rectangles the bag coffee

Passo 2

Mais tarde, desenhe a aba superior usando um retângulo (#CCAE9A). Agora, desenhe o rótulo usando um retângulo de 58 x 33 px (#FFFFFF) e outros dois com a cor de Preenchimento #DEDEDE.

Finalmente, Agrupe o pacote de café (Control-G).

adding detailsadding detailsadding details

7. Como Criar um Mini Fundo

Passo 1

Primeiro, coloque todos os objetos juntos e depois desenhe uma elipse de 320 x 320 px (#F5DE93) no centro da cena. Remova os nós inferiores da elipse e feche os cantos (Control-J).

Depois arredonde um pouco os cantos inferiores da elipse e envie-a para trás (Shift-Control-[). Estique a altura do semicírculo para cima com a Ferramenta Selection (V).

Join all the elements of the sceneJoin all the elements of the sceneJoin all the elements of the scene

Passo 2

Faça uma Cópia do semicírculo e mude a cor de Preenchimento para #FBF5DB. Depois estique um pouco mais a Altura e envie para trás (Shift-Control-[).

Creating a semi ellipse in the backgroundCreating a semi ellipse in the backgroundCreating a semi ellipse in the background

Passo 3

Agora adicione alguns pequenos pontos usando elipses (#FBF5DB) através da cena.

Other details in the ellipseOther details in the ellipseOther details in the ellipse

Passo 4

Para terminar, desenhe o vapor do café usando a Ferramenta Pen (P), selecionando o estilo do Traço e uma espessura do Traço de 7 px.

Adding a steam on the coffeeAdding a steam on the coffeeAdding a steam on the coffee

Passo 5

Finalmete, crie um retângulo de 800 x 600 px (#F9ECBE) na parte de trás da tela.

Adding a rectangle finalAdding a rectangle finalAdding a rectangle final

Parabéns! Você Terminou!

Fantástico! Nós terminamos, e o resultado foi fantástico. Isto certamente vai trazer mais criatividade para o seu trabalho graças às técnicas que você acabou de aprender. Eu espero que você tenha aproveitado o processo, e eu vou estar esperando os seus comentários.

Coffee and Cookie Illustration Adobe Illustrator Tutorial Coffee and Cookie Illustration Adobe Illustrator Tutorial Coffee and Cookie Illustration Adobe Illustrator Tutorial
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.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.