Como criar uma fonte com o Adobe Illustrator?


51

Recentemente, criei minha própria fonte / tipo de letra com o Adobe Illustrator e gostaria de usá-la como uma fonte real (por exemplo, gostaria de usá-la enquanto digito alguma coisa).

Isso é possível no Adobe Illustrator ou eu precisaria de um software diferente?

Se sim, qual programa seria bom para criar uma fonte?

Respostas:


29

Para criar uma fonte, você precisa de um programa de edição de fontes. FontCreator é bastante popular e barato. O FontForge é um editor de fontes de código aberto, se você quiser uma documentação um tanto densa. O FontLab possui um utilitário chamado TypeTool , um pouco mais caro, mas com uma boa reputação.


20

Sugiro que você use o BirdFont e siga estas etapas para importar seu trabalho no editor.

Desenhe um triângulo e um retângulo. Use-os como formas de teste para decidir qual deve ser a sua altura x.

visão global

Compare os glifos de teste com outras fontes usando a guia Visualizar. (Ctrl + p)

Pré-visualização

Ative a grade e as diretrizes para altura x e margem. Crie quatro marcadores retangulares na linha inferior, linha de base, altura x e parte superior.

Modelo de glifo

Salve seu modelo de glifo como SVG. (Importar uma exportação -> Exportar glifos como SVG)

Abra seu modelo de glifo no Illustrator e ative as réguas (Ctrl + r). Arraste as novas linhas da régua para a linha inferior, linha de base, altura x e posições superiores.

Ilustrador

Insira seus glifos no arquivo de modelo.

Redimensione o glifo.

Salve seu glifo com um nome diferente.

Importe o arquivo no BirdFont. (Importar uma exportação -> Importar SVG)

Feito

Com as versões mais recentes do BirdFont e do Illustrator, você também pode copiar e colar glifos entre os dois programas. Você ainda precisa decidir qual deve ser sua altura x, mas poderá economizar alguns segundos se pular a etapa em que salvar o glifo como um arquivo SVG separado.


10

Você precisa de um programa que possa criar arquivos de fonte reais a partir de suas ilustrações vetoriais.

Nos velhos tempos, a principal ferramenta para isso era o Macromedia Fontographer, que agora é de propriedade da Fontlab

O Fontlab também cria o FontLab Studio e vários outros programas de criação e design de fontes que grande parte do setor de design de tipos usa.

Alternativas para suas ofertas seriam Glyphs for OSX ou o FontForge de código aberto

ATUALIZAR:

Ainda não tentei, mas um novo editor de fonte aberta apareceu chamado Bird Font:

http://birdfont.org/


7

Este é o método mais rápido, simples e gratuito que eu encontrei até agora para criar uma fonte do zero. Embora, se você já tiver criado os glifos, o Fontforge poderá importar arquivos svg.

  1. Imprima um modelo no MyScriptFont (ou salve e importe o pdf para o Gimp ou Photoshop e escreva / cole seus glifos nas respectivas caixas). O modelo deve estar em TIFF ou PNG e ter pelo menos 300 dpi. O JPG comprime imagens por padrão, o que é ruim para a qualidade da imagem.
  2. Faça o upload do modelo e salve o arquivo de fonte que o MyScriptFont fornece.
  3. Para torná-lo perfeito, você terá que editá-lo. Dois programas gratuitos de edição de fontes são: Type light e Fontforge, embora o Type light tenha uma interface muito mais simples para edição básica e seja executado nativamente no Windows.
  4. Descobri que MyScriptFont define a altura x muito grande e a profundidade do descendente muito pequena.
    • Você pode corrigir isso na luz Type, indo para Font> Metrics (na luz Type).
    • Além disso, se sua fonte for muito pequena (ou seja, o tamanho 12 for ilegível), você poderá alterar o "Tamanho da unidade EM" para que seja menor. Eu usei 650.

6

Hoje, a maneira mais fácil de criar uma fonte real no Illustrator (ou Photoshop) é instalar diretamente no Illustrator (ou PS) uma extensão dedicada a isso: Fontself Maker .

Como funciona

Prós:

  • muito fácil de usar,
  • qualquer tipo de forma ou letra pode ser transformada em fonte
  • executar dentro do Illustrator (e Photoshop) => nenhum software adicional para usar

