Desenhando lettering personalizado: do conceito ao vetor final e além

1. Trailer / Introdução: Pessoal, meu nome é Scott Biersack. Sou um ilustrador e designer baseado aqui em Nova York, e acabei de me mudar para cá de Phoenix, Arizona. Hoje, estamos fora deste lindo jardim em frente ao escritório da Skillshare. Estou prestes a ensinar-te a desenhar um tipo de logótipo personalizado com letras. As letras personalizadas são úteis em situações em que uma marca precisa algo específico para um logotipo para publicidade, para branding, qualquer que seja o caso. Lettering personalizado é útil em quase qualquer cenário, é por isso que é tão alta da necessidade. Durante esta aula, vamos discutir os prós e contras das letras, o que faz um bom tipo de logotipo, processo de vetoração, colocação adequada do ponto de ancoragem, as coisas e não fazer das letras em geral. Vou passar passo a passo desde a concepção até o esboço até o vetoring e além para realmente mostrar o meu processo como fazer o que faço. Esta aula será perfeita para todos os níveis de habilidade, pois vamos discutir técnicas e dicas e truques para acelerar e aperfeiçoar seu processo de design. Então, se você está pronto para começar a projetar seu próprio tipo de logotipo personalizado com letras, vamos começar. 2. Por que projetar um logotipo personalizado?: Então, agora estamos prontos para começar o processo de projetar este logotipo, mas antes de começar esse processo, eu quero explicar a diferença entre o que um tipógrafo é, um letreiro é, ou um artista de letras, e um calígrafo. Então, o que eu me considero, é um artista de letras. que significa, eu vou estar usando um lápis para todo este tutorial Eu estou desenhando as letras, enquanto um tipógrafo vai usar fontes existentes para personalizar aqueles e ajustar esses tipos de letra para atender às suas necessidades. E então um calígrafo é alguém que escreveria as letras usando como uma caneta-tinteiro ou algo assim. Então, para todo este tutorial, estaremos usando o lápis. Então, a questão é, por que projetar um tipo de logotipo personalizado com letras? Bem, em última análise você quer algo completamente personalizado, completamente único, completamente novo para os olhos do espectador, algo que você nunca viu antes. A única maneira de fazer isso é usar este lápis e criar algo que ninguém jamais viu. Então, antes de entrarmos nisso, precisamos discutir as ferramentas que você precisará para este projeto em particular. Com isso vamos usar papel de rastreamento. Este é apenas um papel que você poderia obter um bloco de papel de rastreamento do Michael, ou onde quer que sua loja de suprimentos de arte possa estar. Bem como várias canetas, lápis, qualquer ferramenta que você acha que ele pode precisar para esta parte do projeto. Neste caso eu vou estar usando um monte de canetas de escova Tombow. Eles têm dois lados para eles. O topo tem uma ponta mais espessa, enquanto o lado oposto tem uma ponta de ponta muito fina. Eles vêm em várias cores. Eu sempre costumo usar o preto. Acontece que eu tenho esse verde no meu papel de lápis. Além disso, você poderia usar um afiador com ponta de cinzel, ou esta caneta de caligrafia que é muito semelhante ao chip de cinzel afiador porque ele também tem a mesma ponta de cinzel, é apenas um pouco mais fino do que o Sharpie. Então, se você está tentando estar no lado mais barato, você provavelmente deveria acabar com um afiador. Eu uso um monte de Sharpies. Então, aqui está um ponto de ponta diferente. A diferença entre este e este, é que este tem um cinzel e este é um ponteiro redondo pontiagudo. Então, o efeito que você alcançará a partir desses dois diferentes afiadores será completamente diferente. Depende do estilo de letras, é claro. Então, qualquer que seja o seu objetivo final, você deve selecionar essa ferramenta para o tipo de letras que você está procurando. Então, uma vez que você tenha todas as suas ferramentas prontas na sua frente. Pegue seus lápis, as borrachas, pegue seu papel, tudo isso. Você está pronto para começar o estágio de inspiração e pesquisa que entraremos em seguida. 3. Vamos fazer algumas pesquisas: Então, para toda esta lição de Skillshare, eu estarei projetando e desenvolvendo um logotipo para Airbnb baseado em Phoenix, Arizona. O cliente queria que o Airbnb se sentisse um pouco mais comercializado, um pouco mais marcado. Então, este logótipo será desenvolvido para esse local específico. Então, antes de começar qualquer projeto, eu sempre escrevo todo o conteúdo que eu acho que posso precisar. Neste caso particular, estamos lidando com um Airbnb, então queremos descrever quem, o que , quando, onde e por quê. Então, neste caso, o que, é um local Airbnb, o que é que estamos projetando, um logotipo para esta casa que é realmente construída em 1926. Então o cliente quer manter essa história. Ele quer manter esse período de tempo dentro deste logótipo. Então, isso irá, em última análise, ditar como será este estilo de letras. O “quando “é o prazo. Então, algo que o cliente disse, ele disse que quer dentro de um mês. Onde, este Airbnb em particular está localizado na Avenida Whitton, que é daí o nome The Whitt, que é o que ele está chamando este Airbnb. Como eu disse, ele quer fazer este Airbnb mais comercializado. Então, com tudo isso dito, agora você tem uma idéia geral do que exatamente você está procurando, que tipo de estilo de letras você está procurando. Neste caso, ele quer manter o período de 1926 dentro deste logotipo. Então, estaremos pulando no computador, bem como indo fora e procurando inspiração para nos ajudar a começar com este projeto. Pulando no computador, sei que está no período de 1920. Então, só fez sentido ir no Google, fazer uma rápida Pesquisa Google dos anúncios de 1920 que é um grande recurso porque, geralmente, os anúncios em torno deste período de tempo foram todos definidos à mão. Geralmente há um artista de letras na equipe criando letras personalizadas para esses anúncios. Então, referenciar muitas dessas coisas seria perfeito para esse logotipo. Depois de pesquisar todo esse conteúdo, eu tinha juntado um PEF, que eu vou mostrar a vocês todas as grandes letras que eu descobri neste período de tempo. Então, este primeiro, excelente exemplo do que um afiador de ponta de cinzel poderia alcançar. Você pode segurar o cinzel em um ângulo de 45 graus para obter esse contraste entre o traçado horizontal para baixo nesta curva. Então, uma ponta de cinzel seria perfeita para este tipo de letras. Esta letra em cima é tão agradável, muito intrincada. É muito apontado, bem como com todos os pontos de conexão e as hastes. Outra Pepsi-Cola, isso acabará por ajudar a ditar o esquema de cores também. Então, o esquema de cores que foi usado na década de 1920, você pode ver um monte de laranja, um monte de azul, alguns mais vermelhos. Aqui está outro tipo de letreiro de ponta de cinzel que você poderia alcançar. Em seguida, temos algumas borrachas de lápis rubi, apenas um pouco mais de inspiração. Tudo isso foi encontrado via Google. Tem uma bela letra lá. Outro esquema de cores azul, azul e branco. Em seguida, o cliente mencionou que ele quer as letras sejam possivelmente folheadas de ouro para a porta. Então, neste exemplo de foto, há John Downer aplicando uma folha de ouro para esta janela. Então, ele estava tentando alcançar esse tipo de olhar com The Whitt. Então, eu peguei mais alguns exemplos de como a folha de ouro seria apenas para mostrar ao cliente o que exatamente ele está procurando, e espero, estar na mesma página com ele. Mais exemplos de letras. Neste exemplo particular, o cliente também tinha mencionado que ele realmente queria mostrar esta forma de ferradura no logotipo também. Vou falar disso um pouco mais tarde, mas eu também estava procurando referências em ferradura porque, como você verá em imagens posteriores, a fundação deste Airbnb tinha embutidos mas eu também estava procurando referências em ferradura porque, como você verá em imagens posteriores, em ferradura no cimento. Mas você verá um pouco mais disso um pouco mais tarde. Em seguida foi esta foto que eu me tirei desta casa de salsicha que é logo abaixo da rua a partir da localização Airbnb, eo script em cima é outro exemplo perfeito da letra que poderia ser alcançado para este logotipo. Em seguida, temos a localização real. Então, neste exemplo, ir para o local é quase necessário para o design deste logotipo, porque você quer ter uma idéia de como este lugar se parece, quem está hospedado lá, como a casa realmente se sente se foi construída em 1926, mas desde que ele o renovou, parece incrivelmente moderno, muito aconchegante, realmente pitoresco. Há uma vista frontal da casa. Você pode ver todas as mudanças e atualizações que ele fez. Muito bom mobiliário moderno no interior. disto que eu estava a falar, as inserções em ferradura na fundação da casa nos fundos. Então, eu tirei uma foto daqueles dois sapatos de cavalo diferentes. Então, você pode mais tarde referenciar isso também com o logotipo. Outra forma de ferradura no lado da rua. Ele incorporou este celeiro e também mencionou que queria incorporar este logótipo na lateral da porta do celeiro e do invólucro. Ele queria pintar o tipo de logotipo do lado. Então, isso é outra coisa a ter em mente com o seu projeto. Você precisa entender onde esse logotipo viverá, para que ele está sendo usado, quão pequeno, quão grande. Então, você precisa ter em mente todas essas coisas quando você está projetando. Então, agora que temos toda essa pesquisa on-line feita, vamos lá fora para encontrar alguns recursos adicionais e inspiração para o seu projeto. 4. Analisando o ambiente à sua volta: Então, para esta parte da turma, vamos encontrar inspiração e recursos das coisas ao seu redor. Então nós estamos aqui nas ruas de Nova York e nós vamos apenas andar para cima e para baixo Elizabeth Street para encontrar alguma inspiração em alguns desses edifícios seja arquitetônico, uma pintura, qualquer coisa e tudo para que você se inspire para prepará-lo para se preparar para o projeto. Então, vamos começar. Então, algo como isso é perfeito para te inspirar porque você pode ver todas as complexidades pintadas à mão, como a swoop desta gota tampada S ou o ângulo deste A, ou até mesmo o fato de que pode usar o que parece ser alguma tinta dourada para ajudar o contraste entre este metal marrom. Algo que instantaneamente chamou meus olhos porque é pintado à mão. Coisas como esta são únicas em sua natureza e são perfeitas para este tipo de projeto. Quero dizer, aquele tipo lá em cima é lindo porque dá para ver a idade que tem. Foi definitivamente pintado também por um pintor de placas, e então o tempo e tudo apenas cuidou dele e resistiu. Você pode ver a textura em todas as letras e dá-lhe uma agradável sensação rústica pintada à mão, que é outro exemplo perfeito de inspiração que estamos procurando para este tipo de projeto. Qualquer coisa e tudo para te inspirares no que estás prestes a embarcar. Então, basicamente, com este, quero dizer, os detalhes intrincados foram o que me chamou a atenção porque você não vê mais algo assim nos dias de hoje. Obviamente, este edifício é provavelmente do início de 1900, e esse é o tipo de trabalho que você teria visto no início de 1900. Então, é um bom exemplo da história de onde ele veio e ainda está de pé até hoje. Então, encontrar algo assim, apenas tirar uma foto dele em seu telefone e, em seguida, usá-lo como referência mais tarde é perfeito. Quero dizer, você pode nem usá-lo para este projeto em particular, mas pode vir a calhar mais tarde para outro projeto mais tarde. Então, é sempre bom ter uma coleção, como uma biblioteca de fotos para referência. Então, outro exemplo aqui é, eu sempre tento incorporar bordas em algumas de minhas peças, mas algo tão incrível como este arco aqui é outro exemplo de pequenos detalhes que você poderia incorporar em alguma borda que você está prestes a criar, como poderia ser para este logotipo, poderia ser para outra coisa também. Mas como esses pequenos desenhos florais são outro elemento que você poderia incorporar no que você está prestes a criar. Quero dizer, isso é muito doce. Alguém usa o ambiente para criar uma peça de arte usando o que parece uma corda de sapato ou apenas corda normal, e é quase como grafite personalizado para esta cerca usando cordas. Se você recuar, você pode ver a profundidade. Posso fazer um H, é tudo o que tenho. É como uma laje, serif H ali e o resto é apenas, eu não tenho certeza. Ainda é muito fixe. Nunca vi nada assim antes. É isto. Estes são os joelhos da abelha bem aqui. Este é o material. Quero dizer, é definitivamente um estêncil. Mas qualquer coisa relacionada a obedecer imediatamente me chama a atenção por causa da complexidade e todo o trabalho detalhado que ele coloca nisso. Algumas delas parecem pintadas à mão, também. Se você conseguir uma foto de perto, é como se você pudesse ver que ele voltou e tocou com um pincel ou algo para realmente iluminar essas cores. Então, depois de passear pela cidade e tirar fotos de toda a inspiração, tire essas fotos e carregue-as para a página do projeto. Estou ansioso para ver o que te inspira. 5. Esboços iniciais e bagunçados: Então, neste ponto, vamos começar esboços muito rápidos, muito rápidos de qualquer que seja esse logotipo. Então, para mim, eu vou estar escrevendo The Whitt mais e mais e mais e mais e mais e mais e mais e mais até que você tenha páginas e páginas do que parece ser uma pessoa louca escrevendo em um pedaço de papel mas eu prometemos que será benéfico para você, porque vamos desconstruir muitos destes e determinar qual deles é o melhor e por quê. Então, antes de entrarmos nisso, quero discutir o uso de formas para compor sua composição. Por exemplo, você pode usar uma linha de base arqueada como esta para escrever no que o seu tipo de logotipo pode dizer. O Whitt. Sempre referenciar seus materiais é bom, caso em que estamos fazendo referência ao script Packard do Motor Cars que tem uma linha de baixo ascendente muito agradável. Então, novamente, utilizando essa linha de base e, em seguida, escrever muito rápido, muito rápido. Não importa como essas letras se parecem porque vamos finalmente personalizá-lo a partir daí ou talvez seja apenas uma linha de baixo horizontal reta. Escrevendo muito rápido o mais rápido que puder. Talvez tente segurar o lápis um pouco mais alto para tentar obter uma aparência diferente. Segure bem perto da ponta da liderança, talvez as letras mudem cada vez que você escreve, porque cada vez que você escreve uma e outra vez em sua forma de letra como este W, é diferente. Então, essa tigela se abre. Este atravessa. Há tantas maneiras de escrever uma letra. Então, é por isso que escrevê-lo mais e mais e mais e mais até que você descubra que a combinação perfeita de letras é praticamente o que estamos procurando aqui. Então, depois de todas essas iterações, eu escrevi, quem sabe, centenas e centenas de vezes, tentando descobrir o que W funcionaria melhor. Sempre referenciando o material mais uma vez, fazendo referência a este carro. Refiro-me ao guião do Carter no fundo disto , o que parece ser um anúncio de roupa suja. Eles têm um logotipo muito bom script com uma linha de baixo horizontal que é o que eu estava tentando alcançar ao longo da maioria desses esboços tipo logotipo áspero e, finalmente, depois de todos esses esboços foram completos, eu gosto para finalizá-lo até três conceitos para depois finalizar ainda mais. Então, nesse caso eu selecionei isso. Eu sempre os numero. Este era o número dois. O número um está bem aqui em cima. Eu realmente gostei de como este traço vertical abraçou o H e o E, então eu queria utilizar este esboço áspero, bem como a inclinação realmente áspera que estava acontecendo neste conceito muito rápido em cima, em seguida, no canto inferior direito. Esta era mais da linha vertical de baixo horizontal. Outro esboço rápido e sujo. Em seguida, o número três foi desenhado depois de eu referenciar o anúncio monarca para este automóvel. Eu vi os personagens interessantes nas formas de contador do O e do A. Eu queria de alguma forma evocar esse mesmo estilo com este esboço conceito aqui e eu mantive um monte de letterforms mais verticais em uma linha de base horizontal e tentando determinar onde eu iria caber em Phoenix, AZ porque o cliente queria finalmente mostrar onde este Airbnb estava indo para ser localizado. Então, uma vez que você tenha seus três conceitos selecionados, pegue todos esses conceitos, digitalize-os para o computador e vamos trabalhar com eles no Photoshop na próxima aula de vídeo. 6. Três conceitos para mais edição: Então, agora que você tem todos os seus conceitos digitalizados no computador, vamos essencialmente criar um novo documento do Photoshop. Eu sempre arrumei para papel e meio por 11, que é o que eu criei aqui. Nós temos todos os nossos conceitos aqui no mesmo quadro, eu vou desligá-los todos menos um. O que eu gosto de fazer, eu gosto de trabalhar muito grande. Isso é uma coisa de preferência, mas eu apenas o escalo todo até que preencha toda a tela e nós vamos fazer isso para todos os nossos conceitos. Tudo bem. Agora, que temos todos aqueles dimensionados e prontos para imprimir, vá em frente e imprima porque vamos usá-los junto com o papel de rastreamento para finalizá-los e aperfeiçoá-los para a última peça que teremos no final desta lição. Então, agora temos todos estes impressos. Eles são duas escalas de 8,5 por 11 pedaço de papel e vamos começar a finalizá-los com o papel de rastreamento, um de cada vez. Escolha o que você gostaria de finalizar primeiro porque, em última análise, o cliente quer ver três opções, é por isso que selecionamos três conceitos para finalizar. Então, tire um pedaço de papel de rastreamento e certifique-se de que você está constantemente referenciando essa inspiração em material de referência que você reúne porque você quer obviamente tentar se encaixar no estilo e aparência de uma dessas peças que você está se referindo. Mas antes de entrarmos no desenho, quero discutir alguns termos e os termos que usaremos ao longo desta lição; Cor, contraste, kerning, ritmo, velocidade e ângulo. Há alguns outros que posso mencionar mas estes são os que estarão constantemente a prestar atenção. Cor, neste caso é o equilíbrio entre o positivo que é o que as formas de letra estão ocupando e o espaço negativo, que é a área em torno de cada forma de letra. Em seguida, será o contraste e que seria a largura do traçado e como um traço vertical para baixo seria mais grosso do que traçado para cima fino como este h. Então, você quer pensar sobre o contraste entre seus thicks e suas finas. Próximo kerning, isso seria o espaçamento entre suas letras. Então, é realmente um esboço áspero. Eu sei que este W e este H estão muito próximos. Então, como você está rastreando você vai desenhar seu h ou desenhar seu w, você vai desenhar seu w primeiro. Você vai mover o papel de rastreamento sobre apenas um pouco para virar o seu w em sua borda e você vai em frente e desenhar isso dentro Então é isso que Kerning é se você ainda não sabia disso. Ritmo, que é o equilíbrio e a progressão entre cada letra. Então, neste exemplo, este letterforms é bastante grande. Este letterforms é de cerca de um tamanho médio e, em seguida, pequeno grande novamente, e depois outro meio. Então, eu gosto de retratar esse ritmo com círculos ou quadrados, você pode mostrar visualmente o ritmo em uma forma de letra e como essa letra está se movendo ao longo da linha de base, é ditada sobre muitas coisas, mas em última análise é o forma letterform e onde ele está deitado sobre essa linha de base. Então, neste caso particular, queremos uma linha de base reta para que o ritmo seja relativamente baixo e queremos que isso se sinta um pouco saltado também. Então nós temos um grande, médio, pequeno, grande médio, eu acho que é um grande ritmo que temos acontecendo lá. Então fique com isso. Velocidade, velocidade e ângulo são relativamente semelhantes. O ângulo mudará dependendo de como você deseja que este logotipo apareça. Então, se queremos que este logotipo seja um pouco mais áspero de um ângulo, você poderia mudar este h para ser mais vertical, ou assinar mais inclinado, este h será um pouco mais inclinado se você quiser mudar o ângulo, bem como, o i, o t e que muda toda a aparência e preenchimento do formulário da carta se tudo estiver parecendo que está caindo assim ou você pode incliná-lo para trás. Você pode torná-lo mais vertical, fazer o h um pouco reto, e novamente, que vai mudar todo o olhar e preencher este letterform. Então, essas coisas principais mudarão a aparência e o preenchimento de todo o logotipo à medida que você começa a esboçar ao longo deste processo. Então, essas são as coisas que você quer estar ciente. Então, se você continuar esboçando, mudando o ângulo, mudando o contraste talvez isso seja muito mais grosso, talvez este seja um curso descendente muito grosso e um traço muito fino, e novamente, alterando esse contraste muito grosso, muito fino. Então, o que quer que você decida fazer, apenas certifique-se de manter tudo consistente ao longo de todo o logotipo. Então, se você fizer esse tipo de contraste muito grosso e muito fino, você precisa carregar isso em todo o resto dos logotipos. Então, essa borda precisa ter o mesmo peso, a mesma aparência e sensação, cada letra precisa se relacionar uma com a outra. Tudo bem. Então, vamos pegar uma nova folha de papel de rastreamento se você precisar de um, se não, continue usando o mesmo. Vamos começar a usar as ferramentas que mencionei antes. Cabe a você qual ferramenta você usa. Neste caso, eu acredito que vou usar um afiador porque o olhar e a sensação que eu estou indo para é um pouco mais quadrado no final e um contraste muito baixo. Então, isso significa que a largura do traço entre sua correção e as suas afinações vai ser muito igual. Então, neste ponto, comece a traçar seu tipo de logotipo todo o caminho através de qualquer ferramenta que você decidir usar, porque isso vai, em última análise mostrar a correção e as afinidades de seus relacionamentos. Você vai encontrar as áreas que você precisa para carn. Você encontrará os ângulos que precisa mudar. Então, continue rastreando até chegarmos ao produto final. Seja lá o que for, cabe a você. Você quer aperfeiçoar essas letras, aperfeiçoar o kerning, aperfeiçoar o peso. Certifique-se de que tudo está equilibrado, tudo é igual, tudo parece o mesmo durante todo o tempo. Esconder o papel de rastreamento é benéfico para ajudar com o seu kerning. Como você adiciona o peso, se isso for mais grosso, empurre o papel sobre apenas um pouco e comece a adicionar peso na próxima letra. É um processo constante de adição de espaço positivo, remoção de espaço positivo, apenas certificando-se de que tudo sente o mesmo. Estes ainda são esboços ásperos, muito ásperos. Vamos voltar a usar o lápis novamente, isso é apenas para ajudá-lo a ajustar os pesos de suas letras, os ângulos de suas letras. Vou continuar fazendo isso repetidamente com mais papel de rastreamento. 7. Afinando as letras: Então, com o tempo, depois de rastrear e rastrear e rastrear e rastrear até que você tenha chegado ao estágio final que temos aqui, passamos deste primeiro estágio de apenas minha caligrafia digitalizada no Photoshop para o que temos aqui, o tipo de logotipo final que apresentarei ao cliente. Com mais edições no Photoshop, corrigi alguns dos problemas de cor dentro do tronco do H, bem como a escala da palavra “O” antes do Whitt apenas no caso de ele querer uma variação com “O” menos pronunciado e menos proeminente. Então fizemos exatamente o mesmo processo com todos os esboços para o restante dos nossos esboços iniciais. Então, esse esboço se transformou no que é agora. Novamente, alterando coisas no Photoshop, a barra transversal ondulada apenas como uma variação para mostrar ao cliente, bem como manter esses traços verticais um pouco mais angular para adicionar a essa natureza personalizada única com letras à mão. O próximo conceito foi esse esboço inicial e depois transformamos no que você vê aqui. Mais trabalho do Photoshop para nos poupar algum tempo, possivelmente encaixando a palavra “O” entre o espaço negativo do H e a barra transversal do T. É um pouco apertado, mas pode ser ajustado mais tarde em um formato vetorial. Então o último esboço que fiz foi esta peça bem aqui com base no tipo de logotipo Packard dentro da nossa inspiração que encontramos, bem como a sinalização de salsicha no suporte de salsicha não muito longe da localização real do Airbnb. Então, o cliente finalmente gostou de onde isso estava indo porque parecia muito reminiscente do período de tempo e eu mostrei a ele o esboço final que eu estou mostrando aqui, e este esboço final é o que finalmente vai levou ao vetor final porque o cliente mais gostou disso, bem como a aparência e a sensação que emitiu do período de 1926. Então, na próxima lição, discutiremos o posicionamento correto do ponto de ancoragem, bem como técnicas para acelerar seu processo de vetoração, como a técnica de cruzamento, técnica retângulo que irá ajudá-lo a colocar seus pontos de ancoragem. Eu vou entrar nisso ainda mais. Então, vemo-nos lá. 8. Vetorizando o lettering final: Então agora vamos trabalhar com nosso design de tipo de logotipo selecionado final. Antes de entrarmos no computador, quero mostrar a vocês o que Jessica Hische chama de técnica retangular. Aprendi essa técnica em uma de suas oficinas, e tem sido incrivelmente fácil determinar onde colocar seus pontos de ancoragem com essa técnica. Então, deixe-me mostrar-lhe o que exatamente eu quero dizer com isso. Assim, por exemplo, se desenharmos um retângulo ou um quadrado, depende da forma da forma da letra. Se desenharmos um em torno deste E, você pode ver onde quer que os lados deste retângulo toquem, a forma da letra é onde seus pontos de ancoragem devem estar. Então você pode ver onde eu marquei lá nos lados, no topo do lado direito. É aí que está a extremidade da letra. É aí que estes formulários de carta, ou estes pontos de ancoragem aqui, vão fazer uma grande maioria do trabalho. Porque eles estão nos extremos opostos da forma de letra. Podemos fazer isso com qualquer uma dessas cartas. Podemos fazer isso com o I. Desenhe um retângulo em torno disso, e verá que colocará todos os seus pontos de ancoragem aqui, aqui, aqui e aqui. É apenas uma questão de ajustar as alças que mais tarde você vai encontrar com o Adobe Illustrator. Então mais uma vez, com o T, bem parecido com o I, ao longo do fundo do T, os topos. Se quisesse, saberia que se quisesse cortar esse retângulo, saberia que está do lado direito também. Podemos fazer isso pelo W. Podemos dividi-lo em pedaços, porque depende de como você quer vetorar esse cara. Você poderia vetar em pedaços, ou criar tudo isso como uma forma inteira, ou você poderia criar essa parte como uma forma, e então a segunda parte como outra forma. Tudo depende de como você mesmo vetores. Mas, se a decompormos em dois pedaços, você terá um ponto de ancoragem aqui, um ponto de ancoragem aqui em cima, aqui, abaixo, criando essa curva. Você pega a foto. Então, depois de desenhar seus retângulos para fora, é hora de digitalizar esse pedaço de letra para o computador mais uma vez, e vamos trazer esse esboço para o Adobe Illustrator para vetorização. Tudo bem. Agora que temos as letras digitalizadas no computador, vamos trazê-las para o Adobe Illustrator. Você vai criar um novo documento, eu geralmente configurá-lo para o tamanho da letra, oito e meio por 11. Você vai importar ou colocar seu arquivo aqui. Normalmente, basta clicar e arrastar da área de trabalho e arrastar o arquivo. Isto é o que vai parecer em 100 por cento. Eu diminuo para cerca de 30 por cento, 20 por cento. Dessa forma, ele é derrubado o suficiente para você desenhar em cima dele com a ferramenta de caneta. Vamos usar a ferramenta caneta para este tutorial, porque não há nada maior do que a ferramenta caneta. Eu prometo, às vezes é frustrante, mas, através da prática e determinação, você pode alcançar qualquer coisa. Então vamos ter um esboço em uma camada separada. Eu vou trancá-lo, e eu vou começar a vetorar em cima desse esboço. Eu geralmente uso um acidente vascular cerebral com um preenchimento muito brilhante. Neste caso, talvez magenta. Um curso muito fino 0,25 geralmente funciona bem. Vamos começar a traçar os nossos pontos. O que eu geralmente faço é traçar os pontos primeiro. Eu sei exatamente onde esses pontos vão estar, porque eu já fiz isso antes, e eu também sei onde a extremidade vai ficar, que é o que discutimos com a técnica do retângulo. Então, agora que você tem todos eles colocados, você pode mudar para a, o que é chamado, “A ferramenta Converter Ponto de Âncora”. Shift C. Vou usar essa combinação de teclas muitas vezes ao longo desta lição. Isso abrirá suas alças, você pode ver como as alças estão se estendendo para fora agora usando a ferramenta Converter ponto de ancoragem. Vamos começar a criar alças para todos esses pontos de ancoragem. Então vamos fazer isso. Vamos corrigi-los mais tarde. Tudo bem. Antes de avançarmos, vou mudar a cor desses pontos de alça porque eles estão muito brilhantes agora. Talvez um marrom. Tudo bem. Vamos começar a aperfeiçoar esta curva aqui. Vamos permitir que estas duas alças distribuam todo este peso. Não precisamos de alças no meio. Vamos arrastar esse cara. Podemos nem precisar desse cara. Vamos usar a ferramenta Converter ponto de ancoragem novamente. Clique na alça para se livrar de uma das alças do ponto de ancoragem. Dessa forma, podemos permitir que o ponto de ancoragem superior crie esta curva aqui mesmo, sem perturbar a curva que este ponto de ancoragem abaixo está criando. Então temos o topo e agora precisamos aperfeiçoar esta curva inferior também. Vamos fazer o mesmo. Permita que estas duas alças façam todo o trabalho, porque nós podemos. É só uma questão de ir e voltar, estender este, estender aquilo. Apenas certifique-se de que suas alças de ponto de ancoragem estão distribuindo o peso uniformemente, e por isso quero dizer, certifique-se de que seus comprimentos de alça são geralmente iguais. Tudo bem se não estiverem, é só uma regra. Obviamente, este vai fazer um pouco mais de trabalho, porque está no fundo, e está carregando essa curva todo o caminho, então está tudo bem. Agora, vamos corrigir esta curva inferior. Pode ser necessário ajustar a posição dos pontos de ancoragem também. Isso está tudo bem. Não estou gostando de como isso é chato. Eu poderia usar a ferramenta de ponto de ancoragem converter. Mais uma vez, traga a alça. Livrar-se do que não precisamos, para ajudar a contornar essa curva. Algo ao longo dessas linhas. Agora que temos a forma geral, tenho tendência a revertê-la. Então, é um preenchimento em vez de um golpe, e para fazer isso, você pressionaria Shift X. Então, dessa forma temos uma forma inteira que consistirá no caule do nosso T. E ao fazer isso, posso ver que esta curva não é tão suave como eu quero que seja, então uma vez que você convertê-lo de volta para um preenchimento, você pode ter alguns ajustes adicionais a fazer com os pontos de ancoragem. Vamos continuar a fazer isso durante todo este logótipo, a traçar os nossos pontos. Felizmente, eu já vetei isso, e vou mostrar a vocês o vetor final e os pontos de conexão. O peso do derrame é muito grosso para você ver o que eu fiz exatamente. Você pode ver que em alguns casos, como aqui, os esboços iniciais um pouco finos demais, então eu corrigi isso no vetor. Você pode ver que eu vetei essas formas separadamente. Como o I se conecta ao T, e o chá se conecta ao outro, a barra transversal é separada também. Tudo é separado para que você possa mudar esses ângulos mais tarde se precisar. Você não quer vetorar essa coisa toda como uma única forma, então se eu desagrupar isso, você pode movê-los individualmente. Então, isso é o que o vetor final, a primeira corrida, devo dizer, parecia - Eu sempre passar por ele uma vez, para obter os posicionamentos do ponto de ancoragem para baixo, e então eu copio a prancheta pressionando Shift O. Shift O abrirá a paleta de edição da prancheta, para que você possa segurar a opção e arrastá-la para baixo. Neste caso, já fiz isso à direita. Arrastei-o para o lado direito. Vamos começar a corrigir ainda mais coisas, tais como: quão fino isto é aqui. Queremos ter certeza de que tudo está na mesma linha de base. Queremos ter certeza de que os pontos de conexão também estão alinhados, o que você pode ver aqui. Então criei diretrizes para isso. Queremos fazer todas as pequenas correções após o primeiro vetor ser executado dentro do segundo vetor. Esta é apenas a minha preferência pessoal, e processo, então, se isso não funcionar para você, então, por todos os meios, sinta-se livre para pular este passo. Então, depois de ter feito correções adicionais ao seu logotipo, eu sempre passo por isso mais uma vez. Copie essa prancheta, eu a arrastei para baixo desta vez, corrigindo mais desses problemas. Dessa forma, se você precisar alcançar uma dessas etapas anteriores, você pode, porque você tem essas cópias adicionais. Então por aqui, eu estava corrigindo mais dessas curvas, mais dos pesos nos problemas de contraste que eu tinha entre meu Fix e Thins. Havia alguns pequenos, pequenos problemas com o quão afiado alguns desses estavam terminando, então se isso sumisse, por exemplo, isso é um pouco afiado demais para o meu gosto. Então eu estava curvando e arredondando aqueles para fora, como este aqui. Não é redondo o suficiente, e isso é um pouco afiado demais. Então o que eu geralmente faço é, adicionar um ponto lá, adicionar um ponto lá. Então, de qualquer lado, de modo que quando você exclui isso, ele arredonda sempre tão ligeiramente. Certifique-se de que esses pontos de ancoragem estejam relativamente próximos. Não tenho a Adobe Creative Cloud, portanto, não posso usar a ferramenta de arredondamento que eles têm. Mas isso é essencialmente o que estamos fazendo aqui, usando para contornar as esquinas. Eu trouxe esta final para outro arquivo do Illustrator porque eu queria mantê-lo separado, porque, o W era um pouco estranho demais para mim. Começou com esses pontos de conexão arredondados que você pode ver aqui, e eu fiz tudo isso de uma forma também. Mas eu não estava gostando muito disso, porque realmente não se encaixava com o resto das bordas mais nítidas que o resto do logotipo tinha. Então, eu tentei corrigir isso dentro deste novo documento, e, eu curvei e apontei as extremidades mais semelhantes a como o tronco do T está olhando. Assim, parecia um pouco mais coeso com o resto do logótipo. Corrigindo constantemente. Toda vez que eu copio uma prancheta, há pequenas correções, e por isso, você pode ver aqui. Criei o novo W personalizado nesta prancheta e depois fiz pequenas correções. Você pode ver como o caule do H diminuiu junto com a altura X do Y. Eu trouxe a barra transversal para baixo nos T, corrigindo esses minúsculos, pequenos detalhes, mas faz toda a diferença. E então esse estágio final, kerning tudo, apenas um pouco, corrigindo a inclinação no curso de saída do H, e então neste ponto, eu começo a trabalhar com a colocação e tamanho do tipo secundário, que é o Phoenix Arizona, a localização do seu Airbnb. Avançando, o cliente queria ver como seria o logotipo com uma sombra. Então eu desenvolvi uma sombra também, e então ele começou um processo de testar qual cor seria melhor para este logotipo. Referenciei os recursos e inspiração passados que reunimos. Muitos desses azuis, muitas laranjas, e os vermelhos. Então, é claro, fez sentido incorporar essa laranja no logotipo também. Então, mais uma coisa que quero discutir com vocês é o que eu tento chamar de técnica cruzada. Vou mostrar-lhe exatamente o que quero dizer com este exemplo. Tentei dissecar este W em diferentes formas, e nesse caso todas estas são peças separadas. Mas esta peça aqui, em vez de fazer esta lavagem uma forma separada, eu conectei os dois cruzando os pontos de ancoragem vetorial. Então, começando aqui eu fiz o meu caminho para cima. Coloque um ponto de ancoragem aqui, continuou que em vez de dissecar a forma como fizemos aqui. Outro bom exemplo dessa técnica de crossover seria esse script de Nova York que eu desenvolvi. Você pode ver como eu cruzei para criar a barra transversal do N. Neste caso, você pode ver exatamente por que essa técnica de crossover é útil, porque se você quiser corrigir o peso da barra transversal, você pode mover uma das âncora pontos sem perturbar o contraste do curso mais fino à esquerda. O mesmo para este ponto de ancoragem à direita. Você pode manipular o traçado mais fino sem alterar o traçado mais espesso. Se tivesses apenas um ponto de ancoragem em vez dos dois, vais ver o que quero dizer. Porque agora que você tem um, você está corrigindo ambos ao mesmo tempo. A técnica de crossover é definitivamente útil neste caso onde você pode corrigir um lado da sua forma de letra sem perturbar outro. Tudo bem. Então agora, com o seu design final do logótipo e vetorado no computador, vamos avançar com a aplicação desse logótipo a qualquer aplicativo que você acha que ele pode precisar estar. Então, neste caso, eu preciso zombar de uma cerca, porque ele queria pintado em uma cerca, e eu preciso zombar de uma porta, porque ele queria ver como esse logotipo seria dourado. folheado em uma janela de vidro. Então, vemo-nos na próxima lição. 9. Não mostre, apresente: Então, neste ponto do processo, vamos pegar nosso logotipo acabado e aplicá-lo a uma maquete. Queremos mostrar ao cliente exatamente como ele vai se parecer e seu espaço habitável, neste caso, em uma porta de celeiro. Estamos do lado da porta do celeiro, assim como zombamos de uma janela. Assim, o cliente pode ver exatamente o que parecia. Você pode ver se ele está funcionando em certas escalas. Então, vamos começar com esta porta do celeiro. Vamos copiá-lo. Estamos trabalhando no Photoshop novamente. Tirei uma foto disto, colando-a. Eu vou mudar a cor para preto porque eu sei que ele quer combinar com a cor da porta do celeiro, aquela cor preta para colocá-lo na perspectiva. Se você sabe alguma coisa sobre Photoshop, precisamos, eu geralmente vou converter coisas para objetos inteligentes. Vamos trabalhar com a perspectiva aqui. Vai ser um monte de ajustes também. Quero dizer, nada vai ser perfeito. Mas vamos tentar fazer com que isto pareça certo. Eu geralmente acabo massacrando o logotipo, mas enquanto o cliente puder ver exatamente como ele pode parecer, eu acho que nós vamos ficar bem. Então, neste caso, eu definitivamente estou massacrando o logotipo e tudo bem. É apenas para fins de apresentação apenas para que o cliente possa ver como isso pode parecer. Então, acho que estamos quase lá. Estamos apenas continuamente distorcendo isso. Acho que isso não é tão ruim. Pode até mudar o modo de mesclagem, shift plus mudará o modo de mesclagem. Assim, o logótipo vai misturar-se através dessas rachaduras. Nenhum desses modos de mesclagem está funcionando muito bem, mas isso está aceso. Eu acho que isso pode ser bom o suficiente para enviá-los junto, talvez até diminuir a opacidade, então é um pouco ver através. O que você acha que pode ser melhor , em última análise depende de você. É o seu julgamento. Qualquer maneira de mostrar ao cliente como isso poderia parecer em seus estágios finais. Então, deixe-me mostrar-lhe o antes e o depois. Isso é geralmente o que ele vai parecer com aquela madeira. É sempre bom mostrar ao cliente o logotipo com suas cores pretendidas, bem como porque às vezes ele pode ficar bem invertido assim. Mas, por exemplo, se eu mudá-lo para preto, isso pode não parecer o melhor. Se eu remover essa cor de fundo, o espaço positivo e negativo será diferente. Então, se eu vê-lo em um fundo branco, as letras aparecem um pouco mais abertas, um pouco mais espaçadas. Mas se eu trazê-lo de volta para este fundo laranja, quase parece um pouco mais condensado, um pouco mais ousado. Isso é apenas um truque que seus olhos jogam em você. Então, você pode ver o que eu quero dizer com o espaço positivo e negativo aqui. Se eu mostrar a vocês esta prévia rápida, é assim que parece em um fundo branco e, em seguida, um fundo preto. Você pode quase ver como as mudanças, especialmente nas formas de contador do tipo secundário, você pode ver como a forma de contador de que A apenas fica menor. É apenas uma coisa óptica. Na verdade, não está ficando mais ousado. É só um truque que seus olhos jogam em você. Então, é algo que você precisa estar ciente quando você apresentar seu logotipo, algo que você precisa estar ciente quando você projetar seu logotipo. Certifique-se de que fica bem em um fundo branco. Certifique-se de que fica bem em um fundo preto. Então, uma vez que você tem o seu logotipo vetorado final, sinta-se livre para enviar isso para a página do projeto e eu espero fornecer feedback honesto e minhas opiniões sobre o que vocês criaram. Então, estou ansioso para ver o que vocês fizeram. 10. Obrigado!: Tudo bem. Então, esse é o fim desta aula de Skillshare. Então, obrigado a vocês por seguirem. Se você tiver alguma dúvida ou feedback, por favor me avise. Com sorte, eu ensinei a vocês uma coisa ou duas. Estou ansioso para ver o que vocês criaram, e se o logótipo não for do jeito que querem, não se preocupe. Eu estava na mesma posição há um ano e meio, eu estava fazendo coisas que não eram as melhores, mas através do tempo, dedicação e prática só fica melhor. Continua a empurrar, a prática fica perfeita, e vemo-nos na aula.