Transcrições
1. Trailer da aula: Oi, meu nome é Tom Froese. Sou ilustrador e designer em Vancouver, Colômbia Britânica. Eu também sou o professor da popular classe Skillshare, Ilustrações Inky, onde eu mostro como combinar mídias
digitais e analógicas para criar ilustrações bonitas e sofisticadas. Um dos meus tipos favoritos de projetos é o mapa ilustrado. As pessoas adoram mapas porque, claro, nos
guiam pelo espaço, nos mostram como ir de um lugar para outro, nos
dão uma foto dos lugares que chamamos de lar. Mapas ilustrados são ótimos porque eles vão além do mapa utilitário funcional e contam uma história sobre aquele lugar. Em vez de nos guiarem pelo espaço físico, eles nos guiam através de uma experiência emocional. Nesta aula, vamos criar mapas de nossas próprias cidades ou cidades
favoritas e aprender a aplicar algumas
das técnicas de ilustração que eu ensino em ilustrações chave de tinta e trazê-los para o próximo nível para fazer mais ilustrações sofisticadas e complexas. Estamos indo desde o início do planejamento e brainstorming nossos mapas para esboçá-los, para realmente fazer o mapa, então estou muito animado para entrar nesta aula. Agora, eu puxei meu público no Instagram, qual seria minha próxima aula de Skillshare, e um dos pedidos mais populares na verdade era como fazer um mapa ilustrado. Eu só quero agradecer, e espero que você tenha seus nomes aqui, @Egadthatssara, @Sblumenthal e @Pflanzen .essen. Essas são as suas alças do Instagram, perdoe-me se eu as massacrei totalmente, mas muito obrigado pela sugestão. Você realmente me motivou para fazer essa aula e agora estou super animado para ver o que vocês ganham. Você está pronto para fazer seus mapas de tinta? Ótimo, eu também. Vamos fazer isso.
2. O projeto: Para o projeto de classe, você começa a ilustrar seu próprio mapa de sua cidade natal ou a cidade favorita. Seu mapa pode ser sobre qualquer coisa que você quiser. Ele pode se concentrar em uma pequena área da cidade, como um bairro ou comunidades, ou pode caracterizar de toda a cidade. Seu mapa poderia ser sobre lugares que significam mais para você ou que eram importantes para você em um determinado período de sua vida, ou talvez sua rota de papel de infância, ou talvez apenas seus restaurantes favoritos. Seu mapa deve incluir 5-10 pequenas ilustrações que chamam esses lugares significativos. Além destes, ele deve ter o mapa usual coisas como terra,
água, e outras características geográficas,
e, claro, estradas. Seu mapa também deve ter um título. Tudo o que é importante no mapa deve ser rotulado. Etiquetem seus nomes de rua, há parques ou qualquer outra coisa como praias, olhando para o mapa que faz sentido, nomes de lagos, nomes de rios, esse tipo de coisas. Claro, não se esqueça da rosa da bússola, a pequena seta apontando para o norte que diz às pessoas qual é o caminho para cima. Os resultados desta aula serão compartilhar alguns de seus esboços, compartilhar algumas de suas ilustrações em andamento e,
claro, seu mapa ilustrado final para todos apreciarem. Eu realmente encorajo você a compartilhar seu progresso ao longo do caminho para que o resto da classe e dar-lhe feedback. Claro, posso lhe dar feedback. Durante esta aula, você vai pegar algumas habilidades realmente grandes de ilustração, incluindo brainstorming e planejamento, você pode conceber desenvolvimento, esboços
e, claro, combinando técnicas de ilustração analógica e digital, Photoshop. Todo mundo adora mapas ilustrados e sei que seus mapas vão ser super incríveis. Estou muito animada para ver o que vocês fazem. Siga e farei o meu melhor para guiá-lo através todos os passos necessários para fazer algo incrível.
3. Habilidades necessárias e equipamentos: A fim de concluir com sucesso esta aula, você vai precisar de algumas coisas básicas. Primeiro, você precisará de um computador equipado com Photoshop CC ou alguma versão mais recente do Photoshop. Usar uma versão despojada do Photoshop, como o Photoshop Elements, não funcionará para essa classe porque eles não têm camadas e a ferramenta Caneta particularmente, que faremos muito uso nesta classe. Você deve ter algum conforto trabalhando no Photoshop. Se você é novo no Photoshop, será mais desafiador, então eu recomendo fazer minha aula anterior de compartilhamento de habilidades em ilustrações
importantes, onde eu realmente vou
aprofundar algumas das noções básicas que vamos usar nesta classe. Meu trabalho é guiá-lo através de todos os passos necessários para criar um belo mapa ilustrado. Em termos de suprimentos, você precisará de algumas coisas muito básicas, papel
branco para esboçar e um lápis, claro, uma borracha. Você também pode usar um caderno de esboços, se preferir. Eu gosto de fazer esboços em papel ruim porque não me sinto precioso e eu posso fazer tantos esboços
como eu quiser sem ficar
preocupado em usar-se no meu precioso papel caderno de esboços. A razão pela qual você usaria papel caderno em
vez de papel Xerox é porque ele tem um pouco mais de uma textura para ele, e então as sutilezas disso podem ser apenas mais interessantes quando você realmente começa a fazer suas marcas de tinta e digitalização e usá-los no Photoshop. Para fazer marcas de tinta, é claro que vai precisar de tinta preta. Quase qualquer marca de tinta fará, desde que seja tinta preta da Índia. Para linhas finas e detalhes menores, eu gosto de usar uma caneta de ponta. Esta é uma alça de bola de velocidade e uma ponta de 512b. Se você tem qualquer ponta, esta é a ponta para obter, a ponta 512b, e chega a um bom ponto. Você pode usar qualquer pincel que você tem na mão, eu recomendo usar um pincel cônico redondo e tamanho é em qualquer lugar de zero a um ou dois. Outro ótimo pincel para usar é uma escova de ponta de cinzel plana. A coisa boa sobre estes é que você pode fazer traços grossos uniformes agradáveis, o que é ótimo quando você está fazendo estradas e rios em seu mapa. Para resumir para esta classe, você vai precisar de um computador com Photoshop, um scanner, um lápis, um pouco de papel, tinta da Índia, alguns pincéis, e algum papel de caderno agradável para fazer suas marcas de tinta. Se você tem essas coisas, você vai ser capaz de fazer todo o projeto. Bem, vamos.
4. Os 5 elementos dos mapas ilustrados: Antes de realmente começarmos a ilustrar nossos mapas, acho que é uma boa ideia definir o que entra em um mapa ilustrado. Agora identifiquei cinco coisas importantes que entram em mapas ilustrados. A primeira é a geografia. Geografia significa basicamente terra e onde encontra a água e isso
vai dar a você a forma definidora da cidade ou cidade. Se fosse um país inteiro, seria muito simples você apenas desenharia a forma
do país com uma cidade é mais como você entrar onde a cidade está e então você obtém qualquer rio que atravesse ou litoral ou lagos ou lagoas. Se não houver recursos hídricos em sua cidade ou cidade particular ou parte dela, então você pode, naturalmente, usar qualquer coisa que defina a terra, montanhas, parques, florestas, etc. O segundo elemento-chave são estradas. Estradas, claro, mostrar-lhe como chegar entre os diferentes lugares significativos em seu mapa e eles também criar alguma ordem e estrutura para o espaço e dar-lhe coordenadas reais sobre as quais colocar outros elementos. Você não tem que ter apenas estradas. Você poderia ter transporte público, ferrovias, ciclovias, etc O terceiro elemento-chave em mapas ilustrados são ícones. Ícones são, naturalmente, as imagens que retratam lugares significativos no mapa. No nosso caso, estamos fazendo cinco ícones e estes são nossos ícones primários. Você também pode fazer ícones secundários que preenchem o espaço e adicionar interesse
visual ao seu mapa e que podem ser árvores, pontes e sinais e talvez postes de lâmpadas e pequenos ciclistas. Essas coisas podem se repetir como você precisa através do mapa e eles realmente apenas ajudam a apoiar as ilustrações primárias. O quarto elemento chave em um mapa ilustrado é claro, é rótulos e graças a Deus por isso porque rótulos são realmente o que fazer um mapa dinâmico e como capaz na minha opinião. Claro, as pessoas gostam das partes da ilustração, mas são os rótulos que dizem que isso é essa coisa e isso é aquela coisa e eu acho que a letra é apenas um detalhe muito agradável. Então rotular suas ruas, rotular sua água, seus rios, seus parques, até mesmo rotular seus ícones ou especialmente rotular seus ícones e isso vai ser um exercício de letras divertido, pensando em diferentes estilos de letras para os diferentes tipos de coisas em todo o mapa. Por último, o quinto elemento chave em um mapa ilustrado, é a rosa da bússola. A rosa da bússola é a pequena seta apontando para o norte que mostra qual caminho fica em um mapa. Você poderia ser tão simples como apenas uma pequena flecha e um N, ou você pode ser mais elaborado e ter uma bússola completa rosa com o Norte, Sul, Leste, Oeste. Se você quiser, você pode personalizar, como em vez de rosa bússola tradicional você poderia usar um dedo apontando ou um avião ou um pássaro voando para o norte, talvez algo que se relaciona com o tema do seu mapa. Esses são os cinco elementos-chave e eles realmente vão atuar como nossa lista de verificação avançando para como incluímos tudo o que precisamos incluir em nossos mapas.
5. Brainstorming: o antes de realmente iniciar nossos mapas, a primeira coisa que queremos fazer é fazer alguns brainstorming. Brainstorming é onde vamos criar o nosso conceito para um mapa e depois pensar sobre o que está incluído no nosso mapa. Então vamos escolher uma cidade ou uma cidade, e então vamos escolher alguns pontos de interesse dentro dessa cidade para criar como nossos ícones. Então, para brainstorming, tudo o que você realmente precisa é um papel e um lápis. Vou começar apenas listando algumas cidades para as quais eu acho que eu poderia querer ilustrar meu mapa. Então, é claro, minha cidade natal, será um deles e talvez algumas das minhas cidades favoritas como Nova York, Paris, Seattle, é claro onde eu moro agora, Vancouver. Eu poderia fazer a minha cidade natal e isso seria um desafio muito interessante porque é obscuro, muitas pessoas
não ouviram falar de novo mercado, e na minha opinião, não
é realmente um lugar muito interessante para descrever. Então o desafio seria, o que posso achar interessante na minha cidade natal e torná-la realmente interessante para as pessoas? Então esse é realmente um grande desafio criativo. Outras possibilidades seria apenas fazer, como se você está realmente apenas interessado em fazer um belo mapa, pode ser mais fácil fazer uma grande cidade com pontos de interesse
icônicos como Nova York com a Estátua da Liberdade, e o Empire State Building, ou Paris com a Torre Eiffel. Há outra cidade que eu não tinha pensado, que é onde eu morava nos meus 20 anos, que era em Toronto. Acho que Toronto vai trabalhar para o meu mapa. Agora escolhi a minha cidade. E quanto a Toronto? Eu quero retratar? Talvez sejam todos os locais turísticos. Ou talvez seja sobre a minha experiência pessoal quando vivi lá. Então eu vivi lá nos meus 20 anos. Pode haver certos lugares que eu frequentava ou que eram importantes para mim naquela época. Sim, eu acho que, isso pode ser para mim uma grande história para contar, é Toronto nos meus 20 anos. Gosto de como isso soa. Então, se você apenas chamá-lo de Toronto nos meus 20 anos, apenas como um título de trabalho por enquanto. Agora que eu me concentrei em aspectos muito específicos e experiência sobre Toronto, eu posso realmente começar a pensar em pontos de interesse que eu posso ilustrar como meus ícones. Então talvez só para ter uma noção do lugar eu vou fazer o clichê, e para Toronto é a Torre CN. É nisso que se pensa quando se pensa em Toronto. Então talvez seja onde eu conheci, conheci minha esposa em Toronto. Então eu a conheci na igreja de St. Andrew. Eu tinha um café favorito, que era Dark Horse, passava muito tempo fazendo um diário lá. Então isso é 3, 4, 5, 6, 7, 8. São oito coisas para ilustrar. Eu acho que a próxima coisa que queremos pensar uma vez que você escolher seus pontos de interesse ou seus ícones, ou seus ícones para ilustrar, a próxima coisa que você quer fazer é talvez, apenas pensar fora do topo da sua cabeça o que você querer retratar em termos de sua ilustração. Que símbolo você quer usar? Então, para a Torre CN, obviamente é a própria torre. Para a igreja de St. Andrew, é o edifício da igreja. Provavelmente só da frente. Dark
Horse, Espresso Bar, poderia ser o logotipo, poderia ser algum tipo de café ou café expresso, poderia ser a fachada do edifício. Estamos pensando em termos do que faz um bom símbolo e o que também é visualmente interessante de olhar. Então esse é realmente o processo de brainstorming. Na verdade, é apenas chegar com a idéia do seu mapa, que história você está tentando contar, e depois pensar em alguns pontos de interesse no mapa que você deseja incluir. Por isso, encorajo-te a escolher um lugar que te interessa e seguir o teu instinto. Pense no que te deixa excitado. O que você realmente quer ilustrar? O que você quer passar todo esse tempo fazendo? Com o nosso conceito estabelecido, agora
podemos mudar para a coleta de referências visuais.
6. Reunindo referências visuais: Com o seu brainstorm feito, você tem um conceito para o seu mapa, e você escolheu a cidade e sabe o que deseja incluir no seu mapa. Agora é hora de começar a encontrar imagens de referência que você pode usar. Quando você está desenhando essas coisas. Você vai precisar de três tipos básicos de imagens para fazer referência. Imagens do mapa em si, o que se parece a partir de uma perspectiva de mapa? Vamos para o Google Maps para isso, e então você vai precisar de algumas imagens
dos ícones específicos que você vai usar para contar sua história,
e então, é claro, você só vai precisar de algumas imagens gerais do a cidade apenas para ter uma noção do sentimento da cidade, do sabor da cidade, e para esperar escolher algumas coisas que você pode usar como elementos
secundários para realmente fazer o seu mapa sobre a cidade. Se as placas de rua parecem, talvez haja algumas coisas icônicas particulares, sobre a cidade que você pode incluir de uma forma menor essa coisa. Agora, começando em um projeto, eu gosto de ser organizado, e isso realmente me ajuda a manter o controle de todas as diferentes referências visuais que estou puxando e elas não acabam em uma pasta aleatória no meu disco rígido drive, o que eu faço é que eu tenho uma pasta raiz, que é para todo o meu projeto, você pode fazer um chamado Inky Maps por exemplo e dentro disso, você cria uma subpasta chamada Referências, e então dentro dessa pasta você cria subpastas para cada material de referência diferente. Teremos uma pasta Map, Icons e uma pasta General City. Assim, quando você começar a coletar essas imagens, você saberá onde encontrá-las. Quando você está procurando imagens. Procure imagens que descrevam claramente o que você deseja ilustrar. Digamos que você quer ilustrar um prédio. Digamos que é a Estátua da Liberdade, procure uma imagem da Estátua da Liberdade que a mostre mais claramente da maneira mais icônica, provavelmente melhor encontrar uma imagem que seja diretamente à distância do que ter uma foto que foi tirada dos pés da Lady Liberty olhando para cima e ela está nessa perspectiva estranha maluca. Neste ponto, você também pode decidir se você acha que vai querer ilustrar as coisas de uma perspectiva direta ou de mais de três quartos. Em linha reta seria tudo plano e você está apenas fazendo a frente de um edifício, por exemplo, três quartos de vista seria você está fazendo talvez do outro lado
da esquina da rua e você vê a borda do edifício e, em seguida, o dois lados. Eu gosto de ter a maioria das minhas ilustrações cair em uma ou outra. Mas, às vezes, é bom ter um pouco de mistura. Mas quando você estiver pesquisando suas referências visuais, mantenha o ângulo de visão em mente
e, claro, a clareza da imagem em si. Quando você está tentando descobrir como será o mapa em si. Seu melhor amigo é o Google Maps, você precisará de uma conta do Google e estar conectado ao Google para isso. Em seguida, basta acessar maps.google.com, procurar sua cidade e começar a criar um mapa personalizado, e eu mostrarei como fazer isso. Vou direto ao Google Maps, abro isso. Agora, você poderia apenas perfurar a cidade e tirá-los para você em geral assim, mas o que eu acho mais útil é realmente traçar as coisas no meu mapa no Google Maps. O que eu faço é ir a este pequeno menu de hambúrguer aqui e ir até Seus lugares, e você tem que estar logado no Google para isso. Presumo que você tenha uma conta do Google e esteja logado, vá para Seus lugares, e então passe o Maps e logo na parte inferior está essa coisinha aqui que diz Criar Mapa. Você clica nisso, e você começa a fazer um mapa, isso vai ser sua referência literal para o seu mapa, e então é bom apenas dar-lhe um título e eu vou apenas chamá-lo de Toronto nos meus 20 anos, adicionar uma descrição se você quiser e então agora eu estou apenas Vou para a minha cidade aqui. Uma vez que você está em sua cidade, comece a procurar um por um, seus principais pontos de interesse. Então CN Tower é meu, ele cai no pino para você e, em seguida, dá-lhe a opção de adicioná-lo para mapear nesta pequena caixa pop-up aqui. Então ele acaba lá no lado, eu vou fazer isso para todos os meus pontos então St. Andrews, uma vez que você tem todos os pontos em seu mapa traçados aqui, você quer apenas ter certeza que você está olhando para uma visão que tem tudo na mesma janela e isso será essencialmente a base de como você desenha seu mapa. Uma vez que você tenha essa visão, basta fazer uma captura de tela dela. O que eu gosto de fazer é apenas ir fazer a janela ir o máximo de tela cheia
possível e, em seguida, obtê-lo cortado dentro Só para que tudo, eu quero incluir no mapa, é bem dentro das bordas,
se você estiver em um Mac para capturar uma parte da tela,
você apertaria se você estiver em um Mac para capturar uma parte da tela, “Command Shift 4", e então você começa um pouco mais perto, então você pode apenas um desenhar um retângulo torno de todos os pontos em seu mapa, tendo em mente as oito por dez dimensões ou proporção de sua ilustração final, e basta encaixar isso. Essa imagem vai acabar em nossa área de trabalho, e podemos simplesmente jogá-la em nossa pasta de referência de mapa. Agora você coletou todas as suas referências visuais. A próxima coisa que você vai fazer é começar a desenhar a partir dessas imagens, e eu vou mostrar-lhe como fazer isso na próxima lição.
7. Esboçando o mapa base: Agora é hora de começar a esboçar nossos mapas. Isso incluirá três etapas básicas. O primeiro será esboçar o mapa base, modo que é a terra, a água e as estradas. O segundo será esboçar os pontos individuais de interesse ou ícones. Em seguida, o terceiro será trazer todos eles no arquivo do Photoshop e adicionar alguns retoques finais. A primeira coisa que eu preciso fazer então é ir para a minha tela agarra os mapas que eu fiz
na última etapa e encontrar uma captura de tela que eu acho que vai funcionar bem para basear todo o meu mapa em. Isto parece-me bom. Vou abrir no Photoshop. Agora vou criar um novo arquivo. Este será o meu ficheiro de desenho. Vamos fazer com que essas dimensões sejam nossas dimensões finais da ilustração, que terá oito ou 10 polegadas de largura por oito polegadas de altura. Vamos definir a resolução para 300. Por enquanto, vamos trabalhar em tons de cinza. Vamos tirar a cor da equação. Vamos definir o modo de cor para escala de cinza. Você pode deixar tudo o resto como está e pressionar Ok. A primeira coisa que devemos fazer é salvar o arquivo e dar um nome a ele. Pode nomear o seu o que quiser. Agora vou para a captura de tela. Eu vou copiar a coisa toda, e então você vai para o seu arquivo de desenho e então você cola. Agora colou o mapa em preto e branco, que é exatamente o que queremos porque o arquivo é preto e branco. Vamos agora esticar este mapa base para o tamanho total da tela. Para fazer isso, podemos trazer o mapa aqui para o canto superior, e se você pressionar o Comando T, você terá a ferramenta de transformação ativada. O que você pode fazer é apenas segurar Shift e esticá-lo para fora até que todo o branco, a cor de fundo se foi. Clique duas vezes em algum lugar da imagem e, em seguida, use o mouse para arrastar o mapa para o quadro. Só quero ter certeza de que não tenho pinos de mapa saindo dos limites da tela. Curiosamente, eu tenho uma concentração
desses pontos ao longo desta faixa estreita através do meio do mapa, e então todo esse espaço para cima e para baixo. Há maneiras diferentes de abordar isso. Eu posso esticar
isso para que eu fudge as proporções da terra. Lembre-se, não estamos tentando ser realistas aqui, estamos tentando contar uma história. Desde que um lugar se assemelhe a Toronto em termos de ícones que estamos usando e parte da costa neste caso, isso é tudo o que precisamos. Enquanto isso seria uma parte completa para esticar algo assim, se fosse um logotipo ou um tipo de letra. É só que estamos usando isso como referência para nosso esboço. Agora uma questão que tenho aqui é que agora eu fiz isso, e as estradas estão todas distorcidas e as estradas de Toronto não são distorcidas assim. É uma grade perpendicular. O que eu gostaria de fazer é corrigir isso e tornar a grade perpendicular assim. Se está se perguntando como fiz isso, vou desfazer isso e mostrarei como fiz aquilo. O que eu queria fazer era fazer com essa faixa estreita de pontos no meu mapa começasse a preencher todo o espaço. A primeira coisa que faço é pressionar o Command T para a ferramenta de transformação
e, em seguida, esticar pressionando ou simplesmente puxando os pontos de controle para cima e para baixo até que tudo preencha o espaço da maneira que eu quero. Só vou diminuir um pouco aqui. Então, para confirmar essa alteração, posso clicar duas vezes. Então agora que eu quero mudar a estrada para que eles fiquem perpendiculares novamente, eu vou apertar o Comando T para transformar novamente. Vou pegar esse ponto de controle, mas agora esse ponto de controle não faz nada além de apertar a imagem horizontalmente. O que eu quero fazer é distorcer a imagem diagonalmente. Eu aperto Comando enquanto puxo este ponto de controle e então eu tenho a inclinação diagonal. Eu posso fazê-lo novamente neste lado, eu colocar o mouse sobre o ponto de controle e, em seguida, eu apertar Command e distorcer imagem. Vou continuar a fazer isto até Toronto ter a forma que preciso que seja para fazer o meu mapa. Agora eu acho que minhas estradas são perpendiculares, mas tudo o que parece estar ainda nesta diagonal. Esta é uma rotação simples. Com seu comando de transformação ainda ativado, se você mover o ponteiro para fora dos limites da caixa, você obtém essa pequena seta curvilínea, e isso significa girar. Agora você pode usar o mouse para girar o pedaço da imagem aqui. Eu vou cometer isso, e apenas ter certeza que eu tenho todos os meus oito pontos em vista. Eu ainda não posso corrigir isso para retidão um pouco aqui. Aqui eu tenho a praia, 1, 2, 3, 4, 5, 6, 7, 8. Está tudo aí dentro. Ótimo. Parece uma bagunça agora, mas quando aplicarmos nossa própria ilustração a essa estrutura básica, será mágica. Agora você deve estar se perguntando, como isso é um esboço? Estamos olhando para uma tela de computador e nem estamos segurando um lápis. Bem, aqui está um segredinho sujo. Vamos todos concordar aqui que muito poucos de nós,
se houver, são criadores de mapas reais, que significa que ninguém está nos prendendo a nenhum padrão de arte original do mapa aqui. Quero dizer, como por eu esticar e distorcer este mapa horrivelmente. Você tem duas opções. Você pode esboçar este mapa apenas olhando para a tela e fazê-lo de olho no papel ou, o que eu gosto de fazer é, imprimir o mapa assim como ele é, como você vê aqui. Então, basta traçar sobre ele preenchendo apenas as ruas que eu acho que eu preciso. Então isso me poupa muito tempo tentando gostar do globo ocular, especialmente quando é uma cidade complexa com muitas ruas e cruzamentos estranhos. Eu não estou sugerindo que você apenas rastreie diretamente sobre um mapa e não faça mudanças ou use nenhuma imaginação, mas é apenas um ponto de partida e isso
nos leva a superar o que poderia ser apenas muito intimidante se você está olhando, Como eu vou desenhar essa grade louca de ruas e litoral louco ou o que quer que seja? Se você vai imprimir seu mapa, vamos apenas fazer alguns ajustes antes de imprimi-lo para obter o máximo de contraste. Porque agora, o mapa não é muito contrastante. Não vai imprimir bem. A primeira coisa que você faz é apenas certificar-se de que seu painel de camadas está aberto. Caso contrário, basta ir para Janela e, em seguida, encontrar camadas na lista e selecionar isso. Nós vamos descer até a parte inferior do painel de camadas para este botão redondo do meio na parte inferior. Isso cria uma nova camada de ajuste de preenchimento. Nós vamos apenas clicar que e, em seguida, selecionar níveis. Nós vamos fazer um pouco de ajuste de níveis e apenas escurecer as escuras um pouco aqui só para obter um bom equilíbrio entre luz e escuridão. Agora concedido o seu lago ou no meu caso, o lago vai ter um monte de preto e eu realmente não preciso disso para imprimir. Isso seria um desperdício de tinta. Há maneiras diferentes de fazer isso. Eu poderia apenas rapidamente usar minha ferramenta borracha, eu vou selecionar a camada real um aqui, a imagem, e apenas excluir alguns do lago aqui. Isto é totalmente opcional. Só estou economizando um pouco de toner fazendo isso. Agora vou imprimi-lo. Ao imprimir, certifique-se de que o layout está definido como paisagem e, como é de oito por 10, ele provavelmente caberá a 100% no papel da impressora. Mas só para ter certeza, você pode selecionar escala para ajustar a mídia e ele irá garantir que toda a imagem do seu mapa seja impressa. Só vamos imprimir isso. A próxima coisa que vamos fazer é rastrear isso em uma mesa de luz. Temos nosso mapa impresso baseado na mesa de luz aqui. Agora, nem todo mundo vai ter uma mesa gigante como esta, mas tudo bem. Você pode realmente obter tabelas de luz portáteis menores. Em uma pitada, você também pode apenas gravar isso em uma janela contra a luz do dia e depois rastrear sobre isso. Dessa forma. Eu só vou pegar um pedaço de fita aqui, e colar meu pedaço de papel em cima que eu vou esboçar. Agora, provavelmente vou começar com a costa. O objetivo aqui não é obter uma representação totalmente precisa da geografia da cidade aqui. É só para ter uma imagem bastante familiar da cidade. Eu preciso ter muito cuidado aqui porque eu apaguei um pouco desta água aqui, mas agora está começando a parecer uma linha de costa real. Só quero ter certeza de que estou rastreando o litoral real, e não apenas meus pedaços apagados aqui e um pedaço de terra ali. Lá eu tenho minha terra, minha água, e só para ter certeza que eu não estou confundindo um com o outro, eu vou apenas preencher algumas ondas. Tudo é água. A próxima coisa que vou fazer é colocar um ponto onde há um ponto de interesse e eles devem ser oito. Então eu só vou ter certeza que eu tinha 1,2,3,4,5,6,7,8 e neste ponto, provavelmente
é apenas uma boa idéia ir em e rotulá-los. Então vamos desligar a mesa de luz aqui e você pode ter uma noção agora na página e como o mapa está se saindo. Aqui estão os limites do mapa, grosso modo. Você tem sua água, sua terra, e você pode realmente ter uma noção de onde os diferentes pontos de interesse caem no mapa. Eu diria que é uma boa distribuição. Agora podemos começar a preencher algumas das principais rotas. Começando a preencher as raízes realmente começa a quebrar o espaço bem. Gosto de como esta ferrovia atravessa a cidade ao longo da coisa toda. Meio que leva seu olho através dos mapas. Eu vou fazer isso, retratar a estrada de ferro e o tipo de rua tradicional são a linha tradicional com as marcas de haxixe cruzando ao longo do caminho. Claro, a rua principal da minha história é esta rua chamada Queen Street. Eu só vou rotular como eu vou junto. Você pode rotulá-los mais tarde se quiser, mas isso vai me ajudar a manter o controle de qual é qual. Estradas em seu mapa ilustrado não precisam realmente terminar ou começar onde eles fazem na vida real. É apenas sobre configurar uma grade suficiente para localizar onde as coisas estão. Quando você estiver rotulando suas ruas, especialmente as que estão indo verticalmente, certifique-se de que todos os rótulos se orientem na mesma direção. Então eu estou sempre escrevendo com a linha de base aqui em baixo e isso é para cima, isso é para baixo. Apenas preenchendo algumas das estradas mais importantes. Por importante, quero dizer principalmente significativo para a minha própria história, mas também para estabelecer um sentido de lugar para alguém familiarizado com Toronto. Eles podem pelo menos ver uma ou duas estradas que eles conhecem muito bem como parte do mapa e que apenas ajuda conjunto de essência do lugar. Estradas principais serão mais grossas em sua ilustração e, em seguida, mais estradas menores podem ser apenas linhas simples. Estou realmente brutalizando essas estradas em termos de precisão e estou totalmente bem com isso. Quanto mais brutal, melhor em termos de ser um pouco vacilante e caprichoso. Especialmente porque estamos trabalhando diretamente no topo do mapa. Qualquer coisa que você possa fazer para torná-lo mais original e mais algo que você fez em vez de algo que a Internet lhe deu, eu acho que o melhor. Vou desligar minha mesa de luz de novo só para ter uma noção de como as estradas estão se formando. Tenho uma boa concentração de estradas aqui. Eu poderia ser capaz de usar apenas mais algumas estradas para fora nesta direção e talvez alguns rótulos para preencher. Então vou fazer mais alguns rótulos. Algumas das ilhas aqui e nesta parte da cidade. Agora é provavelmente um bom momento para preencher algumas partes onde os parques são e no meu mapa de qualquer maneira eu não estou apresentando nenhum desses parques particularmente. Então é realmente como eu poderia apenas preenchê-lo com uma cor verde ou algo que indica que é um parque apenas para torná-los visualmente mais interessantes. Mas nós realmente queremos nos concentrar nos ícones
da história ou nos ícones de nossos conceitos para que os pontos de interesse, essas são as coisas que você realmente quer chamar para fora. Nomeie algumas das vias navegáveis. Ter uma boa variedade de estradas mais grossas e estradas finas também irá adicionar alguma qualidade dinâmica adicional ao mapa base. É suposto haver um rio onde está esta estrada, um rio moribundo, infelizmente, vou desenhá-lo ao lado dele. Agora eu definitivamente estou tomando liberdades com onde este rio está e como ele se conecta com o lago lá e eu estou bem com isso. É mais caprichoso assim. Este é o meu mapa base, as minhas estradas, algumas terras e água, e estradas suficientes para vos mostrar onde estão as coisas. Nada é final nesta fase, este é o meu primeiro esboço. Agora vou digitalizar isto no Photoshop. A partir daí, vou começar a esboçar individualmente cada ponto de interesse, e depois digitalizar cada um deles em ilustrações separadas. Vou colocá-los em cima disso no meu arquivo do Photoshop e assim eu posso movê-los e orientá-los da maneira que eu quero sem ter que bagunçar este mapa base aqui. Isso pode ficar como está e eu posso fazer um esboço composto apenas trazendo esses tipos de esboços, assim. Usando seu scanner e software de digitalização, escaneie seu esboço de mapa base. Digitalizando seu esboço, você só precisa digitalizá-lo a 300. Como você se lembra, nossos arquivos de esboço apenas 300 dpi de qualquer maneira e rastreamos isso em um 100 por cento, então ele será o tamanho certo. Você pode apenas certificar-se de digitalizar isso para uma pasta que faça sentido para o seu projeto. Você só precisa digitalizá-lo em preto e branco. Basta abrir isso e nós vamos girar isso. Eu gosto de limpar as coisas só para que pareça um pouco mais nítido quando estou trabalhando com isso. O que estou fazendo aqui é escurecer as escuras e clarear os brancos. Então você recebe um esboço muito mais limpo. Vou te mostrar como fiz isso, vou cancelar e te mostrar de novo. Eu pressiono “Command L” para abrir a ferramenta de ajuste de níveis ou você pode simplesmente ir “imagem”, “ajustes”, “níveis” e apenas puxar essa TAB preta até o escuro começar a parecer agradável e escuro, geralmente sobre onde esse pequeno histograma começa. A mesma coisa do lado direito para que etiqueta branca e puxá-lo para o centro. Normalmente, uma vez que você passa a grande alta colisão no histograma, é quando a maior parte do barulho desaparece. Faça seus negros mais negros e seus brancos mais brancos, e então aperte “OK”. Agora você tem um belo esboço claro. Agora estamos de volta ao nosso arquivo de esboço real e, como você se lembra, colamos nossa tela do Google Maps pegando aqui, ajustamos um pouco e depois imprimimos. Então esta é uma camada que provavelmente não precisamos mais, mas talvez precisemos dela mais tarde se precisarmos reimprimir em retraços. Por que não mantemos essas camadas fazendo o seguinte? Esta é a camada de Ajuste de Níveis e esta é a camada de captura de tela do mapa real. Eu só vou segurar “Shift” para baixo e pressionar para baixo em ambas as camadas para agrupá-los ou para selecionar ambos e, em seguida, eu vou colocá-los em seu próprio pequeno grupo, apertando este pequeno ícone de pasta. Quando eu faço isso, ele cria um novo grupo e eu vou apenas renomeá-lo para o Google Maps e desativar a visibilidade da camada. Vou desligar essa camada, esse grupo de camadas basicamente. Vamos voltar para a varredura do mapa base que limpamos bem. Vamos “Comando A” para selecionar tudo, e depois “Comando C” para copiar. Então vamos voltar ao nosso arquivo de desenho e colar isso pressionando “Comando V”. Vamos renomear essa camada como “Esboço de mapa base” por enquanto e salvar o arquivo. A próxima coisa que vamos querer fazer é esboçar e digitalizar nossos ícones.
8. Esboçando os ícones: Agora terminamos de esboçar nosso mapa base, e é hora de retornar ao nosso lápis e papel
e digitalizar os pontos individuais de interesse ou ícones. Você pode estar sentado na frente de um computador e olhando suas imagens de referência na tela. Tenho-os aqui no meu iPad. Está convenientemente sentado para o lado e posso indicá-los dessa forma. Isso é o que eu vou fazer. O objetivo de nossos ícones de mapa é ser simples e icônico, então obtenha a semelhança do que você está representando, o ponto de interesse, seja um edifício, comida
ou um sinal. Tirando isso, é simples. Quanto mais simples forem, mais caprichosos serão, mais icônicos serão e seu mapa ficará mais claro para isso. Estou desenhando a estação de salva-vidas aqui, seu telhado de quatro águas. Há um pequeno sinal aqui, talvez muito pequeno. Vou tentar incluir as letras aqui. Quando eu estou desenhando em minhas letras, eu não preciso tomar muito tempo para acertar as letras porque isso é algo que eu vou fazer na fase de ilustração. Estou tentando adicionar apenas a quantidade de detalhes que eu preciso para obter a semelhança do objeto, além de obter tudo super detalhado. Se você se lembra da minha aula de ilustrações de tinta, a essência de uma ilustração de tinta, é ter uma forma ousada agradável que é cor e, em seguida, alguns detalhes ou texturas feitas de tinta. Eu provavelmente vou entrar e fazer as texturas do telhado aqui usando tinta e talvez fazer alguns desses outros detalhes, mas essas folhas maiores eu vou fazer usando a ferramenta caneta. Só estamos mantendo isso em mente. Eu poderia estar adicionando mais detalhes a isso, como o lago e a distância dos veleiros, mas então nós estamos começando a entrar em toda uma ilustração sobre si mesmo. Estas são apenas representações simples. Alguns ícones podem ser mais detalhados do que outros, é claro, apenas têm um pouco de variedade. Todos nós referenciamos imagens que encontramos no Google. Esta é apenas uma palavra sobre ter
certeza de que você não está plagiando o trabalho criativo de outras pessoas. Tecnicamente, se você usar uma foto, mesmo que você faça referência à foto para uma ilustração, você deve creditar o criador dessa imagem e até mesmo obter sua permissão. Mas se eu fiz isso para cada imagem que eu menciono para minha ilustração, haverá muitas pessoas para agradecer. Eu tenho uma regra geral quando se trata de ter certeza que eu não estou plagiando e isso é basicamente, se é uma imagem única que só aquele fotógrafo poderia ter tirado e é muito reconhecível, então eu não posso usá-la. Mas se é mais geral, visão
genérica de algo, então é mais como se eu não estivesse realmente copiando a foto deles, eles simplesmente tiram uma foto da coisa que eu estou ilustrando. Apenas por exemplo, aqui temos esta imagem deste sinal de rua por excelência, muito característico de Little Italy. O fotógrafo tirou isto. Se eu já usei essa foto em uma revista, eu teria que creditar e obter a permissão
deles e possivelmente você vai ter que pagar uma taxa. Mas eu desenhar este sinal a partir desta imagem não
constitui, na minha opinião, plágio porque não há nenhuma maneira que esta imagem genérica de um sinal como eu estou desenhando,
que pode ser rastreada de volta a qualquer fotógrafo em particular. Essa é a regra de ouro que eu tenho para mim. Se você é o fotógrafo do letreiro e você está me vendo fazer isso, então eu suponho que você tem provas. Basta encher suas páginas. Então você tem uma página apoiada em outra. Não tenha medo de ser um pouco instável. Isso é o que torna as coisas interessantes. Uma árvore aqui. Quando eu desenho uma árvore é que eu costumo fazer um tronco, alguns ramos e, em seguida, uma bolha para o topo da árvore. Talvez eu adicione alguma textura mais tarde, especialmente para esses ícones que você não precisa entrar e ilustrar cada folha individual. Queremos ter o menor número possível de peças brilhantes e manter formas gerais mais ousadas e maiores. próximo na lista é o Mercado Kensington. Kensington Market, não encontrei nada que representasse este bairro muito eclético em Toronto. Mas uma coisa que definitivamente é característica das experiências, quando você está lá,
há um monte desses velhos tempos vitorianos, casas de
fila e eles são pintados de cores brilhantes e os andares de baixo têm essas lojas nelas. Muitos deles são lojas vintage. Vou tentar descrever isso muito simplesmente com algumas lojas vintage genéricas ou restaurantes na parte inferior, e ver como isso acontece. Mais uma vez, lembrando como fiz todas as minhas outras ilustrações, mantendo-as bastante simples e estilizadas. Pode levar algumas tentativas antes de ficar satisfeito com a aparência simples das suas imagens. Talvez você tenha desenhado muito detalhado e você tem que voltar e despi-lo um pouco. Estou a referenciar esta imagem e estou a
inventar alguns detalhes sobre ela ser mais geral. Porque o ícone não é sobre essas lojas particulares, mas sobre a experiência das lojas e este tipo particular de arquitetura. Em vez de dar um nome específico, chamarei de loja vintage. Então talvez este seja um pequeno café e uma tenda para festas, por que não? Grande guarda-chuva, o que estou fazendo aqui é colocar algumas coisas grandes na frente do que de outra forma seriam coisas muito detalhadas. Em vez de mostrar todos os casacos pequenos e tal
na loja vintage e todos os clientes sentados no pátio, ou mesmo tentar descobrir o que tudo parece, eu vou escolher algumas coisas grandes que eu posso colocar no caminho, e isso me alivia
do fardo de ter que ilustrar e pensar em todas essas outras coisas. É um pequeno truque que eu uso às vezes, e eu vou colocar uma bicicleta aqui. Isso pode acabar sendo uma das minhas ilustrações ou ícones mais detalhados, e eu posso apenas fazer este um pouco maior. Se eu fizer mais detalhes sobre
isso, vai parecer muito ocupado. Talvez tenha que emparelhar isso de qualquer maneira. Placa de rua e se houver algo na imagem, sua imagem de referência que você não consegue entender, está muito embaçada, não se preocupe com isso. Faça o que for que pareça. Neste caso, é algo estranho, não
sei o que são. Não vou me preocupar com isso. É apenas um detalhe e estes são para ser ícones de qualquer maneira. Agora eu tenho meus esboços de meus pontos de interesse, e eu vou digitalizá-los e colocá-los no mesmo arquivo do meu mapa base, e começar a colocá-los no lugar.
9. Combinando mapa e esboços dos ícones: Agora que esboçamos nossos ícones, podemos digitalizá-los e colocá-los exatamente onde queremos em nosso esboço do mapa. Eu digitalizei meus esboços de ícones e os abri no Photoshop, e vou copiar e colar cada um deles no meu esboço do mapa base. Vou colá-los por cima disto e começar a arranjá-los aqui. Claro, o que eu gosto de fazer é limpar um pouco
o esboço usando a ferramenta de ajuste de níveis,
em seguida, basta usar a ferramenta de laço para criar uma seleção em torno disso. Vou copiar isso e colar no meu mapa. Vou dar um nome a isso. Este é o Kensington. Eu também vou criar um objeto inteligente a partir disso. A razão pela qual eu crio objetos inteligentes fora de minhas camadas é porque ele me permite mover,
dimensionar para cima e diminuir a escala quantas vezes eu quiser sem perder qualquer qualidade de imagem. Se eu fosse fazer todas essas operações apenas em uma camada aqui sem transformá-lo em um objeto inteligente. Se eu fiz isso muito pequeno e eles fizeram um realmente grande novamente, vai ficar todo embaçado. Assim que eu fiz isso muito pequeno, diminuiu tudo e eu perdi um monte de informações e resolução. É por isso que eu faço esses objetos inteligentes, não importa o quão grande ou pequeno eu faça e quantas vezes eu faço isso ele permanece agradável, nítido e de alta resolução. Eu o nomeei, eu o transformei em um objeto inteligente, e agora eu vou apenas colocá-lo na direção geral, no tamanho geral que eu acho que eu poderia querer e deixá-lo assim por enquanto. Só vou fazer isso. Cada esboço de ícones que eu tenho, eu vou transformar isso em um objeto inteligente e, em seguida, colocá-lo mais ou menos onde eu acho que eu quero. Quanto mais perto você cortar quando você rasgar seus esboços, mais fácil será trabalhar com eles e você trazê-los para o seu arquivo de esboço. Permite copiar e colar, criar em um objeto inteligente. Eu tenho todos os oito esboços de ícones sobrepostos em cima do meu mapa base. Depois de ter todos os seus esboços de ícones como objetos inteligentes separados sobre o topo do mapa base, você pode começar a brincar com eles até que eles estejam
na posição certa e nos tamanhos desejados. Enquanto você está trabalhando, se isso ajudar você a ver as coisas um pouco melhor, você pode ir para o esboço do mapa base e apenas reduzir a opacidade um pouco, que você
possa ver que os ícones parecem um pouco melhores. Você pode realmente ver como eles estão sendo distribuídos na tela. Eu tenho algumas opções diferentes em termos de como eu organizar as coisas aqui. Agora eles estão mais ou menos onde pertencem no mapa, mais ou menos. As coisas estão praticamente ao lado dos pontos. Em alguns casos, porém, há um pouco de sobreposição como a Torre
CN e os submarinos CN estão muito no mesmo espaço vertical aqui, então eu só tomei liberdades para mover a igreja aqui, o ponto indicando o exato localização da igreja vai ficar onde está e eu posso apenas colocar o ícone para ambos os lados. Outra coisa que eu poderia fazer é, se eu quisesse fazer este ícone maior e realmente comemorar como estes se parecem. Não há razão para eu não colocá-los em outro lugar e depois desenhar uma linha na ilustração final que leva a onde eles pertencem. Dessa forma, você começa a ter seu mapa base proporcional e os pontos que indicam onde as coisas estão
nas ruas podem mostrar às pessoas onde elas estão na rua, então seus ícones ficam bonitos e grandes e as pessoas podem desfrutar deles e apreciar aqueles em um tamanho maior também. A única coisa que você tem que fazer, é claro, é desenhar as linhas que levam a eles e certificar-se de que tudo está rotulado corretamente. Como eu estou movendo as coisas, eu também estou lembrando que eu preciso de algum espaço para ter um título de mapa e possivelmente uma bússola rosa também. Uma vez feito isso, podemos passar para alguma ilustração real. Depois de ilustrarmos o nosso mapa base e os nossos ícones individuais, podemos avançar para adicionar alguns toques finais para tornar o seu mapa um pouco mais emocionante.
10. Uma palavra sobre cores: Espere, acho que estamos esquecendo uma coisa muito importante antes de entrarmos em nossa ilustração, e isso é cor. Mais do que qualquer outra coisa, a
cor é o que vai tornar a sua ilustração incrível. Para o nosso projeto, eu gostaria que você se ater a não mais do que cinco cores, mais do que isso, o projeto realmente se torna um pouco mais complicado e o mapa real em si, é mais difícil fazer com que pareça realmente bom fazendo muitas cores, começa a parecer ocupado, e você está começando a ter que pensar sobre quais cores estão trabalhando com o quê? Como você começa a construir uma paleta de cores? Bem, você pode criar suas próprias cores de cor a cor ou de sua cabeça se você está confiante em fazer isso. Se você é como eu, às vezes você fica um pouco preso nesta fase e precisa de um ponto de partida. Para este projeto em particular que estamos fazendo, nossas cidades ou vilas, que significa que podemos ir para as bandeiras das cidades ou os selos procurando isso e apenas usando isso como nosso ponto de partida. Uma coisa que eu gosto de fazer, especialmente com mapas, é olhar para mapas vintage e apenas ver como a cor foi usada nisso, porque em um mapa vintage típico a quantidade de cores era muito limitada. As técnicas de impressão que eles usaram eram realmente interessantes como superimpressão, como apenas imprimir uma cor sobre a outra. Por que não damos uma olhada em alguns dos meus próprios mapas vintage e vamos ver como os mapas vintage usam cores. Nós também estaremos olhando para mapas mais contemporâneos apenas para ver como as cores simples são usadas em um sentido mais moderno. Aqui está um mapa antigo de Barcelona, e na verdade é apenas impresso usando laranja e preto. Você pode ver neste exemplo que eles usaram uma espécie de 50 por cento preto para a água e, em seguida, preto puro para as estradas. Composição muito simples, sem muitos detalhes. Eles usaram um belo ponche de laranja com preto para seus pontos de interesse. Este é um mapa de Bruxelas, e aqui eles têm como um mapa super simples, quase muito simples. É apenas verde e preto e eles usaram contornos brancos para as estradas. O que eu acho mais impressionante
neste guia de mapa em particular é como eles usaram duas cores na capa. Eles têm este tipo de cor verde azulado profundo aqui, e agradável saturado, vermelho puro, e quando eles se combinam eles podem criar um belo preto. Então, quando o verde é impresso sobre o vermelho, você obtém este preto virtual. Onde quer que cortem a tinta, derrubaram o branco do papel, ele realmente se destaca. Este é um ótimo exemplo de como duas cores podem funcionar lindamente. Neste mapa, a capa é feita apenas usando laranja e preto,
e, em seguida, uma porcentagem da laranja. Neste exemplo aqui, quatro cores são usadas; então elas têm: verde, preto, azul e amarelo laranja aqui. Eles têm azul para a água, verde para os parques, uma espécie de 50 por cento ou 25, talvez até cinco por cento preto aqui para a terra, e então preto e laranja para os pontos de interesse. Vamos recorrer mais a alguns exemplos contemporâneos. Este é um mapa usando apenas uma folha metálica ou uma folha de cobre, e então uma espécie de cobre verde e escuro, quase azul marinho. Nesse caso, as duas cores foram superimprimidas para criar uma terceira cor ao redor das costas. Aqui eles usaram quatro cores. Eles só têm um cinza azul e um preto escuro, um borgonha e um amarelo. Aqui está outro exemplo contemporâneo em que: amarelo, preto e vermelho foram usados em uma porcentagem muito leve do uso do preto para a terra, e então apenas o nocauteou para a cor do papel para as estradas. Os próprios ícones são feitos apenas de uma cor. Estes são muito gráficos, fábrica olhando bem embora, então um pouco diferente pessoal que muitos de nós estarão fazendo. Você ainda poderia ir visivelmente direto aqui, ícones, apenas uma única cor, se você quisesse. Aqui está um exemplo de apenas um rosa quente e um preto. Ele só cria este belo, muito contrastes EPs. Adoro como as cores funcionam aqui. Este é um mapa extremamente complexo e ícones extremamente simples, mas você pode realmente ver como duas cores selecionadas bem, pode ser muito impressionante e atraente. Você não precisa de muitas cores para deixar seu mapa bonito.
11. Configurando o arquivo de ilustração: Nesta fase, nós apenas configuramos nosso arquivo e apenas
certifique-se de que todas as camadas estão configuradas de uma forma que realmente nos permitirá focar em ilustrar enquanto ainda estamos muito organizados em nossas camadas. Isso é muito importante porque se formos desorganizados em nossas camadas, e eles estão por todo o lado. Então, mais tarde, temos um monte de coisas que devem estar juntas ao mesmo tempo, eles ficam muito difíceis de encontrar. Esta é apenas uma maneira de manter tudo junto. Quando estávamos reunindo nossas referências visuais, criamos uma pasta inicial em nosso disco rígido chamada Inky Maps que é todos os arquivos e pastas para o projeto, e criamos nossa pasta de referências. Então, quando começamos a esboçar e digitalizar coisas lá dentro, criamos a pasta Esboços. Agora vamos criar em nossa pasta Inky Maps, uma subpasta chamada Ilustrações, e podemos apenas ter certeza de que essa pasta está na pasta Inky Maps. Agora nada disso é obrigatório. É assim que me mantenho organizado. Vamos abrir nosso arquivo Sketch, este é o arquivo onde temos todos os nossos ícones colocados sobre o esboço do mapa base. O que vamos fazer é transformar esse arquivo de Sketch em
nosso arquivo de Illustração e vamos fazer isso apenas fazendo um comando salvar como, e vamos para a pasta de Illustrações que acabamos de fazer. Vamos apenas renomear o arquivo para Inky Maps Illustration ou como você quiser chamá-lo. Não se esqueça da extensão PSD e salve. Uma vez que salvá-lo, foram bons para começar a tomar as medidas para tornar este nosso arquivo de ilustração. Vamos mudar de preto e branco ou cinza de volta para cor e vamos usar cor RGB. Se ele perguntar se você quer achatar ou não, não achatá-lo e não rasterizar. Se você quiser ter certeza de que são as dimensões corretas e a resolução correta, basta verificar o tamanho da imagem abrir o menu da imagem. Certifique-se de que tem 8 por 10 polegadas e uma resolução de pelo menos 300 pixels por polegada
e, em seguida, pressione OK. No painel de camadas aqui você verá todos os esboços de ícones que criamos como objetos inteligentes. Eu tenho 8 e, em seguida, o esboço
do mapa base, o esboço do mapa base era o mapa abaixo e os esboços de ícones são todos os ícones que estão sobre o mapa base. Você também pode ter a camada do Google Map que era de quando esboçamos todas essas coisas, e definitivamente não precisamos disso. Você pode pegar sua camada do Google Map e apenas arrastá-la para a lixeira e eu vou ligar todas essas camadas novamente para que possamos vê-las novamente. O que você deseja fazer é agrupar todos esses ícones em um grupo de camada chamado Esboços. Selecione a camada superior e, em seguida, mantenha a tecla shift e selecione a camada de esboço do mapa base tudo menos fundo basicamente. Em seguida, você pode clicar nesta pequena pasta aqui ou pressionar o controle G para tornar o grupo de camadas. Vamos mudar o nome para Sketches. Uma coisa que eu vou fazer só porque vai ser conveniente mais tarde, é que eu vou selecionar todos os ícones Sketches si mesmos e fazer um sub grupo e eu vou chamar esses ícones Sketches. Agora temos um ícone esboços um mapa base esboço e esboços. Isso será bom ter isso em grupos separados basicamente. Podemos desativar os Esboços de Ícones e ver apenas o Mapa Base, que é realmente o que queremos começar a trabalhar primeiro. É bom criar um Mapa Base independente
dos Esboços de Ícones para que assim que começarmos a ilustrar nossos ícones, possamos movê-los pelo mapa abaixo do qual criamos primeiro. O próximo passo será criar um grupo de camadas no qual sua ilustração ocorrerá. Basta criar uma nova pasta acima de Esboços e chamá-la, estou chamando de pastas, mas eles são tecnicamente chamados de grupos de camadas. Se eu disser pasta ou grupo de camadas quero dizer a mesma coisa se estamos falando dentro do contexto do Photoshop. Vamos renomear esse grupo de camadas para Art. O grupo da camada Arte será onde toda a nossa ilustração, ela existirá. Outra coisa que faremos com esse grupo de camadas Arte é definir o modo de mesclagem para multiplicar. A razão pela qual fazemos isso é porque, à medida que criamos qualquer arte neste grupo de camadas, os esboços serão visíveis através dele. Eu não tinha o grupo de camada de arte para definir e multiplicar tudo ficaria bem, então basta definir isso para multiplicar e nós seremos capazes de ver nosso esboço. Esse esboço está chegando muito sombrio também, e pode ser um pouco distrativo assim que começarmos a ilustrar. Vamos selecionar a camada de Esboços e apenas reduzir a capacidade para 30% ou assim
12. Iniciando a ilustração do mapa base: Nesta fase agora, vamos apenas colocar as cores em formas básicas sobre este mapa. Nesta lição, eu mostro-lhes como eu rapidamente chegar a algumas cores para o mapa. Você verá como escolher cores neste ponto importa, mas não está realmente bloqueado neste ponto fora dele, então vá em frente, escolha algumas cores, brinque com elas. Mas você pode ter certeza de que, à medida que
avançarmos, faremos alguns ajustes. Para mim, eu acho que vou tentar usar as cores da cidade, como algumas cores que estão relacionadas de alguma forma com a minha cidade, então talvez as cores da bandeira ou algo no selo. Eu só vou procurar isso rapidamente. Digamos que a bandeira de Toronto, então um vermelho e azul básico. Podemos usar isso como base, eu gosto desse simples. Vamos arrastar isso para o arquivo do Photoshop por um segundo. Agora, aqui está um azul e um vermelho. Só estou usando o seletor de cores. Eu vou aqui, o seletor de cores, e eu clico neles. Aquelas acabam nas minhas amostras aqui. Provavelmente é bom salvar essas amostras. Para fazer isso, basta usar um seletor de cores para escolher a cor desejada
e, em seguida, aqui nas amostras de cores, basta
clicar em novo e dar um nome a ele, se quiser. Essas são cores de raiz e vamos apenas mantê-los para referência útil. Por enquanto, vou começar com essas cores,
e então, enquanto ilustro, posso mudar de ideia e ajustá-las um pouco. Só quero ficar muito empacotado com as opções de cores agora. Agora, em nossa pasta de arte, vamos criar a primeira camada, que vai ser a nossa água. Minha água provavelmente será azul. Eu só vou descer aqui para a camada de ajuste Feller, pequeno ícone aqui e ir cor sólida e, em seguida, escolher o azul se ele ainda não está selecionado. A próxima coisa será começar a fazer nossa terra. Crie uma nova camada e pressione P para a ferramenta Caneta e comece a traçar em algum lugar no mapa. Onde quer que faça sentido. Para mim, é a costa. Para baixo do lado do selo. Rastreando praticamente o que desenhei no meu próprio estilo quando comecei a traçar com a minha ferramenta de caneta sobre o meu esboço, tento
manter-me fiel às linhas emitidas no esboço com todas as pequenas micro oscilações que seguem a trajetória geral Dele. Há uma certa qualidade nítida nas formas que estou fazendo. Depois de fechar a forma, basta criar uma nova cor sólida. Este pode ser o vermelho que criamos em nossas amostras, o que é muito intenso. Já estou vendo que o vermelho vai ser um pequeno problema. Talvez o que eu vou fazer por agora é apenas fazer uma sombra do vermelho, por isso não é tão contrastante e brilhante. Este rosa vai servir por enquanto, vamos ver onde isso vai dar. Certifica-te de que tens todas as tuas terras. Obter o seu abismo terra é realmente bastante simples dependendo de quanto detalhe há nele. Mas eu tenho um lago aqui em baixo e depois pouso. A próxima coisa que vou fazer são estradas. Agora podemos rastrear essas estradas, todas usando a ferramenta Caneta. Você poderia fazer algo assim se quisesse. Se você quer estradas nítidas realmente agradáveis, essa é definitivamente uma maneira de fazê-lo. Basta traçá-los com a ferramenta Caneta e, em seguida, ir aqui para preenchê-los com uma cor sólida e usar uma de suas cores escolhidas. Aqui eu posso ver como minhas cores estão funcionando. Talvez eu só nocauteie um branco. Esta é uma técnica que vimos muito
nos exemplos que mostrei nesses mapas antigos. Agora, eu poderia fazer minhas estradas todas na ferramenta Caneta com bordas muito duras como esta. Mas eu realmente gostaria de fazer essas estradas com um pincel e tinta. Acho que vai parecer muito mais suave e resolvido dessa forma. O que eu vou fazer é usar o esboço que eu fiz com meu lápis do meu mapa base. Aquele esboço de lápis e papel. Vou pô-la numa mesa de luz e traçá-la com um pincel.
13. Fazendo marcas de tinta e lettering para o mapa base: É hora de finalmente obter tinta. Vamos nos afastar de nossos computadores, vamos colocar nossa tinta em nossos pincéis, e vamos começar a fazer todas as nossas marcas de tinta para o mapa. Nesta demonstração, eu realmente faço toda a tinta para o mapa base de uma só vez. Você vai se lembrar do esboço de lápis e papel que fizemos do nosso mapa base, eu estou voltando a isso, eu vou colocá-lo na minha mesa de luz e usá-lo para rastrear minhas marcas de tinta, e isso vai levar as estradas exatamente onde eu quero que elas estejam. Agora, eu vou fazer algumas das estradas separadamente, só para ter mais controle e levá-las Photoshop para movê-las se eu precisar. Estou usando papel para o meu caderno de esboços agora, que tem mais textura. Este é o esboço do papel que estou usando, você pode usar o que quiser. Pode até usar o papel da impressora, se quiser. Agora eu estou tentando escolher o pincel que eu vou usar, eu tenho uma variedade de tamanhos e formas que eu poderia ir com. Eu tenho este pincel plano de 25 cm com cerdas longas, eu tenho uma escova plana menor, e um par de afunilamentos redondos, um menor e um maior. Este é um dos meus pincéis favoritos para usar. Eu gosto de como as cerdas longas seguram muito mais tinta e água, e eu posso fazer linhas mais longas sem ter que mergulhar de volta na tinta muito. redondos são bons, mas é mais difícil obter uma estrada de largura uniforme agradável, se é isso que você está indo para. Eu tenho um pincel plano com ponta de cinzel minúsculo, mas como as cerdas são tão curtas, não vai segurar muita tinta, eu vou mergulhar muito na água. Mas eu poderia tentar, se você descobrir que você está acabando, apenas deixá-lo ir direto para o fim, se você precisar voltar para ele, pode ficar bem, ou você pode simplesmente deixar a parte seca do pincel ou fazer parte do encanto. Fazer as estradas separadamente em diferentes estágios permite corrigir erros mais facilmente. Agora eu estou apenas fazendo minha estrada leste-oeste, então, minhas estradas horizontais, e assim, eu posso facilmente refazer uma estrada sem cruzar com a estrada norte-sul e ter que editar essa também. Eu também estou trabalhando do canto superior esquerdo para o canto inferior direito, que eu não coloque minha mão em tinta molhada. Eu só vou usar esta folha aqui para minhas estradas horizontais, quaisquer estradas não se cruzam. Quebrei minha regra aqui, porque acho que perdi a noção lá. Mas eu vou deixar isso como está, isso parece muito bom para mim, e eu ainda posso colocar mais coisas neste lençol, como alguns desses pontos mais tarde quando eu terminar de fazer as estradas. Também consegui traçar a minha linha de caminho-de-ferro separadamente. Ele atravessa todo o mapa, e eu encontrei algum espaço no fundo do meu jornal para fazer isso. Eu poderia mão tinta cada uma dessas pequenas marcas de hash que fazem com que pareça uma ferrovia, mas o que eu gosto de fazer, para economizar tempo e também porque acrescenta alguma consistência ao fazer marca, é apenas fazer separadamente esses hashes, e então eu vou apenas copiar e colar aqueles no Photoshop todo o caminho para cima. Agora, um pequeno truque para coisas como esta. Se você gostaria de coisas para mim super consistente, mesmo que eles são feitos à mão, eu imprimi esta grade de linhas, isso não é realmente grande, eles são linhas. Então o que eu faço, é colocá-los atrás da minha página, e quando estou fazendo tinta, eu posso seguir estes para espaçamento igual, que é muito bom. Então eu posso tentar diferentes tamanhos de linha, e ver como eles funcionam para mim. Algumas outras coisas que vamos precisar quando estamos escaneando nosso mapa base em serão os pontos para cada ícone, esses pontos mostram em um mapa onde eles pertencem. Há um belo carimbo circular, e posso usá-los como marcadores de localização. Quando você apagar coisas assim, a tinta ficará mais espessa. Você quer ter certeza de que a tinta está seca antes de esfregar a mão sobre ela ou digitalizá-la. Agora, para as ondas, eu gosto de usar minha caneta morta e apenas fazer algumas que eu possa cortar e colar depois, então, apenas grupos de ondas, não muitas, e então você pode copiá-las e colá-las através de sua água. No meu sketch, eu também bati em alguns parques. Essa é uma boa oportunidade para usar algumas texturas de pincel para aqueles, e talvez tentar algumas texturas diferentes para a arte, talvez o que eu acabei de fazer não parece gramado o suficiente. Basta fazer alguma coisa [inaudível], então este é apenas um velho pincel abusado. Se você quiser, você pode usar alguns desses padrões repetidos apenas copiando-os e colando-os. Uma coisa que ignoramos totalmente até agora, a textura da terra real. Direto em nosso arquivo do Photoshop, essas formas e essas cores sólidas são muito sólidas. Não há texturas feitas à mão, nada. Eu vou apenas fazer alguma textura que eu possa aplicar ao real como terra e água. Algumas coisas que fazem boas texturas são, se você tem, você pode usar o brayer e alguma tinta bola de velocidade, e então você pode simplesmente rolar amplas áreas de tinta. Você também pode obter o maior pincel que você tem. Mesmo que seja como um pincel falso segurar pincel, e criar uma lavagem de água. Eu só fiz uma lavagem com tinta e água, e eu vou fazer apenas faixas largas com bela textura aquarela. Tente tamanhos diferentes, e eu vou apenas tentar a tinta mais escura que eu posso lidar com este pincel. Acho que isto pode ser bom. Se você fizer uma textura ampla o suficiente de sua pintura, essas bordas interessantes que você obtém podem realmente simplesmente enquadrar seu mapa por si mesmos. Vou te mostrar o que quero dizer quando entrarmos no Photoshop. Enquanto estamos aqui pintando, pode
ser um bom momento para realmente começar a fazer alguns de nossos rótulos. Você pode fazer um esboço nas proximidades para referência. Mais uma vez, tem o papel do seu livro de esboços. Eu te falei mais cedo sobre essa grade que eu uso para ter certeza de que eu tenho linhas uniformemente espaçadas. Isso também é perfeito para letras se você quiser manter suas linhas retas. Eu guardo isso sob o papel do meu livro de esboços. Sim, não há grande inovação aqui. Gosto de usar a caneta de ponta mais fina do que tenho. Mas, em seguida, último, cada coisa diferente à sua maneira. Todos os ícones serão rotulados de uma forma. Por mim, vou fazer algo um pouco maior. os Estes sãoosmeus rótulos de ícones. Agora vou fazer os nomes das ruas. Nomes de rua, eu vou fazer muito menor e em todas as maiúsculas para regularidade e legibilidade. Agora, para as peças, eu vou fazer um estilo diferente. Vamos fazer a água primeiro. Todas as tampas, oblíquas, itálicas, ou água, é o que eu gosto de fazer. Aqui queremos algumas dicas sobre como elaborar as diferentes coisas no seu mapa,
a água, os bairros, os das cidades, os nomes das ruas. Dê uma olhada em um mapa real e veja o que um criador de mapa real [inaudível]. Contanto que você
seja consistente, não importa o estilo que você aplica às diferentes categorias de coisas. Sempre faça a mesma água. Sempre faz nomes de rua da mesma forma. Deve ser bom.
14. Trazendo a tinta do mapa para o Photoshop: Fizemos nossas marcas de tinta no papel, e agora é hora de voltar para o computador. Nós vamos digitalizá-los, e nós vamos colocá-los em nosso arquivo e realmente começar a ver nosso mapa base ganhar vida com rótulos, estradas e outras texturas de tinta. Com o software de digitalização aberto, verifique se a configuração de cor está definida como escala de cinza ou preto e branco e defina a resolução para pelo menos 300. Eu gosto de digitalizar em 600 só para ter certeza de obter o
máximo de informação e resolução possível, e geralmente acaba sendo muito útil para mim. Você pode digitalizar suas digitalizações de tinta para sua pasta de ilustrações. Eu costumo fazer uma pasta separada chamada scans, apenas para manter o controle de todas as verificações possíveis que eu poderia fazer em um projeto e eles não se misturam com meus arquivos de ilustração. Depois de digitalizar suas texturas de tinta digital, você pode abrir os arquivos no Photoshop e ajustar os níveis de preto e branco em cada uma delas, de modo que você remova todo o ruído
de fundo da textura da página e fique à esquerda com o preto bonito. As marcas negras. Eu só vou girar isso do jeito certo, e usar meu ajuste de níveis aqui. O que eu estou indo para aqui é, eu quero um equilíbrio de manter um pouco da textura
do papel vindo através de também ter uma marca forte agradável. Faz um pouco mais contrastante, empurre os negros um pouco. Podemos ir e fazer isso em todos os nossos arquivos agora. Detalhe. Mas agora você pode realmente ver como a textura do papel do caderno de esboços realmente afeta a qualidade das marcas. Você verá isso especialmente aqui. Uma das minhas coisas favoritas para fazer é ampliar muito perto em uma varredura de alta resolução das minhas marcas de tinta e apenas belas texturas e padrões. Você vai descobrir que especialmente se aquecer amplas faixas de textura, como eu fiz aqui, onde é muito molhado e molhar a página, a página vai começar a ondular e encurvar por causa de como expande a umidade, e então você realmente precisa mexer com seus níveis para se livrar disso, tanto quanto possível. No meu caso, eu vou fazer isso realmente escuro e contrastante, que a textura em si acabe sendo um pouco mais sutil. Você não quer que seu mapa pareça uma página molhada, vamos tentar isso. É muito extremo, mas talvez tenhamos que voltar e tentar outra coisa. Especialmente para letras, você quer entrar lá e ampliar,
e, em seguida, certifique-se de que as bordas são realmente nítidas. Você pode simplesmente obter isso pressionando o controle deslizante escuro para o meio e, em seguida, o controle deslizante branco ou mais em direção ao meio. Eu vou começar com a textura de fundo, então eu vou apenas usar a ferramenta de seleção e copiar isso, e ir para o seu arquivo de mapa. Você pode colar essa textura aqui só para ver se é grande o suficiente. Lembre-se que digitalizamos 600 DPI e nosso mapa é 300 DPI, então essa textura é duas vezes maior do que precisa ser. Por enquanto, posso encolher isso. Se parece que estou pulando alguns passos aqui, se esqueça de conferir minha aula de ilustrações de tinta onde eu mostro exatamente como eu pego essas texturas e trabalho com eles. Mas farei o meu melhor para descrever a maioria das coisas que estou fazendo aqui. Acabei de criar uma textura pequena o suficiente para caber dentro das bordas, e esta é apenas uma camada aqui no meu painel Camadas. Vamos agora selecionar tudo e, em seguida, vamos apenas cortá-lo para que possamos ir Comando X para cortá-lo. Agora vamos entrar no nosso Painel de Canais. Canais de janela, e então você deve obter esta janela aqui. Nós vamos criar um novo canal, você clica neste pequeno novo e você vai ter um Alpha uma camada. Agora, é preto e queremos que seja branco porque o fundo da imagem que acabamos de cortar é branco. Se você apertar o Comando I para inverter e depois colar, agora, precisamos fazer mais um passo aqui e isso é nós vamos fazer o Comando I novamente. Vamos inverter isso mais uma vez, obtermos o inverso dessa imagem e agora temos uma borda preta. Qualquer lugar que seja branco, devo dizer, vai nos dar uma imagem positiva, e qualquer lugar que seja preto vai nos dar um negativo. Basta pressionar Command enquanto clica na miniatura do seu canal Alpha. O que isso faz é carregar a máscara de seleção na imagem exata do canal Alpha. Assim que tiver seu canal Alpha carregado como uma máscara de seleção, vá para a forma de terra que você criou. O que vamos fazer é aplicar essa máscara a
esta camada para que ela adquira a textura e a forma. Aqui está um pequeno botão aqui na parte inferior
do painel de camadas chamado Adicionar máscara de camada. Se você clicar nisso, isso vai aplicar automaticamente a textura do canal Alpha que fizemos para aquele colorido. Nós podemos realmente ir e fazer o mesmo com a água também. Só vai recarregar os canais Alpha. O canal alfa e as camadas aqui, se você ainda pode vê-lo, você aperta Command e, em seguida, clique na miniatura, no canal Alpha, e você pode aplicá-lo a este azul também. Agora, parece que o azul já tem uma máscara de camada nele. Esta caixa branca aqui. Você pode primeiro excluir essa caixa branca se você tiver essa caixa aí, e então você fica com o preenchimento,
o preenchimento de cor e, em seguida, ir até o pequeno botão Adicionar máscara de camada na parte inferior do painel Camadas. Agora você tem lindamente texturizado terra e água. Agora, a água, é claro, é toda a textura, enquanto a terra fica sobre ela e você pode ver aquele azul vindo através dela, e especialmente onde você tem essas partes mais sutis, é na verdade um pouco antinatural de aparência, Este estranho elenco azul chegando. O que realmente gostaríamos é apenas o rosa aqui em cima e apenas o azul lá em baixo. Há uma maneira de fazer isso. Se você voltar para a sua forma de terra, então o meu é apenas um rosa na camada 2. Selecione isso no painel Camadas e, em seguida, vá para
a ferramenta de seleção de caminho aqui na barra de ferramentas, ou pressione A. Se você pressionar A e tiver uma seta branca, basta pressionar Shift e pressioná-la novamente para obter uma seta preta. Em seguida, use isso para clicar e selecionar a forma de terra que você criou. Agora, se sua paisagem tiver ilhas ou outros bits, você terá que manter a tecla shift pressionada e clicar em todos os bits para que eles sejam todos selecionados. Depois de selecioná-los, você pode copiá-los pressionando Comando C, e então você deseja aplicar este caminho também para a água. Clique na cor da água e agora Command V ou cole, e você aplicou essa máscara na água. Agora, é claro, fizemos exatamente o oposto do que queríamos fazer. Acabamos de colocar o azul sob o rosa e isso não resolve o nosso problema. O que precisamos fazer é inverter o caminho para que seja o oposto, então pressione a tecla menos. Agora, há uma chance de que isso não funcione para você. Se você colou sua máscara na camada azul e a vê assim, basta ir até o painel de caminhos e verificar se caminho da forma de preenchimento que corresponde à camada está selecionado. Neste caso, é este. É cor preencher um, e este é cor preencher um, eles correspondem, e o que você faz é certificar-se de que seu caminho está selecionado. Você pode simplesmente arrastar por todo
o documento para selecionar tudo ou você pode ir e escolher manualmente tudo que está segurando Shift. Então, para inverter essa máscara, basta pressionar a tecla de menos. Isso é a mesma coisa que subir aqui para suas operações de caminho e dizer subtrair da forma frontal, e você vai se lembrar disso da aula de ilustrações de tinta. Temos a nossa terra e a nossa água e uma textura agradável. Agora é hora de talvez começar a adicionar algumas estradas. O que podemos fazer é criar um novo grupo de camadas chamado Estradas e podemos começar a ver isso como um lugar agradável e
arrumado para manter todas as estradas que colamos lá dentro. Eu só vou copiar e colar cada pedaço de estrada um por um para que eles sejam mais fáceis de se mover por aqui se eu precisar. A primeira coisa que eu vou fazer é colar isso aqui como uma camada, e esta estrada pertence aqui em cima, e eu vou apenas reduzi-lo usando
a ferramenta Transformar até que ele se encaixe onde deveria. Uma vez que é o tamanho certo eu vou novamente apenas copiar essa camada
selecionando tudo e, em seguida,
copiá-lo e, em seguida, eu vou colá-lo como um novo canal alfa. Vamos apagar este canal alfa e criar um novo. Certifique-se de que é branco, um fundo branco invertendo-o; Comando I. Agora cole esse pedaço de estrada que você copiou aqui. Agora temos que fazer isso invertido pelo Comando I ou indo Comando I, e para carregar uma máscara de seleção daquele pedaço de estrada nós apertamos Comando e clicamos no canal alfa. Agora vamos para a nossa pasta Roads aqui e apenas criar uma nova camada feita desse pedaço de estrada.
15. Iniciando as ilustrações de ícones: Esta é a parte onde começamos a construir a ilustração base para os ícones. Esta é a parte antes dos extras surpreendentes, assim como fizemos com o mapa base, nós colocamos esta cor para a terra e a água. Agora, vamos usar as mesmas técnicas para definir a cor e a estrutura geral para cada ícone individual. Até agora em nossa ilustração, temos todas as nossas camadas ordenadamente organizadas em grupos de camadas. Esta é apenas uma maneira agradável e conveniente de se manter organizado. Continuaremos a organizar nossas camadas desta forma para os ícones também. Ativando nosso grupo de camadas de esboço aqui, vamos ver como a ilustração, como está até agora, se
alinha contra o esboço. Não há grandes surpresas aqui, tudo está praticamente onde eu desenhei para estar. A próxima coisa que queremos fazer é usar o esboço dos ícones. Podemos usar esses esboços, é claro, para começar a construir nossos ícones. Agora voltando para o grupo de camada de arte. Vou começar a ilustrar o meu pequeno ícone da Itália. Vou fazer uma nova camada. Então eu vou criar um novo grupo de camadas. Essa camada que acabei de criar pode entrar nesse grupo de camadas se não for automaticamente. Vamos chamar este grupo de camadas de pequena Itália. Você provavelmente quer se certificar de que seus ícones são as camadas mais altas do painel de camadas, para que eles não estejam escondidos sob elementos do mapa base. O que eu vou fazer é, usar a ferramenta caneta para rastrear sobre a forma do sinal, mas o sinal tem cores diferentes em outras partes que eu quero realmente ter
certeza de que eles permanecem dentro das formas do sinal geral. Dentro do pequeno grupo de camadas Itália, vamos apenas selecionar esta camada, e a minha é a camada dois. Eu só vou realmente criar, colocar isso em e mais um grupo, este tick Comando G lá. Podemos dizer isso mais tarde. Mas vamos começar a criar nosso caminho usando a ferramenta caneta. Fechei o meu caminho. Agora, se você tiver sua camada de caminhos aberta aqui, você pode encontrar esse caminho no menu Janela. Vá para caminhos para encontrá-lo. O caminho que você acabou de fazer chama-se Caminho de Trabalho. Vamos usar a ferramenta de seleção anterior ou A para selecioná-la. O que queremos fazer é aplicar isso ao grupo que acabamos de criar, grupo um. O que eu vou fazer é cortar isso, Comando X. Então certificar-me de que o grupo é selecionado. O grupo um é selecionado aqui. Agora vou colar isso, Comando V. Você verá ambos
no painel de camadas que ele foi aplicado ao grupo que você pode ver aqui. Você também pode ver no painel demarcadores como ele foi aplicado. Agora tudo o que criarmos dentro deste grupo, grupo um, que podemos chamar de sinal, só por conveniência, estará dentro dessa forma. Agora nada é nenhum X, então não vemos nada, mas vamos criar uma cor sólida. Eu quero torná-lo branco como uma cor de base. Vou criar a primeira cor, ou a metade superior do sinal. Era para ser verde, mas só tenho azul para trabalhar aqui. Azul, preto e vermelho. Vou usar azul. Criando usando uma ferramenta de caneta, apenas criando um caminho que bloqueia onde essa cor estará. Estou dentro do grupo da camada de sinais, que está mascarado. Agora eu vou usar o azul que eu tinha escolhido e acertar Ok. Mesmo que eu tenha criado apenas um bloco de azul, ele está bem agrupado dentro da forma do sinal. A próxima coisa a fazer, é claro, será apenas no seu painel de caminhos, se você o tiver aberto, basta clicar para que você não tenha mais essa forma selecionada. Agora vamos criar uma nova camada para o vermelho, a parte inferior do lado. Novamente, eu poderia apenas fazer um bloco geral de cor porque ele vai ser mascarado pela forma do sinal. Agora, é claro, isso parece um pouco mais com a França, mas para todos os efeitos, está funcionando. Vou fazer o resto deste letreiro aqui. Eu vou fazer a ilustração base sem as texturas para todos os ícones, cada um em seu próprio pequeno grupo de camadas separado. Antes de fazer isso, só mais uma coisa. Quero criar esta pequena parte pontiaguda do sinal. Se eu estiver dentro do grupo de sinais e eu criar essa parte pontiaguda, você verá que ela não aparece. Não aparece porque se esconde atrás desta máscara de camada. O que eu posso fazer é arrastar isso para fora
da máscara de camada para esse grupo de camadas e então podemos vê-lo e criar um pequeno tronco sobre isso. O que acabou de acontecer? Criei o meu grupo de camadas e estou aqui nesta forma. Por que a cor não está aparecendo? Isso porque isso é uma peculiaridade no Photoshop. Às vezes, quando você vai criar um novo caminho depois de preencher o último caminho com cor, ele faz essa coisa estranha onde ele seleciona duas camadas no painel de caminhos, e o longo e curto é que ele não deve fazer isso. Eu não sei por que ele faz isso, mas basta clicar fora dele. Em seguida, com a forma de preenchimento de cor selecionada no painel de camadas e certificando-se de que o próprio demarcador está selecionado no painel demarcadores, você pode usar a ferramenta de seleção de demarcador e clicar nela. Enquanto isso estiver selecionado e o caminho de trabalho não estiver selecionado, você poderá adicionar a uma forma e ver o efeito imediatamente. Este é um problema que encontro em todas as minhas aulas de Skillshare. Porque eu uso essa técnica tantas vezes. Agora vou fazer um novo grupo de camadas para o meu próximo ícone, que seria esta caneca de cerveja aqui. Crie uma nova camada e, em seguida, coloque-a em um grupo de camadas e nomee-a. Para ícones mais complexos como este, você provavelmente tem muitos grupos de camadas dentro do seu grupo superior. Às vezes é um preto, um preto cheio de preto onde é apenas muito escuro para ver um esboço através. Nesse caso, você pode, por enquanto, baixar a opacidade, que você possa ver o que você precisa rastrear por baixo, e então você pode retorná-la mais tarde quando terminar. Você também pode, talvez, em um ponto, optar por mudar seus negros em todos os lugares ao longo de toda a sua ilustração para algo um pouco menos intenso. Talvez eu escolha um preto baseado no vermelho. Vou fazer uma tonalidade muito escura do vermelho. A razão pela qual eu fiz isso é porque mesmo que pareça um preto mais escuro, ele pega o tom do vermelho, que traz muito mais coesão. Em algum momento eu posso ir ao redor e usar essa cor. Na verdade, posso adicioná-lo às minhas amostras agora. O benefício de um preto não tão intenso como este, como eu disse, você vê o esboço abaixo. Também não é tão áspero de aparência, então você pode optar por ter apenas algo um pouco menos intenso. Uma das vantagens de colocar todos os meus nomes de linha em uma única camada, assumindo que eles são todos da mesma cor. Posso clicar duas vezes nesse grupo de camadas
e, em seguida, adicionar uma sobreposição de cores e alterar uma cor para todas as estradas simultaneamente como um grupo. Eu estabeleci as ilustrações de base para os ícones. Ainda tenho que fazer as texturas. Mas vamos ver, eu estou desmoronando todas as minhas camadas aqui para que eu possa vê-las todas de relance. Eu posso selecionar todos esses grupos de camadas e agrupá-los novamente, porque os grupos são nossos melhores amigos aqui. Basta chamar essa coisa toda de ícones, eu posso ligar e desligar todo o grupo. Só se eu precisar ver o que está acontecendo atrás deles. Também vou desligar os esboços por um segundo. Para ver onde você vai precisar adicionar contraste ou então remover as coisas completamente. O copo de café, o branco neste cruzamento
das estradas brancas vai precisar de alguns contrastes. Agora, se eu fosse voltar atrás em torno de meus esboços, você verá que meu esboço de ícones está um pouco deslocado. Agora, eu posso ir direto para o curso deles e movê-lo para cima novamente, só para que eu tenha isso convenientemente por trás disso. Agora que eu tenho a minha ilustração base para os ícones, é hora de começar a criar fatores para eles.
16. Adicionando um pouco de tinta e lettering aos ícones: Você se lembra desses desenhos que fizemos para os ícones há algumas lições atrás? Bem, estes vão vir a calhar agora à medida que começarmos a criar as marcas electrónicas e texturas, ou os nossos ícones. O que vamos fazer é colocar isso em nossa mesa de vida, e então esboçar nossos especialistas sobre eles, especialmente onde há detalhes como linhas. Eu gosto de fazer minhas letras separadamente e, em seguida, apenas trabalhar nos ícones mais tarde, porque então eu posso fazer as letras porque eu posso gastar mais atenção nos detalhes das letras. Eu tenho meu papel de caderno aqui novamente e meus esboços originais dos meus ícones, e agora eu vou apenas fazer qualquer trabalho de linha de tinta que eu possa fazer com a caneta de ponta. A caneta é o meu melhor ponto, e posso fazer todos esses pequenos detalhes. Agora, eu só faço as partes que são estruturais. Eu não vou esboços, as coisas que já preencheram com cor. Então, uma caixa ao redor de uma janela, dá-lhe um pouco de dimensão extra, mas eu não estou delineando a cor como um livro de colorir, por exemplo. Algumas partes eu vou fazer separadamente. Como a textura do telhado, vou fazer isso separadamente. Então isso é um detalhe extra. Eu também vou fazer as letras separadamente aqui. Então talvez este carinha aqui fora. Agora estou quebrando minha regra quando você está pintando, começando no canto superior esquerdo e trabalhando para a direita e para baixo. Porque agora que eu quero fazer esta torre aqui, altos riscos serão logo sobre isso [inaudível]. Para que eu possa fazer para análise, mude a página. Onde a textura das telhas do telhado, eu posso simplesmente ignorar a forma dos picos por enquanto, aqueles empenas e apenas desenhar diretamente através porque eu posso mascarar aqueles fora com os caminhos na loja de fotos. As letras, eu vou usar um pincel e então eu vou encolher um pouco. Muitas vezes faço letras maiores do que elas precisam ser, e quando as digitalizo e as coloco menores, elas parecem muito melhores. Caso contrário. Para alguma parte do sinal onde diz, Little Italy, a fonte era um pouco arredondada, eu vou usar esta caneta esferográfica de ponta redonda, que é um pouco complicado de usar, especialmente em papel de caderno de esboços, que não é suave . Está bem. Então eu fiz a tinta para todo o trabalho de linha e até algumas outras texturas, e agora eu vou realmente procurar outras texturas que eu poderia estar fazendo. Na maior parte, as letras e o trabalho de linha serão suficientes. Só preciso de um pouco de textura para o topo da cerveja e algo para as árvores. Então, nesta fase, como é apenas um bom momento
para procurar maneiras de fazer apenas texturas adicionais. Agora estamos de volta à nossa ilustração no computador, e agora, vamos escanear o trabalho de linha e os patches que fizemos usando tinta. Como de costume, você quer ajustar os níveis para obter os brancos mais largos e os mais escuros [inaudíveis]. Vou primeiro pegar o trabalho de linha para minha torre salva-vidas aqui. Eu acredito que tudo isso foi uma peça. Vá para o grupo de camadas de ícones
e, em seguida, para o grupo de camadas que você está linha ou textura são supostos para entrar, e então você apenas criar uma nova camada no topo lá, e então nós vamos abrir nosso painel de camadas, e apenas exclua esse alfa 1, e então crie um novo alfa 1 no painel de camadas, e então comando I para inverter e colar seu trabalho de linha copiado, e então o que você pode querer fazer se for grande demais para a tela como a minha, é que eu sou vai pressionar “Command T” e torná-lo menor. Então ele se encaixa. Basta clicar duas vezes nisso, e eu vou desmarcar a seleção agora, e isso é o Comando D, e eu vou inverter, e então comando, clique em “Canal Alfa”. Isso carrega a máscara de seleção de todas as áreas brancas, agora vou criar minha cor sólida aqui no painel de camadas. Eu não fiz este preto, este tipo não muito preto,
preto que tudo o resto é, mas se eu fizer a linha real funcionar preto real, então ele vai pelo menos contrastar em cima mesmo o preto no meu mapa, então, Vou tentar isso por enquanto, e isso só permite que um pouco de detalhe apareça por cima. Agora minha nova camada é apenas uma máscara de cor aqui, e o que são camada de cor? O que eu quero fazer é criar isso em um objetos inteligentes que eu possa redimensioná-lo sem perder a qualidade da imagem. Basta redimensioná-lo até corresponder ao tamanho do seu esboço que pode estar um pouco no ângulo errado para que você possa girá-lo um pouco. Quando você está feliz, você pode desligar o grupo de camadas de esboços, apenas o selo que ele está olhando, você vai começar a ver coisas como esta, como eu delineei a porta quando eu não precisava. Se você fizer algo no trabalho de linha que deseja remover, poderá fazer isso de forma não destrutiva selecionando a parte Objetos Inteligentes. O trabalho de linha está ligado. Em seguida, aqui à esquerda do pequeno preenchimento ou do menu de camada de ajuste. Então você só vai um pouco para a esquerda lá, apenas um para a esquerda é pequeno botão chamado Adicionar máscara de camada, você apenas aperta isso e ele nos cria miniatura branca. Clique na Miniatura Branca, e então você pode usar sua ferramenta de borracha, você pode pressionar “E” ou “Barra de ferramentas” aqui no lado, e certifique-se de que o tamanho da borracha é pequeno o suficiente para que você possa ter alguma precisão. No meu caso, o que eu quero fazer é apagar essa linha extra que está chocando com a minha porta lá. Esta é uma edição não destrutiva, e eu vou te mostrar o que quero dizer com isso em um segundo. Vou apagar isto. Tecnicamente, não estou apagando, só
estou me mascarando. O que eu fiz nesta pequena miniatura branca é que eu desenhei uma máscara usando a ferramenta borracha. Se eu mudar e clicar nessa miniatura, posso desativar a miniatura da máscara de camada e você pode ver que ela ainda está lá. Vou clicar nessa miniatura só para restabelecer a máscara. Agora, se você está na ferramenta Borracha e você está apagando essa máscara de camada e você descobrir que você não está apagando e, na verdade, é apenas adicionar ou apenas não ter um efeito, certifica-se de que você está perto da paleta de cores, que a cor de fundo é preta. Uma vez que você faz isso e você está batendo uma corrida, então você vai ter o efeito que você precisa. Para fazer isso muito rápido, você pode apenas pressionar X e ele alterna, de
volta em primeiro plano e segundo plano. Então, enquanto eu estiver aqui, eu vou apenas puxar a forma da porta um pouco porque eu não quero aquela porta preta correndo para a linha de tinta onde a quantidade é agora um pouco de um espaço mais limpo lá. Eu posso usar isso, usar linhas que eu criei para um telhado telhas. Bem aqui, eu vou apenas clicar no telhado vermelho da estação salva-vidas e eu vou fazer tudo de novo. Vou criar uma nova camada no painel de camadas, vou entrar no canal alfa que criei e deletar isso, criar uma nova. Eu poderia tentar o cinza, apenas criar isso em um objeto inteligente. Agora, se eu definir essa camada para se multiplicar, eu tenho uma boa tonalidade ou sombra do vermelho. Eu estou percebendo também que as linhas que eu desenhei um bastante oscilante, I rapidamente endireitar uma linha oscilante se há apenas linhas retas é apenas um esticá-lo. Isso ainda tem um bom olhar artesanal, mas é muito mais reto agora, porque algo que eu poderia fazer é fazer as telhas um pouco mais fino e aqui eu tenho alguns da torre escada aqui. Logo acima do teto que eu não gosto, então eu vou voltar para a minha máscara de camada que miniatura branca com minha ferramenta de borracha tocando E, e apenas apagando coisas que não deveriam estar lá. Se você apagar mais, você pode apenas pressionar X para alternar. Isso é uma melhoria. Há alguns erros aqui que eu posso corrigir como este gotejamento. pequena Itália não é suficientemente escura, por isso vou ajustar mais isso. Então, apenas aqui no arquivo de digitalização, eu posso apenas ter certeza de que meu plano de fundo está definido como branco, e depois apagar isso. Esta é uma borracha menor, por isso não é tão suave e apenas balançar um pouco. Aqui vamos nós. Agora, eu deveria espaçar essas cartas que eu poderia fazer apenas abrindo este objeto aqui. Para aumentar o espaçamento aqui, eu abri o objeto inteligente e estou certificando que minhas cores de fundo selecionaram preto. Acabei de clicar na máscara preta do canal Alpha na camada real no painel de camadas. Essa é a miniatura preta, e usando a ferramenta de seleção, peguei áreas da máscara que quero mover. Uma vez selecionado, eu posso clicar e arrastar ou usar as setas
do teclado e simplesmente empurrá-las para as posições que eu quero. Uma vez que eu estou satisfeito com o espaçamento, eu posso apenas salvar e retornar para os arquivos de ilustração média. Quando você tem suas letras em camadas separadas como esta, basta copiar a coisa toda, vamos apenas colá-lo diretamente nas camadas. Aqui, pronto para ir. Provavelmente escondido na máscara de camada, lá está ela e nós vamos apenas encolher isso para baixo. Vamos encolher para que possamos caber na rua. Então vamos copiar isso e podemos apertar o comando Shift J, o que isso faz é cortá-lo, colocá-lo no topo e isso parece bom para mim. Então esta é a camada nove e 10. O que podemos fazer agora é apenas pressionar o comando E para mesclar as camadas, ou podemos simplesmente ir mesclar camadas. Agora, o que podemos fazer é cortar isso e fazer nossa coisa, Smart Object que up, trazê-lo para o sinal e usar a ferramenta de transformação, encolher isso para baixo. Temos um pequeno sinal adorável. Agora, estamos terminando a ilustração adicionando as marcas de tinta, texturas e letras a todos os ícones. Uma vez feito isso, podemos dar um passo atrás, e apenas ter certeza que os ícones estão bem acima do mapa e também, para ver se nós bagunçamos alguma coisa em termos de texturas em detalhes, e adicionar o acabamento toques que faremos na próxima lição.
17. Concluindo o mapa: Agora estamos adicionando os retoques finais ao mapa. Este é o último passo e depois acabamos. Nossos mapas já estão parecendo muito bons, muito acabados. Só uma questão de ter certeza de que
incluímos tudo o que queremos incluir no mapa. Isso vai ser coisas como, claro, a bússola rosa, vai ser pequenos elementos secundários como árvores e pequenos personagens. No meu caso, vou colocar alguns personagens no meu mapa como pessoas em bicicletas e um bonde, ou sintonizar alguns carros. Eu também vou estar movendo os ícones ao redor e outros elementos no mapa ao redor apenas para ter certeza de que eu obter um equilíbrio. Porque à medida que estou trazendo mais elementos para o mapa, a relação de tudo muda um pouco. Só estou usando meus olhos para mover as coisas e ter certeza de que há um bom equilíbrio. A primeira coisa que estou fazendo é mover as coisas para ter certeza que tudo se encaixa bem. Aqui, o que eu estou fazendo é usando uma linha que eu digitalizei anteriormente para se tornar minha linha de cores e eu estou brincando com como eu vou associar os pontos no mapa com os ícones e os títulos. Você verá como eu estou passando por aqui, um para trás e para frente
e para ver como algo funciona e, em seguida, fazendo um pequeno ajuste aqui, fazendo um pequeno ajuste lá. Isso é o que você vai me ver fazendo aqui. Estou usando máscaras de camada para esses objetos inteligentes para apagar qualquer linha extra lá. Eu tinha esquecido de incluir o rótulo Leslieville, então eu estou apenas adicionando isso aqui. Às vezes o que eu gosto de fazer, então títulos ficam por conta própria um pouco melhor. É criar um fundo para eles e o meu tipo de estilo ou técnica é apenas fazê-lo parecer um pedaço de papel recortado por trás dele. Outro problema que estou enfrentando aqui com a Torre CN é uma forma tão alta e magra. Não quero que pareça que está saindo da água, o que talvez eu tenha que fazer como compromisso. Mas estou tentando associá-lo mais perto de seu lugar real na cidade. Mas estou achando um pouco de desafio. Como coloco perto desse ponto? Ter o texto abaixo e, não colidir com outros elementos no mapa. Verá que tenho ondas cerebrais aqui. Eu também decidi que a linha de cores que eu estava usando era um pouco gorda demais e assim, eu estou criando uma linha de cores nova e mais fina para usar, que é um pouco mais elegante e menos distrativa, eu acho. Aqui eu estou jogando um pouco com tudo estar em ângulos de 45 graus. Mais tarde, eu percebi que isso talvez seja um pouco rígido demais para este mapa em particular. Ainda brincando com onde colocar meus rótulos de ponto de interesse. Eu decidi dar a todos eles,
aquele pequeno fundo de papel cortado para que eles fiquem por
conta própria e se associem melhor com os pontos do mapa. Agora estou trabalhando no título aqui e fiz algumas letras para o título do mapa. Aqui eu estou apenas montando-os em uma camada antes de transformá-los em um objeto inteligente. Encontrei um lugar vago perto do fundo do mapa. Só estou trabalhando nisso lá fora. Também tente descobrir de que cor eu quero que seja. Aqui é onde você pode ver que eu encontrei um lugar para a torre CN. Aqui está minha bússola rosa. Uma primeira tentativa na rosa da bússola. Vamos ver que cor funciona. Este para mim acabou se sentindo um pouco fora de lugar. Adicionando alguns dos meus ícones secundários, então apenas pequenas coisas realmente pequenas e eu estou fazendo eles aqui. Tenho tentado em azul e multiplicando-os
pelo mapa para que se sintam um pouco mais integrados. Estes realmente adicionar um monte de diversão para mapear. Este é um bonde de Toronto por excelência e há uma linha de bonde na Queen Street. Eu tenho que colocá-lo naquela rua. Estou brincando, colocando um fundo atrás do bonde, vendo se isso funciona. Eu sinto que isso faz aquele bonde se destacar
demais , então eu mais tarde encontrar uma solução diferente. Agora estou fazendo algumas pequenas árvores para dar a volta, brincando em torno das hastes azuis para combinar com o azul dos outros ícones secundários e depois folhagem branca. Tipo diferente de árvore. Estou encontrando os ícones em azul, não estava funcionando para mim, então eu desliguei-os
para preto e agora eu tenho que mudar a cor da folhagem nas árvores também. Tornou-os um pouco menores também. Eram um pouco grandes demais para mim. Adicionar um pouco de variedade nos tipos de árvores ajuda. Adicionando um plano de fundo ao título para que ele se destaque mais sobre o mapa. Meu último estilo de rosa bússola, apenas o simples e uma qualidade de linha mais caprichosa do que eu tinha antes. Claro, tirando um erro de digitação eu coloquei duas vezes no subtítulo. Brincando em torno de um olhar se esse sinal deve ser preto ou branco. Acabei indo com o branco. Então, claro, os rótulos para Little Italy e Leslieville foram feitos aumentando nomes direito em seus sinais, aspirando embora apenas para dar um quarto melhor. Em seguida, adicionou luzes coloridas a isso. Garantir que os nomes das ruas se
18. É isso aí! Conclusão: Sempre [inaudível] ok caras. Acho que terminamos. Fizemos um mapa ilustrado e fizemos muito trabalho. Parabéns, ótimo trabalho pessoal. Fizemos muita pesquisa e brainstorming e esboços, muitos e muitos esboços. Muito metodicamente adicionando camadas, Photoshop, fazendo nossas texturas de tinta, trazendo-os em provavelmente um monte de jogo e experimentação, tentativa e erro. Espero que não muito puxando o cabelo e frustração. Mas, este foi o primeiro grande projeto usando minhas técnicas de ilustrações de tinta que ensinei aqui no Skillshare e que fizemos juntos. Estou super orgulhoso de vocês por me seguirem o tempo todo. Eu sei que é realmente um monte de pequenas coisas envolvidas e definitivamente vai haver coisas que eu perdi. O que eu realmente queria fazer era mostrar a vocês o
máximo de uma visão geral de fazer mapas possível. Então, se há algo que eu fiz no meu mapa que você me viu fazer que eu não expliquei. Usamos um hit me na seção de comentários sobre esta classe e eu ficaria mais do que feliz ajudá-lo
a trabalhar através de quaisquer perguntas que você tem. Agora cabe a vocês. Eu adoraria que vocês compartilhassem seus projetos. Certifique-se de colocá-lo na pasta de projetos aqui e se você estiver indo para colocá-lo no Instagram ou em qualquer outra de suas redes sociais, por favor, marque, hashtag mapas de tinta e isso
será incrível para nós poder encontrar o que vocês fizeram. Bom trabalho. Vejo você na seção do projeto abaixo.