Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Cartoon
Design

Como Criar uma Ilustração de Mapa Cartoon no Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Neste tutorial, gostaria de mostrar a você como criar uma ilustração de mapa cartoon no Adobe Illustrator. Os continentes não vão parecer reais como você costuma ver em um mapa—eles terão um estilo engraçado, simples e estilo cartoon.  Vamos utilizar as formas básicas e deformá-las utilizando alguns efeitos ou movendo os pontos de ancoragem. Você pode imprimir a ilustração final em um grande pedaço de papel e pendurá-lo na parede.

Se você quiser, você pode adicionar alguns animais ao seu mapa seguindo estes tutoriais:

Sinta-se à vontade para verificar a coleção de animais no GraphicRiver se você quiser adicionar imagens de animais prontas para utilização. Ou talvez você esteja criando um infográfico de mapa e precise de alguns ícones? De qualquer forma, o GraphicRiver é uma boa solução.

1. Como Criar os Continentes no Mapa Cartoon

Passo 1

Depois de abrir o Adobe Illustrator, crie um novo documento (File > New) com Largura e Altura de 850 px.

Aperte a Ferramenta Ellipse (L) e adicione algumas elipses de qualquer forma. Certifique-se de que a cor de preenchimento seja R=229, G=217, B=180. Estas vão ser seus futuros continentes.

how to start to create the continents

Passo 2

Pegue a Ferramenta Warp (Shift-R) e depois arraste e estique as elipses como quiser. Apenas lembre-se de selecionar o objeto que você quer deformar, senão você vai deformar os objetos ao redor.

As opções da Ferramenta Warp (Shift-R) não importam aqui, mas se você não gostar das opções (por exemplo, o diâmetro do pincel alongado é muito grande ou muito pequeno), você pode clicar duas vezes nesta ferramenta e uma nova janela de diálogo, a janela Warp Tool Options, vai aparecer. Lá você pode alterar as Global Brush Dimensions e Intensity e marcar Show Brush Size.

how to distort the continents using the Warp Tool Shift-R

Passo 3

Se você quiser deformar seus continentes ainda mais para torná-los mais realísticos, você pode fazer isso indo em Effect > Distort & Transform > Roughen.  Na nova janela de diálogo, você pode brincar com as opções para alcançar o resultado desejado. Se você marcar a caixa Preview, você pode ver todas as alterações em tempo real em sua prancheta.  Você pode fazer os continentes, um por um, ou todos juntos. Sempre que você estiver feliz como eles estão, pressione OK.

Expanda todas as terras (Object > Expand Appearance).

how to roughen the continents

Passo 4

Selecione todos os seus continentes e vá para Object > Path > Offset Path... Na nova janela de diálogo, insira Offset em torno de 10 px, mas isso depende do tamanho do seu continente.  Pressione OK. Um novo pedaço de terra vai aparecer uniformemente ao redor de cada um. Altere a cor de preenchimento dessa nova terra para R=234, G=224, B=195.

how to create the Offset Path for the continents

Crie uma nova placa para os seus continentes novamente (Object > Path > Offset Path...), com uma cor de preenchimento ainda mais clara (R=234, G=224, B=195). Com as partes mais claras do nosso mapa, estamos tentando mostrar a superfície da terra descendo no mar.

how to create the Offset Path for the continents

Passo 5

Utilizando a Ferramenta Ellipse (L), crie mais elipses nos continentes com a cor de preenchimento R=232, G=221, B=190. Altere a cor de preenchimento novamente (R=235, G=226, B=199) e adicione elipses menores sobre as maiores.

continue creating the continents

Passo 6

Para deformar as novas elipses, você tem duas opções: você pode utilizar a Ferramenta Warp (Shift-R) ou ir para Effect > Distort & Transform > Roughen... Escolha uma e depois expanda estas formas (Object > Expand Appearance) .

continue creating the continents

Passo 7

As últimas coisas que queremos acrescentar aos nossos continentes são os lagos. Desenhe algumas elipses azuis claras (R=167, G=214, B=210) onde você deseja que seus lagos estejam localizados. Pegue a Ferramenta Warp (Shift-R) e distorça-as. Lembre-se de selecionar cada objeto antes da distorção.

Adicione as elipses menores e mais escuras (R=150, G=204, B=200) sobre as maiores e mais claras. Distorça-as utilizando a Ferramenta Warp (Shift-R).

Acrescente as elipses ainda menores e mais escuras (R=141, G=198, B=195) sobre as maiores e mais claras. Distorça-as utilizando a Ferramenta Warp (Shift-R).

