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

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

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

No último parte queremos dedicar-nos a adicionar os restantes símbolos que ainda faltam e posicionar a nossa localização.

Completar as ruas em falta

Mas antes de fazermos isso, vamos desenhar as restantes ruas em falta. Se agora exibirmos o mapa na visualização de camadas, veremos que ainda faltam algumas ruas.

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

E queremos naturalmente completá-las. Faremos isso bloqueando novamente as camadas não utilizadas e desbloqueando as nossas ruas principais. Em seguida, pegamos na ferramenta de traçado e desenhamos as nossas ruas.

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

Uma vez que tínhamos previamente guardado as nossas ruas principais como Estilo Gráfico, agora só precisamos de as selecionar todas e aplicar o Estilo Gráfico para as ruas.

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

Agora só precisamos de ligar as ruas que acabámos de criar umas às outras. Pois se olharmos para o todo, veremos que a "Avenida Kaiserin Augusta" está por baixo da nova rua que criámos.

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

Podemos facilmente unir as duas, começando por desfazer o Caminho Composto nas antigas ruas principais. Só então podemos adicionar as novas ruas.

Então, primeiro selecionamos as antigas ruas principais e clicamos com o botão direito do rato no caminho das ruas. Aí escolhemos no menu de contexto Desfazer Caminho Composto.

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

Já dividimos todos os nossos Caminhos. Para verificar, vemos no Painel de Camadas que todos os Caminhos estão novamente separados lá.

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

Agora podemos juntar todas as ruas principais novamente num Caminho Composto, selecionando todas no Painel de Camadas,...

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

... clicando com o botão direito do rato num dos Caminhos na área de trabalho e escolhendo Criar Caminho Composto.

Cartografia (desenho de mapas de navegação) com o Illustrator - Parte 6.

E prontamente todos os Caminhos estão fundidos novamente.

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

Por fim, só precisaríamos de adicionar novamente as designações das ruas.

Cartografia (desenhar mapas de como chegar) com o Illustrator - Parte 6

Criar placas - Metrô

Agora vamos criar as placas. Começamos com uma placa de metrô. Para não desenhar nas nossas ruas principais, bloqueamos todas as camadas e desbloqueamos a nossa camada "Ícones". Primeiro, precisamos da ferramenta Retângulo Arredondado. Com ela, desenhamos um quadrado arredondado na nossa área de trabalho e atribuímos os seguintes valores:

Contorno: nenhum
Cor de preenchimento: #293176

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

Então, com a ferramenta de Texto desenhamos um campo de texto e escrevemos um "U" nele. Podemos redimensionar isso até caber no quadrado. Este pode receber os seguintes valores:

Preenchimento: Branco
Contorno: Nenhum
Fonte: Tunga
Estilo de fonte: Negrito
Tamanho da fonte: 129 Pt

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

Então podemos redimensionar o símbolo adequadamente.

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

Depois, aproximamos e reduzimos o raio dos cantos, pois não se adaptaram ao redimensionar.

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

Querem evitar que isso aconteça novamente na próxima vez? Basta ir para Editar>Preferências e ativar a opção de Dimensionar contornos e efeitos.

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

Depois disso, selecionamos ambas as áreas e as convertamos em grupo com Ctrl+G.

Para salvar o letreiro do metrô como um símbolo, o marcamos completamente e pressionamos a tecla F8. No menu que aparece, inserimos o seguinte:

Nome: Metrô
Tipo: Gráfico

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

Agora podemos acessar a paleta de símbolos e arrastar mais símbolos de metrô para a área de trabalho.

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

E se acharmos que nossos símbolos de metrô ainda estão um pouco grandes, podemos ajustar o tamanho e o raio dos cantos clicando duas vezes no símbolo de metrô na paleta de símbolos.

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

Símbolo do S-Bahn

Agora só falta um símbolo do S-Bahn. Para isso, usamos a ferramenta de elipse. Desenhamos um círculo e aplicamos um gradiente através de Janela>Degradê. Clicamos na barra do gradiente e depois no balde de tinta da cor da esquerda. Um menu suspenso com um pequeno ícone de triângulo para baixo aparece no canto direito. Subimos uma vez para mudar de tons de cinza para RGB, permitindo ajustar valores de cores coloridos.

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