Contras:

  • executar apenas no CC 2015 e 2017 (não no CC2014 ou CS6)
  • não é gratuito (US $ 49)

Um tutorial passo a passo aqui para ' Crie sua própria fonte com letras em minutos '.


4

Existe um procedimento muito cuidadoso para levar o trabalho do Illustrator para o FontLab, caso você decida seguir esse caminho. Já notei isso antes , mas não há mal em repetir, suponho.

Puxado diretamente do FontLab (eles não se preocuparam em torná-los legíveis).

No Illustrator:

  • Editar> Preferências> Unidades e Desfazer ou Unidades e Exibir Desempenho: Altere todas as unidades para pontos (1 ponto é igual a 1 unidade no TypeTool).
  • Preferências> Arquivos e área de transferência: desative o PDF, ative o AICB e selecione Preservar caminhos.
  • Preferências> Guias e grade: linha de grade a cada 10 pt e subdivisões 10.
  • Defina a largura do documento em pontos como o dobro do tamanho UPM da sua fonte (por exemplo, 2000 pt para uma fonte UPM 1000).
  • Defina a altura do documento como igual ao tamanho do UPM - Descendente (por exemplo, 1000 - (-263) = 1263 pt).
  • Selecione Janela> Informações, Exibir> Mostrar réguas, Exibir> Ajustar à grade.
  • Desative Exibir> Guias> Bloquear guias.
  • Opcionalmente, selecione Exibir> Mostrar grade.
  • Posicione uma guia na altura que tenha o mesmo valor (positivo) que o descendente (negativo) de sua fonte (por exemplo, 263 em nosso exemplo).
  • Posicione uma diretriz e posicione-a em 0.
  • Posicione o ponto de origem para onde as duas diretrizes se cruzam.
  • Arraste as diretrizes para as posições do ascendente, da altura x e da altura das tampas.

4

Uma ferramenta de criação de fontes que eu acho muitos Designers de Tipo recentemente trocando é o RoboFont (que foi criado por um Designer de Tipo). Você pode dar uma olhada nisso também.

Ele oferece tutoriais para você começar junto com algumas extensões para o programa.

Nota: Somente Mac

Edit: esqueci de adicionar este vídeo que mostra alguns recursos - http://vimeo.com/34351633


2

Acho que os tutoriais de Philippa Berry Smith no YouTube são excelentes, como este:

http://www.youtube.com/watch?v=bSi1OgvuCPk

Ela mostra como desenhar a fonte no ilustrador.

E então, este é ótimo para garantir que as fontes tenham o tamanho certo no illustrator e como exportá-las para o FontLab:

http://www.youtube.com/watch?v=yI-7e4nRNus

Além disso, ela tem um sotaque Kiwi, o que é divertido.


Sem problemas. Além disso, recentemente comecei a usar o aplicativo Glyphs Mini, que na verdade é semelhante ao uso das ferramentas de arco / caneta no Illustrator, mas é melhor em como você pode trabalhar em um conjunto de fontes inteiro de cada vez e ajustar as propriedades de kerning no voar.
Chris Livdahl

2

Visto que este post é como uma lista de software de criação de fontes, gostaria de adicionar outro para que todos possam considerar. Recentemente, deparei com ele no Kickstarter e, embora ainda não o tenha experimentado, parece bastante promissor.

É chamado de protótipo . É uma alternativa totalmente nova e é financiada por crowdfunding!

Definitivamente vale a pena considerar no futuro, embora atualmente esteja em beta privado. Você pode se inscrever no boletim deles para tentar obter acesso à versão beta, eu sei que vou.


1

Eu estou tentando fazer a mesma coisa.

Eu tenho o fontographer e o FontLab Studio da FontLab. Eu acho que há uma demonstração gratuita.

A ferramenta caneta é menos do que rad nesses programas. Para os meus propósitos, preciso criar camadas porque vou empilhá-las com CSS para criar um logotipo.

Então eu fiz os personagens do Illustrato. ENTÃO -

Eu passei por este turorial.

e eu assisti este tutorial.

Eu ainda estou bem perdido. Meus personagens não estão aparecendo corretamente na linha de base.

Mas acho que isso deve levá-lo na direção certa.

Boa sorte!

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.