how to create the lakes

2. Como Criar o Oceano no Mapa Cartoon

Passo 1

Pegue a Ferramenta Rectangle (M) e clique em sua prancheta. Na nova janela de diálogo, insira Largura e Altura de 850 px e pressione OK.  Um grande quadrado vai aparecer em sua prancheta, que será a água ou o mar em nosso mapa. Certifique-se de que a água permaneça no meio da sua prancheta e altere sua cor de preenchimento para R=141, G=198, B=195.

how to create the ocean background

Passo 2

Selecione a borda mais clara de um continente e faça uma cópia por trás (Control-C, Control-B). Torne-o um pouco maior e altere sua cor de preenchimento para R=167, G=214, B=210.  Enquanto o mantém selecionado, distorça-o utilizando a Ferramenta Warp (Shift-R). Repita isso para cada continente.

how to create the water around the continents

Passo 3

Selecione a forma azul clara ao redor do continente e crie uma cópia por trás (Control-C, Control-B). Torne-a um pouco maior e altere sua cor de preenchimento para R=150, G=204, B=200.  Enquanto a mantém selecionada, distorça-a utilizando a Ferramenta Warp (Shift-R). Repita isto para cada continente.

how to create the water around the continents

Passo 4

Delete a cor de preenchimento e defina a cor do traço para R=167, G=214, B=210. Pegue a Ferramenta Pencil (N). No painel Stroke (Window > Stroke), marque Round Cap e Round Joint.

Agora, a parte divertida: desenhar ondas por todo o oceano. Se você perceber que o traço está muito fino, aumente sua Espessura no painel Stroke (Window > Stroke).

how to create the waves

3. Como Criar os Objetos de Ponto de Referência no Mapa Cartoon

Passo 1

Vamos começar com a árvore. Como nosso mapa é em estilo cartoon, a árvore vai ser muito simples, e o mesmo vai ser verdadeiro para a parte de criação.  Pegue a Ferramenta Rectangle (M) e desenhe um retângulo vertical longo com a cor de preenchimento R=191, G=157, B=106. Depois adicione algumas elipses em cima dela para a folhagem da árvore (cor de preenchimento R=193, G=191, B=111). Agrupe a árvore inteira (clique com o botão direito do mouse > Group).

how to create the tree

Faça algumas cópias da árvore que você acabou de criar em tamanhos diferentes e espalhe-as pelos continentes.

how to spread the tree

Passo 2

Para criar um abeto, comece novamente com um retângulo (cor de preenchimento R=162, G=124, B=102).

Para criar um triângulo, pegue a Ferramenta Polygon e desenhe um polígono. Isso vai ter seis lados por padrão. Se você tiver a versão mais nova do AI, quando seu polígono for selecionado, no lado direito da seleção você poderá ver um pequeno losango.  Se você arrastar este minúsculo losango no sentido anti-horário, o polígono terá menos lados e, se você arrastá-lo no sentido horário, o polígono ganhará lados. Então, faça um triângulo a partir do polígono arrastando o minúsculo losango no sentido anti-horário.

Se seu AI não for muito novo, pegue a Ferramenta Polygon e clique em sua prancheta. Na nova janela de diálogo, insira Sides 3 com qualquer Radius e clique em OK. Esse é o seu triângulo, que você vai utilizar para construir o abeto.

Crie mais duas cópias do triângulo verde (a cor de preenchimento tem que ser R=168, G=168, B=108) e posicione-as umas sobre as outras, formando assim o abeto. Agrupe todo o abeto (clique com o botão direito do mouse > Group).

how to create the spruce

Faça algumas cópias do abeto e espalhe-as por todos os continentes.

how to spread the spruce

Passo 3

Agora, vamos adicionar algumas montanhas. Crie três triângulos marrons (R=162, G=124, B=102) de tamanhos diferentes. Eles devem se sobrepor e a linha inferior deles tem que estar em um nível.  Vá para o painel Pathfinder (Window > Pathfinder) e, enquanto todos os três triângulos estiverem selecionados, pressione o botão Unite.

Em seguida, crie mais alguns triângulos brancos e vire-os de cabeça para baixo. Estamos criando a neve nas montanhas. Adicione triângulos brancos sobrepondo os marrons, como mostrado abaixo.  Os triângulos brancos também devem se sobrepor. Enquanto todos os triângulos brancos estiverem selecionados, pressione o botão Unite em Pathfinder (Window > Pathfinder).

