Como criar fontes

Quem sou
Lluís Enric Mayans
@lluisenricmayans
Autor e referências

BirdFont (Windows / macOS / Linux)

Voc√™ est√° procurando um software livre que permite criar fontes facilmente? Se sim, sugiro que voc√™ experimente BirdFont: um programa de c√≥digo aberto muito f√°cil de usar. √Č totalmente gratuito quando usado para fins n√£o comerciais, caso contr√°rio, requer um dep√≥sito de $ 5. Depois de baix√°-lo, basta iniciar a cria√ß√£o de uma nova fonte e depois proceder com a realiza√ß√£o das letras e outros caracteres que deseja incluir nela. Ele est√° dispon√≠vel para Windows, macOS e Linux.



Antes de explicar como funciona o BirdFont, deixe-me gui√°-lo por sua instala√ß√£o: conecte-se ao site do programa e clique em um dos links na se√ß√£o Encontre a vers√£o certa, dependendo do sistema operacional em uso no computador (por exemplo, Windows 10 e posterior: birdfont-3.6.2-free.exe para baixar o software no Windows 10, Mac OS 10.12 e posterior: birdfont-3.6.2-free.dmg para fazer o download no macOS e assim por diante).

Quando o download for conclu√≠do, se voc√™ estiver usando Windows, abra o arquivo .exe acabou de baixar, clique no bot√£o Sim e ent√£o nos bot√Ķes Pr√≥ximoInstalar e Fechar. Se voc√™ estiver usando um Macem vez disso, abra o arquivo.dmg acabou de fazer o download e arraste o √≠cone do programa para a pasta Aplica√ß√Ķes do macOS. Na primeira inicializa√ß√£o do software no macOS, voc√™ tamb√©m ter√° que "ignorar" as restri√ß√Ķes aplicadas pela Apple a programas de desenvolvedores n√£o certificados: para fazer isso, clique com o bot√£o direito no √≠cone BirdFont, selecione o item Apri a partir do menu que aparece e √© isso.

Ap√≥s instalar e iniciar BirdFont em seu computador, clique no bot√£o Licen√ßa de fonte aberta SIL para iniciar a cria√ß√£o de fontes (que podem ser lan√ßadas sob o SIL Open Font, um tipo de licen√ßa gratuita e de c√≥digo aberto projetada especificamente para a distribui√ß√£o de novas fontes). Neste ponto, pressione o √≠cone que descreve um folha localizado no canto superior esquerdo e clique duas vezes em um dos personagens que s√£o mostrados na tela para personaliz√°-lo.



Na janela que se abre, voc√™ ver√° o editor BirdFont. Em seguida, use as ferramentas localizadas na barra de ferramentas √† esquerda para construir o primeiro caractere da fonte: na se√ß√£o Ferramentas de desenho voc√™ pode encontrar ferramentas √ļteis para desenhar o personagem; na se√ß√£o Pontos de Controle existem algumas op√ß√Ķes que permitem que voc√™ atue sobre os v√°rios pontos do personagem; na se√ß√£o Camadas voc√™ pode adicionar e possivelmente remover n√≠veis; na se√ß√£o Diretrizes e grade voc√™ pode personalizar a apar√™ncia do editor BirdFont adicionando e / ou removendo diretrizes e assim por diante.

Se quiser, pode at√© importar uma imagem para o seu projeto: para fazer isso, clique no bot√£o (‚Č°) localizado no canto superior direito, clique no item Importa√ß√£o e Exporta√ß√£o no menu que aparece e, em seguida, selecione uma das op√ß√Ķes dispon√≠veis para importar novos arquivos (por exemplo, Importar arquivo SVG para importar um arquivo SVG, Importar pasta SVG para importar uma pasta de arquivos SVG, etc.).

Quando tiver conclu√≠do a cria√ß√£o de todos os caracteres que comp√Ķem sua fonte, voc√™ pode prosseguir com a sua exporta√ß√£o: clique no bot√£o (‚Č°) localizado no canto superior direito e, no menu que se abre, clique nos itens Arquivo> Salvar para salvar as altera√ß√Ķes feitas na fonte ou nas entradas Importar e exportar> Exportar fontes para export√°-lo (ap√≥s t√™-lo salvo anteriormente). Admita: usar o BirdFont n√£o foi t√£o dif√≠cil, foi ?!

Adobe Illustrator (Windows / macOS)

Outra solu√ß√£o para fazer fontes personalizadas que voc√™ pode considerar seriamente √© Illustrator, o software profissional de ilustra√ß√£o e gr√°ficos vetoriais desenvolvido pela Adobe.


