Tutorial do Illustrator: Receitas de fluxo de trabalho e design afiado

Cartografia (desenho de mapas de localização) com Illustrator - Parte 2

Todos os vídeos do tutorial Tutorial do Illustrator: Receitas de fluxo de trabalho e design nítidas

No segundo parte, vou mostrar como desenhar as principais ruas, a autoestrada e uma passagem de nível.

1. Criar ruas principais

Começamos com as ruas principais, bloqueando as ruas secundárias e desbloqueando as ruas principais. Em seguida, selecionamos a camada uma vez.

Cartografia (desenhar mapas de localização) com o Illustrator - Parte 2

Pegamos a Ferramenta de Caminho e vamos para o painel Aparência. Lá, escolhemos um Contorno de 8 Pt e adicionamos outro Contorno com uma espessura de 11 Pt. O segundo é branco e o superior tem a cor #593156.

Contorno superior: 8 Pt #593156
• inferior: 11 Pt branco

Então clicamos em OK.

Cartografia (desenho de mapas de direção) com Illustrator - Parte 2

E agora podemos começar a desenhar as ruas. Como podemos ver facilmente aqui, as principais ruas são todas marcadas em amarelo. Pressionando a tecla de espaço podemos mover a visualização.

Cartografia (desenho de mapas de localização) com Illustrator - Parte 2

2. Criar estilo gráfico

Podemos salvar as configurações anteriores na Paleta de Aparência como um Estilo Gráfico. Para isso, vamos para a Paleta de Estilos Gráficos, clicamos no ícone: Novo Estilo Gráfico e assim salvamos nosso estilo de ruas principais.

Cartografia (criação de mapas de trajeto) com Illustrator - Parte 2

Então só precisamos marcar as ruas principais e clicar uma vez no estilo na Paleta de Estilos Gráficos ...

Cartografia (desenho de mapas de localização) com Illustrator - Parte 2

Agora, como as ruas se sobrepõem novamente, precisamos de um Caminho composto para conectá-las. Certificamo-nos antes de que todos os Caminhos estejam selecionados e clicamos em:

Clique direito>Criar Caminho Composto.

Cartografia (desenho de mapas de direção) com o Illustrator - Parte 2

Agora todos os Caminhos estão novamente unidos.

Cartografia (desenho de mapas de localização) com o Illustrator - Parte 2

3. Criar autoestrada

Para a autoestrada, voltamos ao nosso painel de Camadas, bloqueamos a rua principal e desbloqueamos a autoestrada.

Cartografia (desenho de mapas de acesso) com Illustrator - Parte 2

Com a Ferramenta de Caminho ativada, vamos para o nosso painel de Aparência e ajustamos o Contorno aqui. Configuramos para 11 Pt no superior e 14 Pt no inferior. O superior é branco e o inferior recebe a cor #593156.

Contorno superior: 11 Pt branco
• inferior: 14 Pt #593156

Cartografia (desenho de mapas de direção) com o Illustrator - Parte 2

Salvamos essas configurações no painel de Estilos Gráficos novamente como um novo estilo gráfico ...

Cartografia (desenho de mapas de locais) com Illustrator - Parte 2

Agora podemos começar a desenhar a autoestrada.

Cartografia (desenho de mapas de direção) com Illustrator - Parte 2

Clicando no Estilo Gráfico, atribuímos a cor adequada à autoestrada.

Cartografia (desenho de mapas de direção) com Illustrator - Parte 2

4. Sombra para as ruas

E agora vamos adicionar um pequena sombra a todas as ruas para dar um pouco mais de profundidade. Para isso, agora desbloqueamos todas as ruas e selecionamos todas pressionando a tecla Shift.

Cartografia (desenhar mapas de localização) com o Illustrator - Parte 2

Então, vamos para o painel de Aparência e clicar no pequeno ícone fx no rodapé: Efeitos do Illustrator: Filtro de Estilização>Sombra.

Cartografia (desenhar mapas de navegação) com o Illustrator - Parte 2

