Conceitos básicos de design de fontes: crie um tipo de fonte decorativo exclusivo baseado em grade

1. Introdução e visão geral do curso: Pessoal, aqui é Evgeniya da Attitude Creative. Sou designer gráfico e fotógrafo com sede na Inglaterra. Bem-vindo à minha primeira aula sobre Skillshare sobre a criação de letra decorativos do zero no Adobe Illustrator. Embora meu principal fundo de design esteja em design e identidades visuais, eu realmente gosto de fazer um monte de outras coisas além disso e brincar com design de tipo é uma dessas coisas. Para mim, esta aula é uma oportunidade para me esforçar para fazer algo que eu sou realmente, apaixonado e para compartilhar com vocês uma técnica muito legal e elegante de projetar tipos de letra decorativa. Quando você pensa em projetar seu próprio tipo de letra a partir do zero, você pode ficar muito assustado sobre quanto tempo e esforço pode levar para acertar. Não tenha medo. Você só precisa ter um conjunto de regras, você precisa ter algumas referências estilísticas, e você precisa ter uma estrutura para trabalhar dentro, que lhe proporcionará um fluxo de trabalho agradável e suave para todo o projeto. Nesta aula, o processo pelo qual vou levá-los faz exatamente isso e permite que você mergulhe rapidamente em projetar seu próprio tipo de letra sem muita fórmula e sem muitas restrições. Afinal, é tipo decorativo, para que você possa definir seu próprio conjunto de regras. Você só precisa ter certeza de que seu tipo de letra parece legal, ele é legível o suficiente, e então você está pronto para usá-lo em seu próprio trabalho de design. Vamos começar esta aula com desenvolvimento de grade e escolher essas imagens, as grades e os glifos de construção para definir nossa geometria de glifos. Então vamos começar a projetar glifos e escolher o estilo certo e desenvolver glifos baseados em nossas grades. Depois disso, estaremos finalizando isso: escolher o conjunto final de glifos para o tipo de letra, ajustar proporções, limpar os caminhos e definir pesos. Depois, para nos divertirmos mais e dar aos nossos tipos de letra um personagem diferente, vamos experimentar personalizar nossos tipos de letra e desenvolver ainda mais os nossos tipos de letra, adicionando funcionalidades gráficas extra. Finalmente, estaremos criando composições tipográficas e vendo como nossos tipos ganham vida. Se você é novo em design gráfico e tipografia ou um designer estabelecido, se o design de tipo é algo que flutua seu barco, então esta classe é para você. Eu ensinei um projeto semelhante aos estudantes universitários de design gráfico do primeiro ano e mesmo que possa levar algum tempo para concluir, dependendo do seu nível de habilidade, e quão exigente você é, ele pode levá-lo entre algumas horas e vários dias. Em última análise, ele vai pagar muito tempo, quando você terminar e tem seu próprio tipo de letra para criar posturas legais, impressões retratadas, logotipos, ou qualquer outra coisa que você gosta de fazer. Estou totalmente ansioso para vê-lo dando uma chance a esta aula e eu vou estar muito animado para ver seus tipos de letra e suas aplicações. Se você tiver alguma dúvida ou precisar de algum feedback, entre em contato e poste seu trabalho em andamento. Ficarei feliz em fornecer feedback e responder a quaisquer perguntas técnicas, relacionadas a estrelas ou conceituais ao longo do caminho. Vamos fazer algo incrível e aprender juntos. 2. Preparação: escolhendo uma imagem: Existem algumas maneiras diferentes de começar a projetar um tipo de letra. Nesta aula vamos dar uma olhada na grade com base na abordagem da imagem. Este é um grande arquivo de processo e você deixa um pouco de coisas aqui ao acaso, especialmente se você é do tipo hesitante, então vai ser muito útil se algumas das decisões vão ser tomadas para você. Claro, você ainda precisará fazer alguns você mesmo, mas provavelmente a parte mais difícil de onde começar é bastante definida. Existem duas maneiras de abordar este projeto dependendo do seu nível de habilidade geral: Proficiência em Design e Governança Estética. Você pode tratá-lo como uma experimentação visual, reproduzi-lo de ouvido e ver onde seu processo de design leva você sem ter nenhum objetivo específico, ou se você quiser, você pode conceituar seu processo de design tipofásico considerando cuidadosamente uma imagem de origem e certificando-se que a grade e, posteriormente, a fase de tipo realizam a mesma idéia, tema ou finalidade de aplicação. Por exemplo, a tipofase que eu projetei para esta classe é baseada na grade construída sobre a imagem de uma aranha, e os sólidos são cautelosamente em certas iterações, ele se tornou parecendo com teias de aranha, que é muito útil para fazer composições tipográficas para fase baseada em aranha ou qualquer coisa a ver com a natureza ou a vida em biologia. Bem, a decisão é sua, mas deixe-me avisá-lo que se você for para uma abordagem conceitual, este projeto vai demorar muito mais tempo do que se você apenas decidir experimentar e ver onde isso leva você. Para esta classe, você precisará ter isso para software gráfico como Adobe Illustrator e algumas fotografias. Você saberá que a fotografia está certa quando você for capaz de ver ou imaginar linhas nela. Essas linhas, uma variedade de linhas verticais, horizontais e de ângulos diferentes, farão a grade sobre a qual você baseará sua geometria [inaudível]. Sua imagem e, portanto, você grade, também pode incorporar curvas, círculos ou semi-círculos, que pode ajudar a criar um personagem muito agradável que se você não estiver muito confiante, usando o Adobe Illustrator, Eu aconselharia você a ficar para linhas retas agora e tente coisas mais avançadas mais tarde. Isto é sempre mais divertido de usar suas próprias fotografias e para esta classe, a qualidade das fotografias de não é realmente tão importante. Assim, você pode rapidamente tirar algumas fotos com a câmera do seu telefone, ou uma variedade [inaudível] de seus arquivos. Qualquer tipo de fotografia aqui pode levar a um resultado incrível. Estamos falando de linhas aqui, certo? Então todas essas escolhas são arquitetura e paisagem urbana. Assim, poderíamos facilmente obter um resultado incrível de uma fotografia de lápis espalhados em torno de sua mesa, galhos de árvores, linhas em sua palma, ou até mesmo uma fotografia de um inseto como eu usei uma fotografia de uma aranha. Divirta-se, prepare algumas fotografias e assista ao próximo vídeo onde mostrarei o que você precisa fazer para desenvolver uma grade utilizável no Adobe Illustrator. 3. Construindo uma grade baseada em imagem: Agora, é hora de construir nossas redes. Vou percorrer meu processo completamente para que qualquer pessoa que não seja muito proficiente em usar o Adobe Illustrator possa segui-lo e entender o que estou fazendo. Mas eu também vou tentar fazer isso o mais rápido possível, então qualquer um de vocês profissionais de design lá fora, não fique muito entediado. No Adobe Illustrator, vou criar um novo arquivo e imediatamente, vou dar um nome a ele. Então eu vou para Perfil e selecione Imprimir porque eu quero ter o formato A4 para o meu quadro de arte para que tudo seja bom e grande. Então eu vou para as configurações avançadas lá em baixo e mudar o Modo de Cor para RGB porque eu não vou imprimir nenhum trabalho neste arquivo. Dê os Efeitos de Raster a 300 ppi. Então, o mais importante aqui certifique-se de que Alinhar Novos Objetos à Grade de Pixel está desligado caso contrário, ele pode realmente estragar tudo que você está fazendo nesta trajetória controle total real sobre tudo [inaudível] onde você colocá-lo e manter a mudança correta. Eu vou manter orientação prancheta retrato, como há um mais vertical normalmente, mas na verdade isso realmente não importa. Eu também vou definir minhas unidades para Pontos como isso é o que eu gosto usar e eu aconselho você a usar tanto Picas ou Pontos porque é um tipo de letra, afinal, não use milímetros e definitivamente não centímetros ou polegadas como eles são maneira também Grande. Estou a clicar em OK e aqui estamos nós. A primeira coisa que vou fazer é o meu novo ficheiro é salvá-lo. Eu sou realmente um pouco de para salvar arquivo freak mim mesmo, e Command S é minhas teclas mais comumente pressionadas. Mas se isso me poupa muito tempo e nervos ao longo dos anos porque salvar o arquivo aberto como o melhor seguro de perder qualquer coisa. Eu aconselho você a fazer o mesmo. Agora, eu vou colocar meu arquivo ai na pasta que eu já criei para este projeto. Se você não tem um, é hora de fazer um. Organizar arquivos e nomeá-los corretamente realmente economiza muito tempo e torna seu fluxo de trabalho muito mais suave. Clique em Salvar e vamos. Agora, precisamos adicionar a imagem, vamos basear-nos na nossa grelha. Existem alguns métodos diferentes de como inserir uma imagem raster no arquivo do Illustrator e o mais comum é Local. Mas eu vou mostrar-lhe um método de prova completa em vez disso, porque se você usar o arquivo Place torna-se um link e se refere ao arquivo real em outro lugar em seu disco rígido. Se você movê-lo ou renomeá-lo, você só precisa localizá-lo novamente para poder usá-lo no Illustrator. O que farei em vez disso é abrir minha fotografia no Illustrator. Aqui está minha aranha, e agora eu vou apenas selecioná-lo com a Ferramenta de Seleção e copiá-lo Comando C ou Controle em vez de Comando, se você estiver usando o Windows, então eu vou voltar para o meu arquivo vazio e colá-lo em um [inaudível]. Desta forma, a fotografia está realmente dentro do documento do Illustrator, e não [inaudível]. Esse método aumenta o tamanho do arquivo devido aos dados adicionais. Mas como eu disse antes, é prova completa, então você vai melhorar sua fotografia mesmo se você descartar, mover ou nomear seu arquivo de imagem original. Agora, podemos fechar a parte superior da fotografia original e continuar trabalhando no arquivo, estamos destinados a trabalhar. Agora, eu vou para o painel Camadas se ele não estiver aberto, em seguida, vá para Janela, Camadas e ative-o. Vou mudar o nome desta camada com uma fotografia. Então eu vou bloquear a camada, que eu não me mova ou faça qualquer outra coisa com ela. Eu gosto de manter minhas imagens de referência em uma camada separada porque é mais fácil de acessar, ativar e desativar a visibilidade, em vez de procurar os objetos estáticos dentro de uma camada com gráficos de projeto reais nele. Então eu preciso criar uma nova camada para trabalhar e renomeá-la para que eu possa navegar facilmente pelo meu arquivo. Agora, vou salvar o arquivo novamente e estou pronto para arquivar e começar a trabalhar na minha grade. Certifique-se de que a camada que você deseja trabalhar em um visível selecionado e não bloqueado. Então eu seleciono a ferramenta Caneta, ou apenas pressione P. Esta é a ferramenta que eu vou usar para construir minha grade e basicamente fazer praticamente tudo neste projeto. Em seguida, a ferramenta permite desenhar linhas retas precisas e curvas, e é a principal ferramenta de design no Illustrator para que você obtenha o jeito dele. Vou ao Zoom muito perto da área onde está prestes a trabalhar. Agora, eu só preciso configurar minha ferramenta Caneta com a cor que vai ser visível em cima da minha fotografia. Na parte inferior das ferramentas agora, eu vou trocar em torno de cores de preenchimento e traçado como eu vou estar trabalhando com linhas, eu não preciso de cor de preenchimento, que realmente sente a área, então eu vou definir esta cor como Nenhum. Agora, vou clicar duas vezes na cor do traçado e, na janela Seletor de cores, vou selecionar uma cor brilhante que contrastará com a minha imagem. Agora, antes de começar a desenhar, eu também preciso definir o peso do traçado aqui e eu vou mantê-lo por um ponto para que eu possa realmente ver tudo claramente. Eu sempre posso fazer maior ou pesado se eu quiser. Se você estiver indo para desenhar linhas retas com a ferramenta Caneta como eu vou fazer nesta classe, em seguida, certifique-se de que quando você clicar para iniciar o segmento e quando você clicar para terminá-lo, basta clicar e soltar imediatamente. Se você manter pressionado o botão do mouse e mover o mouse, você criará uma curva em vez disso. Se você fizer isso por engano, então há este botão útil aqui, que você pode pressionar para converter seu ponto de ancoragem em ângulo, mas você precisa selecionar seu ponto de ancoragem com a ferramenta de seleção direta primeiro. Ao contrário da ferramenta de seleção, que é usado para selecionar objetos de seus grupos, ferramenta de seleção direta é usado para selecionar pontos e caminhos dentro do objeto para que você possa modificar a forma. Agora, com a ferramenta Caneta, eu vou seguir algumas linhas que eu posso ver na imagem. Além disso, se você encontrar algo quase horizontal ou quase vertical, é uma boa idéia torná-lo assim. Quando você quiser desenhar, um segmento, devemos seguir vertical, horizontal ou 45 graus eixo, certifique-se de manter a tecla Shift, quando você pressionar a tecla do mouse no final do seu segmento. Isto para todas as linhas em um ângulo, certifique-se de que existe uma boa gama de ângulos diferentes. Pela minha experiência pessoal, é [inaudível] que pode realmente fazer operar uma grade, e você quer que ela seja utilizável e versátil. Agora, parece que tenho linhas suficientes aqui para que eu possa realmente começar a escalá-las para que eles sintam meu quadro de arte e formem minha grade. Para fazer isso, eu vou usar uma ferramenta de seleção, embora haja uma ferramenta de transformação livre no Illustrator, eu realmente não usá-lo porque você pode fazer tudo usando a ferramenta de seleção com uma caixa delimitadora visível, de qualquer maneira. Certifique-se de que a Caixa delimitadora seja mostrada, caso contrário, vá para Exibir, Mostrar caixa delimitadora. Agora, selecione um segmento, mantenha pressionadas as teclas Shift e Alt. que lhe permitirá dimensionar proporcionalmente em relação ao ponto central do seu segmento e arrastar um canto da sua Caixa delimitadora o suficiente para fazer com que o segmento passe pelo seu quadro de arte. Nesse ponto, seu traçado também pode ficar pesado, e isso ocorre porque nas opções Transformar você tem Escala, Traçados e Efeitos ativados, então desative-o e altere o caminho de volta para o que deveria ser. Estas opções de Escala e Traços e Efeitos são realmente úteis, mas não neste caso. Agora como eu escalei todos os meus segmentos e ajustei sua posição onde eu senti que era necessário, eu vou selecioná-los todos pressionando Comando A, Controle A no Windows e então eu vou agrupá-los, Comando G. Este é o primeiro bloco de construção da minha grade pronto. Eu acredito que algumas crenças têm um certo grau de simetria, então eu preciso ter certeza de que minha grade é simétrica tanto vertical quanto horizontalmente. Ao fazer isso, também vou aumentar o número de linhas em minha grade, que também permitirá mais variações de geometria de grade. Tendo meu grupo selecionado, eu vou para Objeto, Transformar, Refletir, optar por refletir verticalmente e clicar em Copiar, não OK porque eu realmente preciso de uma segunda cópia. Agora, eu tenho o meu segundo grupo que é refletido e mantendo pressionada a tecla Shift para mantê-lo em linha com a grade original, eu vou movê-lo horizontalmente até chegar a um ponto onde eu posso realmente começar a ver algumas formas agradáveis que eu pode usar no meu projeto de crenças. Agora, eu gosto assim porque eu posso imaginar elementos como uma parte superior da letra A aqui ou talvez C aqui então eu tenho algo para trabalhar. Agora, eu preciso refletir mais uma vez, agora horizontalmente, então eu tenho uma grade totalmente simétrica. Eu faço isso novamente, selecione Eixo Horizontal e clique em Copiar. Mais uma vez, eu preciso movê-lo para o lugar segure, Shift e aqui estamos nós. Isso é bom, eu tenho a base da minha grade pronta. Vou agrupá-lo completamente e vou manter uma cópia da grade como está. Embora eu também precise ter alguns guias utilizáveis no futuro. Vou copiar esta camada, puxar para cima e esconder a original e renomear esta para que eu saiba o que é. Agora, para fazer guias eu preciso selecionar meu grupo e agrupá-lo, Command Shift G, algumas vezes até que eu não tenha mais grupos nesta camada. Então eu vou apenas clicar com o botão direito aqui e selecionar Criar guias, e aqui estamos. É isso em termos do que eu preciso para minhas fotografias originais, então agora eu posso virar a visibilidade e me preparar para adicionar mais alguns guias para determinar minha anatomia tipográfica, que eu vou cobrir no próximo vídeo. 4. Considerando a anatomia da fonte: Bem, minha grade está quase pronta. Há mais uma coisa que quero fazer antes de começar a desenhar os meus glifos. Porque eu realmente quero ter um tipo de letra com comprimento consistente e altura e proporções, e guias que irão definir estrutura básica é o meu próximo passo. Qualquer tipo de letra tem um número de linhas horizontais em sua estrutura. Estas linhas são, uma linha de base, uma linha imaginária sobre a qual as letras parecem sentar-se, uma linha de acampamento uma linha imaginária no topo da maioria das letras maiúsculas, uma linha média , uma linha imaginária que confia no topo do corpo do letras minúsculas não incluindo ascendentes, uma linha central, uma linha imaginária que marca a altura dos ascendentes nas letras minúsculas, como b, d, f, h e k, e a linha descendente e linha imaginária que marca o ponto mais baixo dos descendentes nas letras minúsculas como g, j, p, q e y. Embora você possa não ser capaz ou mesmo precisar definir esta linha imediatamente, pode ser uma boa idéia para manter seu propósito em mente e quando você começar projetar seus glifos depois de algumas tentativas com letras diferentes, lado na regra que você deseja seguir. Olhando para minha grade eu já posso imaginar onde meus glifos serão construídos. Eu também decidi que eu estou indo para projetar um tipo consistente apenas de letras maiúsculas, então eu não preciso me preocupar com nada a ver com as minúsculas. Em uma nova camada usando uma ferramenta Caneta e mantenha pressionada a tecla Shift para tornar minha linha horizontal, vou apenas desenhar uma linha aqui. Esta vai ser a minha linha de base e eu vou copiá-la para torná-la linha superior aqui. Também tenho alguma idéia sobre simetria geral das minhas formas de couro, então eu vou adicionar um eixo vertical aqui apenas para me manter no caminho certo. Eu também vou salvar esta linha para ser traçada. Vou adicionar uma linha intermediária mais tarde para acomodar aspas, mas ou será somente depois que eu desenhei todas as letras. Mas você sabe, se você está planejando projetar um tipo totalmente selvagem, você pode apenas manter esta parte toda unida. Agora minha grade está totalmente pronta para ser usada e sob vista. No meu próximo vídeo vou rapidamente levá-lo através de como preparar uma boa impressão de modelo para ser capaz de esboçar o seu glifo à mão no papel. Embora eu mesmo, acho que é muito mais rápido e fácil projetar glifos em Illustrators ou imediatamente, eu sei que algumas pessoas acham mais fácil pensar e esboçar no papel primeiro. Se você é um desses, assista ao próximo vídeo e, caso contrário, passe para a próxima parte sobre como criar glifos. 5. Criando um modelo de grade para impressão (opcional): Esta é uma demonstração rápida de como criar um modelo de grade de impressão e esboço à mão, e esta parte do projeto é opcional. Antes de criar um modelo de impressão, certifique-se de que o ficheiro está guardado, copie-o e renomeie-o e, em seguida, abra o novo ficheiro. Em seguida, para economizar espaço, exclua camadas com caras que a imagem original. Agora faça sua grade ficar visível e desbloqueie. Em seguida, mude a cor da grade, acima de 40 por cento mistura funciona bem, não é muito intrusivo, mas você também pode ver claramente a grade para desenhar. Mas de qualquer maneira, antes de imprimir uma festa inteira, faça um teste para ter certeza de que sua impressora imprime bem e você pode vê-lo. Em seguida, altere o peso de todos uma vez para não apontar 25 de um ponto. Dependendo da impressora, você também pode querer torná-la mais pesada para testar a impressão primeiro. Selecione sua grade e suas guias de texto se você as tiver e agrupe. Em seguida, usando shift through, desenhe um retângulo vertical ou um quadrado para curvar a área onde você deseja projetar suas grades. Alinhe seu grupo e seu retângulo entre si e, em seguida, ter um grupo no retângulo selecionado, clique com o botão direito sobre eles e escolha criar máscara de recorte. Agora, você só tem a parte da unidade de alcance da grade, torná-lo um pouco mais fácil de trabalhar com ela. No painel de ferramentas, selecione a ferramenta Art-board e faça sua Art-board horizontal clicando aqui. Nas opções de transformação aqui, verifique se a escala é forte e os ataques estão desativados e, em seguida, usando a ferramenta de seleção e mantendo pressionada a tecla Shift, aqui você está recortando para que você possa alimentar quatro ou cinco deles no uma linha para um formato de piso. Copie o grupo de recortes três ou quatro vezes, que você tenha modelos suficientes em uma linha, selecione-os todos com a ferramenta de seleção e, em seguida, no painel de alinhamento, se ele não abrir, vá para Alinhar janela . Certifique-se de que a linha sob seleção é selecionada e, em seguida, alinhe seus grupos de recorte entre si e distribuída horizontalmente, de modo que a lacuna seja a mesma. Em seguida, agrupe todos juntos, um, d cópia uma vez para que você tenha sua segunda linha, alinhe ambas as linhas e, em seguida, agrupe-as. Em seguida, ele alterar a configuração para alinhar para Art-board e alinhar seu grupo para o centro vertical e horizontal. Se o grupo for muito grande ou muito pequeno, redimensione-o mantendo pressionada a tecla Shift para que ele cubra bem a sua placa de arte. Quando estiver pronto, clique em Salvar e salve também o arquivo para impressão como PDF. Embora esses arquivos são idênticos e você pode fazer as mesmas coisas com eles no ilustrador, eu prefiro manter um desenvolvimento separado e um arquivo de impressão separado. Imprima quantas cópias precisar usando o Adobe acrobat Review ou qualquer outro programa como esse. Agora, você está definido para forma esboçada, então assista o próximo vídeo onde eu vou compartilhar dicas e truques de projetar grades e escolher entre diferentes tipos de estilos. 6. Projetando o tipo de fonte usando a grade: Aqui, a parte excitante começa. Aproxime-se do passo com uma mente aberta, e brincadeira, e não pense demais no que você está fazendo. Desta forma, você será capaz de se divertir mais, e tornar tudo muito mais rápido. Você vai controlar aberração dentro de você, e começar a olhar, e ver. Eu continuo vendo glifo o o tempo todo, mas o que isso realmente significa? Glifo é qualquer caractere em uma fonte, e você pode ter mais de um glifo para cada caractere, e esses são chamados de alternados. Para o meu tipo de letra, quero concentrar-me em letras maiúsculas, números e alguns sinais de pontuação. Isso é o suficiente para mim, por enquanto. Você só decide por si mesmo o que você quer projetar, mas eu sugiro que você faça um conjunto semelhante. Eu acho o design em letras maiúsculas um pouco menos complicado. É por isso que quero me concentrar neles, mas faça sua própria mente. Nesta fase, você precisa olhar para sua grade e experimentar algumas letras diferentes em estilo diferente. A abordagem mais fácil e mais, digamos, normal aqui seria fazer um tipo linear como o meu, com base nas linhas na grade, porque permite ter um peso uniforme do curso, que faz parecer leve, e razoavelmente equilibrado. A outra abordagem requer que você procure formas dentro de sua grade, que podem formar o vislumbre. Isso pode ser um pouco mais complicado, mas também pode permitir que você obtenha um personagem muito diferente. Se você gostaria de experimentar uma abordagem que pode levar a um tipo mais ilustrado, então este é o caminho certo a seguir. Com essa abordagem, você pode ir para um campo com estilo, ou para definitivo, dependendo de quão pesado você deseja que sua fonte apareça. Mas também imediatamente fornece duas variações diferentes do tipo, o que pode ser muito útil. Além disso, a forma geral das letras não precisa necessariamente caber em um retângulo. Pode ser qualquer outra forma, como um hexágono, ou qualquer outra forma poligonal, ou até mesmo um círculo, então você terá que olhar para sua grade, e decidir qual personagem você quer que seu tipo de letra tenha. Ao projetar seus formulários de carta. Tenha em mente que letras diferentes podem ter larguras diferentes. As letras M e W serão mais largas do que a maioria, e as letras I e J serão mais estreitas. A menos que, claro, você vá para uma face monoespaçada, ou tipo de largura fixa, ou todas as letras ocupem a mesma quantidade de resultado de espaço. Lembre-se, eu criei guias fora da minha grade. É aqui que eles entram em jogo. Eu vou verificar os guias inteligentes, nosso próprio, então, visões guias inteligentes. Guias inteligentes é um dos recursos mais incríveis e úteis no ilustrador. Estas dicas magento permitem a linha de objetos uns aos outros, distribuí-los igualmente, e tudo sem ir a nenhum outro painel. Eles também são muito úteis ao projetar diferentes formas. No caso desta classe, isso é o que torna tão fácil seguir a grade com o lápis. Tudo o que preciso fazer, é clicar nos lugares certos. Como meu tipo de letra é baseado em linhas, eu vou criar uma série de segmentos, e eu vou me preocupar em conectá-los, ou desconectá-los, ou desnecessários mais tarde. Toda vez que eu quero começar um novo segmento eu estou pressionando “Command shift E” que desmarca o caminho anterior em que eu trabalhei. Se você estiver projetando uma forma nesse tipo de letra, certifique-se de fechar cada um dos caminhos. Para fazer isso, você precisa ir ao redor de cada uma das formas e, no final, feche o caminho clicando no ponto de ângulo inicial. Você verá um círculo ao lado do seu lápis, o que levará a fechar o caminho. Faça assim, e depois não terá problemas mais tarde. Se você precisa construir uma forma fechada com um buraco no interior, ou colocá-lo no design permanece, e espaço negativo, que na tipografia é chamado de contador. Em seguida, primeiro desenhe sua forma externa. Em seguida, desenhe a forma do seu contador, que é realmente chamado de tigela. Em seguida, selecione-os com a ferramenta de seleção, vá para o painel do pathfinder, se ele não estiver lá, vá para o pathfinder da janela, e lá, no modo de forma, clique em menos quatro. Agora é uma forma agradável e arrumada. Trabalhando em glifos, eu gosto de ter uma camada separada para cada um deles, que eu possa facilmente ir entre eles. Eu também tenho apenas uma grade e design no mesmo espaço, e tenho apenas uma camada de glifo visível de cada vez. Manter meus glifos no mesmo lugar me permite duplicar rapidamente uma camada, se eu quiser experimentar o design alternativo para um glifo, bem como tornar o processo mais rápido copiando elementos que se repetem em letras diferentes. Por exemplo, a base para minhas letras C, E, G, O, Q, S e números zero, seis e nove é a mesma, eu não preciso desenhá-lo separadamente cada vez, que me economiza uma quantidade considerável de tempo e torna um tipo de letra mais consistente. Comece a percorrer seu alfabeto, mas não necessariamente em ordem alfabética. Eu realmente acho muito útil projetar algumas letras que podem formar uma palavra curta primeiro, e então agrupar cada letra, e copiá-las todas em uma camada diferente, e juntar uma palavra para ver como meu tipo funciona . Desta forma, eu posso verificar a consistência do estilo, legibilidade, e geralmente verificar se o humor do tipo, é o que eu quero. Com certas letras, você pode achar complicado construí-las no mesmo lugar onde você construiu a maior parte do alfabeto. Para mim, as letras mais difíceis acabaram por ser K e M, então, eu realmente tenho que me mover ao redor da grade para encontrar um bom lugar, e linhas de grade apropriadas para eles. Em algumas linhas eu construo em um só lugar, e em seguida, mover a letra de volta para o centro para construir o resto dela. Mesmo assim, com essas duas letras e mais alguns glifos, eu realmente tive que desenhar linhas, que não estavam na minha grade original, apenas para fazê-las parecer bem equilibradas, e seguir o mesmo estilo que minhas outras letras . Não tenha medo de quebrar a grade um pouco se precisar, mas confira todas as opções em sua grade primeiro. Se, por algum motivo, você não pode construir nada que você gosta com sua grade, então veja como você pode ajustá-la, e adicione mais linhas, ou remova algumas se elas forem demais. Se isso não ajudar, tire uma foto diferente, preencha uma nova, e não desista. Lembre-se do que eu disse antes, certifique-se de que você tem uma boa gama de ângulos diferentes, então sua grade vai funcionar muito bem. Não fique muito agitado, e preso se alguns glifos não funcionarem imediatamente, basta passar para o próximo, e revisitar os difíceis, quando todos os mais fáceis forem feitos. Quando você tiver projetado todos os glifos, vá para o estágio de limpeza e finalização, que eu vou passar na próxima parte. 7. Escolhendo o conjunto final de glifos: Quando você completar o estágio de desenvolvimento de design, você provavelmente vai acabar com o arquivo um pouco como o meu e nós fomos capazes de jogadores aqui e os projetos alternativos para alguns glifos. Neste ponto, eu gostaria de deixar este arquivo sozinho e duplicá-lo para que você possa obter todos aqueles finalizados em um arquivo diferente. Eu sempre gosto de manter arquivos separados para diferentes estágios, pois torna muito mais fácil voltar se eu precisar reduzir algo. Então, no meu novo arquivo, eu vou passar por todas as camadas e decidir o que eu quero manter e usar e o que eu quero excluir. Eu não preciso mais da minha imagem de referência e eu não preciso de uma camada original da minha grade, mas eu vou manter os caras da grade e tipos de caras porque eu ainda posso precisar deles. Eu também estou excluindo minhas camadas em que eu tentei fora como o alfabeto funciona juntos e como algumas palavras olhar. Nesta fase, eu vou agrupar cada camada ou certificar-me de que eles já estão agrupados para que eu não perca nenhum elemento quando eu movê-los. Eu também nomearei cada grupo de acordo com o que é, que eu possa facilmente encontrá-los. Depois vou analisar todos os meus glifos e colocá-los em duas camadas diferentes. Uma camada para o alfabeto, para inclusão definitiva na fase de texto, uma camada para dígitos finais, uma para aspas e uma camada para quaisquer alternativas potenciais. Você pode querer cortar os poucos refrigeradores neste ponto e apenas arrastar as camadas para os novos, mas se você fizer isso, ele não vai tratá-los como grupos, mas sim ainda como elementos individuais. Então você ainda precisa agrupá-los separadamente. Certifique-se de que você exclui todas as suas camadas vazias para que você só tenha uma lista limpa do que você precisa. Para organizar rapidamente todos os meus formulários de carta finais online, vou selecioná-los todos e no painel de alinhamento, selecione Alinhar ao objeto chave em algum lugar aqui 30 pontos farão por agora e clique em distribuir espaço horizontal. Bem, não funciona em ordem alfabética, mas sim na ordem do que aqueles mais próximos do lado latino. Mas de qualquer forma, agora eles estão todos em seu antigo lugar e eu posso vê-los todos separadamente. Então, agora, eu posso principalmente reorganizá-los alfabeticamente mantendo gráfico de deslocamento pressionado, em seguida, arrastar cada um deles de lado para que eles se mantenham na linha. Agora, eles estão em ordem alfabética e eu só quero ter espaços uniformes entre eles. Então, eu vou novamente para o painel de alinhamento, selecione Alinhado ao Objeto de Chave e distribui espaço horizontalmente. Minha escolha primária de glifo está aqui. Agora vou desenhar o mesmo que todas as outras camadas. Quanto aos suplentes, não vou colocar muito esforço no alinhamento. Eu só quero vê-los todos ao lado dos glifos primários correspondentes. Agora eu posso decidir se eu quero manter alguma alteração e na verdade eu não tenho essa montanha em particular, então eu vou apenas excluir essa camada e passar para limpar meus glifos. No próximo vídeo, vou compartilhar algumas dicas, o que olhar para fora quando finalizar as formas. 8. Limpando os caminhos: Agora, estou em posição de limpar todos os meus caminhos. A primeira coisa a fazer é certificar-se de que todos os elementos estão visíveis e desbloqueados e, em seguida, ir para “Selecionar”, “Objeto”, “Pontos perdidos”. Isso irá selecionar todos esses pontos inúteis que foram criados no processo de clicar ao redor e não remover caminhos por completo. Bem, todos nós fazemos isso às vezes. Pontos perdidos são irritantes porque você não pode vê-los, mas eles podem impedir que você faça algumas coisas, como conectar dois endpoints, então livre-se deles. Agora, isso pode levar algum tempo, mas a perfeição implora por isso. Amplie bastante perto, e passe por todos os gleasemae um por um, certificando-se de que tudo está perfeito e que nada está saindo. Se a sua face de texto é feita de formas em vez de linhas, então apenas certifique-se de que todos os seus caminhos estão fechados. Se você não tiver certeza sobre algo, clique com o botão direito do mouse nele e selecione “Entrar”. Isso conectará seus dois endpoints. Com as fontes lineares, há algumas coisas para se atentar. Um, é essa área onde um caminho encontra outro, então você precisa ter certeza de que o ponto final de um caminho está tocando em outro, mas não passando por cima dele. Selecione o ponto final com a ferramenta de seleção direta e mova-se até que ele toque perfeitamente o outro caminho. Martin, vamos ajudar-vos aqui. Para ser ainda mais preciso, você pode ir para o modo “Outline”, “Command Y” ou “Control Y” no Windows e, em seguida, ajustá-lo lá. Mas como você não pode realmente ver como ele vai olhar no design normal para o modo de visualização, é uma boa idéia desativar o modo de contorno novamente “Comando Y”, confira. Embora possa haver alguns problemas se você tiver configurações de traçado diferentes, geralmente isso deve funcionar bem dessa maneira. Se não, em seguida, jogar ao redor com a configuração de curso ainda está tudo bem. A próxima coisa é verificar todos os cantos. Se você tiver apenas dois segmentos de linha formando um canto , certifique-se de que os pontos finais estão unidos. Você verá se eles não estão e, em seguida, com a ferramenta de seleção direta, selecione os pontos que você deseja conectar e clique em “Conectar pontos de extremidade selecionados” aqui. Se este botão não estiver ativo, significa que você está selecionando mais ou menos de dois pontos. Se você tiver mais de dois segmentos de linha que se encontram no mesmo ponto como aqui, então você precisa ter certeza de que seu canto é feito das duas linhas que formam o ângulo mais amplo. Com a ferramenta de seleção direta, selecione todos os pontos e desconecte-os clicando em “Cortar caminho no ponto de ancoragem selecionado”. Em seguida, selecione e mova o ponto final do segmento, que você não precisa se conectar. Em seguida, selecione e conecte dois pontos, que devem formar um ângulo e mover para trás o ponto final do outro segmento de linha separado. Se você tiver alguns cantos tocando caminhos como eu tenho aqui, você pode ter o mesmo problema, então selecione o canto e clique em “Cortar caminho no ponto âncora selecionado”. Agora está tudo bem. Bem, isso é questões básicas que você pode encontrar, mas certifique-se de verificar tudo para o caso de haver outros problemas. Quando você já vai para o próximo vídeo em que vou cobrir como fazer o tipo de letra mais equilibrado. 9. Ajustando as proporções: A próxima coisa a fazer é olhar para o seu tipo de letra e analisar se ele é bem equilibrado se necessário para ser vendido. No meu caso, por causa da forma como eu usei a grade, eu posso imediatamente ver que algumas letras aparecem mais do que o resto. Este é realmente um problema comum com letras arredondadas ou pontiagudas em qualquer tipo de letra por causa de sua geometria. É por isso que eles normalmente têm overshoots. Neste caso, o que significa que eles se estendem mais do que as letras planas de tamanho comparável como X ou H para alcançar um efeito óptico de ser do mesmo tamanho. Devido a esta forma particular das minhas letras, é realmente muito fácil ver o tamanho que eles devem ser para olhar equilíbrio junto com o resto do alfabeto. Então, eu vou dar uma olhada no quanto eu preciso para ajustá-los, e adicionar mais duas guias acima da linha de capitalização e abaixo da linha de base. Agora certificando-se de que, mais uma vez, escala, o traço e os efeitos estão desligados. Com a ferramenta de seleção e pressionando as teclas “shift” e “alt”, vou redimensionar minhas letras que precisam de atenção um a um para seu novo tamanho. Eu também vou fazer o mesmo com o meu dígito 0, 2, 3, 6, 8 e 9 e no topo do meu ponto de exclamação. Agora eu tenho um tipo limpo e equilibrado e eles podem seguir em frente para finalizar as ondas, que eu vou cobrir no meu próximo vídeo. 10. Definindo os pesos: Tendo limpado um tipo limpo aqui, agora posso começar a trabalhar quais pesos eu quero ter. Mais uma vez, eu prefiro salvar e manter este arquivo como ele é e duplicá-lo para desenvolver o tipo de letra ainda mais. Eu poderia fazer tudo no mesmo arquivo, mas em camadas diferentes, mas como há muitas linhas aqui, eu prefiro ter um arquivo separado para que o Illustrator funcione mais rápido. Com tipos de letra lineares como o meu ou com os tipos de letra de contorno, quando você está satisfeito com o seu peso original, agora é hora de trocar contornos. Então, selecione tudo com a ferramenta de seleção e vá para “Objeto”, “Caminho”, “Esboço”, “Traçado. Agora, todas essas são formas com a cor do campo e não traços. Se você tem uma fonte baseada em forma agora você pode participar como o resto é o mesmo para todos. Selecionando uma letra de cada vez com a ferramenta de seleção, vá para o painel Pathfinder e, nos modos de forma, clique em “Unir”. Em seguida, vá para Menu, Objeto, Caminho composto, Criar ou clique no comando oito, controle oito no Windows. Desta forma, seu grupo de formas sobrepostas ou separadas se torna um. Agora você precisa passar por toda a sua fonte e fazer o mesmo com cada clipe e, em seguida, renomear cada um deles para que você possa encontrá-los facilmente no painel de camadas. Agora você pode criar algumas maneiras diferentes, se quiser. Para estes, sugiro colocar em uma camada todos os clipes do tipo, em seguida, duplicar a camada, bloquear e ocultar o original. Em seguida, selecione o segundo, amplie o zoom o suficiente para ver suas alterações em detalhes e vá brincar com a configuração do traçado. Não apenas as opções de Peso de largura, mas também Caps e Cantos e alinhamento de traçado para que você possa obter uma aparência diferente. Neste ponto, também é uma boa idéia esconder bordas e caixas delimitadoras para que você só possa ver o seu tipo de letra. Lembre-se de ligá-los depois. Quando você estiver feliz com a aparência, então você pode delinear traçados novamente, Objeto, Caminho, Contorno, Traçado e, em seguida, passar pelo mesmo processo de unir a este pathfinder e criar caminhos compostos de cada clipe. Desta forma, se você quiser criar uma fonte de trabalho fora dela no futuro, você está praticamente pronto. Quando você estiver feliz e pronto para progredir, assista ao meu próximo vídeo no qual vou compartilhar com vocês alguns truques simples de recursos gráficos extras escondidos para fazer seu tipo se destacar ainda mais. 11. Adicionando um visual diferente ao seu tipo de fonte: Embora seu tipo de letra já seja único, há muitas maneiras diferentes de levá-lo a um nível totalmente novo. Nesta parte, vou cobrir alguns truques rápidos que podem ajudá-lo a estilizar seu tipo de letra de uma nova maneira. Certifique-se de que você não destrua sua fonte original e que tem pesos diferentes, então duplique este arquivo ou duplique as camadas. mesmo neste ponto, eu preferiria manter tudo em um arquivo e apenas mover diferentes estilos em diferentes lugares, para que eu possa facilmente compará-los e vê-los todos completamente. primeira e mais básica coisa para brincar seria opções de traço. Esta é uma continuação do que fizemos ao trabalhar nas formas e nesta parte, quero destacar as possibilidades de cada canto opções nos trazer. Juntas redondas e desenvolvidas podem criar agradável para mudar todo o humor de seu tipo. Eu realmente gosto de experimentar com um curso configurações muito, e ao longo do ano, eu encontrei alguns truques legais que podem tornar a personalização de tipos de letra muito agradável e fácil. Para esta aula, eu só quero que você tenha em mente e experimente algumas coisas muito simples. Por exemplo, se você duplicar sua camada e bloqueá-la e, em seguida, trabalhar com a nova, você poderá obter esse efeito. Para fazer isso, tudo que você precisa fazer é definir seu traçado caminho para o mesmo que você digita. Se for linear, se não, há muitas opções. Certifique-se de que a cor do campo seja a mesma, alinhe o traçado para fora e, em seguida, contorne o traçado. Isso criará duas formas, uma para o campo e outra para o traçado. Então, você precisará uni-los e definir a cor do campo como nenhum e definir o traçado para a cor do seu tipo. Defina seu peso novamente e alinhe para fora. Agora você tem um novo visual e você pode repeti-lo quantas vezes quiser ter ainda mais linhas. Isso nos traz muito bem a opção all-plain e preenchido. Se você digitar é baseado em forma, agora é hora de criar uma versão alternativa. Então, se você tiver um tipo preenchido, você pode fazer um esboço e vice-versa. Você também pode brincar com as configurações do traçado da mesma forma que eu acabei de mostrar. Assim, você pode ter contornos triplos, por exemplo, ou apenas um deslocamento delineado em um tipo de campo. Esta parte é provavelmente a minha favorita, porque cantos redondos nos dão tantas oportunidades de design diferentes. Há duas maneiras de trabalhar com os cantos redondos no Illustrator. [ inaudível] ou você precisa selecionar seus cantos com a ferramenta de seleção direta e ajustá-lo manualmente para alcançar o efeito desejado, que é realmente ruim e flexível, mas leva um pouco de tempo, especialmente para o todo tipo de letra. Há uma outra opção automática que, embora seja um pouco mais limitada, é realmente rápida. Selecione seu tipo de letra com a ferramenta de seleção e, em seguida vá para Efeito, Estilizar cantos redondos. Certifique-se de que a pré-visualização está ativada e jogue com configurações diferentes até que você goste da aparência. Além disso, porque é um efeito, você pode modificá-lo depois se você for para o painel Aparência, se ele não estiver aberto, vá para a aparência da janela. Aqui, clique duas vezes em cantos arredondados e ajuste-o. Aqui você também pode falar da visibilidade do efeito e excluí-lo se quiser. Para este efeito em combinação de diferentes traços, configurações e várias camadas, você pode obter um monte de looks realmente incríveis. Então brinque com ele e resolva sozinho. Quando você estiver pronto e feliz, clique em Expandir aparência e isso aplicará seu efeito prof. para suas formas, então ele se tornará um caminho composto. Depois de expandir, você não poderá mais editar o efeito no painel Aparência. Portanto, faça isso somente quando terminar. Esta técnica só funcionará com certos estilos de tipografia, no entanto, é bom ter em mente. Selecione a ferramenta Balde de pintura em tempo real, a ferramenta ative e clique em qualquer uma das formas para preenchê-las com uma cor. Pode ser um espaço negativo também, é por isso que eu gosto e foi assim que eu o usei. Quando terminar a pintura, expanda a aparência, para que você possa trabalhar com as formas individuais usando localizador de caminho e outra ferramenta. Se você é um ilustrador que apenas gostaria de adicionar alguns titulares de lugares ilustrativos a uma fonte, considere desenhar alguns elementos que podem adicionar um caractere diferente à sua fonte. Pode ser qualquer coisa que você quiser. Você pode torná-lo peludo, você pode fazer folhas crescerem nele, você pode fazê-lo usar chapéus, ou ter bigodes, o que você quiser, é até sua imaginação. Eu realmente adoraria ver personalização como esta de você, então por favor me surpreenda. Você também pode combinar todas essas abordagens juntos e ver onde ele leva você, ou se você encontrar sua própria maneira legal de personalizar o seu tipo, por favor, compartilhe, eu vou estar muito animado para vê-lo. Quando terminar de personalizar seu tipo de letra, certifique-se de delinear traçados, unir seus caminhos e criar caminhos compostos exatamente como fizemos no vídeo anterior para os pesos. Então, você está pronto para começar a fazer alguns resultados de design legais com seu próprio tipo de letra. No meu vídeo final, vou passar por algumas coisas, que podem ajudar a sua composição tipográfica a se destacar. 12. Dicas e truques para criar melhores composições tipográficas: Se você for tão longe você provavelmente já sabe o que está fazendo agora, mas eu ainda quero compartilhar algumas coisas com você que podem ajudá-lo quando você desenha suas composições tipográficas. Você vai estar organizando menu Tipo para aqui você precisa ter em mente algumas coisas que vão tornar sua vida mais fácil. Lembra como organizamos nossos alfabetos antes? Bem aqui quando você junta todas as letras para suas palavras você pode fazer o mesmo. Alinhe suas letras umas às outras verticalmente da maneira como ele funciona você digita, mina está alinhada no centro e, em seguida, selecione Alinhar para manter o objeto, defina o tamanho do espaço desejado e distribua espaços horizontalmente. Agora, em essência, é o espaço entre sucessões de caracteres que na tipografia é chamado de rastreamento, então eu vou me referir a ele desta maneira. Depois de distribuir espaços podemos ver que existem algumas lacunas que parecem maiores, e para compensá-lo optcillary precisamos ajustar manualmente os espaços entre pares de letras até que o texto pareça uniformemente espaçado. Isso é chamado kerning e, em comparação com o rastreamento, refere-se ao espaço horizontal apenas entre pares de letras individuais. Depois de rastrear e kerning manualmente palavras individuais Mova-os separadamente e ajustar as lacunas entre eles usando a função Distribuir espaço e ajuste manualmente com quando necessário depois. Se suas composições têm mais de uma linha de texto, então você também precisa considerar espaços verticais entre as linhas que é chamado de entrelinha ou espaçamento entre linhas. Você também pode fazê-lo usando a função Studio Space apenas desta vez ele será vertical. Considere como funciona a escala do seu tipo de letra. Neste caso, falo sobre duas coisas. Primeiro é o tamanho geral de Tipo em relação ao formato do seu resultado, e como ele é visível quando ele é visualizado em seu site real. Por exemplo, meu tipo de letra é muito fino, então eu não posso criar nada realmente menor porque simplesmente não vai funcionar. Outra coisa a considerar sobre a escala é se todas as suas letras ou palavras precisam ser do mesmo tamanho. Ter tamanhos diferentes pode tornar seu resultado mais dramático. Também letras e palavras que precisam ser horizontais ou em uma linha. Você sempre pode brincar com rotação e mover um letras individuais ou palavras em relação um ao outro. Também por exemplo, se você digitar é baseado em hexágono como uma forma externa, você pode organizar suas letras na grade hexagonal e passo. Veja o que funciona para você. Finalmente eu sei que é o seu tipo de letra e você está orgulhoso disso, mas você também pode usar outros tipos de letra para combiná-lo com. O contraste faz com que o design funcione e ter segundo tipo de letra na sua composição pode realmente fazer a diferença. Basta tentar escolher um tipo de letra com o qual sua palavra funciona bem. Algo simples vai funcionar bem porque ele não vai distrair do seu tipo de letra, e simplesmente não ir para outro tipo de letra decorativo porque pode ser muito. Agora o que você está esperando para ir e fazer alguns resultados de design legal. Considere também como você irá apresentá-los, por exemplo, se você estiver fazendo uma imagem de visualização 3D de impressão de camiseta de como é olhar em uma camiseta. Deixe todo mundo animado e mostre como você digita ganha vida. 13. CONCLUSÃO: Espero que tenham gostado desta aula e aprendido algo novo. Ser capaz de projetar tipos de letra decorativos é muito útil quando se trata de projetar cartazes, materiais de design relacionados a filmes musicais e logotipos. Espero que esta aula o ajude no futuro a experimentar mais e produzir algumas coisas incríveis. Estou ansioso para ver seus projetos e ficarei feliz em fornecer feedback. Obrigado, e espero vê-lo em breve na minha próxima aula.