Desenvolva uma fonte melhor: um guia detalhado para criar fontes

1. Trailer do curso: Ei, pessoal. Eu sou Jamie Bartlett, e para esta aula eu estou me juntando com meu marido e colega professor de Skillshare Jake Bartlett, para dar a vocês um guia detalhado sobre como criar uma fonte profissional. Isso é algo que adoramos fazer juntos e queríamos compartilhar nosso processo com vocês. Começarei fazendo você pensar sobre seu próprio design de fonte. Então, vamos pegar nosso caderno de esboços ou tablet e desenhar nossos personagens, fazer qualquer revisão, para que todas as nossas letras pareçam coesas e, em seguida, entrar no Illustrator para prepará-las para se transformar em uma fonte. Uma vez que os personagens são vetoriais, Jake vamos entrar no nitty-gridty de fazer sua fonte funcionar corretamente com Glyphs Mini. Se você não tem Glyphs Mini não se preocupe, você pode baixar uma avaliação gratuita de 30 dias. Glyphs Mini é uma ferramenta incrivelmente poderosa que torna o processo de conversão de suas ilustrações vetoriais em uma fonte de trabalho extremamente fácil. Jake irá mostrar-lhe como colocar seus personagens em Glifos corretamente espaçados e kern sua fonte, e, em seguida, testar e refinar até que seja uma fonte perfeita pronta para usar, vender ou compartilhar com amigos. Para o projeto de classe, você estará projetando e construindo sua própria fonte. Mesmo que você nunca tenha projetado um tipo de letra antes, você será capaz de acompanhar nossas lições, e no final da aula você terá uma fonte funcionando. Vamos entrar e começar. Mal posso esperar para ver a fonte que você cria. 2. Considerações de design: A maneira como vamos estar construindo nossa fonte é; primeiro, vamos decidir que tipo de fonte vamos fazer. Então, uma vez que tivermos uma boa ideia, vamos começar a esboçar nossos personagens. Em seguida, vamos passar para refiná-los e dependendo se você deseja que sua fonte pareça mais mão-on ou limpa, então vamos levar para o ilustrador, e vamos rastreá-lo de imagem, ou usar a ferramenta caneta. Em seguida, vamos trazer para o Glyphs Mini, que tem a avaliação gratuita de 30 dias. Vamos definir o espaçamento e o kerning, e fazer com que tudo pareça profissional para que você esteja pronto para exportá-lo e vendê-lo ou compartilhá-lo com amigos. Agora, estamos prontos para começar a pensar sobre como queremos que a nossa fonte seja. Então, quando você pensar sobre sua fonte, pense em como você deseja que sua fonte seja usada. Você quer que ele seja uma fonte de exibição onde ele é melhor usado como manchetes em grandes lugares negrito, ou você quer que ele seja mais usado para um parágrafo onde é mais fácil ler em um tamanho de fonte menor? Há um punhado de classificações diferentes de fontes. Há Serif, Sans-Serif e Slab-Serif. Há muito mais, mas vamos ficar com eles agora. Uma fonte Serif é uma fonte tem esses pequenos enfeites nas extremidades. Parecem pés. Depois há um Sans-Serif, e sem meios. Então este não tem serifas. Então a diferença entre o Serif e o Slab-Serif é apenas o tipo de Serif. Agora, com a fonte Serif, os Serifs fluem mais naturalmente para as letras enquanto, com o Slab-Serif, parece mais um bloco que foi apenas anexado no final. Este é muito mais pesado e torna mais robusto no look casual. Então vamos pensar sobre o estilo que queremos que nossa fonte seja. Queremos que ele seja negrito, leve ou mesmo itálico ou pode ser apenas uma fonte normal bastante padrão? Depois há a largura. Poderíamos fazer algo mais condensado, ou mais largo, ou apenas uma fonte normal. Precisamos decidir sobre a aparência da nossa fonte. Você quer que ele seja mais da fonte limpa padrão ou queremos algo com mais texturizado que pareça mais feito à mão? Você pode olhar em volta para outras fontes para obter inspiração e ver quais características dessas fontes você gosta. Eu vou fazer em todas as maiúsculas fonte de exibição, então eu só tenho que fazer letras maiúsculas, e eu não tenho que me preocupar com as minúsculas agora. Para manter as coisas simples, você deve fazer a mesma coisa para esta classe. Você sempre pode adicionar minúsculas e mais caracteres mais tarde. Eu também vou fazer números e pontuação limitada, que eu vou incluir uma lista dos que eu fiz para que você tenha algo para trabalhar fora e se referir de volta quando você está desenhando seus personagens. Como meu pensamento é uma fonte de exibição, eu decidi torná-lo grande e ousado. Uma vez que você tenha uma boa idéia da fonte que deseja criar, você pode começar a esboçar. 3. Esboçando sua fonte: Vou desenhar aqui no meu iPad Pro e Procreate. Agora, você não precisa estar fazendo isso em um iPad, você pode facilmente ir pegar um papel e um lápis e desenhar sobre isso. Eu escolheria um papel gráfico só porque é fácil como eu estou desenhando para medir a largura das letras e a altura. Isso ajuda muito a manter as coisas consistentes. Depois que eu terminar aqui no Procreate, eu vou levá-lo para o Illustrator e rastreá-lo ao vivo lá. Então, se você vai fazer isso também, certifique-se de desenhar suas letras com pelo menos 800 pixels de largura para torná-lo alta o suficiente para obter um bom esboço ao vivo. A razão pela qual eu vou fazer traço ao vivo, porque eu vou ter alguma textura em torno das bordas das minhas letras. Se você planeja fazer uma fonte mais normal, onde você quer que ela realmente limpa, então você provavelmente estará usando a ferramenta caneta para que você não tenha que se preocupar tanto com o tamanho que você está desenhando suas letras. Então, agora que eu estou pronto para esboçar, eu vou começar com um H. A razão pela qual eu vou começar com H, é porque é uma letra muito simples e algumas das características de um H vai me ajudar facilmente a desenhar mais algumas letras depois Isso. Isto é apenas um duro, ainda estamos tentando descobrir como queremos que a nossa fonte seja. Então, não precisa ser perfeito, este é apenas um esboço. Então, eu vou desenhar o meu. Vou fazer dois quadrados de espessura. O meu vai ser bem grosso, lembre-se que é uma fonte de exibição. Crossbar, eu vou fazer a barra transversal que é um H bem simples, mas, é isso que eu estou indo para. Então, agora que eu tenho o básico do meu H, eu sei que minhas letras serão cerca de dois quadrados de espessura e as partes principais dele então eu fiz mais de um quadrado e meio ou a barra transversal para torná-lo um pouco mais magro. Então, eu posso facilmente saber como o meu eu vai parecer apenas olhando para esta parte do H. Então eu vou desenhar meu I em seguida. Essa é minha I. Estou mantendo minhas cartas muito geométricas. Então, um E também funcionaria para o meu. Então, como você pensa nas letras em sua fonte, isso também vai ter uma linha vertical forte aqui. Então, o meu que vai para um E, mas talvez sua fonte você no seu E para ser algo mais como isso. Isso não vai funcionar para o seu. Mas, por enquanto, vou desenhar o meu E e esboçá-lo rapidamente. Então, eu decidi ter minhas linhas horizontais um pouco esfolador mais como um quadrado e meio. Então eu vou manter isso consistente com o H lá. A razão pela qual estou fazendo isso é apenas para ter alguma variação na minha fonte para torná-la um pouco mais única. Além disso, quando você está desenhando fontes, seu I naturalmente faz com que essas linhas horizontais pareçam mais gordas. Então, se eu fosse lidar com dois quadrados, aqui eu olho para isso como parte E da forma e acho que essa parte é mais gorda do que realmente é. Então, é uma ilusão de ótica. Então eu vou desenhar o E lá e F também será fácil de desenhar. Novamente, isso é muito difícil. Estamos apenas tentando descobrir o que queremos que o básico de nossa fonte seja parecido. Podemos fazer muitos ajustes depois. Então um L será bom. Vamos fazer um L rápido e você pode continuar a partir daí. Então, uma vez que você começa todas as letras que são feitas de formas semelhantes e você pode passar para algo como um O. An O é uma boa carta redonda para começar com o próximo porque você pode basear um monte de outras letras fora da redondeza que você decidir fazer para aquele O. Então, para um D, você pode usar a mesma forma redonda que você decidir para o seu O. Mesmo com um Q e assim por diante. Quero que o meu O esteja bem perto de um círculo perfeito. Eu só desenhei N, um pouco mais largo. Outra coisa com letras que têm uma parte arredondada para eles, você está indo para um ir um pouco abaixo da linha de base, bem como um pouco acima da parte superior de suas letras. Porque outra vez isso é outra ilusão de ótica. Onde se você combinar a altura do seu O com a altura deste L aqui, seu O vai parecer muito menor que o seu L. Então, você só quer que ele seja um pouco mais alto. Então, basta começar com um O como esse, é um pouco gordo então vamos fazer isso dentro um pouco mais magro. Faremos algo assim. Começaremos com um O assim. Isso parece um pouco grande. Ajustaremos isso quando fizermos nossas revisões. Então, agora que eu tenho a forma do meu O e eu sei que é praticamente um círculo perfeito ou próximo a ele, vamos fazer um D próximo porque nós podemos usar as características do H e o O para fazer o D. Como nós temos a barra vertical aqui e então Temos a parte redonda deste O, para fazer um D. Pode continuar redesenhando essa forma até eu sentir que é onde eu quero. É para isso que serve o esboço. Nada tem que ser permanente ainda. De lá, podemos voltar para o O e podemos fazer um Q, poderíamos fazer um C, um C seria fácil. Então, a partir daqui, você só quer construir o resto de sua fonte usando qualquer uma das características que já determinamos com base nas outras letras. Agora, há outras letras que não vão ser tão influenciadas como esta como um S, por exemplo, você não vai realmente ser capaz de pegar qualquer parte dessas letras, mas ainda assim você quer que pareça que pertence à fonte. Então, basta manter isso em mente enquanto você está desenhando e fazer com que pareça que pertence a este conjunto de personagens. Então, agora eu tenho a maioria das minhas cartas esboçadas. Eu tenho outra camada que tem todo o resto deles, mas aqui eu só quero apontar algumas coisas. Então, eu disse que minhas cartas eram muito geométricas. Mas por causa disso, eu ainda não vou me limitar de criar personagens mais únicos. Então este R, por exemplo, eu poderia facilmente ter feito uma perna inclinada como aquela e isso teria sido bom, não há nada de errado com isso. Mas em vez disso, criei uma perna mais única, onde fiquei um pouco mais magra aqui em cima e estava curvada, e a mesma coisa para o K aqui. Então, quando eu decidi o R, eu também decidi trazer essa característica para meu K. Outra coisa quando eu criei este U, eu simplesmente fiz um U e então eu pensei, “Bem, eu quero que meu A se pareça com isso também.” Então, eu basicamente virei o U de cabeça para baixo e adicionei uma barra transversal para meu A e eu também baseei o Y no U. Que eu posso facilmente usar esse Y para me dar um P e um R e você pode ir de lá até ter todas as suas cartas prontas. Todas essas características únicas e o R, e o Y e o A, ajudam a fazer minha culpa parecer um pouco mais original do que apenas todas essas formas bloqueadas. Não consegui encaixar todas as minhas cartas nesta página, então fiz outra camada com o resto da minha. 4. Refinando seus esboços: Uma vez que você tenha todos os seus personagens esboçados como você quer, nós vamos voltar e começar a refiná-los. Para a minha fonte, eu fui em frente e fiz de A a Z, e então eu fiz números um a zero, bem como, alguma pontuação. Vou fazer uma lista para todos os personagens que fiz. Dessa forma, você pode se referir a isso e fazer quantos quiser incluir em sua fonte. Se você estiver desenhando no Procreate, vá em frente e crie uma nova camada para começar a refinar seus esboços. Para a minha fonte, eu disse anteriormente que eu queria que as bordas tivessem mais de uma textura para eles, então eu vou usar meu conjunto de caneta espinhosa que eu fiz. Vou começar aqui com o H de novo. Se você está fazendo isso com apenas lápis no papel, você sempre pode usar algum papel de rastreamento e apenas traçar em cima para refinar seus esboços, ou você pode redesenhá-los um pouco mais agradável em um novo pedaço de papel. Se você está desenhando em papel ou digitalmente e está planejando usar a ferramenta caneta para criar uma fonte realmente limpa, você pode ignorar este próximo passo completamente porque você vai refinar seu esboço e torná-lo limpo e agradável dentro do Illustrator com a ferramenta caneta. Lembre-se que estou rastreando ao vivo porque quero preservar essa textura. Então eu vou testar minha linha para ver quanta textura eu quero e tendo em mente que essas letras vão parecer muito menores quando nós realmente usamos isso como uma fonte. Tudo bem. Então isso parece uma boa quantidade de textura lá na borda, e vamos precisar testar isso antes que eu chegue muito longe. Vou começar desenhando o H como um todo. Procreate tem esse recurso incrível onde você pode desenhar uma linha, congelar na parte inferior, então ele se encaixa diretamente, e você pode arrastá-la para onde quiser. Se sua fonte é reta assim, isso pode ser muito útil para refiná-lo. Só vou desenhar rapidamente. Torna o processo muito mais rápido. Vou ter a minha forma alinhada, e pode rapidamente preencher cada uma dessas formas, e há o meu H. Agora, ele tem essas linhas brancas onde o Procreate não poderia preenchê-lo corretamente, mas isso provavelmente vai ficar bem assim que eu trazer para o Illustrator e rastreá-lo ao vivo, então eu não vou me preocupar com isso. Antes de ir mais longe, preciso levar minha carta para o Illustrator e ter certeza que o rastreamento ao vivo vai funcionar e minha textura vai aparecer o suficiente. 5. Teste de traçado de imagem: Então, eu trouxe meu H dentro do Illustrator para testar a função de rastreamento ao vivo para garantir que minha textura apareça tão bem quanto eu quero que ela no final. Então, eu vou para cima para rastreamento de imagem, assim e vou para aqui para este ícone para obter o painel de rastreamento de imagem. Então eu tenho todas as minhas opções de refinamento para ajustar meu rastreamento de imagem para obtê-lo como eu quero que ele seja e há uma opção avançada, então você pode simplesmente clicar na seta para baixo e obter ainda mais. Então, primeiro as coisas, eu vou dizer ignorar branco e eu posso ver que não há branco. Se eu mantive isso verificado, todo o fundo branco do meu JPEG vai ficar lá. Mas, não precisamos disso. Então, a textura não parece como eu quero que pareça. Parece um pouco falso demais e antinatural. Então, vou fazer alguns ajustes para ajudar. E meu modo aqui definido para preto e branco, porque você só pode ter uma cor com uma fonte, então não precisamos de escala de cinza ou cor. Precisamos usar preto e branco e eu posso ajustar meu limite. Isso fará mais ou menos a textura mostrar através. Na verdade, quero recusar o meu. Mas, se eu abaixar muito, você pode ver que essas lacunas estão começando a aparecer. Isso não parece bom. Aqueles apenas sobre ajuste fino para obter o que você gosta. Tudo bem. Então, eu tenho meu limite definido para 74, então eu vou começar a mexer com os caminhos. Ao girá-lo vai aumentar a quantidade de caminhos que aparecem e você pode ver aqui em baixo que meu H agora tem 221 pontos de ancoragem, e como eu aumentar os caminhos também vai aumentar a quantidade de ponto de ancoragem. Queremos estar cientes disso, porque quanto mais pontos de ancoragem houver, mais difícil será para o computador ler a fonte e isso vai diminuir a velocidade. Então, eu tentaria manter menos de 500 pontos de ancoragem, mas realmente quanto menor você pode obter o número e ainda olhando como você quer que ele vai ser melhor. Então agora, eu vou ajustar os cantos um pouco e isso vai fazer este mais pontudo ou mais suave com isso um pouco mais baixo. Ruído é para se livrar de mais poeira e coisas assim, de modo que pode não ser realmente apropriado para traçar ao vivo nossos personagens, mas você pode tentar e ver o que ele faz com suas cartas. Vou aumentar um pouco os meus caminhos. Então, agora eu tenho curvas de encaixe nas linhas marcadas e se você olhar bem aqui eu vou desmarcar isso. Você pode ver como suaviza essas linhas e não faz com que os pontos fiquem retos assim. Então, dependendo da aparência da sua fonte, vou manter isso desmarcado. Só para não ser tão duro, mas você pode querer isso. Eu vou diminuir o zoom, suavizar isso um pouco e eu vou terminar de ajustar e isso parece como eu quero que minhas letras finais sejam parecidas. Lembre-se, isso provavelmente vai ser mostrado bastante pequeno, então mesmo que você diminua a sua escada um pouco, você pode ver como ela pode ser pequena e você ainda vê que as bordas têm um pouco de textura para ela. Esta fonte tem textura bastante sutil. Eu só queria dar-lhe um olhar ligeiramente desenhado à mão para ele, um pouco mais orgânico, mas você pode totalmente ir muito mais sobre textura se você quiser. Basta ter em mente os pontos âncora enquanto você está fazendo isso e uma vez que você obter o traço da imagem, como você deseja que ele para a sua primeira letra e se tudo parece bem, então você está pronto para fazer uma predefinição, modo que todos os outros traçados de imagem do seu personagens vai muito mais rápido. Então, para fazer uma predefinição, você só vai subir aqui e gerenciar predefinições, salve uma nova predefinição. Pode dar o nome que quiser. Como eu já sei que o nome da minha fonte é chamado Milkbox, eu vou nomeá-lo e se você não tem um nome para sua fonte apenas nomeá-lo o que você quiser. Clique em OK. Então você pode subir aqui e ver que sob o menu predefinido você agora tem uma opção Milkbox. Então, quando você traz todas as suas outras cartas em tudo que você precisa fazer é clicar em Milkbox. Ele dará a todas as suas cartas as mesmas configurações que este H. Em seguida, o próximo passo, nós só precisamos expandir nosso H bem aqui no menu e ele se livra dele como um JPEG e agora temos um vetor H pronto para ir. Agora, se você não está feliz com a maneira que sua imagem de carta foi traçada, então você pode querer apenas voltar para procreate ou voltar para o seu pedaço de papel e desenhá-lo maior. Então, se você está fazendo isso digitalmente você pode simplesmente pegar seus esboços, e aumentar o tamanho disso e, em seguida, redesenhar sobre eles para que suas letras tenham uma qualidade superior. Em seguida, seus traços de imagem serão de maior qualidade também. E então, uma vez que você está feliz com a maneira que suas cartas estão se convertendo em vetor, você pode terminar todas elas que é o que eu vou seguir em frente e fazer agora. 6. Traçado com a ferramenta Caneta: Então, agora, se você não vai traçar imagens para suas letras e você não quer que o olhar desenhado à mão e você quer mais o olhar de fonte limpo perfeito. Vou mostrar-lhe como usar a ferramenta de caneta no Illustrator para fazer isso. Então, primeiro vamos fazer um novo documento e vamos apenas fazer que 1.000 pixels por 1.000 pixels. Verifique se o modo de cor está definido como RGB e se a tela está definida como 72. Clique em criar e agora vou trazer meus esboços. Então, deixe isso de lado por enquanto e começaremos com o H como fiz quando desenhei. Mas antes de fazer isso, eu vou fazer uma nova camada, indo até a paleta da minha camada e clicando neste ícone e eu posso bloquear essas camadas por enquanto apenas para eu não ter que me preocupar com elas se movendo. Como o meu H é apenas retângulos, eu vou usar a ferramenta de retângulo e fazer a minha forma, certifique-se de que ele é preenchido com preto e nenhum traçado e eu vou mudar para a minha ferramenta de seleção hold opção no teclado até eu obter estas duas setas pequenas e isso significa que vai duplicar essa forma. Vou clicar e arrastar e, em seguida, manter o shift pressionado para obter exatamente o mesmo posicionamento. Coloque onde eu quiser e então faremos mais um retângulo. Simples assim. E uma coisa que eu quero salientar é que aqui em cima eu tenho isso definido para uma grade de pixels de arte de linha, que significa que todos os meus pontos de ancoragem estão alinhados a pixels exatos e isso é realmente importante quando você está fazendo uma fonte limpa como esta. Então, certifique-se de que está ligado e antes de passar para minha próxima carta quero fazer mais uma coisa com esta fonte. Vou arredondar ligeiramente as bordas. Você pode fazer isso clicando nesses círculos e arrastando-o para obter o quanto você quiser ou você pode apenas clicar duas vezes sobre ele e colocar um número de pixel exato aqui. Então, vamos dizer 10 e vejo você às 10 parece. Talvez seja um pouco demais. Mais para oito e eu vou manter todo o meu arredondamento consistente para que eu possa apenas ir aqui e digitar oito e ele faz isso para todos os cantos e se você estiver feliz com esse H você pode passar para mais personagens baseados nesses componentes . Então, eu posso fazer a mesma coisa, mantenha a opção, clique e arraste e eu tenho o meu I. Então, continue a fazer isso com todas as suas letras e estamos fazendo o H e o O primeiro como quando fazemos, porque agora podemos basear um monte de outras letras fora dessas formas. Então, é o último desenho que temos que fazer desde que eu sei que eu quero que meu O seja quase um círculo perfeito. Posso pegar minha ferramenta de elipse aqui, ter uma ideia de onde fica o centro. Segure a opção Shift, sem escala a partir do centro. Aproxime-se. Eu só vou tornar o meu círculo em um traço trocando o traço do filme por agora para que eu possa ver o interior do meu círculo, ter certeza de que está alinhado. Agora eu vou copiar e colar no lugar então eu tenho outro círculo para o círculo interno. Então, para fazer isso basta manter o comando C ou copiar e mudar de comando V para colar no lugar e, em seguida, arrastar isso para o meio, então eu mudar ambos de volta para preenchimentos e este nós vamos precisar usar a ferramenta Pathfinder em, Eu tenho o meu aberto, mas se você não tem o seu aberto você pode simplesmente ir para Window e Pathfinder e você pode apenas pressionar o botão de menos e isso irá colocar um círculo dentro do outro círculo. Agora vou mostrar-vos mais uma, vamos fazer o U e vou usar a ferramenta de caneta para este. Então, você pode ir até aqui, pegar sua ferramenta de caneta e eu vou começar aqui à esquerda e eu só vou me concentrar em fazer o lado esquerdo do U. Então, eu posso usar o lado esquerdo e apenas espelhá-lo. Começará no topo e isso é direto até aqui. Clique e arraste a alça para baixo apenas um pouco enquanto segura a tecla Shift para manter essa alça agradável e reta. Então eu vou adivinhar onde será este meio. Agora clique e mantenha a tecla Shift arrastar para fora. Quero ter certeza de que a maçaneta esquerda não vai além desse ponto porque se eu puxá-lo para trás começa a ficar um pouco torção nele e você não quer isso. Vamos nos certificar de que mantemos dentro desse espaço e vamos voltar e ajustar isso assim que tivermos todo o resto que você fez. Então, essa alça vai fazer isso tudo estranho então, eu preciso puxar essa alça de volta segurando a opção no teclado e puxando de volta para lá para torná-la reta e então eu posso apenas segurar a mudança e ir direto para cima de lá e eu vou alinhar onde este ponto é e novamente eu não quero que a alça inferior para passar aquele ponto de ancoragem inferior, bem ali. Em seguida, irá até o topo e conectá-lo. Então, agora eu só preciso fazer um pouco de ajuste, mas primeiro eu vou trocar meu preenchimento e traço apenas para que seja um pouco mais fácil de ver. Vou mudar para a minha ferramenta de seleção direta como neste ponto e esta alça aqui precisa ser arrastada para baixo. Então, agora eu só preciso ajustar meus pontos de ancoragem um pouco e, em seguida, mexer com minhas alças até eu estar feliz com a forma do meu U. Ok, e então eu vou mudar para o meu modo de contorno só para que eu possa olhar para o caminho e ver se eu sou Feliz com isso. Isso parece muito bom, eu realmente não vejo quaisquer torções nele, mas estes dois top não estão alinhados, então eu vou selecionar os dois e apenas alinhá-los para o topo. Uma vez que eu estou feliz com o lado esquerdo do U eu posso selecioná-lo. Eu só vou copiar e colar na frente pressionando comando C para copiar e comando F para colar na frente deles e ou clique direito sobre ele e dizer transformar. Vamos refletir isso no eixo vertical. Olhe bem, e eu vou ligar meus guias inteligentes e aquele membro que acabou de comandar U assim eles se encaixaram um no outro. Então, agora que eles estão na posição certa eu preciso me livrar dessas duas linhas mudando para minha ferramenta de seleção direta. Selecionando essas duas linhas, pressionando delete no teclado , então eu vou fazer uma seleção direta em torno desses dois pontos de ancoragem. Mover para o objeto, a média do caminho, certifique-se de que ambos estão selecionados. Clique bem e agora eles estão bem em cima um do outro para que eu possa pressionar comando J para se juntar e fazer a mesma coisa para estes dois inferiores. Média do caminho do objeto e pressione o comando J para participar. Lembre-se de arredondar todo o seu canto para que tudo fique consistente, depois que você tiver todas as suas cartas prontas, você pode passar para o próximo vídeo. 7. Executando o traçado de imagem: Agora temos todos os nossos personagens refinados e prontos para trazer para o Illustrator. Então vamos criar um novo documento, vamos torná-lo mil pixels por mil pixels, certificar-se de que nosso modo de cor está definido como RGB 72 DPI, e vamos dizer criar. Agora, eu preciso colocar meus personagens dentro do Illustrator, e eu vou começar com o primeiro conjunto de letras e nós vamos escolher nossa predefinição que fizemos. Agora, sua predefinição pode parecer um pouco diferente neste conjunto de letras do que no gesto H porque está fazendo todos os personagens de uma só vez. Então, se ele parecer diferente e você quiser fazer alguns pequenos ajustes, sinta-se livre para baixar seu limiar, isso vai ajudar a trazer mais textura e também aumentar os caminhos é um bom caminho. Mas a predefinição é um bom ponto de partida. Vou diminuir o zoom para ver o que parece menor, que parece muito bom. Deixe-me tentar abaixar um pouco mais, e isso parece muito bom para os meus personagens. Então, uma vez que você está feliz com ele, apenas certifique-se de fazer o outro antes de expandi-lo. Vamos usar nossa predefinição aqui, e então vamos apenas lembrar nossos números. Temos 92, 90, estas foram as duas únicas coisas que mudamos. Vamos mudar isso para 92 e 90. Verifique isso duas vezes, certifique-se de que estamos felizes com isso. Parece muito bom para mim, e agora podemos expandir os dois. Se você quiser verificar a contagem de pontos de ancoragem em qualquer um de seus personagens, basta subir aqui e selecionar a ferramenta de seleção direta, selecionar sua letra e, em seguida, ir para objeto, caminho, simplificar e, em seguida, clicar em Visualizar aqui e ele nos mostrará que tem 259 pontos. Isso parece muito bom, mas não queremos simplificá-lo, então vamos apenas clicar em cancelar. Como o A está no intervalo certo dos pontos de ancoragem que queremos, podemos ter certeza de que tudo o resto estará próximo a ele. 8. Posicionamento e dimensionamento: Agora, que temos nossa fonte toda rastreada ao vivo, precisamos começar a configurar nosso documento para que ele se traduza melhor dentro de Glifos. Primeiro, eu vou para Glifos Mini, e mostrar-lhe algumas das configurações padrão que eles têm. A altura da tampa é definida automaticamente para 700, que é o tamanho de uma letra maiúscula. Então, nós temos x-height que não precisamos realmente nos preocupar agora porque estamos apenas fazendo fontes maiúsculas, mas vamos configurar isso apenas para que você saiba como fazer isso se você quiser usar isso para fontes futuras. Então, temos um ascender como 800, que nenhuma das minhas cartas tem ascendentes. Isso só significa que vai acima da altura do boné. Descendentes, vai abaixo da linha de base. Eu acho que o Q é o único no meu que tem um descendente, e então nós temos algumas outras configurações que nós não temos que nos preocupar. Todos esses valores estão em relação à linha de base que é onde as letras se sentam no topo de. As unidades em Glifos não são exatamente como são no Illustrator. Quando você está construindo uma fonte, ela é baseada no tamanho de uma letra maiúscula M. Glifos tem definido como 1.000 unidades, que significa que 1.000 unidades compõem um Em. Se você estiver digitando uma fonte, o Em é definido para qualquer tamanho de fonte que você está digitando. Então, se a sua fonte estiver definida como 72 pontos, então um Em é igual a 72. Então, como o Glifo usa 1.000 unidades em um Em, é por isso que configuramos nossa prancheta e o Illustrator para 1.000 pixels, para que cada pixel seja convertido em uma unidade. Então, agora que temos que configurar, precisamos configurar nossas letras maiúsculas para ser a altura máxima de 700 para coincidir com o que está em Glifos. Tudo isso é apenas para facilitar a transferência de seu trabalho artístico para Glifos. Então, a altura do boné é de 700. Vamos voltar ao Illustrator, e agora precisamos redimensionar nossas cartas. Então, primeiro, vamos adicionar alguns guias. Vamos, basta ir para View, descer para Rulers, Mostrar réguas ou você pode pressionar Command R no teclado. Certifique-se de que eles estão definidos para pixels clicando com o botão direito do mouse em sua Régua e selecionando Pixels e, em seguida, basta clicar em sua Régua e arrastá-la para baixo. Não importa onde você colocá-lo, porque podemos facilmente subir aqui e digitar nesse ponto exato em pixels onde queremos que ele esteja na prancheta. Portanto, se suas guias estiverem bloqueadas e você não puder simplesmente clicar e mover, vá até Exibir, Guias e verifique se Bloquear guias está desmarcada. Então, se voltarmos para Glifos, podemos ver que a descendência está definida para 200 negativos. Então, isso significa que nossa linha de base precisa ir 200 pixels para cima da parte inferior da nossa prancheta. Então, nossa prancheta tem 1.000 pixels de altura, então precisamos ir 800 pixels para baixo a partir do topo, porque ela mede a partir do topo. Então, nós podemos apenas digitar 800 no eixo y, e isso irá mover esse guia direto para onde nossa linha de base deve estar. Então, daqui, são 200 pixels para o nosso descendente. Então, agora temos nossa linha de base. Então, precisamos definir a altura do nosso boné. Vamos em frente e pegar outro guia. Então, agora que temos uma linha de base configurada, podemos reajustar nossas réguas, para que ele meça tudo com base nesse ponto em vez do topo da nossa prancheta. Então, agora este ponto está definido como zero. Você pode ver que a área entre esses dois guias é quase 700. Quase coloquei isso ali. Então, eu vou selecionar este guia e você pode ver que ele está definido para 703 negativo, mas ele precisa ser 700 negativo, porque isso será negativo 700 pixels de distância desta linha de base. Mude esses três para zero, e aí está. Então, isto é 700 para a nossa altura do boné, agora temos ascendente e descendente. Se você tiver uma altura x, certifique-se de definir isso. Podemos voltar para os Glifos, e esse conjunto para 500 ou pode ser qualquer que seja a altura x da sua carta, porque pode não ser a mesma coisa. Todos esses números em Glifos são apenas definidos para o padrão. Então, você pode alterá-los se quiser, mas se esta é a sua primeira fonte, eu deixaria como eles estão e basear sua fonte fora dos padrões. Então, agora vou bloquear meus guias indo para Exibir, Guias, Bloquear Guias, para que eles não os movam acidentalmente. Então, eu preciso selecionar todas as minhas letras pressionando Comando A no teclado. Então, eu vou mover o meu H já que eu estou baseando a altura fora do meu H, centros. Sem ascendentes ou descendentes ou qualquer coisa assim nesta carta. Vou colocar no topo da altura do meu boné, ter certeza que é o mais perto que eu posso chegar. Agora, se o seu tipo de letra é suave e limpo, certifique-se de que está no guia. Mas se suas cartas têm texturas como as minhas, basta chegar o mais perto do guia que puder. Então, vamos pegar minha ferramenta de balança colocá-la ali naquele canto. Você pode ver a coisa roxa chegando enquanto eu estou movendo isso. Isso é apenas dizer que eu tenho meus guias inteligentes habilitados, o que é realmente útil. Se você não tiver isso habilitado, basta pressionar Command U no teclado. Então, agora que eu tenho meus pontos de ancoragem definidos com minha ferramenta de escala, eu vou apenas seguir em frente e segurar Shift e dimensioná-lo para baixo, modo que meu H fique bem no topo dessa linha de base. Desde que eu os escalo todos de uma vez, eles devem ter a mesma altura do boné em relação ao H. Se você olhar aqui para o meu A, você pode ver como ele vai ligeiramente acima da altura da tampa, e isso é porque é uma parte superior arredondada e eu quero que superior para ir ligeiramente acima, que não pareça ser muito pequeno e não pertença ao mesmo tamanho que as outras fontes. Então, agora precisamos desagrupar todas as letras e colocá-los no local correto na prancheta. Então, com todas as minhas letras selecionadas ainda, vou pressionar Command Shift G no teclado, e isso deve desagrupar tudo. Certifica-te de tudo e até de todas as minhas coisas por aqui. Há uma pequena marca aqui em cima que veio através, então eu vou apagar isso. Selecione todas as minhas letras novamente. Então, eu vou clicar no meu H, e isso vai alinhar todas as minhas letras para o H, e isso é chamado Alinhar ao Objeto Chave. Vamos pressionar o Alinhar ao Centro. Eles também farão um Alinhar verticalmente. Agora, tudo é combinado verticalmente e horizontalmente centrado naquele H. Então, eu vou subir aqui até este ícone e mudá-lo para Alinhar à Archboard. Eu vou fazer o centro horizontalmente e agora é exatamente onde deveria estar. Em seguida, vamos colocar cada uma dessas letras em suas próprias camadas. Então, vamos até aqui para adicionar à nossa paleta de camadas. Clique neste botão de menu e nós vamos dizer Liberar para Sequência de Camadas. Isso apenas coloca tudo em sua própria camada, e esses dois em branco no topo são na verdade nossos guias. Nós vamos selecionar todas essas camadas, e então nós vamos apenas trazê-los para fora da camada um, e então nós podemos excluir a camada um aqui em baixo. Não precisamos disso. Agora, para organizar tudo, vamos passar e simplesmente renomear todas essas camadas com qualquer letra que sejam. Então, eu vou fazer, então apenas V, Z, C e assim por diante. Então, vamos combinar essas duas camadas de guia. Então, eu vou soltar esse ar e trazer esse guia para a camada dois. Nós podemos excluir a camada três e vamos apenas renomear esses guias, e então vamos bloquear isso, para garantir que ele não seja movido. Agora, vamos passar rapidamente e certificar-nos de que todas as nossas cartas têm o tamanho e o posicionamento corretos que queremos que sejam. Então, eu só vou desligar todas as minhas camadas. Comece com o V. Você pode ver que este V é um pouco pequeno, e isso é tudo só porque eu desenhei isso à mão, então não vai ser perfeito. Então, você não pode realmente fazer 700 exatamente, uma vez que tem textura na borda. Eu só vou fazer isso a olho. Então, a fim de dimensioná-lo a partir do centro, eu preciso manter a opção Shift, e então ele vai arrastá-lo para cima e para baixo, que parece muito bom. Você sempre pode fazer mais ajustes na letra uma vez que estavam nos Glifos, se ele não estiver olhando para a direita uma vez que começa a ser digitado e combinado com outras letras. Mas queremos fazer o máximo que pudermos antes de saltarmos para Glifos. Agora, o C tem cerca de 700 pixels de altura, mas é arredondado na parte superior e inferior. Então, queremos que isso seja um pouco maior do que 700. Então, vamos fazer isso e continuar passando por todas as suas fontes até que você esteja feliz com isso. Vou saltar para o Q para te mostrar um com um descendente. Então, meu Q, a letra inteira está centrada dentro dos 700 pixels, mas tem um decrescente. Então, nós só vamos querer empurrar isso para baixo para cerca de lá. Digamos que quero um pouco aqui em cima, mas então eu também quero um pouco descendo no fundo. Então, eu vou ampliar isso um pouco e, em seguida, empurrá-lo para baixo novamente, sobre isso. Vamos comparar isso com o C. Eu vou pressionar o Comando Y no teclado e isso vai me mostrar os contornos de ambas as letras, eu possa ver um pouco mais claro o que estou fazendo. Então, o C está lá em cima. Na verdade, parece muito bom. Então pressione Command Y novamente, e esta é a única letra na minha fonte que tem um decrescente. Basta estar ciente de que o seu pode ter mais, e assim apenas ajustá-los adequadamente. Agora, todas as minhas cartas são do tamanho certo e na posição certa. Então, podemos trazê-los para Gylphs. Então, se você já tem, vá para glyphsapp.com e baixe o teste gratuito de 30 dias do Glyphs Mini. Agora, Jake vai assumir e ensinar tudo o que você precisa saber sobre Glifos Mini e preparar sua fonte para usar. 9. Do Illustrator para o Glyphs Mini: Ei, aqui é Jake, e eu vou te mostrar como mover seus caracteres vetorizados para Glifos Mini, e realmente transformar isso em uma fonte que você pode usar. Eu fui em frente, e reorganizei todas as minhas camadas, então elas estão em ordem alfabética, só para que seja mais fácil para mim pular entre os diferentes personagens. Mas, a primeira coisa que precisamos fazer para preparar este documento para ser transferido para Glifos é fazer um pouco de reposicionamento. Se eu desativar todas as minhas camadas, exceto o A, e basta selecionar isso, copie-o, Comando+C, entre em Glifos e, a propósito, estou alternando entre programas pressionando Comando+Tab. É uma maneira fácil de saltar para frente e para trás. Vou fechar minhas informações de fonte e, em seguida, clique duas vezes nesta letra A. Este A que você está vendo em segundo plano é puramente um guia. Mas, essas linhas que você está vendo estão diretamente correspondentes aos guias que configuramos no Illustrator. Então, este é o guia de linha de base. Esta é a altura x, que novamente nós realmente não precisamos nos preocupar com esta fonte maiúscula. Esta é a altura da tampa, o centro A e o centro D. Isso corresponde diretamente ao que temos aqui, então você acha que com isso copiado, se eu colar ele deve se alinhar perfeitamente. Bem, vamos ver o que acontece quando eu colar. O A vai bem aqui, e parece que o coloquei aleatoriamente neste canto inferior direito. Bem, a razão para isso é porque Glifos mede a partir de um ponto de origem específico da linha de base, neste canto inferior esquerdo. Este ponto aqui. Então, isso é zero, zero nas coordenadas x e y, mas no Illustrator, essas coordenadas são baseadas em onde sua prancheta está posicionada. Assim, assim como você pode ter objetos posicionados em uma prancheta, sua prancheta pode ser posicionada dentro da tela de desenho. Eu preciso vir aqui para este limite aqui, a ferramenta prancheta, e clicar nela, e então dar uma olhada nesses valores aqui em cima. Em primeiro lugar, estamos medindo a distância do ponto de referência do centro da nossa prancheta. Eu vou mover isso para o canto superior esquerdo, modo que nossos valores x e y estão lendo zero, zero. Isso nos diz que o ponto de referência do canto superior esquerdo é o que o Illustrator lê como zero, zero. Mas lembre-se que a linha de base é o ponto de origem zero para Glifos. Temos de ter em conta isso no posicionamento da nossa prancheta. Felizmente, isso é muito simples de fazer. Apenas certifique-se de que este botão aqui está marcado. Mover arte de cópia de barra com prancheta, dessa forma, se movermos nossa prancheta, a arte vai se mover com ela. Em seguida, eu vou certificar-me de que todas as minhas camadas estão ativadas e, em seguida, eu simplesmente quero mover minha prancheta para cima junto com todo o trabalho artístico nele. A mesma distância que o meu centro A da linha de base, que novamente é 800. Eu só vou chegar ao meu Y, e simplesmente mover minha prancheta, e toda a arte dentro dela até a mesma distância que a altura central A, que é de 800 pixels. Eu só vou chegar ao meu valor Y, e digite menos 800 para movê-lo negativo oitocentos pixels para cima, e então eu vou selecionar meus guias, que se você não pode selecionar seus guias apenas certifique-se de que sua camada métrica está desbloqueada, e Exibir, Guias, Bloquear Guias não está marcada. Com os selecionados, eu vou para a minha posição Y, e subtrair 800 pixels disso também. Agora, todas as minhas guias, todos os meus trabalhos artísticos e a prancheta foram movidos para cima, modo que a linha de base corresponda corretamente à linha de base dentro dos Glifos. Com isso reposicionado, eu vou selecionar meu A, copiar mais uma vez, excluir as partes que eu tenho dentro dos Glifos e, em seguida, colar. Lá vai você. Agora, no eixo y, isso está alinhado perfeitamente. Agora, ele não está alinhado no eixo x, mas isso é realmente algo que não precisamos nos preocupar ainda. Há uma solução muito fácil para isso que podemos fazer tudo de uma vez depois de todos os nossos personagens estarem dentro de Glifos. Agora, eu vou desfazer mais uma vez, pouco antes de colar isso, e voltar para a minha informação de fonte. Há uma última configuração que você precisa estar ciente, e que é este espaçamento de grade bem aqui em baixo. Por padrão, ele é definido como um para um. Com o espaçamento de grade definido um para um, todos os valores de coordenadas de seus caminhos serão arredondados para o número inteiro mais próximo, o que você pode querer. Lembre-se de que, se você estiver projetando uma fonte muito precisa, uma fonte limpa com a ferramenta de caneta, a arte de alinhar às grades de pixels foi configurada dentro do Illustrator. Isso significa que todos os pontos de ancoragem de seus caminhos são ajustados a valores de pixel inteiros, mas no caso de uma fonte texturizada algo que parece mais feito à mão, você provavelmente não vai querer que esse arredondamento aconteça. Você quer ser capaz de preservar qualquer um dos valores entre valores, modo que a aparência manual de sua fonte seja preservada. Para garantir que isso aconteça quando transferirmos todos os nossos personagens, altere o espaçamento da grade de um para zero e, em seguida, seus pontos de ancoragem não serão arredondados quando você os colar. Vou fechar isso, colar mais uma vez, e posso ter certeza de que isso está corretamente posicionado, com todos os meus pontos de ancoragem exatamente como estavam no Illustrator. Agora, eu só preciso repetir esse processo para cada personagem que eu tenho dentro do Illustrator. Mas, antes de fazer isso, quero ter certeza de que não perco nenhum trabalho, então preciso salvar isso. Vamos voltar para a informação, e nomear nossa fonte. Aqui temos uma fonte nova. Vou mudar o nome de Milkbox. Agora, este regular é o que está se referindo à versão da fonte em que você está trabalhando. Fontes geralmente têm regular, negrito, leve, itálico, coisas assim. Mas, Jamie foi criativo com a nomeação desta fonte em particular, e nós vamos chamar a versão texturizada Orgânica. Você pode preencher todas essas informações agora ou mais tarde, mas você pode colocar no designer, seu site, o número da versão , direitos autorais, tudo isso nesses campos. Eu vou deixar tudo em branco por enquanto, e salvar, Comandos-S, e eu vou colocar o meu direito na área de trabalho. Agora, que isso está salvo, eu posso seguir em frente colando todos os meus outros personagens. Infelizmente, você não pode fazer tudo de uma vez, então eu vou fazer isso um por um muito rápido. Basta apontar minha próxima letra B, copiar, clicar duas vezes em B, e colar. Selecione C, vá para C e cole, e eu vou fazer isso para toda a fonte. Tudo bem, lá vamos nós. Eu copiei de A a Z em Glifos, e o que é incrível sobre Glifos é que se eu clicar duas vezes nesta letra, e então pressionar a tecla T, isso muda para ser tipo, e eu posso começar imediatamente a escrever algo fora. Eu poderia dizer olá, e eu tenho uma prévia imediata de como esta fonte está funcionando. Aqui embaixo, você pode ampliar e reduzir. Mas, algo a notar é que eu estava segurando Shift o tempo todo porque se eu fosse digitar na UE aqui mesmo sem segurar Shift, então eu recebo um E minúsculo, porque eu não tenho nenhum caminho em meus Glifos minúsculos. Se você está tentando digitar algo, e você está se perguntando por que no mundo não está sendo exibido corretamente, é por isso. Sua fonte diferencia maiúsculas e minúsculas O próximo passo é certificar-se de que todos os nossos caminhos são limpos, e Glifos tem alguns comandos realmente excelentes para automatizar isso. Só vou fechar esta conta. Então, faça uma seleção de todos os meus personagens dentro daqui. Então, indo para selecionar A mantenha pressionada Shift, e clique em Z. A primeira coisa que eu quero fazer é chegar a Glifo, e dizer Adicionar Extremos aqui em baixo. Tudo bem se você não sabe o que isso significa, mas vá em frente e faça. Então, vamos chegar ao Glifo mais uma vez, e dizer Direção do Caminho Correcto. Em seguida, volte para Glifo e diga Arrumar Caminhos e, finalmente, venha até Glifo e diga Remover Sobreposição. Esses quatro comandos irão certificar-se de que todos os seus caminhos estão configurados corretamente para funcionar bem como uma fonte. 10. Grupos de espaçamento: Tudo bem. Então, eu só vou digitar rapidamente o alfabeto e claramente esta fonte não está alinhada muito bem. Se eu entrar em qualquer um desses caracteres como o I, eu vou clicar duas vezes sobre ele e, em seguida, clique duas vezes sobre ele mais uma vez para editar os caminhos. Vou pressionar Command+0 para ampliar para caber, que eu possa ver esse caminho agradável e fechar. Você pode ver que esses caminhos são deslocados para a borda direita da nossa caixa delimitadora. Você pode pensar nesta caixa como a prancheta para sua carta. Todo esse espaço extra no lado esquerdo do meu I vai ser visto contra uma letra que é digitada ao lado. Então, temos essa enorme lacuna entre o I e o H, e então o G e o H estão correndo um para o outro. Vou ampliar aqui mantendo a opção e rolando, e eu posso realmente editar os caminhos diretamente aqui. Então, você pode digitar qualquer texto que desejar e seguida, basta clicar duas vezes nas letras para ver o modo de edição. Então, clicando duas vezes no G, é claramente para a direita, e o H, a mesma coisa. mesma coisa aqui para o W, o V, o X, tudo está espaçado incorretamente, e isso é apenas por causa da maneira que colamos. Lembre-se que o alinhamento Y estava correto, mas o alinhamento X esquerda e direita não estava. Mas, como eu disse, podemos resolver este problema muito rapidamente dentro de Glifos. Então, deixe-me voltar para a minha guia Fonte e fazer uma seleção de todos os meus personagens. Então, eu vou clicar em A, Shift-Click em Z, e então dar uma olhada neste pequeno painel aqui em baixo. Isto é algo que vamos usar muito dentro dos Glifos. Temos todos esses valores acinzentados que dizem valores múltiplos. Na verdade, vou desmarcar muito rápido, selecionar apenas A, e temos números aqui. Esses números são o rolamento do lado esquerdo e o rolamento do lado direito e, em seguida, a largura do caractere real. rolamento do lado esquerdo e direito é literalmente o espaçamento em ambos os lados do personagem e é baseado no ponto mais largo do personagem. Então, o rolamento do lado esquerdo no A é a distância entre este ponto e o ponto mais largo na borda esquerda do A. Podemos ver esses valores aqui em baixo, bem dentro do modo de edição. Então, 231 no rolamento do lado esquerdo e 169 negativo no lado direito. Então, o rolamento do lado direito é negativo 169 pixels da borda direita. Para corrigir isso, eu só quero colocar espaçamento igual em cada um desses rolamentos. Então, eu vou apenas clicar neste número e, em seguida, clique duas vezes para editar a coisa toda, e digite digamos, 60 e, em seguida, pressione Enter. Isso vai colocar um valor de 60 entre a borda esquerda do A e o rolamento lateral esquerdo real. Então, farei a mesma coisa por este lado. Clique duas vezes nele, na verdade, clique três vezes nele para garantir que eu receba esse sinal negativo também, e digite 60, pressione Enter, e agora eu posso saber que essa letra está perfeitamente centrada dentro de seus rolamentos laterais esquerdo e direito. Damos uma olhada no A, agora está longe daqui porque o B é empurrado tão longe para a direita. Mas, o A agora está posicionado corretamente. Agora, aquele número 60 era meio arbitrário. Eu só escolhi um número que eu pensei que poderia funcionar para a distância de cada lado. Podemos ajustar isso mais tarde muito facilmente. Mas, agora que você entende como isso funciona, vou selecionar tudo de novo. Shift-Clique para fazer a minha seleção e, em seguida, onde ele diz vários valores no rolamento do lado esquerdo, eu vou clicar e digitar 60, pressione Enter. Você vê todas as minhas letras apenas deslocadas para a esquerda, e então eu vou para o rolamento do lado direito e digite 60, pressione Enter, e todas elas deslocadas mais uma vez. Mas, agora, se olharmos para o alfabeto, tudo está espaçado muito melhor. Não é perfeito, mas não temos letras sobrepostas agora. Há distância igual entre as larguras extremas de todos esses personagens. Esses valores de rolamento do lado esquerdo e direito são chamados de espaçamento, e obter o espaçamento certo é o primeiro passo para tornar sua fonte utilizável. Depois que o espaçamento é definido da melhor forma possível, então vamos passar para kerning. Kerning é o espaçamento entre dois caracteres específicos. Ela só se aplica quando esses dois caracteres estão ao lado um do outro. Mais especificamente, quando as bordas específicas desses caracteres estão próximas umas das outras. O espaçamento, por outro lado, são as margens gerais em ambos os lados de um caractere, independentemente de sua relação com qualquer outro caractere. Então, primeiro vamos nos concentrar no espaçamento e, em seguida, passar para corrigir quaisquer problemas que ainda existem através do kerning. Mas, antes de avançarmos, uma outra coisa que quero salientar é, se eu selecionar apenas um personagem. Lembre-se que este valor aqui em baixo era a largura do personagem, mas não é realmente a largura dos caminhos, é a distância entre os rolamentos do lado esquerdo e direito. A menos que você esteja criando uma fonte onde cada caractere terá exatamente a mesma largura, esses números serão diferentes entre caracteres. Na maioria dos casos, é o espaçamento entre caracteres que será semelhante ou mesmo idêntico. Então, não se preocupe se a largura de alguns de seus personagens é muito maior. Por exemplo, o W é 864, e o I é apenas 323. Mas, isso faz sentido porque 60 pixels em cada lado do I vai ser muito mais fino do que 60 pixels em cada lado do W. Então, como sabemos se temos bom espaçamento configurado para a nossa fonte. Bem, você basicamente tem que olhar para sua fonte como um todo e em diferentes combinações de letras para medir visualmente como eles estão sendo espaçados ao lado do outro. Então, por exemplo, entre o H e o I, eu posso dizer que essa é uma lacuna muito boa. Se eu olhasse para a palavra HI, isso é bem legível. Se eu diminuir muito longe, ainda posso dizer a diferença entre o H e o I, sem problema. Eu dou zoom agradável e perto, essa lacuna não parece muito grande. Então, minha estimativa de 60 é, na verdade, provavelmente vai funcionar muito bem para caracteres que têm bordas planas. No entanto, se olharmos para este B, C, D. Parece que há um espaço muito maior entre o C e o B, e o C e o D, do que o H e o I. Isso volta à ilusão óptica de que Jamie estava falando sobre quando você está desenhando seus personagens. Assim como os personagens que têm tops redondos e fundos precisam ser empurrados um pouco além da altura da tampa e abaixo da linha de base, caracteres com bordas arredondadas, esquerda e direita, precisam ser espaçados menos do que caracteres com reta, bordas esquerda e direita. Então, por exemplo, este O provavelmente precisa ter menos distâncias do rolamento do lado esquerdo e direito. Então, eu vou virar o meu 60 para 40 em cada lado do O já que é bastante simétrico, e apenas olhando para isso com o meu I, parece muito melhor. O espaçamento entre o O e essas bordas parece muito mais consistente com o espaçamento entre essas duas arestas. As duas bordas planas. Então, eu poderia ir através e encontrar caracteres semelhantes como o C, o G e o Q e manualmente digitar no mesmo 40 por 40 para cada personagem e que funcionaria muito bem. Mas, outra característica realmente incrível de Glifos é que você pode basear seu espaçamento em outros valores de caracteres. Então, desde que eu já defini os rolamentos laterais esquerdo e direito da minha letra O, eu poderia vir para a minha letra G, que vai ter os mesmos rolamentos laterais esquerdo e direito e em vez de digitar um 40 aqui, eu posso basta digitar um O maiúsculo , pressione Enter e, em seguida, entre parênteses, vamos ver que 40. Eu vou fazer a mesma coisa para o lado direito com o maiúsculo O, e eu tenho que 40 do outro lado também. Então, ele está herdando os rolamentos do lado esquerdo e direito daquele O. Então, eu posso entrar em minha visão de fonte completa e encontrar todas as letras que eu quero aplicar isso. Então, primeiro vou começar com o rolamento do lado esquerdo. Então, o C e o Q são as únicas outras duas letras que têm rolamentos laterais esquerdos que serão idênticos ao O. Então, selecione as duas, venha aqui e digite O maiúsculo e pressione Enter. Agora, o Q pode não ter exatamente o mesmo que o O, mas eu vou começar por aí. Então, eu vou manter Q e C selecionados, eu vou selecionar meu D. Isso está mantendo pressionado Comando enquanto clica para fazer uma seleção de caracteres específicos e esses três caracteres são os únicos outros três eles têm o mesmo lado direito rolamento. Lembre-se que já fizemos isso G. Então, vou selecionar o rolamento do lado direito, pressionar Shift-O e pressionar Enter, e agora todos esses caracteres arredondados terão espaçamento idêntico com base no que defini o O para. Em seguida, eu vou fazer a mesma coisa para todos os personagens que têm bordas planas e eu vou baseá-lo no H. Então, meu H está definido para 60. Acho que vai ficar tudo bem. Então, eu vou voltar para a minha vista de fontes e encontrar todas as bordas planas esquerda. Agora, o A não está 100% plano do caminho, mas acho que vai funcionar muito bem. Então, A mantenha pressionada Comando, eu vou clicar em B o D, E, F, I, K, L, M é tipo do mesmo que o A, N, P, R , W é semelhante, e eu vou dar um palpite que o X e o Z vão ter espaçamento semelhante também. Esqueci-me de incluir o U, por isso, vou apenas clicar em Command-Click também. Então, no rolamento do lado esquerdo, eu vou digitar em H. maiúsculo Pressione Enter e todos eles são baseados nesse valor agora. Então, vou desmarcar e fazer a mesma coisa para o lado certo. Então, A, E, provavelmente F, e eu estou dizendo provavelmente porque esses são valores que podemos mudar mais tarde. Mas, para nos dar um ponto de partida, eu só vou adivinhar que a borda direita do F vai ter o mesmo espaçamento o lado direito no H. O I, o J, provavelmente o K, o M, N, o U, o W, o X, E o Z. Eu vou fazer todos aqueles H também. Tudo bem. Esses são todos os que estou disposto a adivinhar. Todos os outros personagens têm algumas características únicas como o Y é mais largo no topo do que é na base. mesma coisa para o T. O S é definitivamente único porque tem estas bordas arredondadas em lugares diferentes. mesma coisa para o R. Então, eu não vou basear nenhum desses em outros personagens, mas se olharmos para o nosso alfabeto novamente, vamos nos livrar dos espaços por aqui, o espaçamento não foi realmente atualizado, Acabamos de mudar a relação dos espaçamentos com base na maiúscula O e na capital H. 11. Recursos poderosos do Glyphs Mini: Glifos Mini não é realmente mini em tudo. Existem toneladas de ferramentas dentro deste programa que permitem que você faça fontes. Na verdade, você pode fazer toda a sua fonte diretamente no Glifos Mini. Se eu tivesse que clicar duas vezes para dizer este D, eu poderia ampliar aqui, bem e fechar e pegar a ferramenta de caneta, e começar a desenhar uma letra como eu posso dentro do Illustrator. Existem todos os tipos de guias e ferramentas dentro deste programa para ajudar a tornar o processo de construção de fontes mais fácil. Eu só estou muito mais confortável com a ferramenta caneta dentro do Illustrator e eu estou supondo que você provavelmente é também. Mas isso não significa que você não pode usar algumas das ferramentas de edição vetorial que Glyphs Mini tem. Então, se houve um problema com um de seus personagens que você notou depois de trazê-lo para dentro, digamos que o O era muito pequeno, você pode fazer uma seleção de todos esses caminhos e, em seguida vir para este painel aqui transformações, e escalá-lo para cima ou para baixo, isso é o que esses botões aqui são. Então, isso é reduzir e aumentar a escala e, por padrão, é definido para escalar por incrementos de 10%. Como há um pequeno bloqueio está bloqueado, a escala X e Y serão ligados entre si, então você estará dimensionando a partir do ponto central. Aqui está o ponto de referência do qual ele vai ser dimensionado, você pode mudar isso para qualquer ponto, mas isso vai dimensionar 10 por cento para cima ou para baixo em ambos os x e y do centro do Glifo. Então, se eu clicar nisso algumas vezes, você vê que ele aumenta, clica algumas vezes para baixo, ele escala para baixo, e talvez isso seja demais. Vou baixar isso para apenas um por cento e agora podemos reduzir isso em incrementos muito menores. Eu também poderia simplesmente pegar essas alças de transformação, mantenha a opção shift, hold para dimensionar a partir do centro, assim como no Illustrator, eu vou desfazer o comando Z, e há alguns controles básicos de rotação também. Novamente, você definiu seu ângulo e, em seguida, você girá-lo para a esquerda ou para a direita, e você pode até mesmo inclinar caracteres. Então, isso pode ajudá-lo a fazer em uma conversão caixa de sua fonte. Então temos um monte de ferramentas de alinhamento como um Illustrator, e até mesmo algumas das ferramentas do Pathfinder. Agora, como fizemos um bom trabalho preparando nossa fonte dentro do Illustrator, eu realmente não preciso usar nenhuma dessas ferramentas. Mas esteja ciente de que eles estão lá porque um dia você pode querer estar construindo sua fonte diretamente no Glifs Mini. Há tantos recursos deste app que não vamos estar cobrindo que são extremamente úteis para a construção de fontes. Há uma grande seção sobre glyphsapp.com com tutoriais especificamente para a versão mini do Glifos, além de um grande fórum de suporte, e um manual muito completo para este aplicativo. Então, se você está realmente interessado em tirar proveito de todas as ferramentas que você tem acesso neste programa, certifique-se de fazer sua pesquisa. Veja os tutoriais e leia o manual para saber o que você pode fazer com este programa. Outra característica realmente grande do Glyphs Mini é que você pode abrir qualquer fonte existente dentro dele e ver como ele foi construído. Então, vou abrir um agora. Eu vou para o arquivo, abrir, e eu vou procurar por esta fonte que eu sei que eu tenho no meu sistema chamado BeBasneue. Agora, basta abrir a versão em negrito, clicar em abrir, e agora eu posso navegar por toda essa fonte e realmente ver como ela é construída. Agora esta é uma fonte muito piscada com muitos caracteres especiais, que abrange diferentes idiomas e todos os tipos diferentes de símbolos, mas você pode restringir sua pesquisa apenas indo para a sua categoria. Então, eu poderia clicar apenas nas letras e ver como isso funciona, mas isso ainda traz todos os caracteres especiais. Eu poderia reduzi-lo ainda mais e clicar em caracteres latinos, ou caracteres básicos nos caracteres latinos. Então, este é de A a Z nas maiúsculas e minúsculas, e você vê que as letras maiúsculas e minúsculas são letras maiúsculas. Então, esta é uma fonte all caps. Mas esta é uma ótima maneira de pesquisar como outros designers lidaram com certos personagens. Então, se houvesse um pedaço de pontuação que você não tivesse certeza exatamente como ele deveria estar em relação à linha de base, você poderia olhar para uma fonte semelhante à que você está projetando e ver como eles lidaram com isso. Então, entramos em digamos o cólon, podemos ver que a parte inferior do cólon fica bem ali na linha de base, e no segundo quadrado é cerca de que muito acima. Você pode ter uma idéia de quão grande fazer seus parênteses e como espaçá-los. Portanto, não tenha medo de aproveitar o Glifs Mini como inspetor de outros tipos de projetos. 12. Testando seu espaçamento: Para realmente testar como esse espaçamento está se formando, precisamos usar algum texto de exemplo de como esses caracteres diferentes se parecem quando eles são colocados ao lado de outros caracteres. Então, este é o lugar onde você precisa carregar em algum texto de amostra para glifos mini. Venha até glifos mini e vá para preferências. Em seguida, venha para amostras de cordas. Qualquer coisa que você colar dentro desta caixa de texto estará disponível como sequências de caracteres de amostra. Quando você faz uma nova linha, ela será disponibilizada como uma string separada de texto. Este é o texto padrão que vem com glifos. Então, eu poderia mudar isso para o que eu quiser. Eu poderia até mesmo excluí-lo e basta clicar no padrão e ele vai voltar. Então, eu vou apenas selecionar tudo e excluir por enquanto. Então eu vou clicar no arquivo aberto e na minha área de trabalho eu tenho essa string de amostra de espaçamento com todos esses caracteres. Este é um dos arquivos de texto de exemplo que você pode baixar nos anexos na guia do projeto. Eu vou clicar em “Abrir”, e isso carrega a taxa de texto nas minhas preferências, eu vou fechar isso e depois carregá-lo aqui mesmo nas minhas fontes. Então eu vou subir para editar, selecionar o texto de amostra e eu posso ter isso selecionado e clicar em “OK”. Ele carrega isso para que eu possa começar a comparar essas letras. A razão pela qual cada linha de texto segue este padrão é para que você possa ver como cada caractere em seu alfabeto é espaçado em comparação com um O em cada lado do caractere, tanto o rolamento do lado direito quanto o rolamento do lado esquerdo, bem como, como dois O's ou dois lados redondos estão espaçados um do outro, e como dois desse mesmo personagem estão espaçados um ao lado do outro. Então, apenas olhando para esta cadeia de texto, você pode ver rapidamente se há algum problema de espaçamento para caracteres específicos. Por exemplo, eu acho que este C parece ser um pouco mais longe do O, do que o O é de si mesmo. Isso é provavelmente porque há este corte no C, então este círculo não está sendo completado. Isso faz com que esta lacuna pareça maior do que esta lacuna aqui. Quero tentar fazer isso igual. Então, eu vou colocar meu cursor um pouco antes do C então eu tenho isso carregado em minhas informações aqui em baixo. Em vez de ter O para o rolamento do lado direito, vou digitar um número personalizado. Então, talvez eu tente 30. Isso é um pouco mais perto, você vê que todos os Cs atualizaram quando eu fiz isso. Acho que só esse pouquinho pode ser o suficiente. Eu não quero ir muito longe porque se eu mudasse isso para dizer 20, poderia parecer legal entre o C e o O, mas se eu colocar um H bem ali, aquele C poderia estar um pouco perto demais. Então, eu vou ajustar meu C de volta para 30 no rolamento do lado direito e chamar isso de bom. Agora, é importante notar que com este conjunto de cordas de amostra, você não deve estar modificando os rolamentos laterais direito e esquerdo do O. Isso já deveria ter sido definido corretamente na etapa anterior quando eu configurei tudo aqui. Em vez disso, estavam apenas olhando basicamente para o primeiro personagem na linha. Então, este é A, B, C, D, todo o caminho para baixo através do alfabeto. Então, estamos apenas prestando atenção no espaçamento do A não no espaçamento do O. Eu acho que o A fica muito bom entre todos esses. O B, B parece bom também, já ajustamos o C, D parece muito bom, nos lados esquerdo e direito, esses parecem lacunas iguais. E parece muito bom, F parece bom, G parece bom. H, I, e muitos desses personagens se lembram têm características muito semelhantes. Então, há uma grande probabilidade de que eles vão ficar bem, já que eles são baseados em personagens que já configuramos. Certificar-se de que sua linha H parece boa é muito importante, já que baseamos muito do espaçamento de caracteres no H e no O. Se essa linha parece muito boa, então há uma boa chance de que a maioria de nossos outros personagens vão funcionar muito bem com o espaçamento deles também. Essa linha parece boa, o “I “parece bom, J parece muito bom para mim. Parece que há um grande espaço entre o K e o O no lado direito do K, mas se você olhar para o K ao lado de um K onde há uma borda plana, o espaço não parece tão grande. O rolamento do lado esquerdo parece muito bom entre o K e o O. Então, este é um caso em que o espaçamento não é o que vamos querer usar para corrigir essa lacuna. Em vez disso, vamos querer anotar essas cartas, mas não vamos chegar a esse passo ainda. Novamente, nós só queremos chegar o mais longe possível com o espaçamento antes de passar para kerning. A mesma coisa com o L, o espaço parece muito grande entre o lado direito do L e o lado esquerdo do O, mas quando um L está bem contra uma borda plana, o espaço parece bastante simétrico comparado com o lado esquerdo do L. Eu não vou mudar o espaçamento lá. O M parece bom, N parece ótimo, P parece muito bom, precisará de algum kerning, Q parece ótimo. R é muito bom. Você realmente pode fazer isso muito rápido. Desde que não haja nenhum problema flagrante com o seu espaçamento, a fonte deve estar muito bem definida. S, T, U, O, parece bom. V definitivamente vai precisar de algum kerning, mas isso é um cenário muito típico. Essa inclinação no V sempre vai precisar de um pouco de kerning. W parece bom, X parece muito bom, mas eu poderia realmente fechar a lacuna um pouco porque há uma diferença entre as seções médias do X. Eu acho que eu vou puxar isso em um pouco. Então, tanto na esquerda quanto na direita, vou deixar cair de 60-40. Acho que isso faz com que o espaçamento pareça um pouco mais consistente com as outras lacunas entre os personagens. O Y é um pouco difícil de dizer, vou colocar um I bem entre estes dois. Eu acho que isso realmente parece muito bom entre essas duas lacunas. Então, eu não quero fechar o espaçamento mais longe do que isso. Eu vou deixar Y como está, e então dar uma olhada no Z. Eu vou fazer a mesma coisa, maiúsculo. Sim, essas lacunas parecem boas. Então, eu não vou me preocupar em ajustar o espaçamento porque eu só vou ter que contra-corrigir para aquele, então eu vou para Kern, mas realmente tomar o seu tempo com isso, certifique-se de que você olhou para isso como um todo, zoom para que você não esteja olhando para ele muito de perto e certifique-se de que nenhum desses caracteres procure fechar juntos. Uma vez que você tenha esse conjunto de espaçamento tão bem quanto você pode, nós podemos passar para kerning. 13. Adicionando e removendo o Glyphs: Agora, por padrão, os Glifos também são gerados no alfabeto minúsculo. Quero um tipo de letra maiúscula. Então, no final, quando alguém digita letras minúsculas, eu quero que essas letras maiúsculas preencham. Agora, Glifos Mini pode fazer isso para nós automaticamente, mas somente quando exportamos. Então você não vai ser capaz de testar essa funcionalidade dentro de Glifos, mas eu ainda quero ter certeza de que eu removo todos os Glifos minúsculos para que eles não sejam exportados com a fonte. Para fazer isso, basta fazer uma seleção de todos eles e, em seguida, clique neste pequeno sinal de menos aqui. Eles vão perguntar se você realmente quer remover esses Glifos, eu vou dizer, remover e eles se foram. Agora, este preenchimento automático das letras minúsculas requer que você esteja em uma determinada versão do Glifos Mini. Se você vir até Glifos Mini e sobre Glyphs Mini, certifique-se de que você está em pelo menos uma versão 2.0.2. Agora, a partir da gravação desta classe, essa versão não é a versão que é baixada automaticamente do site. Então, depois de instalar Glifos, se você não estiver nessa versão, certifique-se de ir para as preferências e dizer, mostrar versões de ponta em atualizações. Com isso marcado, clique em Verificar agora e você deve ser capaz atualizar para esta versão mais recente ou mais recente. Em seguida, quando você exporta uma fonte maiúscula, ambas as letras maiúsculas e minúsculas exibirão apenas as letras maiúsculas. Ok, então nós também temos todos os nossos números aqui de 0 a 9 por padrão. Eu só vou lidar com o alfabeto desta classe, mas você pode preencher isso também. Se houver outros números que você gostaria de fazer, digamos, como as frações, você pode adicionar mais Glifos. Para fazer isso, basta vir a estas categorias aqui e girar para baixo a que você está procurando. Então, sob números, temos dígitos decimais. Se eu clicar nisso, ele só me mostra aqueles dígitos decimais, e temos uma marca de seleção dizendo que temos todos os Glifos possíveis nessa categoria. Mas se eu quisesse chegar à fração, não tenho zero de 27 possibilidades. Então, se eu clicar com o botão direito sobre isso, eu poderia rolar para baixo e encontrar metade. Se eu clicar em gerar, isso vai me dar um novo Glifo com a visualização de como esse Glifo deve ser. Eu poderia fazer o mesmo por um quarto. Eu poderia mudar o clique em três quartos, um oitavo. Faça o máximo que quiser para a sua fonte. Em seguida, se você clicar novamente em tudo, você verá que eles aparecem. A mesma coisa para a pontuação ou qualquer outro tipo de personagem. Você pode passar por isso e adicionar os que você quiser. Basta clicar com o botão direito, encontrar o nome do Glifo que você está procurando, e preenchê-lo em sua fonte, e você vai querer fazer exatamente o mesmo processo de espaçamento para todos os caracteres em sua fonte, assim como eu fiz com minhas letras maiúsculas. Certifique-se de que todas as lacunas entre caracteres pareçam consistentes em toda a fonte. 14. Kerning: Agora, podemos passar para kerning, e você poderia começar a digitar letras e ver como elas se parecem ao lado do outro e adivinhar quais letras podem estar próximas umas das outras enquanto as pessoas escrevem palavras, mas seria extremamente improvável que você obtenha todos os pares que você realmente precisa. Felizmente, existem algumas pessoas realmente incríveis lá fora que reuniram texto de amostra, que parece bastante absurdo, mas ele faz um trabalho muito bom de cobrir os pares mais prováveis entre personagens em ambos cenários em maiúsculas e minúsculas, bem como números e pontuação. Podemos carregar isso em Glifos, exatamente da mesma maneira que fizemos para o espaçamento. Então, eu vou para as minhas preferências novamente, e então eu vou para minhas strings de exemplo, e clique em abrir arquivo mais uma vez. Tenho mais dois arquivos de texto aqui. O primeiro é para um alfabeto completo. Então, isso vai lhe dar exemplos de letras maiúsculas e minúsculas. Mas eu também fiz uma versão despojada para baixo apenas maiúsculas. Então, isso não vai ter nenhum caractere minúsculo, e vai tornar a lista um pouco mais curta para você. Eu vou clicar em abrir, que vai carregar em todas essas cordas e eu posso começar kerning. Agora, vou entrar em um dos meus personagens e pressionar T para digitar, subir para editar, e dizer selecionar texto de amostra. Consigo ver todas as minhas cordas. Agora, você vai querer kern na ordem em que estes aparecem, eles são projetados dessa forma. Então, vamos começar com esta primeira string, e clique em OK, e então eu vou apenas diminuir um pouco e rolar para cima até o topo. Agora, estas são um monte de palavras diferentes, que são todas projetadas para colocar caracteres próximos uns dos outros que vão aparecer no mundo real quando as pessoas estão realmente usando essa fonte. Não é realmente uma linha de texto legível, mas esses caracteres são muito propensos a aparecer um ao lado do outro em uso no mundo real. Então, esta primeira palavra é um ótimo exemplo. Vamos ver este lince. Há uma grande lacuna entre o L e o Y, mesmo que esta borda do Y e esta borda do L seja praticamente a mesma distância um do outro, como esta parte do Y e esta parte do N. mesmo que esta borda do Y e esta borda doL seja praticamente a mesma distância um do outro, como esta parte do Y e esta parte do N. porque há todo esse espaço vazio no L, parece que há um espaço muito maior do que realmente existe entre esses dois personagens. É por isso que precisamos de Kern. Podemos dizer sempre que este L estiver ao lado deste Y, que deve haver menos espaço entre eles, que tornará sua fonte muito mais consistente e de aparência profissional. Agora, nós poderíamos apenas passar por esta palavra de cada vez, e encontrar problemas como este e kerná-los como eles aparecem, mas há uma maneira muito mais rápida de fazer isso dentro do Glifos Mini. Assim como fomos capazes de pegar os valores de espaçamento do O e aplicá-lo ao G, podemos atribuir grupos de kerning a caracteres específicos e emprestar os valores que definimos para o kerning desses caracteres para outros caracteres com propriedades semelhantes. Então, assim como antes, vamos começar com o H maiúsculo e o O maiúsculo porque, esses têm características redondas e características caixa que são usadas em muitos outros caracteres. Para atribuir um grupo kern, precisamos definir nosso cursor antes do caractere que queremos ativo. Então, eu cliquei logo antes deste O, e isso é o que está sendo exibido no meu painel aqui embaixo. Lembre-se, estes são o valor de espaçamento, use as margens em cada lado do caractere. Mas aqui nas bordas, temos kerning. Então, este é o kerning entre o O e o caractere à esquerda dele, que neste caso é o R maiúsculo, e este é o kerning entre o O e o G no lado direito do caractere. Mas abaixo dessas duas caixas estão grupos kern. Agora, eles estão vazios agora, mas se eu selecionar isso e digitar um O maiúsculo, você pode nomear o que quiser, mas por simplicidade, vou dar o nome a esse grupo de kern como o personagem a que pertence. Nós diremos que este é o maiúsculo, e então deste lado, nós também vamos chamá-lo de “O “maiúsculo Agora, que eu defini esses grupos, meu kerning tem um símbolo de bloqueio nele, e isso significa que o que eu colocar aqui vai ser trancado a este grupo kern. Então, vamos realmente definir algum kerning para este O. Dando uma olhada nesta palavra FROGS, parece que há um espaço maior entre o R eo O, do que há entre este O e este G. Então, eu vou colocar meu cursor bem ali no lado esquerdo do O, e eu posso ajustar o kerning de um par de maneiras diferentes. Uma maneira é apenas digitar o valor que eu quero kern por na caixa kern. Então, eu poderia dizer 20 negativo, e isso mudou o personagem para a esquerda por 20 unidades. Mas também há um atalho de teclado que pode tornar o kerning muito mais rápido. Acredite em mim, você vai fazer um monte de kerning, então saber que este atalho de teclado realmente vai ajudar. É controle, opção e, em seguida, as teclas de seta esquerda e direita. Você olha aqui para baixo para este número enquanto eu toco as teclas de seta esquerda e direita, ele está se movendo por um incremento de um. Agora, isso é muito, muito pequeno. Se você olhar para o O, dificilmente está se movendo. Mas se eu também manter a tecla Shift pressionada, mantendo o controle e a opção, então isso vai se mover em incrementos de 10, e é muito mais perceptível. Acho que vou deixar o meu em 40 negativos. Isso parece uma diferença muito boa entre o R e o O, comparado com o O e o G. Mas digamos que eu digite um G aqui, para ver que G ao lado do R. Há agora essa lacuna, essa mesma lacuna apareceu, que nós originalmente tinha no O. Mas se eu ir para aquele G e eu atribuir o grupo kern clicando neste grupo kern lado esquerdo e digitando um O maiúsculo e pressionando enter, lá vai você. Eu tenho o kerning bloqueado com 40 negativos, que está me deixando saber que isso está bloqueado para ser o mesmo que meu grupo O maiúsculo. Porque isso está bloqueado, isso está basicamente dizendo que está ligado ao O. Então, eu posso ajustar o kerning do G agora, e ele atualizará qualquer coisa que use o grupo esquerdo maiúsculo. Eu vou atribuir o mesmo grupo kern para o lado direito do G maiúsculo, O maiúsculo lá, e isso me permitirá apenas precisar kern uma dessas duas letras para que o kerning seja aplicado a ambos. Então, o que eu quero fazer realmente rapidamente é saltar de volta para a minha fonte principal, e, em seguida, fazer o mesmo processo de atribuir grupos kern a caracteres semelhantes. Então, com o O maiúsculo, eu já fiz o G. Mas, vamos começar com as bordas esquerdas novamente. Temos o C maiúsculo e o Q que ambos têm bordas arredondadas à esquerda. Agora, quando eu vir aqui para o meu kerning, grupo de esquerda, e digite o O. maiúsculo pressione Enter, e lá vamos nós. Agora vou selecionar todas as bordas certas. D, já temos o G, e depois o Q. Vou para o grupo atual certo, digite O maiúsculo e pressione Enter. Agora, você pode editar qualquer um desses caracteres, e os grupos Kern correspondentes em todos esses caracteres serão sempre atualizados. Vamos fazer a mesma coisa com o H. maiúsculo vou atribuir os grupos Kern, H maiúsculo para a esquerda e direita do H, e então eu vou encontrar todos os personagens com essas mesmas bordas planas. Então, começando com a esquerda, Capital A B D E F I K L M N P R U W, e eu acho que eu também vou incluir o Z. Agora você pode atribuir estes a qualquer momento, mas eu estou apenas tentando fazê-lo tanto em um lote quanto eu Possivelmente pode. Você sempre pode cancelar a atribuição de um grupo Kern. Então, isto é para o grupo de Esquerda. Eu vou colocar o H maiúsculo, e então vai fazer a mesma seleção para a borda direita, então maiúsculo A E F I J provavelmente K M N N provavelmente R U W e vai fazer Z novamente, e eu vou atribuir H para o grupo certo. Então, finalmente, eu vou fazer um grupo T, e aplicar isso tanto para o T quanto para o Y, porque ambos são muito semelhantes. Então, eu vou selecionar meu T, e nomear esses T maiúsculos na esquerda e direita, e atribuir a mesma coisa ao Y. Agora, você pode ver como eu fiz que todas essas caixas cinzentas apareceram em torno desses personagens, e isso é deixando-me saber que eu fiz alterações naqueles, que só deixa o S V um X. Então, esses três personagens são aqueles que eu não tenho certeza sobre. Eu não acho que esses três personagens vão ser capazes pedir emprestado do H ou do O. Agora que esses grupos são atribuídos, eu posso voltar para o meu texto de amostra, e começar a kerning. Vamos começar com este L, e Y. Eu vou clicar entre eles e, em seguida, mantenha pressionada a tecla Control Option Shift e pressione a tecla de seta para a esquerda, até que eu acho que essa lacuna está fechada o suficiente. Vamos ver como isso se parece. É muito melhor. Acho que poderia fechar a lacuna ainda mais. Então eu vou para Tab it mais algumas vezes, e esses dois personagens até parecem que eles estão se sobrepondo um pouco agora. Se este L foi levantado aqui, o L provavelmente estaria tocando o Y. Mas ampliou essa lacuna parece muito mais consistente com o resto da fonte. Deixe-me aproximar de volta aqui, e agora isso é literalmente apenas um processo de você passar pelo texto, e procurar por lacunas que pareçam embaraçosas. A diferença entre este P e H parece um pouco grande para mim. Não por muito, mas o suficiente para notar. Então, eu vou selecionar lá e, em seguida, mantenha pressionada a tecla Control Option Shift e pressione a tecla de seta para a esquerda. Enquanto eu faço isso, você pode ver que isso está afetando várias letras. Então, aqui entre o P e o R, também está afetando o espaço entre esses dois caracteres. Isso é porque o R e o H ambos têm o mesmo grupo de kern esquerdo de capital H. Sempre que um P está ao lado de um grupo H kern maiúsculo, ele vai ser afetado por este kerning. Esta palavra de procuração saltou para mim. Há uma enorme lacuna entre o O e o X, então eu vou selecionar entre esses dois, Control Option Shift, e tocar na tecla de seta para a esquerda, até que visualmente pareça uma boa distância do O. então eu vou selecionar entre esses dois, Control Option Shift, e tocar na tecla de seta para a esquerda, até que visualmente pareça uma boa distância do O. Bom. A partir daí, continue na lista. O V parece que precisa estar um pouco mais perto do Es, então eu vou selecionar isso, tocar na seta para a esquerda algumas vezes, e então fazer a mesma coisa aqui. Isso definitivamente pode ser fechado um pouco, e como você faz isso, isso pode mudar as coisas um pouco. Você só precisa se certificar de que você está rolando ao redor do mouse, e diminuindo o zoom sempre que precisar. Este é um caso em que estou fechando essa lacuna no lado direito do K e do W, mas está afetando muitos dos meus outros personagens. Então, se eu ampliar aqui a palavra estranho, você pode ver que a diferença entre esses dois realmente fechou. A razão para isso é porque eu designei o grupo H para o lado direito do K, e parece que isso não vai dar certo. Eu vou desfazer até eu voltar para onde eu estava com o kerning original na palavra estranho. Vou selecionar entre esses dois mais uma vez, e dar uma olhada nos grupos Kern. O W tem o H nos lados esquerdo e direito, assim como o K de cada lado. Então, se eu ajustar o kerning, ele vai trazer lacunas em ambos os lados de cada grupo H, e isso não é o que eu quero. Em vez disso, eu quero kern especificamente entre o lado direito do K, e o grupo Kern esquerdo de H. Então, este é um exemplo, onde eu defini o grupo Kern para o lado direito do K para algo que não é realmente vai funcionar muito bem. Então, eu vou me certificar de que meu K é selecionado, e me livrar desse grupo H. Pressione Enter, e agora eu posso fazer isso livremente. Se eu clicar entre o K e o W novamente, isso agora vai ajustar o kerning entre o grupo de kern H esquerdo, e a letra K. Segure Command Option Shift, e toque na tecla de seta para a esquerda até que pareça melhor. Acho que essa lacuna é muito melhor. Você viu que muito menos ajustes estavam sendo feitos neste texto porque eu tirei a atribuição do grupo de kerning do lado direito do K. Então, se você atribuiu grupos Kern a muitos de seus personagens, esteja ciente de que às vezes você precisará remover o grupo Kern de caracteres específicos que não estão funcionando tão bem. Seguindo em frente. Acho que o B e o Y aqui em cima precisam ser movidos um pouco juntos. Feche essa lacuna, continue rolando. Novamente, eu estou fazendo isso rapidamente apenas kerning através do meu texto, olhando para os personagens que eu acho que precisa de algum trabalho. Então, este P S e Y que definitivamente precisa de ajuda. Então, eu vou para ir entre o P e o S. Não há grupos Kern no S, mas tudo bem, é um desses personagens únicos. Mantenha pressionada a tecla Control Option Shift, pressione a tecla de seta para a esquerda e feche o espaço entre esses dois um pouco mais. Farei o mesmo pelo S e pelo Y. Acho que parece um pouco melhor. Até o Y e o C parecem precisar de ajuda. Então, eu vou entre lá e trazer isso um pouco, e agora parece muito melhor. Este V e S definitivamente precisa estar perto, então, eu vou trazer isso. Basta continuar este processo através de toda a lista. Esta é uma lista muito grande, mas é importante que você passe por ela completamente, e você pode até querer passar por ela mais de uma vez, porque há tantas combinações de caracteres nesta lista que você realmente precisa ter em conta. Certifique-se também de que você está olhando para ele em diferentes escalas. Às vezes você pode esquecer as coisas, e então quando você diminui o zoom, pode parecer que esses personagens estão sendo agrupados juntos. Você quer manter essa legibilidade em qualquer tamanho. Uma vez que você está feliz com o kerning desta linha de texto, então você vai querer subir para editar, selecionar texto de amostra, e ir para a próxima linha, e esta é apenas mais uma combinação de texto, que vai ser um teste muito bom para o seu kerning, e algo que eu vou apontar é que há alguma pontuação aparecendo neste texto. Se você planeja fazer pontuação, você realmente deve ter esses caracteres antes de começar a kerning. Porque kerning se aplica a qualquer glifo, não apenas letras. Você só vai continuar este processo através de todas essas listas. O próximo tem um monte de pontuação nele, então você pode testar coisas como aspas. Você tem texto para verificar os números, e como todos eles estão espaçados um ao lado do outro. Você tem números com pontuação. Todos os personagens especiais diferentes. Finalmente, uma outra coisa que você precisa para ter certeza de que você está ajustando o espaçamento, é a barra de espaço real. Bem aqui, onde você vê essa lacuna, este é um espaço, há um espaço aqui, espaço aqui. Esses espaços podem ser mais largos do que você realmente quer. Assim como qualquer outro glifo, você pode ajustar o tamanho de um espaço. Por padrão, ele está definido para 600, mas talvez você queira baixá-lo para 400. Farei isso, e agora meus espaços estão mais próximos. Você também pode kern seus espaços. Agora, pela minha experiência, isso é algo muito raro, mas esteja ciente de que você pode fazer exatamente o mesmo tipo de espaçamento, e se encaixar em um espaço como qualquer outro glifo. Depois de passar por toda essa lista, e tudo estiver funcionando bem, você estará pronto para testar sua fonte. 15. Testando sua fonte: Aqui está a fonte Milkbox-Organic concluída. Veja, eu tenho todas as letras maiúsculas, números de zero a nove, bem como algumas frações especiais, e uma boa distribuição de pontuação. Agora, estou pronto para testar minha fonte. Então, primeiro vou ter certeza de que, sob minha informação, tudo está definido da maneira que deveria ser. Então, sob o designer, isto deve dizer Jamie Bartlett, temos o URL, o site do Jamie, a versão um, e depois os direitos autorais. Com todas essas informações preenchidas, eu vou chegar a Arquivo, exportação, e em opções, você pode deixar remover sobreposição e autohint marcada. Em Destino de exportação, certifique-se de que esta opção está assinalada. Em seguida, clique neste caminho aqui. Então precisamos ir para um caminho muito específico. Então, vamos até seu disco rígido, Biblioteca, Suporte a aplicativos, Adobe e, em seguida, rolar para baixo até Fontes. Se você não tiver uma pasta de fonte, precisará criar uma. Então, eu vou abrir uma janela do Finder, e ir para o mesmo caminho. Biblioteca, suporte a aplicativos, Adobe, chegar ao arquivo, nova pasta, ele vai me pedir para digitar minha senha e, em seguida, digite “Fontes” com um F maiúsculo É muito importante que isso é um F. maiúsculo Pressione enter, agora que essa pasta existe, então eu posso voltar para Glifos, e selecionar essa pasta “Fontes”, escolher “Abrir” e agora esse caminho está no meu destino de exportação. Vou clicar em Avançar, Glifos exportará a fonte e, assim, ela está pronta para ser usada em aplicativos da Adobe. Agora, se você criou essa pasta de fontes com um aplicativo Adobe aberto, precisará reiniciar esse programa antes que ele apareça. Então, eu vou abrir o ilustrador, e vou testar a fonte. Vou criar um novo documento e usar 1920 por 1080, selecionar minha ferramenta de texto e, em seguida, encontrar a fonte Milkbox na minha lista de fontes. Aí está, Milkbox-Orgânico. Eu posso clicar e digitar o que eu quiser. Vou torná-lo agradável e grande, e lá vamos nós. Agora tenho uma multa de trabalho dentro do Adobe Illustrator, como qualquer outra. Neste ponto, é uma ótima idéia começar a usá-lo. Digite frases diferentes, tente usá-la em seus próprios designs e certifique-se de que todos os personagens estão funcionando bem juntos. Também é uma ótima idéia imprimir este texto e ver como ele se parece no papel, e usar o texto de kerning de amostra é uma ótima maneira de fazer isso. O que é ótimo em tê-lo no papel, é que você começa a vê-lo em um formato diferente, e você pode facilmente destacar erros que você deseja voltar e ajustar. E o que é ótimo sobre essa pasta de fontes da Adobe, é que você pode exportar e substituir essa mesma fonte, e ela será atualizada imediatamente dentro dos aplicativos da Adobe. Esta é uma maneira muito melhor de testar sua fonte, em vez de instalá-la através do livro de fontes, cada vez que você faz uma nova versão. Uma vez que você está completamente satisfeito com a maneira como sua fonte está funcionando, ele é feito. 16. Obrigado!: Muito obrigado por ter assistido à minha aula. Espero que você seja capaz de se divertir e aprendeu muito sobre a criação de fontes. Como você está construindo sua fonte, certifique-se de fazer upload de seu progresso e design de fonte final para o seu projeto de classe, e se você compartilhou no Instagram certifique-se de me marcar no design Jamie Bartlett. Sinta-se à vontade para me fazer qualquer pergunta na guia da comunidade, e Jake e eu ficaremos felizes em responder isso para você. Se você ainda não tem certeza de me seguir aqui no Skillshare dessa forma você sempre sabe quando eu faço uma nova aula. Muito obrigado de novo, rapazes. Te vejo na próxima vez.