Sendo um software dirigido especialmente a ilustradores e profissionais que atuam no mundo da arte tipogr√°fica, o Illustrator est√° sujeito a uma taxa: para o utilizar, de facto, √© necess√°rio subscrever um plano de subscri√ß√£o do servi√ßo. Nuvem Criativa Adobe, que come√ßa em ‚ā¨ 24,39 por m√™s. Se desejar, voc√™ ainda pode experimentar a vers√£o de avalia√ß√£o gratuita do Illustrator por 7 dias e, eventualmente, decidir se deseja assinar ou n√£o.


Depois de baixar o Illustrator do site da Adobe, você notará algumas semelhanças entre a interface do usuário deste programa e o Photoshop (muito famoso software de edição de fotos profissional, também desenvolvido pela Adobe): a barra de ferramentas de desenho, por exemplo, é localizado à esquerda; enquanto a seção que permite gerenciar as propriedades dos elementos presentes no projeto e os níveis está localizada à direita.

Como você deve ter notado, no entanto, o Illustrator não oferece uma função ad hoc para criar fontes personalizadas. Para prosseguir, de fato, você terá que entrar em contato com alguns plugins de terceiros, como o muito famoso Fontself, um add-on que permite transformar os caracteres desenhados com o Illustrator em fontes totalmente compatíveis com o formato OpenType. Infelizmente, o Fontself também não é gratuito: custa 49 euros.

Depois de fazer o download e adquirir o Illustrator e o plug-in Fontself, você pode finalmente prosseguir com a criação das fontes de sua fonte. A esse respeito, sugiro que você dê uma olhada no guia do usuário do Illustrator e nos tutoriais em vídeo que você encontra no site da Adobe, especialmente se você não estiver muito familiarizado com este software gráfico.


FontStruct (online)

As solu√ß√Ķes que propus at√© agora parecem um pouco complicadas de usar? Ent√£o por que voc√™ n√£o tenta FontStruct? √Č um servi√ßo online gratuito que pode ser usado diretamente no navegador e √© muito simples de usar, gra√ßas √† sua interface amig√°vel.

Para criar novas fontes com FontStruct, conecte-se √† sua p√°gina inicial e clique no bot√£o amarelo Comece agora. Em seguida, preencha o formul√°rio que lhe √© proposto indicando o seu nome de usu√°rio, um endere√ßo email v√°lido e o senha que voc√™ pretende usar para fazer login no servi√ßo. Finalmente, verifique o item Eu concordo com os termos de uso e clique no bot√£o Abrir Conta.


FontStruct enviar√° para o endere√ßo de e-mail que voc√™ forneceu uma mensagem contendo um link: clique nele para confirmar a inscri√ß√£o e fa√ßa login na conta clicando no item Entrar e inserir seus dados de login.

Uma vez logado, clique no bot√£o FontStructor colocado no topo, d√™ um nome para a fonte que voc√™ deseja criar no campo de texto D√™ um nome ao seu design e ent√£o clique no bot√£o Iniciar FontStructure para come√ßar a criar seu novo projeto.

Agora voc√™ pode finalmente prosseguir para criar a fonte usando as ferramentas fornecidas por FontStructor: a seguir, clique no s√≠mbolo de l√°pis localizado na caixa Ferramentas, escolha a forma da ferramenta de desenho na caixa Tijolos (localizado √† esquerda) e comece a desenhar o personagem dentro da grade de trabalho (o personagem que voc√™ est√° criando √© aquele destacado na parte inferior, na lista de personagens).

Assim que voc√™ tiver completado o primeiro caractere (por exemplo a letra A), v√° para o pr√≥ximo e assim por diante, at√© completar todos os conjuntos de caracteres dispon√≠veis (mai√ļsculas, min√ļsculas e sinais de pontua√ß√£o). Quando voc√™ terminar de fazer todos os personagens, clique no bot√£o Salvar para salvar a fonte criada e depois em visualiza√ß√£o para visualiz√°-lo.

Na p√°gina que se abre no navegador, digite uma frase de teste no campo Digite para ver seu FontStruction em a√ß√£o e, se ficar satisfeito com o resultado, clique no bot√£o Baixar e, em seguida, Salvar para baixar a fonte para o seu PC. Mais f√°cil do que isso ?!

Fontes (Android)

Você deseja criar fontes no seu dispositivo Android? Eu sugiro que você tente Fontes, um aplicativo gratuito que permite criar fontes manuscritas e / ou personalizar as existentes. Sua interface "limpa" e despojada o torna muito fácil de usar: ver para crer!

Depois de baixar e executar o Fonty em seu dispositivo, será perguntado se você deseja um estilo existente ou se deseja criar o seu próprio. Em seguida, pressione o botão Novo para criar uma fonte do zero ou no botão Abre para importar uma fonte existente ou modificar uma das incluídas no aplicativo.

