Neste tutorial, vou amosarche como podes crear as túas propias letras manuais usando Inkscape e fontastic.me.
Se non está familiarizado con estes, Inkscape é unha aplicación de deseño de liña vectorial de código aberto e gratuíto que está dispoñible para Windows, OS X e Linux. Fontastic.me é un sitio web que ofrece unha variedade de fontes de iconas, pero tamén permite cargar os seus propios gráficos SVG e convertelos nunha fonte de xeito gratuíto.
Ao deseñar unha fonte que funcione de forma efectiva en varios tamaños cunha letra cuidadosamente elaborada, é unha habilidade que pode levar varios anos, este é un proxecto rápido e divertido que lle dará unha fonte única. O principal obxectivo de fontastic.me é producir fontes de iconas para sitios web, pero pode crear unha fonte de letras que podería usar para producir títulos ou pequenas cantidades de texto.
Para o propósito deste tutorial, vou rastrexar unha foto dalgunhas cartas escritas, pero pode adaptarse esta técnica e debuxar as súas cartas directamente en Inkscape. Isto podería funcionar especialmente ben para quen usa tabletas de deseño .
Na seguinte páxina, comezaremos a crear a nosa propia fonte.
01 de 05
Importar unha foto da súa fonte escrita
Necesitarás unha foto dalgunhas letras debuxadas se queres seguir e se non queres facer a túa conta, podes descargar e usar a-doodle-z.jpg que contén as maiúsculas AZ.
Se vaia a crear o seu, use unha tinta de cor escura e papel branco para ter un forte contraste e fotografía as letras completas en boa luz. Ademais, proba e evita espazos pechados en letras, como o 'O', xa que isto fará que a vida sexa máis complicada cando se preparan as letras trazadas.
Para importar a foto, vai a Ficheiro> Importar e logo vai á foto e faga clic no botón Abrir. No seguinte diálogo, aconsello que use a opción Incrustación.
Se o ficheiro de imaxe é moi grande, pode afastarse empregando as opcións no menú de visualización> Zoom e logo volve a dimensionar premendo unha vez para amosar as asas de frechas en cada recuncho. Fai clic e arrastra un identificador, mantendo premida a tecla Ctrl ou Comando e manterá as súas proporcións orixinais.
Seguidamente seguiremos a imaxe para crear letras de liña de vectores.
02 de 05
Rastrexar a foto para crear cartas de liña de vectores
Anteriormente describín a localización dos gráficos de mapa de bits en Inkscape , pero aquí volveré a describir o proceso de novo.
Faga clic na foto para asegurarse de que está seleccionado e logo vai a Camiño> Rastrexar mapa de bits para abrir a caixa de diálogo de rastrexo de mapa de bits. No meu caso, deixei todos os axustes ao seu valor predeterminado e produciu un resultado bo e limpo. Pode que precise axustar a configuración de rastrexo, pero pode que sexa máis doado disparar a súa foto de novo cunha mellor iluminación para producir unha imaxe con maior contraste.
Na captura de pantalla, podes ver as letras trazadas que teño arrastrado lonxe da foto orixinal. Cando se completa o seguimento, as letras colocaranse directamente sobre a foto, polo que poden non ser moi obvias. Antes de continuar, pode pechar a caixa de diálogo Bitmap de rastrexo e tamén facer clic na foto para seleccionala e premer na tecla Borrar no teclado para eliminalo do documento.
03 de 05
Dividir o rastrexo en letras individuais
Neste punto, todas as letras están unidas, entón vai a Path> Break Ademais de dividilas en letras individuais. Teña en conta que se ten letras que están compostas por máis dun elemento, estes tamén se dividiron en elementos separados. No meu caso, isto aplícase a cada letra, polo que ten sentido agrupar cada carta nesta fase.
Para facelo, basta con premer e arrastrar unha carpeta de selección ao redor dunha letra e despois ir a Obxecto> Grupo ou Prema Ctrl + G ou Comando + G segundo o teclado.
Obviamente, só precisa facer isto con letras que conteñan máis dun elemento.
Antes de crear os ficheiros de carta, volveremos dimensionar o documento a un tamaño adecuado.
04 de 05
Establece o tamaño do documento
Necesitamos axustar o documento a un tamaño axeitado, entón vai a Ficheiro> Propiedades do documento e no diálogo, configure o ancho e a altura como sexa necesario. Fixei o meu en 500px en 500px, aínda que idealmente fixas o ancho de forma diferente para cada letra para que as letras finais se axusten máis ordenadamente.
A continuación, crearemos as letras SVG que se cargarán a fontastic.me.
05 de 05
Crea ficheiros SVG individuais para cada letra
Fontastic.me require que cada letra sexa un ficheiro SVG separado, polo que teremos que producir estes antes de continuar.
Arrastra todas as túas letras para que estean fóra das bordas da páxina. Fontastic.me ignora os elementos que están fóra da área da páxina, polo que podemos deixar estas cartas estacionadas aquí sen problemas.
Agora arrastra a primeira letra cara á páxina e usa as mangueiras de arrastre na esquina para volver dimensionala segundo sexa necesario.
A continuación, vai a Ficheiro> Gardar como e darlle ao arquivo un nome significativo. Chame mine a.svg - asegúrese de que o ficheiro teña o sufixo .svg.
Agora podes mover ou borrar a primeira letra e colocar a segunda letra na páxina e outra vez ir a Ficheiro> Gardar como. Debe facelo por cada letra. Se ten máis paciencia que min, pode axustar o ancho da páxina mentres vaia para igualar mellor cada letra.
Finalmente, pode querer considerar a produción de puntuación, aínda que definitivamente quererá un carácter espacial. Para un espazo, só tes que gardar unha páxina en branco. Ademais, se quere letras maiúsculas e minúsculas, cómpre gardar todas estas.
Agora podes facer unha visita a fontastic.me e crear a túa fonte. Expliqueume un pouco sobre este proceso nun artigo que acompaña que explica como usar ese sitio para facer a súa fonte: Crear unha fonte usando Fontastic.me