Design de logotipo com o Adobe Illustrator

1. Apresentação: [MÚSICA] Você está planejando criar um logotipo, mas não sabe por onde começar? Deixe-me ajudá-lo. Sou Martin. Tenho mais de 20 anos de experiência como designer gráfico, ilustrador e instrutor certificado pela Adobe. Trabalhei com empresas como BBC, Disney, Google, IKEA, e mal posso esperar para compartilhar minhas melhores práticas com você. Este é um curso prático simplificado com foco em um projeto de design da vida real. Eu estarei guiando você por tudo passo a passo, e você receberá todos os arquivos de exercícios para que você possa acompanhar. Caso você prefira não me copiar, você também pode seguir meu fluxo de trabalho usando ativos alternativos fornecidos e criar algo completamente exclusivo que você pode mostrar em seu portfólio criativo. Tenho certeza que este curso irá inspirá-lo a criar algo incrível. Primeiro, exploraremos os vários tipos de logotipos por aí, termos importantes com os quais você deve estar familiarizado e considerações que você precisa fazer antes de começar a projetar. Em seguida, abordaremos as etapas de um fluxo de trabalho profissional de design de logotipo, breve, pesquisa, esboço, design vetorial e apresentação. Usaremos o Adobe Illustrator para a maior parte do processo, além do esboço, que farei no Procreate. No entanto, você pode fazer isso em papel ou com qualquer outra ferramenta de desenho ou aplicativo que você preferir. No final do curso, também abordaremos como criar e estruturar um guia de marca para seu cliente. Além de todas as coisas técnicas, também abordaremos algumas importantes teorias de design gráfico que você poderá aplicar em qualquer um de seus futuros projetos criativos. Você pode participar deste curso sem nenhum conhecimento prévio em ilustração de design gráfico ou aplicativos da Adobe. Mas, para concluir o projeto, você precisará acessar a Adobe Creative Cloud e a um computador desktop ou laptop. Mas agora é hora de começar a criar. Vejo você na próxima lição. [MÚSICA] 2. Tipos de logotipos: O design do logotipo é um dos tópicos mais discutidos em Design Gráfico. Isso ocorre principalmente porque a maioria das pessoas, designers ou não, são bastante opinativas sobre as marcas que gostam e as que não gostam. O logotipo, de certa forma, é a essência visual de uma marca ou empresa. É por isso que, como Designer Gráfico, se você estiver projetando um logotipo para uma empresa, você está realmente assumindo um trabalho altamente responsável porque você estará definindo essa ferramenta de comunicação visual crucial para o cliente, e mesmo que o logotipo em si seja apenas parte da identidade visual de uma empresa, ou a identidade da marca ainda é o elemento mais importante porque é aquele que irá ser visto pelas pessoas mais. Primeiro de tudo, como podemos categorizar os tipos de logotipos que vemos? Para isso, há sete categorias principais sobre as quais podemos falar , das quais as três mais comuns são marcas de palavras, marcas pictóricas e Lettermarks. Um Wordmark ou também chamado de logótipo é um logotipo base de tipo que na maioria das vezes apenas tem o nome da empresa e talvez um slogan adicional. Uma marca pictórica, marca marca ou símbolo de logotipo é um ícone ou logotipo de base gráfica sem qualquer tipografia. Lettermarks ou logotipos Monogram geralmente são as iniciais do nome de uma empresa. Essencialmente, eles são logotipos que consistem letras sem soletrar um nome real. Agora, as outras quatro categorias também são obviamente muito populares, e essas são combinações das três primeiras que já discutimos, começando com uma marca de combinação que provavelmente é a mais fácil de entender. É uma combinação de uma Lettermark, uma marca de palavras e uma marca pictórica. Teria tipografia e detalhes ilustrativos. Uma marca abstrata é muito semelhante a uma marca pictórica. Mas a principal diferença aqui é que é uma forma abstrata, geralmente uma forma geométrica abstrata, por isso não é uma imagem reconhecível em comparação com a marca pictórica. Uma marca de emblema é mais como um banco que teria um contêiner na maioria das vezes que reúne tipografia e detalhes ilustrativos adicionais. Esses tipos de logotipos se originam das cristas que eram usadas por casas nobres no passado e, eventualmente, também por artesãos. Por último, mas não menos importante, os logotipos de mascote são esses tipos únicos de logotipos onde você teria um caráter muito reconhecível que se tornou equivalente à própria marca. Agora, dependendo do setor em que a marca é para o qual você está projetando um logotipo, pode ter um grande impacto em qual dessas categorias funcionará melhor. Você pode ver com marcas de alta moda, são principalmente marcas de palavras ou Lettermarks que eu usei. Embora existam algumas marcas de combinação, maioria delas dependerá exclusivamente da tipografia. Como estamos falando de tipografia, também é interessante mencionar que a maioria das marcas, sejam elas em tecnologia ou moda, nos últimos dois anos, tem se afastado do tipo mais decorado rostos, incluindo serif e script para sans-serif mais simples. No caso da Burberry, eles não só mudaram a fonte, mas também se livraram dos detalhes pictóricos no logotipo. Em geral, quando você olha para o lado esquerdo e direito em cada uma dessas colunas, as mudanças mais proeminentes que todos esses logotipos ficaram muito mais legíveis. Eles podem ser vistos e reconhecidos de mais longe, mesmo quando usados em um formato pequeno. Por exemplo, mesmo nesse tamanho, quando você tenta comparar esses logotipos, você poderá dizer que os do lado direito são definitivamente muito mais fáceis de ler. Agora, outra coisa importante sobre logotipos é que eles devem ser originais, únicos e algo que se destaca do resto das marcas. Embora este deva ser um objetivo que você sempre deve ter em mente sempre que estiver projetando logotipos, você também tem que aceitar o fato que não há nada de novo sob o sol, e quase todos tipo de combinação já foi feito de uma forma ou de outra. Apenas alguns exemplos. Tenho certeza que você está familiarizado com o logotipo da Beats, mas é quase um rasgo direto deste logotipo Stadt Bruhl de 1971. Mesmo as proporções são muito semelhantes, mas o Beats não foi o primeiro a copiar esse design. Até o BigFix tinha algo muito parecido. Embora esteja de cabeça para baixo, o logotipo Priority Parking também é muito semelhante. Outro bom exemplo é esse par de logotipos, Sun e Columbia. Mas provavelmente recentemente o logotipo mais controverso tem ser o novo nome da empresa do Facebook e seu logotipo Meta que é extremamente semelhante a muitos outros logotipos como este aqui acima dele. Sempre que você estiver projetando logotipos, lembre-se de fazer alguma pesquisa antes de se comprometer com um design. Se você encontrar algo muito parecido com a ideia que você tem, especialmente entre os concorrentes do seu cliente, então você deve realmente voltar para a prancheta e refinar seu conceito ou talvez venha com algo diferente. Agora, que abordamos o básico, no próximo vídeo, falaremos sobre dicas úteis quando se trata de projetar logotipos e também algumas tendências com as quais você deve estar familiarizado. 3. Melhores práticas: Uma boa prática para projetar um logotipo é sempre começar em preto e branco. Não introduza cores no início. Você sempre deve começar a fazer esboços depois coletar algumas referências e inspiração. Esses esboços podem ser inicialmente mais soltos e, em seguida, você pode selecionar os mais fortes e refiná-los ainda mais, até chegar a um ponto que você e o cliente estejam felizes. Em seguida, você pode transformar seu esboço em um design vetorial, preferência usando o Adobe Illustrator. Agora, a razão pela qual os logotipos devem sempre ser vetoriais, porque eles precisam ser capazes de dimensionar desde o tamanho de um adesivo ou um cartão de visita, até o tamanho de um avião. Uma boa maneira de testar se seu logotipo funciona em um tamanho pequeno é simplesmente ampliando e olhando para ele à distância. Por exemplo, esse logotipo aqui, que tem muitos detalhes, quando reduzido, será muito difícil reconhecer o que realmente está acontecendo. Ter muitos detalhes em um logotipo não só afetará a visibilidade e a capacidade de reconhecimento dele, mas também tornará mais difícil para as pessoas se lembrarem disso. Agora, para um logotipo memorável, você quer ter significado associado ao design ou, melhor ainda, vários significados. Isso nos leva à dica mais importante que posso dar você sempre que você estiver projetando logotipos, mantenha-o simples. Mesmo quando você está olhando para o logotipo da Starbucks, que ainda é considerado um design bastante complexo, você pode dizer como com o tempo ele evoluiu e ficou mais simples. Você veria uma tendência semelhante com as marcas mais famosas de que seu logotipo ficou mais simples e simples com o tempo. Aqui também está uma lista interessante mostrando as 100 melhores empresas do mundo, e seus logotipos classificados pelo valor da marca. Os cinco primeiros são Coca-Cola, Apple, IBM, Google e Microsoft. Embora desses cinco, quatro sejam empresas de tecnologia, o resto da lista inclui marcas de praticamente todos os setores. Também é interessante que 21% dos logotipos usariam formas circulares. Circle é percebido como a forma geométrica perfeita e mais equilibrada, isso é uma razão pela qual muitas marcas o usariam. Quarenta e cinco por cento dessas marcas usam o tipo sans-serif. Isso é algo que já discutimos. É claro e fácil de ler mesmo à distância. Também é interessante que 34% dessas marcas usam a cor vermelha. Isso faz sentido porque o vermelho é provavelmente a cor mais poderosa. Na verdade, é algo que eu entro em muito mais detalhes no tópico de cores neste curso. Novamente, se você estiver interessado em saber mais sobre isso, verifique essa parte do curso. Logotipos animados como os que você pode ver aqui, também são muito usados hoje em dia. Eles podem variar de efeitos dinâmicos simples a apresentações de vídeo curtas inteiras. Transformar um logotipo em uma animação, novamente, é sempre mais fácil quando você tem um design mais simples. Para poder criar esses tipos de animações e transformar um logotipo estático em algo mais dinâmico, você precisaria de habilidade e experiência de design de movimento, e provavelmente poderá trabalhar no After Effects ou algo semelhante a isso. Essa área definitivamente vai além do escopo do que se espera que um designer de impressão faça. Quando se trata de versões diferentes de um logotipo, o mais essencial que você sempre deve considerar no design são essas quatro versões. Ter uma versão colorida em fundo branco e preto e, em seguida, uma versão monocromática também em fundo branco e preto. Ter essas variações definidas já dará alguma flexibilidade na forma como a identidade pode ser usada. Mas muitas marcas agora usam logotipos variáveis ou logotipos dinâmicos, o que significa que eles podem ser adaptados ao formato e ao ambiente em que são usados. Podemos ver alguns exemplos aqui em que um logotipo um pouco mais complexo pode ser simplificado, dependendo do tamanho e do contexto em que ele apareceria. Mas, além da variabilidade funcional, também há variabilidade estilística que algumas marcas aplicariam. Como com a Apple, existem muitas variações, mas você ainda reconheceria a marca, graças, novamente, à simplicidade da forma original. Mas quando você procura exemplos de logotipos variáveis, você encontrará muitas soluções criativas onde o logotipo pode até se tornar como um pequeno bloco de construção que, novamente, pode mudar dependendo do formato é usado. Agora, eu mencionei no início quando começamos a falar sobre logotipos é que eles fazem parte do design de identidade de uma marca. Mesmo sendo o elemento mais importante, ainda é apenas parte de uma coleção de elementos que a empresa cria para retratar a imagem certa para os consumidores. Uma identidade de marca incluiria todas as formas em que a marca será representada, seja impressa ou digital. Mas no caso de design impresso especificamente, você pode pensar em cartões de visita, qualquer papelaria, embalagem, vestuário, cartazes, folhetos, folhetos e assim por diante e assim por diante. 4. Densidade proposicional: Para entender melhor como a hierarquia visual funciona especificamente no design do logotipo, precisamos falar sobre densidade proposicional. Aqui pensamos no relacionamento e na proporção entre a quantidade de elementos em um logotipo e a quantidade de significados subjacentes ou ocultos empacotados neles. Veja este logotipo, por exemplo, da campanha presidencial de Barack Obama em 2008, que é um exemplo brilhante de como a quantidade de significados pode superar em muito a quantidade de elementos usados. Quando falamos de densidade proposicional, os significados, geralmente nos referimos como proposições profundas e você pode facilmente lembrar que, porque esses são os significados ocultos ou significados subjacentes, então eles estão no fundo. Os elementos reais que são usados no design que chamamos de proposições de superfície. Isso também é fácil de lembrar porque eles estão na superfície, é o que podemos realmente ver. Existe uma equação matemática muito simples para obter a densidade proposicional real, basta contar quantas proposições profundas você pode encontrar e depois dividir esse número com a quantidade de proposições de superfície. Portanto, conte essencialmente o número de significados que você pode encontrar e dividi-lo com o número de elementos usados no design. No caso deste logotipo, podemos encontrar 10 significados e apenas três elementos que são usados. Portanto, a equação é 10 dividida por três, o que resulta em um número maior que três. Agora, mesmo que você consiga alcançar a densidade proposicional para ser maior que uma, você já está fazendo um ótimo trabalho, mas como você pode ver, neste caso, houve mais de três vezes mais significados como os elementos reais. Este, é claro, é um exemplo excepcionalmente bom para a densidade proposicional, mas apenas para mostrar o outro extremo, aqui está um logotipo que obviamente é muito mais espesso em termos de densidade proposicional, e aqui o número provavelmente está abaixo de um porque há mais elementos do que significados. Sem contar, podemos ver imediatamente que temos a águia ousada e a bandeira americana, que basicamente carrega exatamente o mesmo significado de patriotismo. Da mesma forma, temos o texto Em Deus Nós Confiamos aqui na parte inferior, mas também temos a Bíblia e a cruz. Então, novamente, três elementos servindo o mesmo significado. Sem mencionar que mesmo o texto é repetido, como o Condado de Saint Francois que está escrito aqui do lado de fora, também é visível aqui neste pequeno mapa dentro do logotipo. Portanto, tenho certeza de que, mesmo sem contar exatamente as proposições profundas e superficiais, podemos ver claramente que esse logotipo é muito menos bem-sucedido em comparação com a campanha de Obama. Mas há muitos outros logotipos que têm uma grande densidade proposicional como o logotipo atual do Airbnb, que apesar de ser apenas uma forma abstrata simples, ele realmente se refere a muitas coisas como pessoas, lugares, amor e também a letra A, que é a primeira letra do nome. Neste caso, há duas preposições de superfície, a forma e o texto, mas imediatamente podemos encontrar essas quatro proposições profundas, quatro divididas por duas, obtemos duas para densidade proposicional, que mais uma vez é uma conquista brilhante. Para que uma marca seja memorável e para as pessoas possam reconhecê-la facilmente, a eficácia depende fortemente da densidade proposicional para a qual, como podemos ver, uma das coisas mais importantes é para manter seus elementos tão simples ou o menos possível, e há um estudo chamado Branded In Memory, que mostra como diferentes marcas são lembradas pelo público em geral. Aqui, por exemplo, podemos ver o logotipo da Apple extraído da Memória por mais de 150 pessoas, exibido de uma forma que estamos obtendo as versões mais precisas à medida que estamos chegando ao canto inferior direito e temos os menos precisos aqui no canto superior esquerdo. Os desenhos estão melhorando à medida que estamos indo até o canto inferior direito, e também há algumas estatísticas interessantes adicionais aqui na parte inferior, das quais, provavelmente a mais interessante, está mostrando que a cor real do logotipo é cinza, mas essas são as cores que as pessoas usaram quando estavam desenhando esses logotipos. Mesmo que a maioria das pessoas usasse cinza, também há muitas pessoas que usam preto, e havia até algumas pessoas usando azul e vermelho em seus desenhos. Agora, definitivamente, o número mais importante aqui é a porcentagem de quantas pessoas conseguiram desenhar uma versão quase perfeita do logotipo, porque isso mostra muito bem como memorável este logotipo é, e no caso da Apple, foi de 20%. Comparado a isso, o mesmo estudo exato resultou em apenas 6% para desenhos quase perfeitos para a Starbucks e algumas versões realmente engraçadas do logotipo aqui no canto superior esquerdo, mas o logotipo com melhor desempenho neste estudo foi o Target com 25% de desenhos quase perfeitos. Isso significa que uma em cada quatro pessoas conseguiu desenhar o logotipo da Memória sem cometer nenhum erro, e até mesmo as cores e suas proporções combinavam quase perfeitamente com o logotipo real de todos esses desenhos. Agora podemos ver claramente que a densidade proposicional desempenha um papel importante no design do logotipo, mas a lição geral que podemos aprender com isso é que pensar em proposições superficiais e profundas é algo que também podemos aplicar a qualquer forma de design. Portanto, mesmo quando você está trabalhando em um folheto, um cartaz, uma revista ou um site, você sempre deve se questionar se precisa adicionar esse elemento adicional e se ele vai adicionar qualquer significado para o seu design ou facilite para os espectadores entenderem o que estão vendo. Apenas introduza novos elementos quando eles são realmente importantes e quando já não há nada no design que sirva ao mesmo propósito. Obter a hierarquia visual correta em seus projetos depende não apenas priorizar certos elementos em detrimento de outros, mas também da sua capacidade de julgar quais são os elementos que você realmente precisa na composição e quais são os que você pode deixar de fora. 5. Processo de design de logotipos — breve: É quase impossível criar algo excepcional sem antes ter um breve muito bom. Não se aplica apenas ao design do logotipo, é praticamente verdade para todos os projetos criativos. Sua responsabilidade como designer é realmente garantir que você tenha todos os detalhes antes de começar o projeto. Você tem que se sentar com o cliente, se possível, ou conversar sobre o resumo ou os objetivos que ele lhe deu e, se alguma coisa não estiver clara, certifique-se de fazer perguntas. Depende realmente da sua relação com o cliente, se eles querem ver alguns exemplos do seu trabalho antes e talvez apontar algumas coisas que eles gostam dele, ou talvez até mesmo olhar para os concorrentes logotipos e novamente, pergunte ao cliente, quais são os que eles preferem. No entanto, normalmente prefiro ficar longe das escolhas criativas no início e concentrar em coisas como o público-alvo, que são os clientes típicos que o cliente gostaria de impressionar e quer chamar a atenção deles. Também é muito importante definir as expectativas logo no início, então você tem que concordar com os resultados, o que você vai apresentar, quantas variações o cliente pode esperar de você, também quantas rodadas de revisões você poderá fornecer pelo preço acordado. Finalmente, é claro, você sempre precisa pedir um prazo. Isso é bom tanto para você quanto para o cliente porque ele vai manter as coisas em movimento e isso dará uma estrutura ao seu processo criativo. Agora, antes de concordar com qualquer coisa, lembre-se sempre de que você nunca deve prometer demais. Certifique-se de que seja o que você concordar, você não só é capaz de entregar, mas também provavelmente será capaz de exceder as expectativas. Por exemplo, se houver um prazo apertado e você souber que pode fazer, digamos que três variações de logotipo em um dia, então, em vez disso, conte e prometa, apenas dois para cada dia que você vai trabalhe no projeto. Dessa forma, você pode manter seu cliente feliz e ele se tornará um cliente de retorno porque, novamente, você superou suas expectativas. 6. Processo de design de logotipos — pesquisa: Vamos passar para a segunda etapa mais importante processo de design do logotipo, que é a fase de pesquisa ou a coleta de inspiração. Agora, para isso, eu normalmente uso Milanote, que é uma ferramenta on-line brilhante onde você pode realmente reunir todos os recursos visuais ou exemplos que você gostaria de usar para um projeto. Agora, é claro, você também pode usar quadros do Pinterest ou até mesmo criar quadros de humor no Photoshop, seja lá o que estiver familiarizado. O importante é coletar tantos exemplos quanto puder e organizá-los em temas ou categorias, o que quer que faça sentido para você. Você pode priorizar a procura logotipos e logotipos de concorrentes do mesmo setor. No entanto, isso pode lhe dar um pouco de uma visão de túnel e é bom ter um espectro mais amplo de exemplos. Por exemplo, com este projeto, mesmo que se trate de um mercado de fazendeiros, eu ampliaria minha busca, eu olharia exemplos alimentos orgânicos, vida saudável, até atividades ao ar livre, o que quer que tenha um tipo semelhante de público vai funcionar para uma pesquisa e além de ver muitos exemplos, a principal razão pela qual você está fazendo sua pesquisa é se inspirar e ter ideias apresentadas à sua frente. Para este resumo, organizo minha pesquisa em seis categorias principais com base no estilo deles, e sempre me certifico de que não me deixo influenciar demais, pelos exemplos que coletei ou as categorias que criei. Eles são ótimos para definir alguma direção e dar um pouco de estrutura para o meu processo, mas eu sempre me dou alguma liberdade para explorar e até mesmo cruzar entre essas categorias que crio. 7. Processo de design de logotipos — esboço: A próxima etapa do processo é definitivamente a mais divertida e mais criativa. É quando você começa a esboçar. Agora, se você não é bom em desenhar, não se preocupe porque seus esboços podem ser muito simples, eles podem ser miniaturas grosseiras, em vez de serem muito detalhados. Para ser honesto, não é bom criar esboços muito detalhados de qualquer maneira, porque novamente, eles podem forçá-lo a realmente seguir tudo e adicionar todos os mesmos detalhes assim que você entrar no ilustrador. Em vez disso, é bom mantê-los um pouco difíceis e dependendo de suas habilidades de desenho, você pode julgar o que funciona para você. Mas lembre-se de nunca entrar no ilustrador logo depois de fazer sua pesquisa. Você pode começar a esboçar já enquanto está pesquisando porque, se surgir uma ideia enquanto você vê alguns exemplos legais, você deve anotá-la e você deve gravá-la, porque é tão fácil de perder e esqueça, algumas dessas faíscas brilhantes que você obtém ao olhar para algum trabalho inspirador. Também é bom não se limitar, quantos esboços você cria. Eu diria que o mínimo três é bom, e provavelmente máximo 20, mas você pode ter quantos quiser. Se você tiver mais de 10, eu sempre diria, é bom filtrar as ideias já, e talvez selecionar cerca de cinco, seis que se destaca, e que você acha que vale a pena desenvolver ainda mais. 8. Processo de design de logotipos — esboços de traçados: Agora, quando você tiver seus esboços prontos, é hora de entrar no Illustrator. O que eu normalmente faria é configurar uma camada de modelo, modo que ajuda a manter os esboços em segundo plano e ter tudo ajustado para que eu possa trabalhar facilmente em cima dela. Aqui você pode ver que eu já coloquei nessas imagens. Eles são apenas JPEGs simples, e então eu vou clicar duas vezes na “Camada” e escolher Modelo, e depois definir o dim para cerca de 20%. Você pode mantê-lo mais alto ou menor, o que funcionar para você, mas eu prefiro mantê-lo bastante baixo em termos de visibilidade. Essa camada pode ser facilmente ativada e desativada, mas, por padrão, ela também será bloqueada. Isso só permite que você trabalhe facilmente em uma camada separada em cima dela. É importante criar essa nova camada vazia porque Illustrator não permite que você trabalhe em uma camada de modelo. 9. Dica do Adobe Illustrator — várias janelas: Agora, depois de começar a trabalhar e adicionar detalhes, você ainda verá o modelo abaixo. Ocasionalmente, você pode querer simplesmente desligá-lo e ligá-lo novamente para poder vê-lo sem o esboço. No entanto, se você tiver um monitor grande, ou melhor ainda, uma segunda tela, há outro método que você pode usar. Basta ir ao menu da janela e escolher “Nova janela”. Isso abrirá o mesmo documento de uma janela separada, portanto, é um documento vinculado. Não é um documento separado. Você pode ver aqui no topo, ele dirá Versão 1, Versão 2. Só para que possamos vê-lo juntos, vou escolher “Organizar azulejos”. Dessa forma, podemos ver as duas janelas lado a lado. É quando você tem uma segunda tela, você pode simplesmente arrastar uma dessas janelas para o outro monitor. Mas, por enquanto, vou selecionar esta janela aqui à direita, e vou desligar o modelo nessa, que só afetará essa janela à direita e não a da esquerda, mesmo que seja o mesmo arquivo. Ter duas janelas separadas permite que você veja camadas diferentes ao mesmo tempo. Você pode continuar trabalhando com qualquer um desses, e as alterações ficarão visíveis em ambos ao mesmo tempo. Isso é extremamente útil especificamente para o design do logotipo, onde você também pode usar esse método para ter uma das versões ampliada enquanto a outra está ampliada. Você pode trabalhar em pequenos detalhes, mas sempre fique de olho no design geral. Você nunca deve esquecer de olhar para o seu logotipo à distância de qualquer maneira, porque se você estiver sempre ampliado, você acabará adicionando muitos pequenos detalhes que nem serão visíveis corretamente uma vez que o o logotipo está em uso, impresso em um pequeno cartão de visita, por exemplo. Ter duas janelas no Illustrator é útil por vários motivos e, claro, mesmo que sejam duas janelas, você precisa salvá-las apenas uma vez. Você não precisa se preocupar fechar acidentalmente um deles, porque enquanto um deles estiver aberto, você sempre poderá manter e manter quaisquer alterações feitas. 10. Dica do Adobe Illustrator — densidade de linhas: Agora pulando de volta para o Illustrator, você podia ver que eu estava desenhando tudo sobre os esboços e recriando tudo vetores de bits. No entanto, neste momento, ainda não estou adicionando nenhuma cor de campo, sem gradientes, sem cores, apenas detalhes em preto e branco puros. A principal razão pela qual estou fazendo isso é poder me concentrar em coisas mais importantes que definirão uma boa composição, como contraste, densidade de linha, hierarquia e equilíbrio. Deixe-me dar um exemplo rápido. Se eu aproximar esse design, lembro-me originalmente, eu tinha esses ramos aqui na parte inferior com a mesma largura de traçado que o resto dos detalhes. Você pode ver, atualmente , estes são um pouco mais finos do que as outras linhas aqui no topo. Se eu entrar em uma edição que, por sinal, é um símbolo, e eu aumentar o tamanho dos traços para cinco, que é o mesmo que o resto deles, ele será atualizado em ambos os lados porque foi configurado como um símbolo. Mas quando diminuímos o zoom, podemos ver como ele se parece com cinco pontos, tamanho do traçado e como foi com três pontos. Mais uma vez, esse é o cinco pontos e há os três pontos. Agora, é uma diferença muito sutil, mas você sempre tem que se perguntar, isso está ajudando a composição? Esse é um detalhe importante que ter uma ênfase tão grande nisso? Porque todos esses detalhes compactam, as folhas próximas umas das outras, realmente criam um detalhe ocupado e denso lá. A questão é sempre: precisamos disso? Está ajudando a composição? Na minha opinião, funciona melhor com um pouco menos de densidade. O foco pode se mover mais em direção ao centro da composição onde temos a cenoura e a pequena ilustração da empresa. Aqui está outro exemplo como é importante acertar a densidade da linha. Aqui fui eu com um visual um pouco mais tradicional para o logotipo. Mas você pode ver novamente que eu fiz essa divisão entre as linhas que são usadas para a ilustração do personagem real no meio e as linhas mais finas no fundo, que é usada mais como como padrão. Por exemplo, se eu selecionar essas linhas e aumentá-las em até dois pontos para corresponder à mesma espessura que a cenoura, ela pode ficar um pouco avassaladora. Não está piorando com certeza, e talvez o cliente realmente prefira assim. No entanto, sinto que manter a densidade da linha mais baixa nos detalhes menos relevantes está sempre ajudando a destacar os detalhes importantes e colocá-los em foco. 11. Dica do Adobe Illustrator — símbolos: Agora mencionei brevemente símbolos e os usaria sempre que tiver várias instâncias do mesmo objeto. Porque, ao ter uma configuração de símbolo, você pode apenas fazer alterações em um e elas implementarão as alterações em todas as instâncias. É como trabalhar com componentes no Adobe XD e posso mostrá-lo aqui neste design com as cenouras. Você pode ver aqui no canto inferior direito, temos o painel Símbolos e tudo o que preciso fazer é clicar duas vezes em um desses elementos aqui para começar a fazer alterações nele. Ou também posso clicar duas vezes na miniatura aqui e vamos apenas dizer que vamos mover essas linhas um pouco mais perto. Eu só vou mover isso para cima e este outro também vamos nos mover para baixo. Agora, se eu clicar duas vezes fora, ele atualizará imediatamente todos os elementos imediatamente. Eu mencionei que essa técnica também é boa quando você está trabalhando em simetria. Mais uma vez aqui eu tenho este site configurado como um símbolo e , em seguida, simplesmente criei uma duplicata refletida do outro lado. Essa é apenas outra instância transformada do símbolo original e qualquer que eu clique duas vezes, posso começar a fazer alterações. Digamos que apenas troquemos essa folha um pouco, virando-a, talvez até adicionemos uma folha adicional mantendo pressionada a tecla Alt ou Option, podemos duplicá-la e colocar outra aqui. Novamente, talvez vamos girá-lo um pouco mais, e então eu clique duas vezes fora, ele atualizará imediatamente a instância refletida do símbolo. Em geral, sempre que você trabalha no Illustrator você quer ser eficiente e fazer tudo da maneira inteligente. Não só economizará tempo uma vez quando você configurá-lo, tempo uma vez quando você configurá-lo, mas também sempre que você precisar voltar e fazer alterações após as revisões do cliente, então trabalhe de forma inteligente e economize tempo. 12. Dica do Adobe Illustrator — sombreamento: Um bom exemplo seria como faço sombreamento em logotipos ou ilustrações em geral. Para isso, tudo o que eu preciso é apenas duplicar e elemento neste caso, vamos ter esse divertido personagem de cenouras pequenas. Copie e cole na frente. Isso é Controle ou Comando C e, em seguida, Controle ou Comando F. Se olharmos para o nosso painel Camadas, podemos ver que há dois dos mesmos objetos. A propósito, eu só cliquei duas vezes neste grupo para isolá-lo, é por isso que todo o resto em segundo plano está acinzentado. Agora que temos essa segunda versão, o que eu normalmente faria primeiro é alterá-la para o modo de mesclagem Multiply e geralmente reduzir a opacidade talvez até 50%. Agora isso nem sempre é necessário. Depende das cores ou do sombreamento que você está buscando. Mas, além disso, também gosto de mudar ligeiramente a tonalidade e talvez torná-la um pouco mais quente ou mais fria, novamente, o que você preferir. Mas ao fazer isso agora temos duas versões. Temos a cor original e a cor de sombreamento, ou a cor da sombra em cima dela. Agora que criamos isso, podemos abrir outro painel importante chamado transparência, onde só temos que clicar em “Make Mask”. Agora, por padrão, isso ocultará completamente esse objeto, o que é ótimo. Na verdade, não precisamos fazer mais nada além de selecionar a máscara. Aqui neste painel de transparência, você só precisa clicar nessa “miniatura preta”. Ele também é exibido no painel de camadas, ele informa que agora você está trabalhando dentro da máscara de opacidade desse objeto. Não haverá camadas visíveis neste momento. Mas agora, para revelar partes desse objeto, vou usar a ferramenta pincel blob, que está aqui na barra de ferramentas shift B é o atalho e com os colchetes, você pode aumentar ou diminuir o tamanho do pincel. Você deseja configurar a cor de preenchimento para ser branca. Você não precisa de uma cor de traçado aqui, então podemos simplesmente definir isso para nenhum. Ao desenhar com branco em uma máscara de opacidade, você vai revelar todos os detalhes que você pintar. Tudo o que vou fazer aqui é pintar bem esta seção aqui à direita. Talvez apenas mostre um pouco mais do sombreamento lá logo abaixo da sobrancelha. Então, provavelmente, farei meu pincel um pouco menor e vou aqui debaixo da outra sobrancelha. Talvez sob essas linhas também, apenas para adicionar um pouco mais de profundidade e com um tamanho de pincel um pouco ainda menor, estou apenas desenhando na boca e talvez apenas adicione um pouco de sombreamento sob os olhos também. Em vez de usar a ferramenta caneta para desenhar esses detalhes ou usar a borracha para excluir do objeto original, temos tudo salvo nessa máscara. Se eu mudar de ideia, posso até mover esses detalhes dentro da máscara de opacidade. Por exemplo, posso ampliar mais perto, mover essas formas, redimensioná-las, excluí-las individualmente sem afetar o objeto original. Isso é apenas uma coisa que você precisa lembrar sempre que trabalha com uma máscara de opacidade, e isso é sair da máscara. Você precisa voltar ao painel de transparência e clicar na outra miniatura e certificar-se de ver tudo no painel de camadas novamente. Ainda estamos em modo de isolamento. Mas, para sair disso, vou clicar duas vezes fora da ilustração. Voltamos a ver nossas camadas principais e podemos continuar trabalhando normalmente. 13. Dica do Adobe Illustrator — fluxo de trabalho vetorial: Neste capítulo, vou mostrar seis versões diferentes para este projeto que criei com base na minha pesquisa. Então, na próxima lição, você poderá ver todos os exemplos que encontrei. Criei essas seis categorias com base nas quais vou criar meus logotipos. No entanto, não estou aderindo a esses estilos completamente. É sempre uma mesclagem e mistura de conceitos e ideias juntos. Mas, em geral, tentei manter essas seis direções distintas. Novamente, você pode usar minha pesquisa como referência para sua opinião sobre este projeto. No entanto, recomendo sempre fazer sua própria pesquisa além dos exemplos que você pode ver no meu quadro Milanote. Agora, quando você assistir a esses próximos vídeos, você verá uma versão de lapso de tempo da vetorização dos meus esboços no Illustrator. Agora, demorou cerca de meia hora a uma hora para recriar cada uma dessas versões, mas eu as fiz mais rápido, mas ainda expliquei todas as decisões importantes que tomei no caminho. Para cada lição deste capítulo, você encontrará um arquivo separado do Illustrator que você pode baixar, e lá, você poderá ver minha versão vetorial final sem cores. Esta é simplesmente a versão em preto e branco para cada um deles. Há uma versão colorida para o conceito lúdico. Para ver como fiz o sombreamento nisso, você poderá assistir em um próximo capítulo. Mas o mais importante, também configurei a camada de rastreamento para cada um desses arquivos. Portanto, caso você queira praticar o processo de vetorização e usar meus esboços como referências, você pode fazer isso mais uma vez baixando os arquivos do Illustrator das lições deste capítulo. 14. Direção do projeto 1 — tradicional: Nesta versão, quero que ela vá para um visual um pouco mais tradicional e especificamente, a técnica de impressão em relevo de xilogravura que eu queria me assemelhar. Se você não estiver familiarizado com a técnica é quando o artista esculpe uma imagem na superfície de um bloco de madeira e, em seguida, deixa as peças de impressão niveladas com a superfície enquanto remove a não impressão peças. Que as áreas que o artista corta carregam [inaudíveis] enquanto personagens ou imagens no nível da superfície carregavam a tinta para produzir a impressão. Isso é praticamente o que eu estava indo para aqui e você já pode ver meu esboço de que eu tenho todas essas pequenas linhas para criar o sombreamento para a ilustração do personagem e também para o fundo. Como você pode ver no lado direito, no Illustrator eu comecei pela primeira vez com o elemento principal, novamente, a cenoura e estou intencionalmente usando uma linha mais espessa para a cenoura neste momento, mas isso pode mudar mais tarde, como você pode ver, eu já o ajustei. Porque eu sinto que seria difícil adicionar pequenos detalhes, como a profundidade aqui no lado esquerdo e depois do lado direito, onde temos essas pequenas imperfeições. Eu realmente queria fazer essa cenoura parecer um pouco mais realista em comparação com as outras variações do logotipo então é por isso que eu tenho as raízes visíveis na parte inferior e as folhas são mais detalhado do que em minhas outras versões. Agora, aqui vem as linhas no meio e eu vou realmente usar uma máscara de opacidade para esconder essa parte para a cenoura. Você pode ver no momento que eu apenas o escondi temporariamente no meio do caminho e agora está completamente escondido. Tentei mantê-lo não destrutivo, então, se eu quiser, posso sempre [inaudível] mais tarde. Mas também quero manter tudo um pouco orgânico e desenhado à mão, é por isso que eu até mantive essas linhas não retas e adicionei algumas lacunas dentro dela. Agora vem a parte quando eu adiciono o texto e, novamente, minha escolha para as fontes está tentando replicar o que esses logotipos com aparência mais vintage teriam. Estou usando dois círculos, um para o arco na parte superior e o outro para baixo. Isso é muito importante , porque caso contrário, seria difícil gerenciá-lo e você nem conseguiria ter duas orientações separadas em seu texto. Você pode ver que ainda estou usando kerning e espaçamento para garantir que tudo caia no lugar certo e seja fácil de ler. No entanto, essa fonte não é a mais fácil de ler. Acho que ainda funciona. Aqui, acabei de mudar de ideia e, na verdade, seguindo o esboço lembro que preciso ter o Mercado do Agricultor, que é a parte mais importante do texto no centro. vez, escolhi uma fonte que realmente complementa a fonte mais script no círculo, então aqui no meio temos essa boa fonte Serif arrojada, novamente um pouco mais tradicional. No final, e eu intencionalmente faço isso no final, começo a adicionar detalhes. Primeiro eu queria ter certeza de que a composição funciona porque, às vezes, se você fizer algo como um esboço, ela pode ainda não funcionar como uma arte vetorial. Não quero perder tempo adicionando todos esses pequenos detalhes sem realmente confirmar que vai funcionar. Para as linhas em segundo plano, você me verá usando a ferramenta de mesclagem então adicionei uma linha na parte superior e inferior e, em seguida, usando a mistura, eu configurei, acho que 25 ou 30 passos entre esses dois. Para criar um visual um pouco mais orgânico, acabei de usar a ferramenta de dobra para apertar um pouco a linha na parte superior e inferior e isso adiciona um pouco de aleatoriedade a essas linhas, mas ainda assim os mantém muito bem organizados, graças à mistura. O que estou fazendo é usar, novamente, uma máscara de opacidade nesta mistura e eu estou basicamente pintando com a ferramenta pincel blob na máscara de opacidade para ocultar essas linhas onde quer que elas não deveriam mostrar. Eu crio aquele pequeno espaço entre a cenoura e as linhas e, finalmente, decidi adicionar um pouco mais de sombreamento nessas imperfeições apenas novamente, tenho um pouco mais de contraste e também sob as folhas, quase como um pouco de um sombreamento adicional mais enfatizado para essas áreas. Sinto que isso é tudo o que era necessário aqui, então eu apenas faço alguns ajustes finais e lá temos nossa versão final. 15. Direção do projeto 2 — Monoline: Para esta versão, eu queria criar um visual muito geométrico. Novamente, é um pouco minimalista, mesmo que tenha muitos detalhes. Mas o mais importante, é uma linha mono, então temos a mesma espessura em todas as linhas. Isso foi novamente uma restrição que eu me preparei para essa tomada. Embora eu estivesse tentando fazer isso nas outras versões também, aqui, era um foco primário. Para capturar essa sensação geométrica para o logotipo, eu me certifiquei de que, por exemplo, para as colinas, eu usasse apenas círculos perfeitos. Uma vez que os coloquei todos juntos, selecionei todos e usei a ferramenta de construtor de formas para cortá-los nas peças que eu precisava. Às vezes, quando você usa a ferramenta construtor de formas, você acaba tendo formas desnecessárias também. É bom se livrar daqueles como eu tinha um lá no canto inferior esquerdo. Mas agora que arrumo as coisas, posso adicionar os textos no topo. Estou usando essa boa fonte sólida que é muito semelhante às linhas que terei no design, então é a mesma espessura em todos os caracteres. Isso funciona bem com esse estilo mono-line, e o que estou fazendo agora é criar os ramos na parte inferior. Neste ponto, tive a ideia de mantê-los completamente retos. Em vez de ter folhas reais, eu quero que ele tenha apenas linhas retas. Mais uma vez, mantenha-o muito geométrico e não é ruim, mas acrescenta muita restrição. Eu intencionalmente não queria girar para qualquer outra coisa a partir de ângulos de 45 graus e 90 graus. Na verdade, é bastante complicado recriar um belo ramo, especialmente neste tamanho pequeno. Mais tarde, você verá que mudei de ideia e reusei outra ramificação que criei para outro logotipo. Isso é realmente uma coisa muito boa de se fazer. Mantenha todas as suas versões no mesmo arquivo do Illustrator e, em seguida, você poderá mover peças facilmente de uma versão para outra. Além disso, ele só ajuda você a manter a mente aberta e você nunca sabe que pode encontrar um elemento legal que você criou em uma das versões que pode ser facilmente ajustado e reutilizado em outra. Agora aqui você pode ver que estou trabalhando no moinho de vento, e por causa das restrições do peso da linha, estou realmente lutando para obter todos os detalhes necessários no lugar. Precisamos ter aquele telhado que eu queria ter no topo, que seria o topo da torre, mas foi muito difícil fazê-lo ler bem. É novamente muito denso. Há muitas linhas em um só lugar comparação com o resto do design. Terei que voltar a isso e ajustá-lo mais tarde. Mas aqui está a cenoura, e eu queria manter isso bem abstrato, então está em um V, também como uma mensagem escondida lá para o pôr ou nascer do sol, com as folhas sendo, novamente também bastante abstrato, não completamente conectado à cenoura. Isso vou pular todo o caminho até o final, apenas refiná-lo um pouco, garantir que a cenoura esteja bem. Mas neste ponto, parece bastante abstrato e algumas pessoas podem não reconhecer que é uma cenoura lá. Você pode ver que estou apenas ajustando as folhas, certifique-se de que elas preencham o espaço ou preencham o espaço vazio lá. Estou lutando para adicionar a nuvem porque novamente das restrições sobre o peso da linha. É muito importante obter os detalhes fáceis de ler mesmo à distância. É por isso que você pode ver que eu ajustei o moinho de vento. Uma torre mais alta também preenche o espaço, mas também, o mais importante, apenas obtém o contraste certo para que não haja muitos detalhes em um só lugar. Agora, eu olho para esta versão e sinto que ela ainda precisa de refinamentos. Uma das ideias que eu tive é talvez mostrar a cenoura, não apenas acima, mas também abaixo do nível do solo. Isso realmente ajuda a defini-lo melhor e torná-lo mais reconhecível, mas também funciona para dividir o texto na parte inferior. Temos uma distinção natural entre a barnet de texto e a data à direita. Eu ainda não estava feliz com este dia, então fui mais longe e apenas refinei o peso da linha e também a cópia na parte inferior. Em vez de ter esse texto indo da esquerda para a direita, decidi que os ramos podem ser um pouco maiores, mas o peso da linha diminuiu. Dessa forma, não há muita ênfase nisso. Em vez disso, estamos nos concentrando no texto principal na parte superior e na cenoura no centro. 16. Direção do projeto 3 — brasa: Para esta versão, eu queria criar algo que se parecesse mais com uma crista ou um crachá. Tenha um contêiner muito sólido que mantenha tudo unido e só para acompanhar o tema, isso foi quase um desafio para mim. Eu queria ter certeza de que o elemento focal principal ou principal em todas as versões é a cenoura. Nesse caso, a cenoura se tornou o emblema em si ou aquele recipiente que vai manter tudo unido. Por esse motivo específico, decidi usar uma linha muito mais grossa aqui. Acho que foram 10 pontos em comparação com cinco pontos que eu uso para detalhes menores como as folhas e isso é realmente algo que vai mudar no final que você verá. Mudei de ideia porque senti que a espessura de 10 pontos era demais. Foi muito contraste ou densidade de linha em um só lugar, mas no início, é sempre difícil dizer o que vai funcionar, então vou ajustar essas coisas mais tarde. Você pode me ver adicionando os pequenos detalhes na parte inferior. Mesmo que não haja muito espaço dentro deste contêiner, senti que seria muito bom ter um pouco daquela fazenda vista na parte inferior, apenas para ter alguma profundidade adicional ao logotipo. Estou desenhando isso com a ferramenta caneta. São algumas partes simples juntas. Eu realmente não tenho muito espaço para muitos detalhes, então eu literalmente apenas adiciono o telhado e a porta, e depois há uma pequena árvore. Novamente, seguindo o esboço, começo com um círculo e simplesmente ajuste os quatro pontos dele para criar aquela pequena árvore. Agora que temos esse detalhe na parte inferior, poderemos adicionar a cópia e, para isso, novamente, estou usando uma fonte que complementa ou funciona bem com a forma geral ou o design deste variação. É um pouco mais volumoso, sans serif font. Eu queria ter certeza de que ele preenche bem esse espaço no topo. É por isso que é muito bom ter quatro palavras que tenham aproximadamente o mesmo comprimento porque é bastante fácil trabalhar com ela. Se você tiver, digamos que três palavras em um logotipo e uma delas seja muito longa e então você tem que trabalhar de maneira diferente com ele. Aqui, foi muito fácil encaixá-lo nessa forma. A data que decidi colocar na parte inferior é um pouco difícil de espremer, novamente, com essa linha grossa no contêiner, mas isso é, novamente, algo que vou mudar mais tarde. Mas, por enquanto, temos outro emparelhamento de fontes. Ambos são sans serif, mas há um claro contraste entre eles, então um deles é mais condensado, o outro é muito mais espesso e mais ousado. Agora estamos criando as ramificações no lado direito e, como vou duplicá-las, só preciso criá-las uma vez. É uma linha simples e então estamos apenas copiando e girando essas folhas. Eu tento manter as coisas orgânicas. É por isso que não estou usando um padrão de repetição ou algo assim. Não demora muito para colocar algumas folhas e girá-las individualmente e movê-las. Eu sempre prefiro fazer assim sempre que tiver tempo. Lá temos praticamente todo o ramo pronto e é suposto ser [inaudível], mas pode ser qualquer coisa realmente. Agora estou agrupando tudo e criei o reflexo dele com a ferramenta refletir. No entanto, desde que gravei este vídeo, Illustrator acaba de lançar as opções de repetição para a versão desktop. Isso é algo que já tivemos para o Illustrator no iPad, mas agora também está disponível na área de trabalho. Criar qualquer coisa simétrica ficou muito mais fácil agora e isso é algo que eu espero há tanto tempo. Temos todos os pequenos detalhes sobre as folhas também e aqui estão os refinamentos que você verá que eu adicionei mais tarde, eu não gravei isso, mas você pode ver que a diferença aqui é principalmente que reduzi a intensidade ou a espessura da crosta e também nos ramos do lado. Senti que era um pouco avassalador demais e queria manter o foco no centro do logotipo, no texto e também ter uma linha mais fina me deu um pouco mais de espaço para brincar com detalhes adicionais. Só para adicionar esses detalhes para a cenoura, acho que são importantes, essas linhas simples, mas também estão trabalhando para preencher esses espaços em branco ou espaço negativo e também decidi ter as folhas um pouco mais detalhado e adicione um pouco mais de profundidade, fazendo com que eles venham na frente da forma principal em vez de ficarem escondidos atrás dela. Essa é a versão final. Espero que você goste. Obviamente, há alguns erros posso ver nas folhas, mas isso pode ser facilmente corrigido mais tarde. 17. Direção do projeto 4 — significado escondido: Originalmente, quando eu estava fazendo minha pesquisa, esse era suposto ser o logotipo mais simples ou minimalista, mas acabou sendo muito mais complexo. Aqui eu quero que ele jogue principalmente com o espaço negativo e tente criar uma combinação inteligente ou mensagem oculta para ele. A mensagem oculta aqui ou o símbolo é a cesta, que vai muito bem com o mercado, mas foi um pouco complicado fazer isso funcionar com as cenouras. Porque, como já disse em outro vídeo, eu queria manter a cenoura sempre como uma peça central ou um elemento primário no design. Porque aqui eu tenho várias cenouras, eu a projetei para configurá-la como um símbolo, e então eu poderia simplesmente girar e duplicá-las várias vezes. Agora, a data aqui e a estimativa em 1850 está indo para o centro, mesmo sendo pequena, vai ter uma localização muito central. Parece ainda estar em foco, especialmente com todas essas cenouras, quase como pequenas flechas apontando para ela. É preciso colocar o logotipo muito importante, embora não seja a parte mais importante dos textos, gosto muito da maneira como ele preenche o espaço. Aqui estou usando um círculo simples novamente para textos na parte superior e, nesse caso, consegui manter a cópia inteira, os textos primários juntos em um elemento. Eu nunca passaria por baixo da linha horizontal quando se trata de adicionar textos no círculo, então você quer ter certeza de que é fácil de ler. Isso foi novamente, outra restrição que eu quero que você siga. Você verá primeiro que estou trabalhando para ajustar cada personagem a propósito, eu delinei essas pilhas para que eu possa manipular facilmente cada personagem individualmente, e eu realmente tentei trabalhar duro para me parecer meu esboço ou para acompanhar esse estilo ou composição de texto distorcido. Estou fazendo muitos ajustes aqui indo e voltando. Mas eu só tenho que perceber que não funciona ou eu realmente não gostei da aparência. Neste ponto, eu sucatei isso e uso a mesma fonte que já tenho na parte inferior. Novamente, eu não queria introduzir uma terceira fonte é apenas a mesma fonte que eu tenho na data. Em vez de criar uma versão gráfica do texto Barnett, vou apenas descrevê-lo e torná-lo muito semelhante ao resto do design. Novamente, ele terá a mesma espessura, mas vai se misturar muito bem na alça. Não precisa ser tão misturado para fazê-lo funcionar. Ao ter um pouco de espaço extra lá no topo, também poderei espremer apenas um pouco de detalhes da paisagem que tínhamos nas outras versões. Isto é o que quero dizer como se eu tentasse manter essa versão simples, mas acabei tendo muitos elementos nela. Não é a versão mais bem-sucedida, eu diria, porque novamente, em termos de densidade proporcional, aqui temos tantos elementos como em vez de uma cenoura, temos sete deles, e então também temos essa alça da cesta, que é outro elemento, além disso, também teremos todos os detalhes da paisagem. Em vez de acabar com um logotipo minimalista simples, ele realmente se tornou bastante complexo. Mas essa é a razão pela qual você precisa criar várias versões. Porque mesmo que você sinta que um esboço funciona muito bem no final, uma vez que você começa a fazer a versão vetorial dele, talvez não seja o melhor. Como sempre, é por isso que é importante ter várias versões e apresentá-las ao cliente antes de adicionar os detalhes finais e colorir e assim por diante, assim por diante. 18. Direção do projeto 5 — brincando: Nesta versão, eu queria capturar uma abordagem mais divertida, colorida, caprichosa e estilizada para o logotipo. Acho que a maneira mais fácil de fazer isso é ter um personagem divertido. Mesmo que seja o mesmo item principal ou elemento que estamos usando aqui, a cenoura, ela pode facilmente ser transformada em um personagem, apenas adicionando algumas características fofas, os olhos e a boca. Mais tarde, também decidi adicionar os braços e ter um pouco de atitude para esse personagem. Usando as linhas que temos ao lado, o que também enfatiza a profundidade e faz com que pareça um pouco mais como uma cenoura também pode ser usada para sobrancelhas, eu pensei, para esta versão. Essas são as ideias e decisões simples que eu já tomei no esboço, como você pode ver. Mas então eu posso refiná-lo ainda mais e ajustá-lo assim que eu trabalhar no Illustrator. O objetivo principal do seu esboço é dar uma direção, mas não tenha medo de alterar proporções e até detalhes mais tarde. Mas definitivamente economiza tanto tempo para ter esses esboços porque, chegando a essas decisões, eu poderia perder horas no Illustrator. Tendo esse esboço pronto, acho que isso só me levou cerca de 10 ou 15 minutos para recriar no Illustrator porque eu já tinha um conceito muito forte pronto. Agora, você pode ver que estou usando a ferramenta caneta aqui para criar as folhas. Mais uma vez, não estou aderindo exatamente a forma como fiz o esboço. No entanto, ainda vou usar três elementos separados e eles serão colocados aproximadamente no mesmo lugar. Só estou usando, como eu disse, a ferramenta de caneta. Às vezes, se você usar um golpe grosso, você pode estar lutando com essas linhas afiadas. Você pode simplesmente ajustar o traçado para ter junções ou cantos redondos ou às vezes também pode ajustar o alinhamento do traçado para que ele possa ajudar a mantê-lo fora ou dentro da forma, e isso também pode conserte isso. Mas agora que temos nossas três folhas aproximadamente no lugar, vou continuar adicionando o texto. Começo primeiro com as linhas. Temos essas linhas à esquerda e à direita. É suposto ser uma versão estilizada e muito simplificada de uma fita. Novamente, não conecto essas linhas intencionalmente. Quero manter algum espaço entre o personagem e essa fita simplificada. Mas estou usando a mesma forma, então eu apenas dupliquei e giro ou reflito para o outro lado e certifique-se de que eles estejam alinhados para que estejam na mesma posição. Agora, estou adicionando o texto, que é obviamente a informação secundária que temos aqui no meio e terei a parte principal da cópia do logotipo na área circular fora ou ao redor do personagem. Também vou me certificar de que temos um bom emparelhamento. vez, temos um contraste entre as duas fontes. Aqui estou usando um pouco mais de fonte de tipo de script brincalhão para o texto principal. Acho que vai muito bem com a abordagem caprichosa, não é muito difícil de lê-lo, então ainda é muito legível. Você pode ver quando eu consigo fazer o texto na parte inferior, eu sempre ajusto o tamanho do meu círculo porque a linha de base que temos na parte superior, tem que estar alinhada com a altura x para o texto em na parte inferior. Portanto, é um pouco ajustando o tamanho, mas certificando-se de que o tamanho real do texto seja o mesmo. Então, quando você redimensionar seus círculos, você pode simplesmente ajustar isso mais tarde. Mas é uma coisa bastante rápida e fácil de se fazer. Depois de se acostumar com isso, lembre-se sempre de usar dois círculos separados para uma composição circular com textos como este. Lá temos nossa versão final. Sempre posso adicionar detalhes adicionais como pequenas linhas que temos no esboço. Mas neste momento eu senti que não era necessário, então já funciona muito bem. 19. Direção do projeto 6 — resumo: Esta versão foi muito rápida, fácil e direta de vetorizar. Para este logotipo, quero que ele mantenha ângulos afiados e o torne um pouco mais abstrato e peculiar. Aqui estou usando a ferramenta pincel, ou acho que nesse caso eu estava usando a ferramenta lápis para desenhar o texto. Quero que ele o mantenha novamente, como eu disse, um pouco aleatório e novamente, letras digitais manuscritas à mão aqui e para adicionar à peculiaridade, também estou misturando letras minúsculas e maiúsculas, como todos os Es, por exemplo, são maiúsculas. Novamente, estou tentando adicionar alguns ângulos afiados em alguns dos personagens como o O. Eu não queria mantê-lo completamente redondo. Está um pouco mais perto de ser um quadrado. Como você pode ver, usei apenas uma fonte para a cópia secundária. Vou mudar a fonte mais tarde, mas eu apenas a preparo lá na parte inferior por enquanto. Então, depois de ter texto com letras à mão no Illustrator, o incrível é que você pode ajustar facilmente todos os caracteres porque eles são partes individuais. Você pode selecioná-los facilmente e fazer esses ajustes. Agora, para a cópia secundária, quero que ela tenha algo que novamente funcione bem e combina bem com a estética geral do logotipo. Então eu quero que ele mantenha isso ainda bastante angular e tenha esses cantos afiados nele e acho que essa fonte funciona muito bem. Agora é tudo sobre finalizar detalhes. Eu adicionei algumas linhas, ajustei um pouco de tudo e, em geral, você pode ver que eu ainda tento manter tudo um pouco mais como um círculo para que, mesmo que não haja caixa delimitadora ou ou uma crista segurando as coisas juntas, ainda está indo com aquela composição circular que eu tenho nos outros logotipos. 20. Processo de design de logotipos — apresentação: Mantenha contato com seu cliente durante todo o processo. Não espere até o final quando você tiver as versões coloridas. Já os envie até mesmo os esboços, mas definitivamente as versões de contorno vetorial sem as cores. Porque isso realmente pode ajudá-lo a definir a direção que o cliente prefere. Você pode realmente concentrar seu tempo e esforço nas variações que o cliente gostou. Finalmente, quando você estiver apresentando seu trabalho ao cliente, faça com que ele pareça legal e inclua alguns mockups legais porque é sempre mais fácil visualizar como ele pode parecer como um produto final. 21. Como criar guias de marca — parte 1: A maioria dos caras que vou mostrar neste vídeo são do site chamado brandingstyleguides.com. O link está na descrição abaixo, certifique-se de verificar. Você pode criar uma conta gratuita e, depois de ter isso, você pode baixar os guias em PDF. Agora, alguns desses caras podem não ser a versão mais atualizada ou mais recente para a marca que você está procurando. No entanto, eles ainda podem ser perfeitos para usar como referências e exemplos se você estiver planejando criar um guia de marca você mesmo. Gosto do fato de que você pode pesquisar com base no ano de publicação aqui no topo, onde você tem os filtros baseados em idiomas, o tamanho do documento, até mesmo países onde ele foi usado, e até mesmo tags ou se você conhece uma marca que está procurando, basta digitá-la aqui na área de pesquisa. Agora primeiro, vamos dar uma olhada no guia 2018 da Adobe, que é bastante extenso, por isso tem cerca de 80 páginas e, claro, para esses tipos de documentos, é bom ter um sumário onde você pode indicar a estrutura do guia, mas você também pode incorporar hiperlinks aqui se for um PDF interativo, que é bastante simples de construir no InDesign, por exemplo. Isso significa que também podemos simplesmente clicar em qualquer uma dessas entradas e podemos ir direto para essa página dentro do guia e isso já é uma consideração você tem que fazer no início, se você gostaria de criar seu guia principalmente para impressão ou para uso digital. Nos últimos anos, estou vendo cada vez mais empresas indo para ter seus guias de estilo e ativos online em um formato interativo e eles podem nem ter um PDF ou uma versão impressa disponível. Um bom exemplo para isso são as diretrizes de ativos visuais do Google, que, novamente, o link está na descrição abaixo, e isso está na verdade no Behance para que você possa encontrá-lo. Está em duas partes e passa por todos os detalhes diferentes dos ícones, como eles são gerados e criados, e também como eles devem ser usados. Como você pode decidir qual formato funciona melhor para você ou para a marca com a qual você está trabalhando? Na minha opinião, uma diretriz interativa online pode funcionar melhor para mais empresas digitais. Empresas onde haverá muitos produtos fixos e físicos, como embalagens também. É melhor ter um guia impresso, que, claro, sempre pode estar disponível como PDF interativo ao mesmo tempo. Agora voltando ao guia da marca da Adobe. Podemos ver claramente que o primeiro capítulo se concentra na missão, nos valores e nos inquilinos, que são os princípios básicos da empresa e esta é uma seção muito importante. Sempre que você trabalha com uma marca ou uma empresa e está criando um guia, você realmente precisa conhecê-los antes de começar a trabalhar no guia, então você precisa saber onde eles estão no momento, onde eles estão indo, qual é o público-alvo, qual é o tom de voz deles e, em geral, qual é a personalidade da marca? Aqui está outro exemplo, o guia da marca National Geographic. Novamente, se dermos uma olhada no índice, mais uma vez, ele começa com a nossa marca, então ela entra no comportamento da marca, e só depois disso começa falar sobre os ingredientes ou elementos usados nos visuais desta marca. Se analisarmos mais de perto esta seção introdutória, é bom começar com a missão, que geralmente é sobre o motivo pelo qual a empresa existe e qual é seu propósito. Esta é a maior parte do tempo é o presente da empresa. Mas então você pode avançar para a visão ou para as ideias futuras, ou para onde a marca quer se mover e quais são seus objetivos finais. Em geral, nesta seção, é bom ter adjetivos usados que possam definir a marca. Aqui temos premium, ciência, aventura, exploração e destino, que descreve e encapsula perfeitamente a marca. Agora, em alguns guias, você também terá o oposto dessas coisas que a marca não é sobre, que também pode ser útil para mais esclarecimentos. Normalmente, depois que a história da marca é abordada, passávamos para os elementos ou ingredientes, e provavelmente a parte mais importante e mais conhecida disso é o logotipo. Agora, novamente, depende da complexidade da marca, às vezes isso pode ser uma única página, mas às vezes pode acabar sendo um capítulo inteiro. Vamos dar uma olhada no logotipo da National Geographic. Primeiro de tudo, temos o ícone amarelo por conta própria, esse quadro, que é realmente bem reconhecido, e então temos o bloqueio com o texto ao lado dele e percebemos a quantidade de espaço em branco ou negativo espaço usado nesta página. A página não está lotada e confusa, ela realmente se concentra nos elementos e no que eles são usados. Além disso, é uma boa prática construir o guia em si usando as fontes que são aplicadas à marca e até às cores. Já podemos ver isso nesta página e ela realmente apenas unifica toda a experiência da marca. Na segunda página, temos mais informações sobre o slogan, que é mais adiante como ele pode ser usado em diferentes formatos e também quanto espaço é necessário entre o logotipo principal e o slogan. Em seguida, passamos para uma seção que explica como não usar o logotipo. Isso também é muito comum e uma ótima maneira de garantir que todos os parceiros e todos que vão trabalhar com a marca acabarão por usá-la da maneira que ela deveria ser usada. Esta é a parte que eu normalmente chamei, não mexa com nosso logotipo. Em seguida, temos alguns exemplos adicionais. Mais uma vez, variações sobre como não estragar o logotipo. Em seguida, chegamos à próxima seção, que também é muito crucial para a maioria das marcas. É cor e, no caso da National Geographic, é bem simples. Temos o preto e o amarelo, mas com outras marcas, isso pode ser um pouco mais complexo. Com o guia da marca Animal Planet de 2008, explica que existem 10 variações de cores diferentes além da versão em preto e branco do logotipo e fora destas, esse tom verde-amarelado é as cores do herói para que isso seja como o uso de cores primárias, enquanto as outras são cores mais compatíveis, elas também podem ser chamadas cores primárias e secundárias. No caso da British Airways, por exemplo, há até um gráfico mostrando a porcentagem ou prioridade das cores associadas à marca. O azul é definitivamente a cor do herói, seguido de branco, depois vermelho e, finalmente, comprar cinza e eles também podem ter uma paleta invertida onde branco se torna a cor primária, seguido de azul, vermelho e, finalmente, por cinza. Ter uma porcentagem ou um gráfico comparativo que mostre a diferença entre o uso de cores é sempre útil porque realmente ajuda novamente, entender como trabalhar com a marca como designer. É algo semelhante ao guia da marca da American Red Cross, onde, mais uma vez, temos as diferentes versões do logotipo. Em seguida, alcançamos a área de cores onde vemos o palato primário e secundário e também há uma parte neutra. Mas o mais importante, temos a proporção de cores aqui mais uma vez, mostrando que a luz é a cor mais importante e, em seguida, com o tamanho, ela representa bem as proporções ou a hierarquia entre as cores. 22. Como criar guias de marca — parte 2: É importante lembrar que guias de marca não são todos sobre recursos visuais. É também sobre coisas como o tom da voz. Já que estamos aqui, eu realmente gosto como a Cruz Vermelha explica que como falamos é tão importante quanto o que falamos. Essa é uma ótima afirmação para começar. Em seguida, é seguido por essas manchetes, edificantes, convidativas, empoderadoras, pessoais. A propósito, este guia de marca é um único pôster, portanto todas as informações relevantes são compactadas nesta única peça. Também pode haver uma versão mais estendida do guia da marca, mas também é bom ter em mente que é possível usar uma única página e ainda ter todos os relevantes informações incluídas. Isso é outra coisa que você precisa ter em mente e você precisa ter certeza de que você tem o mesmo entendimento com seu cliente. Mesmo sendo uma pequena empresa, suas diretrizes de marca podem ser um documento longo porque gostariam de especificar muitas coisas, enquanto outras empresas podem ser enormes, mas elas são feliz com um guia de marca menor que realmente se concentra nos aspectos importantes do que eles gostariam de definir como padrões. O que você, como designer, precisa prestar atenção é o nível de restrição. É um bom equilíbrio entre manter uma marca flexível, permitindo alguma criatividade e liberdade na forma como você usa seus ativos, mas ser rígido o suficiente para manter a marca reconhecível e consistente. Outra grande seção na maioria dos guias de marca seria sobre imagens. Especialmente com marcas muito visuais como a National Geographic, isso é, claro, crucial. É interessante ver quais são os três filtros principais que eles usam para escolher as imagens certas sempre que quiserem representar a marca. O primeiro é que eles precisam sempre ter um elemento humano. Eles querem manter isso e evitar apenas mostrar paisagens sem nenhuma representação humana. O próximo conceito-chave é a imersão. Eles querem que você realmente sinta como se estivesse presente e você está naquele lugar que eles estão mostrando. Coisas assim podem realmente ajudar a escolher o tipo certo de composições para a marca. Por último, mas não menos importante, o que você pode se lembrar foi o slogan deles também. Trata-se de espaços vastos, então muitos espaços negativos usam além do assunto ou detalhes salientes dentro das fotografias. Da mesma forma que as imagens, tipo geralmente também recebe seu próprio capítulo dentro de um guia de marca. No caso da National Geographic, começa com a fonte principal e a fonte secundária. A maioria das marcas geralmente trabalha com uma família de fontes que pode ser extensa e ter várias variações diferentes, o que permitirá flexibilidade na edição. Mas é claro que também está vindo na prática, como com a National Geographic, que existe uma fonte principal e a fonte secundária, e esses dois são muito especificamente selecionados para trabalhar bem juntos como um par. Para marcas visuais, às vezes também é bom estabelecer as regras de como combinar tipo e imagens juntos. Aqui podemos ver alguns exemplos de tipo sobre fundos claros. Temos até uma página separada sobre como fazer a correção de cores nas imagens para garantir que tenhamos contraste suficiente para manter uma boa legibilidade no texto. Então, às vezes, também temos composições reais, incluindo o guia da marca apenas para definir ainda mais como certos elementos podem ser usados como o logotipo ou, mais uma vez, texto e imagens juntos. Mesmo se você estiver produzindo um guia de marca impresso, quando a marca usa muitos gráficos em movimento, também é importante ter isso em mente e incluir em seu guia. Mais uma vez, com a National Geographic, é claro, porque é um canal de TV, que seriam muitos gráficos em movimento usados. Neste capítulo, podemos ver como o logotipo deve aparecer nas filmagens. Temos um posicionamento muito específico, também espaço negativo muito específico em torno do logotipo e dos títulos e cada detalhe é claramente definido aqui, mais uma vez, para garantir que ele seja sempre usado de forma consistente . Na maioria das vezes, quando uma agência ou um designer trabalha no guia da marca, eles também devem fornecer modelos. Para animações, provavelmente seria um modelo do After Effects ou modelo Premiere, enquanto que para impressão na maioria das vezes seria um arquivo do InDesign com páginas-mestre e tudo preparado. Esses modelos na maioria das vezes seriam para uso interno, mas às vezes eles também podem ser entregues aos parceiros. Quase todos os guias de marca teriam seções separadas para os diferentes tipos de garantia. As principais categorias geralmente são digitais e impressas. Já vimos alguns exemplos digitais, e aqui estão alguns exemplos impressos para a National Geographic. Primeiro temos a visão geral estacionária, depois temos um foco em cartões de visita, tanto na frente quanto na parte de trás. Então temos papéis timbrados, envelopes. Então, até temos a assinatura de e-mail definida aqui. No entanto, há digital. Ainda funciona bem ao lado dos papéis timbrados e estacionário. A aparência da marca nas mídias sociais também deve ser um capítulo separado na maioria dos caras da marca nos dias de hoje. Podemos ver isso perfeitamente no guia da marca National Geographic. Temos Facebook, Twitter, YouTube um ao lado do outro, mostrando primeiro os cabeçalhos. Em seguida, temos um pouco mais sobre os cabeçalhos, detalhes, instâncias dos gráficos do canal no celular e, em seguida, alguns modelos de postagens sociais , banners e até slides de apresentação. Claro, provavelmente o mais importante para os ativos digitais será o site. Provavelmente haverá várias páginas sobre isso e como certas páginas de empréstimo devem ser criadas e até mesmo regras sobre a navegação ou o layout geral das páginas. Nesse ponto, eu queria mencionar que, no passado, guias de marca podiam funcionar por décadas. Como este guia de marca para a NASA é de 1976 e estava em uso há muito tempo. No entanto, as marcas hoje em dia mudam sua aparência com bastante frequência seguindo certas tendências em design gráfico. Mas isso não é desculpa para ter guias de marca completamente novos lançados anualmente. Acho que a longevidade é um fator importante de um bom guia de marca, que pode servir a empresa por muitos anos depois que ela foi criada. 23. Exercício 1 — Mastercard: Aqui estamos no Adobe Illustrator e tenho 10 logotipos preparados para recriar usando esse círculo no lado esquerdo. A única forma que precisaremos para todo o tutorial. Claro, usaremos muitas técnicas diferentes de Pathfinder, Shape Builder, a Opção Repetir. Ao assistir a este vídeo, você também poderá pegar alguns atalhos muito úteis. Caso você queira acompanhar, você pode baixar o arquivo na descrição abaixo. Mas sem mais demora, vamos começar. A primeira coisa que vou fazer é clicar duas vezes na Camada de referência e ativar a Opção de modelo. Vou ter as imagens consideradas reduzidas para 10%. Dessa forma, poderemos nos concentrar no que estamos fazendo. Vou usar esse círculo, como já disse no começo. Ele já está definido para não ter preenchimento e apenas um contorno fino preto. Na verdade, definirei esse esboço para um ponto apenas para facilitar o trabalho com ele. Vou alternar, clicar e arrastar ou clicar na opção e arrastar para duplicar isso. Agora vamos ampliar um pouco mais perto. Vamos começar com MasterCard. A propósito, teremos a complexidade e a dificuldade dos logotipos aumentarem à medida que avançamos. Só estou usando a tecla Shift para redimensionar essa forma. Em seguida, clique em Alt ou Option e arraste novamente, mantendo pressionada a tecla Shift para mantê-la se movendo apenas horizontalmente. Depois de colocá-lo no lugar certo, posso selecionar esses dois círculos, pressionar “Ponto de interrogação” ou “Barra para frente” no teclado para remover a cor do traçado. Em seguida, selecione a ferramenta Balde de tinta pressionando “K” no teclado. Então, a partir do Painel de Amostras, tenho essa categoria preparada para o logotipo MasterCard. Estou usando as setas esquerda e direita para mover-se rapidamente entre essas cores. Eu posso preencher rapidamente as cores tendo esta aqui no meio e já terminamos . 24. Exercício 1 — alvo: Isso foi muito fácil. Vamos passar para o próximo. Mais uma vez, começo com o mesmo círculo. Amplie mais perto. Agora isso é o alvo. Isso também será bastante fácil. Vou criar este círculo aqui do lado de fora primeiro. Estou usando a tecla Shift para redimensionar isso. Vamos apenas torná-lo um pouco maior assim. Nesse caso, vou alterar as configurações do traçado. Vou definir o alinhamento para dentro, depois usando a tecla Shift, aumentarei rapidamente o peso do traçado, talvez indo um pouco mais alto assim e selecionando a cor do traçado. Vou escolher a cor que preparei para esse logotipo. Agora vou duplicar rapidamente essa forma pressionando Comando ou Controle C e, em seguida, Comando ou Controle F que irá colar no lugar. Vou redimensionar isso, mantendo pressionada a tecla Shift e trocando rapidamente a cor do traçado para a cor de preenchimento pressionando Shift X. Agora vou redimensioná-la e alinhá-la com a logotipo original. Agora, para manter as coisas arrumadas, vou selecionar essas duas formas e agrupá-las que são Comando ou Controle G. Isso é algo não precisávamos fazer para o master card porque lá usamos a ferramenta de balde de tinta que já criou um grupo de pintura ao vivo. 25. Exercício 3 — Audi: Seguindo em frente, vamos fazer o logotipo da Audi. Vou duplicar essa forma novamente, redimensioná-la, aumentar o tamanho do traçado para corresponder ao design original na parte de trás. Provavelmente precisamos torná-lo um pouco maior, algo assim, e este é muito simples. Eu só tenho que duplicar novamente mantendo pressionada Option ou Alt Shift, arraste-o para o lado. Então, para repetir essa duplicação, estou usando o atalho Comando ou Controle D duas vezes. Aí estamos nós. Agrupando-os junto com Command ou Control G, temos nosso terceiro logotipo pronto. 26. Exercício 4 — Jogos Olímpicos: Vamos passar para o logotipo olímpico. Agora vou criar novamente o primeiro círculo. Vou redimensionar isso. Vamos aumentar um pouco o tamanho do traçado , algo assim. Agora, você verá que nem sempre sou 100% preciso porque só quero me concentrar nas técnicas. Claro, se tivermos mais tempo, sempre podemos ser muito mais precisos. Mas vou chegar perto que temos nos logotipos originais. Acho que está perto o suficiente. Agora, mais uma vez, podemos duplicar isso, colocá-lo aqui e, em seguida, pressionar 'Command' ou 'Control D' para ter a mesma distância novamente para o terceiro círculo. Em seguida, vamos selecionar dois deles, Option ou Alt Click e arrastá-los para baixo aqui. Agora, o espaço entre esses dois círculos é exatamente o mesmo que na linha superior. É por isso que eu selecionei esses dois juntos. Mas o que é importante com o logotipo olímpico, é como esses círculos estão se entrelaçando. Não basta colori-los. Também teremos que fazer uma etapa adicional no final. Mas primeiro, vamos mudar as cores. Tenho essas cores preparadas novamente. Este é isso, temos o verde aqui, e então temos essa laranja na parte inferior. Vou apenas mover isso um pouco mais para baixo apenas para que possamos dar uma olhada melhor em como essas formas interligadas são criadas. Um método rápido para fazer isso seria selecionar todas essas formas juntas e, em seguida, ir para o menu Objeto e escolher “Expandir”. Isso vai transformar os traços que temos aqui em campos. Uma vez feito isso, posso alternar para a ferramenta de balde de tinta novamente pressionando K. Em seguida, vamos selecionar a cor azul primeiro e clicar nesta pequena área aqui. Como você pode ver, imediatamente, temos essa sobreposição criada. Agora parece que o círculo azul está na frente do laranja ou amarelo. Podemos mudar para a cor preta e preencher esta aqui com a mesma cor preta ainda selecionada. Também posso clicar nesta seção aqui. Então, com a cor verde, só temos que clicar neste aqui. Apenas com algumas etapas simples, conseguimos criar esse efeito de intertravamento. Agora podemos colocar isso de volta aqui. Temos nossa primeira linha de logotipos pronta. 27. Exercício 5 — Vodafone: Passando para a segunda linha, temos logotipos um pouco mais complexos para recriar. Primeiro, começando com o logotipo da Vodafone. Primeiro, mais uma vez, vou redimensionar esse círculo para corresponder aproximadamente ao que temos no logotipo original. Lá vamos nós. Agora só temos que duplicar isso. Isso é Comando ou Controle C e, em seguida, Comando ou Controle F. Certifique-se que ele seja colocado exatamente na mesma posição, e estou usando as teclas Alt ou Option Shift para redimensioná-lo e mantê-lo centralizado. Ele deve estar alinhado com o outro círculo no meio, algo assim. Também precisaremos de dois círculos adicionais. Vou duplicar isso mais uma vez, alinhá-lo à borda esquerda daquele círculo menor. Você pode ver que há um piscar de olhos graças aos guias inteligentes que estão ativados por padrão. Mas esse círculo precisa ter um formato ligeiramente diferente. Vou selecionar esse ponto de ancoragem superior e arrastá-lo um pouco para baixo. Acho que temos uma boa curva lá, que é muito semelhante ao logotipo original. Agora só precisamos de mais um círculo. Vou duplicar novamente este original e alinhá-lo a essa curva lá. Não me importo com o resto dos detalhes lá fora. Só estou me concentrando nos contornos reais do logotipo. Porque o que faremos agora é selecionar todos esses juntos e depois usar uma das minhas ferramentas favoritas, o Shape Builder, que você pode selecionar pressionando Shift M. Em seguida, mantendo pressionada a tecla Alt ou Option podemos rapidamente nos livrar de todos os detalhes desnecessários. Eu posso apenas pintar sobre estes também, esses aqui no meio, e depois os restantes acabamos de pintar sem segurar nenhum atalhos de teclado. Lá vai você. Temos nossa versão final. Vou trocar o traçado para preencher as cores pressionando Shift X e, em seguida, altere a cor para a cachoeira e para o vermelho. Como eu disse, isso não é 100% preciso, mas perto o suficiente para uma técnica rápida de um minuto. 28. Exercício 6 — CBS: Vamos passar para o logotipo da CBS, o Olho. Vou começar com esse círculo no meio. Mantendo pressionada a tecla Shift. Estou me certificando de que, enquanto estou redimensionando, não estou distorcendo essa forma porque, para esse logotipo, temos certeza de que este é um círculo perfeito como esse. Vou então duplicar essa forma e redimensioná-la. Mantendo pressionado Alt ou Option Shift juntos, vamos movê-lo para cima e alinhá-lo aqui. Precisamos de outro círculo logo abaixo dele e, em seguida, um adicional para essa curva aqui. Agora, para garantir que esses três círculos maiores sejam distribuídos uniformemente, estou usando o painel de alinhamento, opção Centro de Distribuição Vertical e, em seguida, selecionando todos os círculos juntos, incluindo o menor no meio, também posso usar o Horizontal Align Center. Agora que os temos no lugar, você pode pular de volta para a nossa ferramenta de construtor de formas Shift M e, em seguida, mantendo pressionada a tecla Alt ou Option livrar dos detalhes que podemos nos livrar dos detalhes que não precisamos e simplesmente desenhar são os detalhes que gostaríamos de combinar sem manter pressionados os atalhos do teclado. Agora, podemos pressionar Shift X para trocar o traçado para preencher e temos outro logotipo terminado. 29. Exercício 7 — Toyota: Vamos passar para o logotipo da Toyota. Mais uma vez, estou começando com um círculo. No entanto, aqui vamos distorcer esse círculo em uma elipse. Não estou segurando a tecla Shift neste caso. Estou apenas arrastando esses pontos para fora. Nesse caso, vou manter o traçado alinhado ao centro porque precisaremos usar uma largura variável e esse recurso só funciona caso você esteja usando o traçado nessa configuração. Quando começarmos a aumentar o tamanho do traçado, teremos que redimensionar ligeiramente a forma. Estou mantendo pressionada a tecla Alt ou Option, redimensione-a assim. Também redimensioná-lo desta forma um pouco. Você pode ver que, mesmo que combinamos a largura na parte superior e inferior, no lado esquerdo e direito, precisamos de mais espessura. Para isso, usaremos a ferramenta de largura, que você pode encontrar aqui na barra de ferramentas, é Shift+W. Tudo o que você precisa fazer é clicar no ponto de ancoragem central e arrastá-lo para o valor que você necessidade. Mas observe que, por padrão, está aumentando a espessura em ambas as direções. No entanto, se você manter pressionada a tecla Alt ou Option, ela irá alterá-la apenas em uma única direção. É disso que precisamos aqui. No entanto, isso fez a espessura demais para nós, então teremos que ajustar os outros pontos também. Por enquanto, vou repetir o mesmo passo aqui no lado direito. Para reduzir a espessura de volta na parte superior e inferior, precisamos segurar novamente Alt e Option e arrastá-los de volta para o nível que precisamos, que provavelmente está em algum lugar ao redor. Este aqui no topo provavelmente pode subir um pouco mais alto. Acho que está perto o suficiente. Para o próximo anel, vou desenhar uma elipse e vou me certificar, neste caso, o traço está alinhado com o exterior. Posso confiar nas guias inteligentes para alinhar os dois anéis um ao outro, e então vou ajustar um pouco o tamanho. Algo assim está perto o suficiente. Agora podemos selecionar essas duas formas, expandir sua aparência para que tudo seja transformado em campos. Em seguida, usando o construtor de formas, posso apenas Alt ou Option clicar nessa forma do lado de fora. Para o terceiro anel, vou usar um método ligeiramente diferente. Vou desenhar cada uma dessas formas individualmente, então o contorno desse círculo primeiro, depois copie e cole essa forma, reduza o tamanho dessa forma e alinhe-a à outra, e agora selecione essas duas formas juntas usando a ferramenta construtor de formas. Clique entre os dois e isso o transforma em uma única forma. Você pode ver, em vez de confiar na ferramenta de largura, foi um pouco mais rápido e obtivemos um resultado um pouco mais preciso para esse último anel. 30. Exercício 8 — BP: Mas agora que terminamos a segunda linha, estamos passando para os logotipos mais complexos começando primeiro com o belo logotipo da BP usando simetria radial. Agora, para este, vou começar de novo com um círculo e vou alinhá-lo a essas formas em segundo plano. Na verdade, reduzirei a espessura ainda mais abaixo aqui para que eu possa chegar o mais próximo possível. Posso movê-lo para cá. Você pode ver que estou tentando me concentrar nesses contornos aqui, então essa é a chave para obter a forma certa. Vou diminuir um pouco e irei ao menu Objeto e escolherei Repetir radial, o que criará algumas cópias para nós por padrão, mas precisaremos de 18 instâncias para esse logotipo. Agora terei cuidado para não mudar o tamanho desses círculos porque isso é algo que já estabelecemos no início. Mas vou mover todo esse objeto aqui e tentar alinhá-lo ao centro dessa imagem. Então a chave dessa técnica é usar esse pequeno círculo aqui, este widget com o qual podemos começar a movê-lo para mais perto do centro. Este é um efeito muito legal, a propósito, adoro brincar com isso. Mas o que estou prestando atenção é obviamente tentar alinhar as coisas, e estou prestando atenção à silhueta ou ao esboço do logotipo. Sinto que conseguimos chegar bastante perto disso. Estou feliz com a aparência disso. Agora vou remover a cor do traçado antes de tudo e, em seguida, vá para o menu Objeto e escolha Expandir. Isso voltará a transformar todas essas formas em elementos editáveis. Então eu mudo para a ferramenta de construtor de formas e mantendo pressionadas as teclas Alt e Shift desta vez, podemos fazer uma seleção de letreiro e excluir tudo ao longo do caminho. Eu posso rapidamente me livrar deles e, novamente, aqui no lado direito. Eu só queria ter certeza de que não excluo nenhum detalhe importante que precisaremos no final. Lá vamos nós. Fizemos isso e, em seguida, ampliamos um pouco mais perto, posso segurar novamente Alt for Option and Shift e destacar a parte central e excluí-la também. Agora temos apenas o que precisamos e agora podemos alternar para a Ferramenta Paint Bucket pressionando K no teclado. Então eu já tenho meu grupo de amostras preparado aqui, com as quais posso pintar rapidamente sobre essas formas internas aqui. Em seguida, selecionando branco para o centro, podemos retomar isso. Então, vamos selecionar a próxima cor com qual posso novamente pintar muito rapidamente sobre todas essas formas no centro. Não me importo em passar por cima das formas do lado de fora, porque agora finalmente posso usar o verde mais escuro e posso pintar rapidamente sobre a borda dessa forma e terminamos. Mesmo que parecesse um logotipo complexo para recriar, na verdade era bastante simples. 31. Exercício 9 — Woolmark: Agora vamos passar para o logotipo da Woolmark. Vou começar com o círculo original. Vamos apenas alinhar isso aqui. Vou começar usando a ferramenta de tesoura que C no teclado. Vou cortar esse círculo em dois. Clique nos pontos de ancoragem superior e inferior e , em seguida, selecione um lado dele pressione backspace ou exclua para removê-lo. Agora temos um arco ou meio círculo para o qual vou mudar ligeiramente a configuração. Eu quero usar uma tampa redonda, então bordas arredondadas para ela. Vou aumentar um pouco a espessura para que possamos vê-la. Também vou alterar o perfil de largura para este primeiro. Então, vai ter espessura no centro e, em seguida, gradualmente ficar menor em direção aos pontos de vértice. Agora podemos simplesmente girar isso e tentar alinhá-lo a essas formas em segundo plano. Algo assim, sinto que vai estar perto o suficiente do que precisamos. Agora vou para Alt, clique e arraste para duplicar isso e alinhá-lo a essa outra forma aqui. Em seguida, selecione a ferramenta de mesclagem W no teclado. Em seguida, clique na primeira forma e na próxima. Em seguida, clicar duas vezes no ícone da ferramenta de mesclagem nos dá as opções de mesclagem de onde podemos escolher etapas especificadas e, nesse caso, só precisamos ter certeza de que ela está definida como três. Podemos então clicar em Ok, e isso já parece muito bom. Vamos duplicar este Alt ou Option clique e arraste. Em seguida, use a ferramenta Girar pressionando R no teclado e, em seguida, gire-o para esta outra forma aqui. Mais uma vez, vamos tentar alinhá-lo o mais próximo possível. Parece que isso parece bom. Então vamos fazer isso mais uma vez e alinhá-lo na parte inferior. Mais uma vez, sinto que isso estará perto o suficiente para essa demonstração. Agora podemos selecionar todos eles juntos. Vá para o menu de objetos, expanda a aparência. Então, antes de podermos usar a ferramenta construtor de formas, temos que fazer mais uma rodada de expansão porque esses objetos, se dermos uma olhada no painel de camadas, ainda são grupos de mesclagem. Temos que simplificá-los ainda mais usando a opção Expandir e, em seguida, clicar em OK, agora elas são apenas formas simples para que possamos usar facilmente a ferramenta de construtor de formas e, em seguida, mantendo pressionado o Alt ou Tecla de opção, posso me livrar de qualquer detalhe desnecessário. Eu só gostaria de pintar esses pedaços aqui, esses lá, e depois tirar este aqui em cima. Talvez haja um pouco de detalhe lá, então vamos dar uma olhada. Temos mais alguns detalhes, então vou selecionar todos eles juntos mais uma vez, não vamos esquecer esses dois bits lá. Só para simplificar esse logotipo, vou selecionar tudo juntos. Usando o painel Pathfinder, vou usar a opção Unite que criará um único objeto composto a partir de tudo isso, então mesmo que pareça complexo, novamente, na verdade não foi tão difícil fazer. 32. Exercício 10 — Twitter: Para que o logotipo do Twitter, que é o nosso último, economizasse tempo, eu realmente fui em frente e preparei os 13 círculos que precisamos para esse design. Como você pode ver, todos esses são círculos perfeitos, então não havia necessidade de distorcer nenhum deles. Se eu selecionar todos eles juntos, posso usar a ferramenta construtor de formas e os mesmos métodos que fizemos antes. Ele pode ser usado para remover os detalhes que não precisamos. Basta pintar sobre tudo. Gosto de começar primeiro perto da forma em si. Lá vamos nós. Nós os removemos. Há outro pequeno detalhe lá. Então esses aqui, e enquanto ainda mantêm pressionado Alt ou opção, adicionamos a tecla Shift para fazer uma seleção rápida de letreiro e remover o resto. Para as formas restantes, podemos usar apenas a opção Unite no painel Pathfinder. Como já tenho a cor certa no contorno, posso pressionar Shift X no teclado para configurá-lo para sentir. Mais uma vez, foi um trabalho rápido e fácil quando temos os círculos no lugar certo. 33. Conclusão: Parabéns por terminar este curso. Espero que você tenha se divertido tanto assistindo isso quanto eu me diverti gravando. E, claro, não se esqueça do projeto da turma. Porque lembre-se, a prática leva à perfeição. Mal posso esperar para ver seu trabalho, então não deixe de enviá-lo. E caso você goste deste curso e queira aprender mais comigo , há muitos outros cursos que você pode encontrar aqui. Vá e dê uma olhada neles agora. Mal posso esperar para te conhecer na próxima.