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

Como Criar uma Ilustração de um Boston Terrier no Adobe Illustrator

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

Algum tempo atrás, um dos nossos leitores me pediu para ensinar a ela como desenhar um Boston Terrier. Eu decidi criar um tutorial para mostrar a todos como criá-lo.

Além do fato de que eu tinha criado não só um cachorro, mas um cachorro de uma certa raça, este tutorial também tinha que ser adaptado para um nível iniciante de ilustradores. Isso foi um desafio. Depois de pesquisar um grande número de fotos de Boston Terriers, eu cheguei até uma ilustração apresentada a você hoje.

Como sempre, vamos usar formas simples, e aplicando uma variedade de ferramentas e efeitos nós vamos transformar eles em um cachorro Boston Terrier fofo. E você pode decidir se isso vai acabar bem ou não.

Se você não sabe o que um Boston Terrier parece, navegue por algumas imagens no PhotoDune e inspire-se.

1. Como Criar a Cabeça do Cachorro

Passo 1

Depois de criar um novo documento (850 x 850 px Width e Height), vamos começar fazendo a forma da cabeça do cachorro. Usando a Ferramenta Rounded Rectangle, crie um retângulo arredondado cinza escuro. Para obter um retângulo arredondado com cantos muito arredondados, crie um pequeno retângulo arredondado primeiro e então estique-o. Ou você pode ir para View > Show Corner Widget e modifique os cantos arrastando-os para dentro.

Agora vamos modificar a parte inferior desta forma. Vamos usar o efeito Fish: vá para Effect > Warp > Fish e digite as opções abaixo. Finalmente, precisamos expandir esta forma. Selecione-a e vá para Object > Expand Appearance.

creating the headcreating the headcreating the head

Passo 2

Para os olhos, crie uma elipse cinza usando a Ferramenta Ellipse (L) e rotacione um pouco para a esquerda. Adicione uma elipse preta rotacionada um pouco (para a pupila), seguida de um pequeno círculo como um brilho. Para fazer até um círculo, desenhe-o usando a Ferramenta Ellipse (L) enquanto segura a tecla Shift.

creating the eyecreating the eyecreating the eye

Passo 3

Coloque o olho na cabeça. Mantendo todo o olho esquerdo selecionado clique com o botão direito do mouse e selecione Transform > Reflect. Uma vez que você obtém uma caixa de diálogo, selecione Axis Vertical, Angle 90 degrees, e pressione Copy. Mova o novo olho para a direita. Mova também o círculo branco para o lado direito, porque os brilhos devem sempre estar em um lado.

Eu sei que atualmente se parece com um alienígena bonitinho! Mas acredite, vai ser um Boston Terrier.

placing the eye and creating another oneplacing the eye and creating another oneplacing the eye and creating another one

Passo 4

Agora vamos criar o nariz. Comece criando uma elipse cinza com a Ferramenta Ellipse (L). Então, usando a Ferramenta Direct Selection (A), desloque ponte de ancoragem do topo um pouco para baixo. Adicione um outro círculo cinza por trás da elipse deformada na mesma cor de preenchimento.

Na parte inferior da elipse transformada,adicione uma elipse cinza claro. E finalmente crie duas elipses minúsculas pretas para as narinas. Estas elipses pretas não devem ter contornos brancos; eu apenas adicionei elas, assim você pode vê-lo melhor. Você vai ver que isso vai mudar no próximo passo.

creating the nosecreating the nosecreating the nose

Passo 5

Usando a Ferramenta Ellipse (L), crie uma forma oval bege e coloque o nariz nela. Selecione os pontos de ancoragem dos dois lados da elipse com a Ferramenta Direct Selection (A), e mova-os usando a tecla da Seta para Baixo no seu teclado.

No mesmo retângulo colorido de bege (use a Ferramenta Rectangle Rounded), colocando-o horizontalmente. Então rotacione-o para à esquerda, como na imagem abaixo. Faça uma cópia vertical deste retângulo vertical (Transform > Reflect, digite Axis Vertical, Angle 90 degrees, e pressione Copy). Mova a cópia para a direita.

creating the muzzlecreating the muzzlecreating the muzzle

Ao criar o retângulo arredondado, tente evitar tê-lo longo e com cantos que não são bem arredondados. Para conseguir o arredondamento apropriado dos cantos, crie um pequeno retângulo arredondado e, em seguida, estique-o.

