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

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

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

Como anunciado na última parte, vamos colorir a água. Em seguida, vamos criar algumas árvores e rotular as ruas.

Colorir da água

Para colorir a água, primeiro precisamos marcá-la.

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

Então, vamos para o Painel de Estilos Gráficos e temos aqui um símbolo chamado "Crepúsculo".

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

Clicamos nele uma vez. E com um clique, obtemos um contorno de água realmente bonito e adequado.

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

Infelizmente, a perspectiva de nossa área residencial não é tão evidente aqui, embora já tenhamos adicionado um efeito de sombra. Isso ocorre porque posicionamos a camada de áreas verdes abaixo da área residencial. Portanto, vamos mover a camada residencial para cima.

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

E o problema foi resolvido.

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

Desenhar uma árvore

Em seguida, vamos desenhar uma pequena árvore. Para isso, vamos primeiro dar zoom e selecionar a Ferramenta Estrela.

Com ela, desenhamos uma estrela e pressionamos a tecla Seta para baixo até termos um triângulo. Então, seguramos a tecla Shift para garantir que a ponta aponte para cima e soltamos uma vez.

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

O triângulo pode ser colorido imediatamente. Para isso, clique aqui e atribua a cor: 9ac551.

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

Corrigir camadas incorretas

Agora temos um verde bonito. E se não pudermos ver esse verde em nossa área de trabalho, verificamos no nosso Painel de Camadas onde desenhamos esse triângulo. Ao fazer isso, vemos que o colocamos na camada de Fundo. Na verdade, queríamos colocá-lo na camada "Ícones". Vamos desbloquear essa camada uma vez. E para atribuir essa camada à camada "Ícones", basta clicar na camada de fundo, manter pressionado o mouse ...

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

... e arrastar tudo para a camada "Ícones". E assim adicionamos o triângulo à camada "Ícones".

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

Continuar desenhando a árvore

Agora simplesmente duplicamos esse triângulo, mantendo pressionada a tecla Alt, clicamos novamente, mantendo Shift, para descer exatamente verticalmente e soltamos.

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

O triângulo ainda pode ser um pouco achatado e puxado um pouco para baixo.

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

E então queremos adicionar um pequeno tronco. Para isso, vamos para a Ferramenta Retângulo e desenhamos um retângulo a partir do centro, mantendo pressionadas as teclas Shift e Alt. Em seguida, encolhemos mantendo pressionado Alt. Agora temos este tronco alinhado exatamente no centro. E agora só falta uma cor: 9ac551.

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

Agora vamos unir a árvore. Para isso, selecionamos tudo e vamos para Janela> Pathfinder.

Então, selecionamos o primeiro símbolo...

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

... que combina nossa forma em uma forma total.

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

Agora temos uma árvore aqui. Mas queremos ter várias árvores. Portanto, escolhemos uma vez e vamos em Janela>Símbolos. E para converter esta árvore em um símbolo ou criar um símbolo a partir dela, simplesmente arrastamos e soltamos no painel Símbolos.

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

Damos um nome a ele e clicamos em OK. E agora temos a incrível oportunidade de escolher uma ferramenta genial. Encontramos isso na barra de ferramentas como a Ferramenta de Spray de Símbolo.

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

Assim, temos uma lata de spray e, se clicarmos com o botão esquerdo do mouse em nossa área de trabalho e mantivermos pressionado, podemos desenhar inúmeras árvores aqui.

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

No entanto, estas estão agora colocadas aleatoriamente e para ajustar um pouco a posição, temos a opção de selecionar a Ferramenta Mover Símbolo.

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

E assim podemos redistribuir um pouco as árvores.

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

Também queremos pulverizar algumas nas margens dos rios. Se pressionarmos o botão apenas uma vez, conseguiremos controlar relativamente bem onde as árvores vão parar e mover um pouco com a Ferramenta de Mover. Se tivermos alguns símbolos em excesso - como por exemplo, se houver muitos em uma fileira uniforme - basta pressionar a tecla Alt e clicar nos símbolos. Assim, podemos remover algumas árvores.

Ajustar o tamanho do símbolo posteriormente