Depois disso, selecione os triângulos marrons novamente (eles devem ter uma forma agora) e faça uma nova cópia em frente (Control-C, Control-F).  Mantenha esta seleção e, enquanto segura o botão Shift, selecione também os triângulos brancos (eles também devem ser unidos como uma forma).  Finalmente, pressione o botão Intersect em Pathfinder. Você deve acabar com montanhas nevadas. Certifique-se de agrupá-las.

how to create the mountain

Crie mais cópias das montanhas e espalhe-as pelos continentes.

how to spread the mountain

Passo 4

Até agora, temos criado a natureza e agora precisamos de mais sinais de habitação humana, por isso precisamos de casas. Comece com um retângulo branco (utilize a Ferramenta Rectangle (M)) sem cor de traço (isso existe apenas para melhor visibilidade).

Adicione um pequeno retângulo cinza para a janela (a cor de preenchimento é R=168, G=193, B=192). Mantendo pressionados os botões Shift e Alt, mova este minúsculo retângulo cinza para a direita. O botão Shift permite que você o mova diretamente, e o Alt cria uma cópia.

Selecione os dois minúsculos retângulos cinza e, enquanto mantém pressionados os botões Shift e Alt, mova-os para baixo. Agora você deve ter quatro janelas.  Pressione Control-D quantas vezes precisar para encher sua casa com janelas verticalmente. A combinação Control-D permite que você repita seu último movimento.

Vamos adicionar o subsolo: este vai ser um retângulo cinza azulado na parte inferior da casa.

A última coisa que toda casa precisa é de um telhado. Crie um retângulo longo, horizontal, vermelho (R=219, G=134, B=97) na parte superior da casa e adicione mais um que seja um pouco mais estreito e mais alto.  Mantenha o último retângulo vermelho selecionado e vá para Effect > Warp > Bulge. Na nova janela de diálogo, insira as opções que você vê abaixo. A primeira casa está pronta!

how to create the first house

Aqui estão as opções para o efeito Bulge:

Bulge effect options

Certifique-se de que sua casa esteja agrupada, faça algumas cópias e distribua-as.

how to spread the first house

Passo 5

Seria bom ter mais de um tipo de casa, então vamos criar mais uma. Comece com um retângulo branco sem traço. Em seguida, desenhe uma janela com a mesma cor de preenchimento da casa anterior.  Mantendo a janela selecionada, vá para Effect > Warp > Arc Upper e, na nova janela de diálogo, insira as opções que você vê abaixo.

Utilizando o mesmo método de antes, quando multiplicamos as janelas, criamos algumas janelas agora.

Depois adicione o subsolo e o telhado. Para obter a cor de preenchimento desejada (e você deseja obter a cor de preenchimento vermelha da casa anterior), utilize a Ferramenta Eyedropper (I).

Mantendo o telhado selecionado, vá para Effect > Warp > Arc e insira as opções que você vê abaixo. A segunda casa está pronta!

how to create the second house

Aqui estão as opções para o efeito Arc Upper:

Arc Upper effect options

E aqui estão as opções para o efeito Arc:

Arc effect options

Certifique-se de que a segunda casa esteja agrupada, faça algumas cópias e espalhe-as pelos continentes.

how to spread the second house

Passo 6

Para adicionar uma variedade ainda maior de edifícios, decidi adicionar uma igreja. É opcional, então é sua escolha. Eu acho que agora você sabe como criar uma casa assim, então você pode tentar fazer isso sozinho.

how to create the church

Posicione as igrejas onde você quiser na terra.

how to spread the church

Passo 7

A última coisa que queremos para o nosso mapa é um barco. Comece com um retângulo branco sem cor de traço.  Adicione um pequeno círculo cinza (todas as janelas em todas as casas compartilham a mesma cor de preenchimento que você pode ver). Mantendo pressionadas as teclas Shift e Alt, crie mais algumas janelas.

Adicione um tubo longo no topo do barco com duas listras vermelhas utilizando retângulos.

Depois disso, continue a criar o barco seguindo a imagem abaixo.

No final, se você quiser distorcer a parte inferior do barco, pegue a Ferramenta Direct Selection (A) e mova os pontos de ancoragem superiores do retângulo vermelho. Agrupe o barco finalizado.

how to create the boat

Crie algumas cópias do barco e posicione-as no oceano.

how to spread the boat

Conclusão

Espero que tenham gostado de passar por este tutorial comigo. Se você tiver alguma dúvida, deixe-a na parte de comentários abaixo. Eu realmente espero que você tenha pensado que este tutorial foi útil e gotado dele também.

Até a próxima!

final
Advertisement
Advertisement
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.