how do not make the muzzlehow do not make the muzzlehow do not make the muzzle

Passo 6

Mantendo todos os objetos bege selecionados (a forma oval deformada e dois retângulos arredondados), una eles pressionando o botão Unite no painel Pathfinder (Window > Pathfinder). Certifique-se de que você trabalha só com o focinho bege e não toque no nariz preto.

Com o focinho bege selecionado, aplique o efeito Round Corners: vá para Effect > Stylize > Rounded Corners e selecione as opções apresentadas abaixo.

A seguir, expanda a forma (Objext > Expand Appearance). Crie uma outra cópia do focinho bege por trás do original, tornando-o ligeiramente escuro e movendo-o para baixo apenas um pouco para obter uma sombra.

creating the muzzle 2creating the muzzle 2creating the muzzle 2

Passo 7

Para a boca, crie uma elipse escura com a mesma cor de preenchimento como a sombra do focinho do passo anterior (use a Ferramenta Eyedropper (I)).

Faça uma outra elipse grande bege da mesma cor que o focinho básico, e certifique-se de que isto está por trás da boca (Control-C, Control-B).

Agora faça a sombra desta elipse bege: crie uma elipse um pouco grande por trás (Control-C, Control-B), torne-a escura, e mova-a um pouco para baixo.

creating the muzzle 3creating the muzzle 3creating the muzzle 3

Coloque este focinho fofo na cabeça do nosso cachorro.

placing the muzzleplacing the muzzleplacing the muzzle

Passo 8

Para as orelhas, vamos começar desenhando uma outra elipse cinza. Usando a Ferramenta Direct Selection (A), mova para baixo os pontos de ancoragem esquerdo e direito. Para criar a forma mostrada abaixo, mova as alças usando a Ferramenta Direct Selection (A). Faça uma outra cópia desta forma, mude-a para uma cor rosa, torne-a um pouco menor, e coloque-a dentro de uma maior.

Vamos colocar as orelhas na cabeça depois.

creating the earcreating the earcreating the ear

Passo 9

Para fazer um ponto de luz no meio da cabeça do nosso Boston Terrier, crie uma outra elipse bege. Pegue a Ferramenta Direct Selection (A) e mova os pontos de ancoragem esquerdo e direito para cima. Para modificar ainda mais esta elipse, vamos usar o efeito Fish: vá para Effect > Warp > Fish e digite as opções abaixo. Não se esqueça de expandir esta forma (Object > Expand Appearance).

creating the white line on Boston Terriers headcreating the white line on Boston Terriers headcreating the white line on Boston Terriers head

Passo 10

Neste passo vamos colocar a mancha e as orelhas na cabeça do Boston Terrier.

Primeiro, coloque a mancha que criamos no passo anterior no meio da cabeça. Além disso, coloque a orelha do lado esquerdo da cabeça. Para fazer uma outra orelha, pegue a Ferramenta Reflect (O) e enquanto segura para baixo a tecla Alt, clique na testa (em uma nova janela digite Vertical, Angle 90 degrees e pressione Copy).

A cabeça do nosso cachorrinho está pronta!

placing the ear and creating another oneplacing the ear and creating another oneplacing the ear and creating another one

2. Como Criar os Óculos

Passo 1

Delete a cor de preenchimento e defina uma cor preta de contorno. Pegue a Ferramenta Rectangle e desenhe uma retângulo arredondado pequeno, e então aplique um efeito deformar: vá para Effect > Warp > Arc. Expanda esta forma (Object > Expand Appearance). Crie uma cópia vertical desta forma. Mova a nova forma para a direita.

creating the glassescreating the glassescreating the glasses

Passo 2

Para fazer a ponto dos óculos, coloque um retângulo preto sem cor de contorno usando a Ferramenta Rectangle (M). Vá para Effect > Warp > Bulge e configure as opções de deformação. Expanda-a.

creating the glasses 2creating the glasses 2creating the glasses 2

Passo 3

Agora vamos criar a dobradiça, a pequena parte que você vê do lado dos óculos. Pegue a Ferramenta Rounded Rectangle e coloque um minúsculo retângulo arredondado como na imagem abaixo. Depois disso, usando a Ferramenta Direct Selection (A), mova os pontos de ancoragem que precisam ser escondidos por trás da moldura. E então crie uma cópia vertical desta minúscula forma (você já sabe como fazer isso, certo?).