E como as árvores estão um pouco grandes para o meu gosto, vamos diminuí-las um pouco. Isso pode ser feito facilmente, sem ter que criar e pulverizar os símbolos novamente. Na paleta de Símbolos, basta clicar duas vezes no símbolo desejado que deseja modificar. Aparecerá a nossa árvore. Selecione-a completamente e a redimensione um pouco. Em seguida, retorne clicando no botão Voltar no canto superior esquerdo.

Cartografia (Desenho de mapas de direção) com Illustrator - Parte 5

E podemos admirar imediatamente o resultado de todas as árvores ajustadas. Agora sabem como podem reduzir posteriormente os símbolos.

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

Legenda

Em seguida, vamos rotular as estradas. Para isso, vamos ao painel de Camadas e duplicamos a camada de nossas principais estradas. Como queremos que o nosso texto siga exatamente ao longo da estrada, movemos a camada duplicada para cima, pois já temos a camada de nomes de ruas criada anteriormente. Agora podemos apagar esta última, pois o duplicado das principais estradas servirá para isso.

E para podermos ver exatamente quais estradas estão abaixo, movemos simplesmente o mapa no painel de Camadas para o topo. Em seguida, abrimos o painel Transparência em Janela>Transparência.

Lá, podemos, após selecionar e desbloquear a camada, diminuir a Transparência e ver através dela os nomes das ruas.

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

Em seguida, voltamos para a duplicata das principais estradas, desbloqueamos esta, bloqueamos as outras para não alterar acidentalmente nada. E para criar o texto ao longo do caminho, selecionamos a Ferramenta de Texto ao Longo do Caminho....

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

... e clique uma vez em uma das estradas. Se recebermos a mensagem: "Você precisa clicar em um caminho não composto, não mascarado para criar texto ao longo de um caminho" ...

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

... temos que primeiro selecionar o caminho de texto no painel de camadas, pegar a ferramenta de seta, clicar com o botão direito no caminho de texto em nossa área de trabalho e ir em Converter em Caminho Composto.

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

E agora posso clicar no Ferramenta Texto em Caminho no Caminho para "Spandauer Damm" ...

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

... e inserir "Spandauer Damm". Agora ele aparece bonito na parte inferior. E para poder ler corretamente, pegamos a Ferramenta de Seleção e temos uma alça bonita no lado direito para mover o texto para a posição correta.

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

Do lado esquerdo temos outra alça. Com essa podemos arrastar o texto para o topo do Caminho para podermos lê-lo corretamente.

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

Vamos dar um tamanho de fonte de 18 Pt ao nosso texto para podermos lê-lo bem. E como o texto é preto, ainda tem um contraste insuficiente com a rua escura. Isso significa que vamos melhorar a legibilidade adicionando outra Contorno no painel de Aparência. Em seguida, faremos ...

Cor do Contorno: Branco
Espessura do Contorno: 6 Pt

Para podermos ver o texto novamente, vamos deslocar a área para cima no painel de Aparência e deixá-lo preto novamente.

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

Agora percebemos que nosso Contorno está bastante angular ...

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

Se não gostarmos disso, vamos no ponto Contorno no painel de Aparência e arredondá-lo facilmente ...

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

Agora podemos ler maravilhosamente. E para continuar com as próximas ruas, vamos clicar em Novo Estilo Gráfico no painel de estilos gráficos. Assim criamos um novo Estilo Gráfico e podemos criar as próximas denominações de ruas com um clique no mesmo estilo.

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

Em seguida, inserimos o "Tegeler Weg".

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

Depois é só clicar mais uma vez no ícone no painel de Estilos Gráficos - e pronto, nosso estilo da rua foi transferido.

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

Fazemos o mesmo com as outras artérias restantes.

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

Os Caminhos restantes podem ser deletados facilmente. E para identificá-los todos, vamos ao painel de Camadas, expandimos a camada "Principais" e verificamos quais de nossos caminhos ainda são exibidos como Caminho em vez do nome da rua. Podemos então deletar facilmente essas camadas. Depois podemos deletar a antiga camada de "Nomes de Ruas".

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

E renomeamos "Principais" para "Nomes de Ruas".

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

Isso é tudo para esta parte.

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

No próximo e último parte, criaremos ícones para o metrô e o S-Bahn, para indicar onde eles estão localizados. Em seguida, iremos criar um sinal correspondente para a autoestrada, para indicar qual autoestrada é aquela. E definiremos nossa localização.