Em seguida, preencha o formul√°rio que voc√™ v√™ na tela. Portanto, insira o nome da fonte no campo de texto T√≠tulo, seu nome no campo Autor, selecione os linguagem o caractere pertence ao campo apropriado e assim por diante. Para avan√ßar para a cria√ß√£o real da fonte, pressione o s√≠mbolo (‚úď) localizado no canto superior direito.

Na tela que √© aberta, desenhe a fonte na folha quadrada que aparece na tela seguindo as diretrizes da fonte de exemplo. Se desejar, voc√™ tamb√©m pode alterar as caracter√≠sticas das ferramentas disponibilizadas pelo aplicativo: pressionando o √≠cone de escova voc√™ pode alterar as caracter√≠sticas deste √ļltimo tocando no s√≠mbolo de borracha voc√™ pode alterar o tamanho da borracha e assim por diante.

Assim que terminar de desenhar o primeiro caractere da fonte, passe para o pr√≥ximo pressionando o s√≠mbolo (>) colocado recesso √† direita. Quando voc√™ tiver conclu√≠do a cria√ß√£o de todos os caracteres da fonte, pressione o s√≠mbolo (‚Üí) localizado no canto superior direito e, na pr√≥xima tela, teste a fonte criada digitando qualquer texto. Se voc√™ estiver satisfeito com o resultado, exporte sua fonte pressionando o bot√£o a√ß√£o e, em seguida, escolher uma das op√ß√Ķes de compartilhamento dispon√≠veis (por exemplo, Email, Salvar no Drive, Etc.)

Fontise (iOS)

Voc√™ gostaria de fazer fontes personalizadas em seu dispositivo iOSFontise pode ser a solu√ß√£o para voc√™: √© um aplicativo gratuito que permite criar fontes personalizadas para exportar e usar sem problemas em v√°rias plataformas, incluindo Windows e macOS.

Depois de baixar e iniciar o Fontise no seu iPhone ou iPad, pressione o bot√£o (+) Nova Fonte presente na tela principal do aplicativo, selecione o idioma no qual deseja criar a fonte (infelizmente o suporte na sua l√≠nguao n√£o est√° dispon√≠vel) e desenhe √† m√£o todos os 96 caracteres que comp√Ķem a fonte. Se desejar, voc√™ pode alterar o tamanho do pincel movendo o cursor localizado na barra de ajuste ao lado do item [N] px.

Para excluir um traço que você fez por engano, pressione o símbolo de borracha; desenhar um linha reta, toque no símbolo de linha oblíqua e para deletar todo o desenho, clique no ícone caixote do lixo. Para ir para o próximo caractere, no entanto, mantenha seu dedo no canto superior direito da página virtual e deslize da direita para a esquerda.

Assim que você terminar de criar os personagens, toque no botão vermelho Terminar localizado na parte inferior e, na próxima tela, digite o nome da fonte no campo de texto Nome da fonte. Em seguida, pressione o botão Iniciar, aguarde o carregamento da fonte e escolha o dispositivo e as plataformas nas quais deseja instalar a fonte (por exemplo, Instale neste dispositivo, para instalar no seu dispositivo; Instale em outros dispositivos iOS, para instalá-lo em outros dispositivos iOS ou Obtenha agora, é grátis, para importar a fonte para o PC em .ttf).

Instale as fontes criadas

Assim que terminar de criar suas fontes personalizadas, você ficará ansioso para usá-las em seu PC. Primeiro, no entanto, você precisa instalá-los: se tiver dificuldade em instale as fontes criadas, Siga os passos abaixo.

  • Su Windows, Clique no bot√£o Iniciar, vamos para Painel de comando, clique no item Apar√™ncia e Personaliza√ß√£o e clique no item Personagens. Finalmente, arraste a fonte que deseja instalar para a janela Personagens e pronto.
  • Su MacOS, inicie o programa Fonte do livro (localizado na pasta Mais De Launchpad), Clique no bot√£o (+) localizado no canto superior esquerdo, selecione a fonte no formato .ttf que deseja adicionar (ou a pasta onde os caracteres da fonte criada s√£o salvos) e clique no bot√£o Apri.
  • Su Android, instale um dos aplicativos que permitem alterar as fontes e us√°-los para personalizar a fonte padr√£o do sistema. Eu disse a voc√™ como no meu tutorial sobre como alterar as fontes no Android.

Depois de instalar a fonte, pode ser √ļtil reiniciar o computador para ver as altera√ß√Ķes aplicadas. Se voc√™ tiver problemas para instalar as fontes criadas, sugiro que d√™ uma olhada no tutorial onde explico com mais detalhes como proceder.

Como criar fontes

√Āudio v√≠deo Como criar fontes
Adicione um coment√°rio do Como criar fontes
Comentário enviado com sucesso! Vamos analisá-lo nas próximas horas.