creating the glasses 3creating the glasses 3creating the glasses 3

Finalmente, coloque os óculos no cachorro. Quão fofo e esperto que ele parece agora!

placing the glassesplacing the glassesplacing the glasses

3. Como Criar o Corpo do Cachorrinho

Passo 1

Vamos primeiro rotacionar um pouco a cabeça do nosso cachorro. Agora, usando a Ferramenta Ellipse (L), desenhe uma forma oval cinza escuro. Pegue a Ferramenta Direct Selection (A) e mova para baixo seus pontos de ancoragem direito e esquerdo. Coloque o corpo sob a cabeça (Control-X, Control-B).

creating the bodycreating the bodycreating the body

Passo 2

Crie uma cópia do corpo na parte superior do original (Control-C, Control-F) e mude sua cor de preenchimento para bege. Finalmente torne esta forma menor e certifique-se de que ela está na parte superior.

creating the body 2creating the body 2creating the body 2

Passo 3

Para desenhar a perna dianteira, come com uma forma oval de novo. Enquanto mantém esta forma oval seleciona, vá para Effect > Warp > Arc. Na nova janela, ajuste as opções da imagem abaixo. Expanda esta forma. Em seguida crie uma pequena elipse abaixo e mova para baixo seus pontos de ancoragem usando a Ferramenta Direct Selection (A) e use a tecla de Seta para Baixo no teclado para ajudar.

creating the forelegcreating the forelegcreating the foreleg

Passo 4

Faça uma cópia de uma pequena elipse deformada bege por trás da original (Control-C, Control-B), torne-a mais escura e mova ela um pouco para cima. Use a mesma cor mais escura como para as sombras do focinho (use a Ferramenta Eyedropper (I)).

Em seguida faça um outra cópia da forma oval deformada bege em cima da original (Control-C, Control-F), torne-a mais escura (use a mesma Ferramenta Eyedropper (I)) e estreito (use a Ferramenta Selection (V)). Mantenha ela selecionada e faça uma cópia em frente dela (Control-C, Control-F), tornando-a um pouco mais estreita e mais clara. Expanda a perna dianteira.

creating the foreleg 2creating the foreleg 2creating the foreleg 2

Passo 5

Para criar uma outra perna dianteira, faça uma cópia vertical da existente. Mova a cópia criada da perna dianteira para o lado direito usando o botão da Seta para Direita no seu teclado.

placing the foreleg and creating another one placing the foreleg and creating another one placing the foreleg and creating another one

Passo 6

Vamos criar a perna traseira. Pegue a cópia da pata do passo anterior, onde você criou as pernas dianteiras. Desenhe uma outra elipse cinza escura e coloque-a por trás da pata. No final, rotacione um pouco a elipse grande vertical para a esquerda.

creating the hind legcreating the hind legcreating the hind leg

Passo 7

Anexe a perna traseira para o corpo do cachorrinho. Coloque-a em frente do corpo,mas por trás das pernas dianteiras. Para criar uma outra perna traseira, crie uma cópia vertical da existente. Mova esta nova perna traseira para o lado direito.

Nosso Boston Terrier fofo está pronto.

placing the hind leg and creating another oneplacing the hind leg and creating another oneplacing the hind leg and creating another one

4. Como Criar a Cadeira

Passo 1

Usando a Ferramenta Rounded Rectangle, crie um retângulo arredondado. Na imagem abaixo, você pode ver qual cor de preenchimento você precisa. Deforme um pouco esta forma para fazer a parte de trás da cadeira. Selecione o retângulo arredondado e vá para Effect > Warp > Inflate. Digite as opções que você vê abaixo.

creating the back of the chaircreating the back of the chaircreating the back of the chair

Para transformação adicional selecione o mesmo objeto e aplique um outro efeito. Vá para: Effect > Warp > Shell Upper. As opções necessárias são apresentadas abaixo. Finalmente, expanda esta forma.

creating the back of the chair 2creating the back of the chair 2creating the back of the chair 2

Passo 2