Cor: #007A3C

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

No balde de tinta da direita (depois de termos mudado também para RGB lá), inserimos:

Cor: #008B44

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

E um ângulo de 90°.

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

Clicamos com a ferramenta de texto na área de trabalho, criamos um "S" com a cor de fundo branca e o movemos para o círculo.

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

Designações para ícones

Agora que criamos nossos ícones, só falta escolher os nomes adequados para as estações. Primeiro, vamos para a nossa paleta de camadas e travamos a camada "Ícones". Em seguida, criamos uma nova camada e a nomeamos "Designações de símbolos".

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

Clicamos na área de trabalho e nomeamos nossa estação do S-Bahn com 18 pt como "Berlim Westend". Em seguida, atribuímos a ele o estilo de texto do nosso painel de estilos gráficos para nomes de ruas. Fazemos o mesmo com as estações de metrô.

Cartografia (desenhar mapas de como chegar) com Illustrator - Parte 6

Criação de placas de autoestrada

Agora só falta uma placa de autoestrada que nos informe sobre qual autoestrada estamos lidando. Para isso, usamos mais uma vez a ferramenta de retângulo arredondado e criamos uma placa com uma linha de 3 pt.

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

Em seguida, aplicamos um gradiente à área:

Cor à esquerda: Branco (#ffffff)
Cor à direita: #dbdbdb
Ângulo: 60°

E aplicamos um gradiente também à linha de contorno:

Cor à esquerda: #524c67
Cor à direita: #6c346e
Ângulo: 60°
Espessura do contorno: 3 pt

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

Agora só falta a designação. Os meus valores são os seguintes:

Tipo de letra: Myriad Pro
Estilo de letra: Negrito
Tamanho da letra: 14 Pt
Cor da letra: #515150

E agora só precisamos de encaixar isso de forma adequada no símbolo.

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

Localização

Vamos fazer a localização da seguinte forma: Pegamos na Ferramenta Elipse e desenhamos um círculo com os seguintes valores:

Área: Nenhuma
Cor do contorno: #593055
Espessura do contorno: 5 Pt

Cartografia (criar mapas de direção) com o Illustrator - Parte 6

E com a Ferramenta de Linhas desenhamos a localização. Para uma ponta de seta, vamos ao painel de Contorno na opção de Pontas de seta e selecionamos a Ponta de seta 5 na segunda entrada.

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

Como a ponta está um pouco grande, podemos selecionar a extremidade da seta com a Ferramenta de Seleção Direta e aumentar um pouco o comprimento.

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

Ao marcarmos o círculo, podemos ver onde está o centro do círculo. Podemos orientar-nos por aí e posicionar a ponta da seta no lugar certa e central correspondente.

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

Agora a mapa de localizações está pronto:

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

Exportar

Para exportar o mapa, vamos ao menu Ficheiro>Exportar, dar-lhe um nome de ficheiro e selecionar o tipo de ficheiro como JPEG (*.JPG).

Nome do ficheiro: qualquer
Tipo de ficheiro: JPEG (*.JPG)
Utilizar áreas de desenho: Sim

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

É importante que marquemos a opção Utilizar áreas de desenho, pois ao analisarmos o nosso documento do Illustrator, vemos que temos uma moldura preta em redor do nosso mapa ...

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

... e desenhámos sobre ela. Depois de ativarmos esta opção, é feito um corte limpo na borda.

Definimos as Opções JPEG da seguinte forma:

Modelo de cor: RGB
Qualidade: 6 (Alta)
Resolução: Média (150 ppi)
Incorporar perfil ICC: Sim

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

Aqui é muito importante incorporar o perfil de cor. Caso contrário, as cores podem ser exibidas distorcidas.

Depois de clicarmos em OK, o nosso resultado é o seguinte:

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

Espero que tenham gostado deste tutorial. :)