Neste tutorial, mostraremos como você pode criar sua própria fonte usando o Illustrator e o serviço online da web fontastic.me.
Para acompanhar, você precisará de uma cópia do Adobe Illustrator, mas se você não tiver uma cópia e não quiser comprá-la, talvez esteja interessado em nosso tutorial semelhante que usa o Inkscape. O Inkscape é uma alternativa gratuita e de código aberto ao Illustrator. Seja qual for o aplicativo de desenho vetorial que você usa, o fontastic.me oferece seu serviço completamente de graça.
Enquanto vamos mostrar como criar uma fonte desenhada à mão usando uma foto de letras desenhadas no papel, você também pode usar técnicas semelhantes para produzir uma fonte usando letras que foram desenhadas diretamente no Illustrator. Se você usar um tablet de desenho, isso pode ser preferível a você.
Se estiver usando uma foto, certifique-se de usar uma caneta de cor escura para desenhar suas letras e usar papel branco comum para máximo contraste. Além disso, leve sua foto com boa iluminação para ajudar a produzir uma foto clara e com contraste para facilitar ao máximo que o Illustrator rastreie as letras individuais.
Abra um documento em branco
O primeiro passo é abrir um arquivo em branco para trabalhar.
Vamos para Arquivo> Novo e na caixa de diálogo, configure o tamanho conforme desejado. Usamos um tamanho de página quadrada de 500 px, mas você pode definir isso como desejado.
Em seguida, vamos importar o arquivo de foto para o Illustrator.
Importe sua foto de texto desenhado à mão
Se você não tiver uma foto de texto desenhado à mão para trabalhar, você pode baixar o mesmo arquivo que usamos para este tutorial.
Para importar o arquivo, vá para Arquivo> Lugar e navegue até onde sua foto de texto desenhado à mão está localizada. Clique no Lugar, colocar botão e você verá a foto aparece em seu documento.
Agora podemos rastrear esse arquivo para nos fornecer letras vetoriais.
Trace a foto de cartas desenhadas à mão
Traçar as letras é muito simples.
Apenas vá para Objeto> Live Trace> Criar e Expandir e depois de alguns momentos, você verá que todas as letras foram sobrepostas com novas versões de linhas vetoriais. Menos óbvio é o fato de que eles estarão cercados por outro objeto que representa o plano de fundo da foto. Precisamos excluir o objeto de fundo, então vá para Objeto> Desagrupar e clique em qualquer lugar fora da caixa delimitadora retangular para desmarcar tudo. Agora clique perto, mas não em, uma das letras e você deve ver que o fundo retangular está selecionado. Basta pressionar o Excluir tecla no teclado para removê-lo.
De todas as letras individuais, no entanto, se alguma de suas cartas contiver mais de um elemento, você precisará agrupá-las. Todas as nossas cartas contêm mais de um elemento, então tivemos que agrupar todas elas. Isso é feito clicando e arrastando uma marca de seleção que engloba todas as diferentes partes de uma carta e, em seguida, Objeto> Grupo.
Agora você vai ficar com todas as suas cartas individuais e, em seguida, vamos usá-las para criar os arquivos SVG individuais que precisamos para criar uma fonte no fontastic.me.
Relacionado: Você também pode querer aprender a usar o Live Trace no Illustrator.
Salvar letras individuais como arquivos SVG
Infelizmente, o Illustrator não permite salvar várias pranchetas em arquivos SVG individuais, portanto, cada letra deve ser salva manualmente como um arquivo SVG separado.
Em primeiro lugar, selecione e arraste todas as letras para que elas não sobreponham a prancheta. Em seguida, arraste a primeira letra para a prancheta e redimensione-a para preencher a prancheta arrastando uma das alças de arrasto de canto. Mantenha o botão Mudança enquanto você faz isso para manter as mesmas proporções.
Quando terminar, vá para Arquivo> Salvar como e na caixa de diálogo, mude o Formato desça para SVG (svg), dê ao arquivo um nome significativo e clique em Salve . Agora você pode excluir essa letra e colocar e redimensionar a próxima na prancheta. Mais uma vez fazer Salvar como e continue até salvar todas as suas cartas.
Finalmente, antes de continuar, salve uma prancheta em branco para poder usar isso como um caractere de espaço. Você também pode considerar salvar sinais de pontuação e versões em minúsculas de suas cartas, mas não nos preocupamos com este tutorial.
Com esses arquivos de letra SVG separados prontos, você pode dar o próximo passo para criar sua fonte, fazendo o upload deles para fontastic.me. Por favor, dê uma olhada neste artigo para ver como usar o fontastic.me para finalizar sua fonte: Crie uma fonte usando Fontastic.me.
Use o novo painel de exportação de ativos
A versão atual do Adobe Illustrator contém um novo painel que permite colocar todos os seus desenhos em uma prancheta e enviá-los como documentos SVG individuais. Veja como:
- Selecione Janela> Exportação de Ativos para abrir o painel Exportação de recursos.
- Selecione uma ou todas as suas letras e arraste-as para o painel. Todos eles aparecerão como itens individuais.
- Clique duas vezes no nome do objeto no painel e renomeie-o. Faça isso para todos os itens no painel.
- Selecione os itens para exportar e selecione SVG de Formato pop down.
- Clique Exportar.