Agora vamos fazer o assento. Crie um retângulo arredondado e aplique o efeito Arc (Effect > Warp > Arc e use as opções abaixo). Expanda esta forma. Adicione uma elipse da mesma cor por trás, vá para o painel Pathfinder e pressione o botão Minus Front. Para ambas as formas, você não precisa de um contorno preto. Nesta imagem, a cor preta do contorno é apenas para uma visibilidade melhor.

creating the seat of the chaircreating the seat of the chaircreating the seat of the chair

Passo 3

Vamos continuar a criar a cadeira. Para tornar os cantos arredondados para o assento, vá para View > Show Corner Widget. Usando a Ferramenta Direct Selection (A), selecione estes dois cantos pontudos do assento e arraste-os para dentro usando os pontos que aparecem.

Anexe juntos a parte de trás e o assento da cadeira. Para fazer uma linha divisória visível, selecione o assento e faça uma cópia por trás (Control-C, Control-B). Mude a cor dela e mova esta parte para cima.

Vamos fazer um assento almofadado. Adicione uma nova elipse sobre a parte de trás da cadeira, mas por trás do assento. A cor desta elipse deve ser a mesma que a cor principal da cadeira. Crie uma cópia desta elipse por trás, faça ela mais escura, e mova um pouco para cima.

creating the seat of the chair 2creating the seat of the chair 2creating the seat of the chair 2

Passo 4

Para a perna da cadeira, crie um retângulo com a Ferramenta Rectangle (M) e anexe-o à parte inferior da cadeira. Em seguida, vamos usar a Ferramenta Polygon para fazer um triângulo. Pegue a Ferramenta Polygon e clique na sua prancheta. Na nova janela de diálogo, digite 3 Sides com qualquer Radius. Então clique em OK. Agora achate este triângulo para obter um resultado similar ao da imagem abaixo.

creating the leg of the chaircreating the leg of the chaircreating the leg of the chair

Passo 5

Crie um pequeno círculo (para um círculo uniforme, use a Ferramenta Ellipse (L) enquanto segura a tecla Shift). Depois disso, por trás do círculo crie uma elipse muito estrita, longa e vertical. Enquanto mantém a elipse selecionada, pressione a Ferramenta Rotate (R) e então o botão Enter no seu teclado. Na janela pop-up, digite 90 graus e aperte Copy.

Selecione todas as três formas e enquanto segura as teclas Shift e Alt, arraste-as para a direita. Deste jeito, você vai criar uma segunda cópia delas, que vão ser horizontalmente alinhadas. Enquanto as três forma recém-criadas estão selecionadas, pressione os botões Control-D duas vezes para repetir o passo anterior e crie novos grupos destas formas exatamente à mesma distância da anterior. Agora selecione a linha inteira destas formas e enquanto segura as teclas Shift e Alt, arraste-as para baixo. E de novo, pressione os botões Control-D para repetir o passo anterior.

Se você ver que precisa de mais linhas com estas formas, sinta-se a vontade para repetir pressionando Control-D até que você obtenha o suficiente. Vai depender na forma da sua cadeira.

creating the texture effectcreating the texture effectcreating the texture effect

passo 6

Coloque os objetos agrupados (clique com o botão direito > Group) na parte de trás da cadeira. Agora, mantendo-as selecionadas, vá para Effect > Warp > Arc e use as opções abaixo. Nossa cadeira confortável está pronta.

placing the texture effectplacing the texture effectplacing the texture effect

5. Como Criar o Plano de Fundo

Passo 1

Primeiro, queremos colocar nosso Boston Terrier na cadeira.

placing the Boston Terrier on the chairplacing the Boston Terrier on the chairplacing the Boston Terrier on the chair

Passo 2

Crie um quadrado bege claro por trás da imagem, 850 px de Width e Height, usando a Ferramenta Rectangle (M).

creating the backgroundcreating the backgroundcreating the background

Ótimo Trabalho, Está Pronto Agora!

Se você desejar adicionar algumas decorações como plantas doméstica, você pode seguir um dos meus tutoriais anteriores em como criar algumas plantas de interiores.

Maravilhoso trabalho, está pronto! Eu espero que você tenha aproveitado seguir este tutorial. Agora você está pronto para criar suas próprias ilustrações interessantes com personagens e animais de estimação extravagantes. Se você tiver qualquer sugestão para mais tutoriais, por favor me informe. Eu vou tentar fazer um tutorial adaptado para iniciantes.

End ResultEnd ResultEnd Result
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.