Aqui selecionamos as seguintes configurações:

Modo: Multiplicar
Opacidade: 50 %
Deslocamento-x: 1 px
Deslocamento-y: 1 px
Suavização: 3 px
Cor: #593156

Cartografia (desenhar mapas de direções) com Illustrator - Parte 2

Resultado intermediário:

Cartografia (desenhar mapas de direção) com Illustrator - Parte 2

5. Criar passagem de nível

Variante 1

Em seguida, desenharemos a passagem de nível. Quero mostrar duas opções de como isso pode parecer. Vamos bloquear novamente nossas ruas e desbloquear uma vez a "linha pontilhada do trem".

Cartografia (Desenhar mapas de localização) com Illustrator - Parte 2

Com a caneta, pegamos um contorno preto com uma espessura de contorno de 5 Pt e desenhamos ao longo dos trilhos de nossa linha ferroviária.

Cartografia (desenho de mapas de localização) com Illustrator - Parte 2

Para os trilhos do trem, precisamos de um contorno de cantos arredondados. Por que exatamente, eu vou mostrar a vocês em breve. Primeiro, daremos a textura necessária. Marcamos nosso trajeto do trem no painel de camadas e criamos outro contorno. Este deve ser branco e de 4 Pt de espessura.

Então clicamos uma vez na palavra "contorno" ...

Cartografia (desenho de mapas de direção) com Illustrator - Parte 2

... e queremos que os cantos não sejam arredondados. Antes disso, clicamos em Linha Tracejada.

Cartografia (desenho de mapas de acesso) com Illustrator - Parte 2

E agora podemos entender perfeitamente, porque se esses forem redondos (segundo símbolo de Término e Canto selecionados em vez dos primeiros), teríamos uma passagem de nível um pouco estranha.

Cartografia (desenho de mapas de localização) com o Illustrator - Parte 2

Portanto, vamos voltar a contorno, para não arredondar os cantos (como mostrado na penúltima imagem) ...

Cartografia (desenhar mapas de localização) com Illustrator - Parte 2

Variante 2

Agora eu mostro outra opção, de como ainda podemos representar as linhas férreas. Para isso, vamos simplesmente duplicar nossa camada "linha pontilhada do trem" e antes podemos excluir as linhas férreas ...

Cartografia (desenho de mapas de localização) com Illustrator - Parte 2

Dessa forma, copiamos os caminhos e evitamos ter que desenhá-los novamente. Inicialmente desativamos nossa linha do trem pontilhada e na camada "Linhas Ferroviárias" vamos excluir as configurações de contorno. E se olharmos mais de perto aqui, veremos que na barra de status temos mais opções se clicarmos na seta para Ponto de partida para pincel ...

Cartografia (desenho de mapas de acesso) com o Illustrator - Parte 2

..., e aqui podemos abrir uma biblioteca de pincéis ao pressionar o pequeno ícone de triângulo ...

Cartografia (desenho de mapas de direção) com o Illustrator - Parte 2

Ícone de triângulo>Abrir biblioteca de pincéis>Traçados>Traçados_Isso e aquilo.

Cartografia (desenho de mapas de localização) com o Illustrator - Parte 2

Então o painel correspondente será aberto. Vamos ver o que temos aqui. Encontramos lá "Trilhos de trem" e simplesmente clicamos nele (antes a camada Linhas Ferroviárias precisa estar selecionada). E este estilo é aplicado ao contorno. Agora só precisamos ajustar os caminhos corretamente para que os trilhos não se sobreponham e ainda tenham espaço suficiente.

Cartografia (desenho de mapas de direções) com o Illustrator - Parte 2

Esta é outra maneira de representar linhas férreas, e como agora criamos ambas as variantes em camadas diferentes, podemos escolher qual gostamos mais e mantê-la visível.

Este é o nosso progresso intermediário para esta parte:

Cartografia (desenho de mapas de localização) com Illustrator - Parte 2.

No próximo passo, vou mostrar como desenhamos as áreas residenciais.