En este tutorial, le mostraremos cómo puede crear su propia fuente utilizando Illustrator y el servicio web en línea fontastic.me.
Para seguir adelante, necesitará una copia de Adobe Illustrator, aunque si no tiene una copia y no quiere comprarla, puede que le interese nuestro tutorial similar que usa Inkscape. Inkscape es una alternativa gratuita y de código abierto para Illustrator. Cualquiera que sea la aplicación de dibujo de líneas vectoriales que utilice, fontastic.me ofrece su servicio completamente gratis.
Si bien le mostraremos cómo crear una fuente dibujada a mano con una foto de letras dibujadas en papel, también puede usar técnicas similares para producir una fuente utilizando letras que se han dibujado directamente en Illustrator. Si usa una tableta de dibujo, esto podría ser preferible para usted.
Si usa una foto, asegúrese de usar un lápiz de color oscuro para dibujar sus letras y use papel blanco liso para obtener el máximo contraste. Además, tome su foto con buena luz para ayudar a producir una foto que sea clara y contrastada para que sea más fácil para Illustrator rastrear las letras individuales.
Abrir un documento en blanco
El primer paso es abrir un archivo en blanco para trabajar.
Ir Archivo> Nuevo y en el diálogo configura el tamaño que desees. Utilizamos un tamaño de página cuadrado de 500 px, pero puede configurarlo como desee.
A continuación, importaremos el archivo de fotos a Illustrator.
Importa tu foto de texto dibujado a mano
Si no tiene una foto de texto dibujado a mano para trabajar, puede descargar el mismo archivo que hemos utilizado para este tutorial.
Para importar el archivo, vaya a Archivo> Lugar y luego navega hasta donde se encuentra tu foto de texto dibujado a mano. Haga clic en el Lugar y verá que la foto aparece en su documento.
Ahora podemos rastrear este archivo para darnos cartas vectoriales.
Traza la foto de letras dibujadas a mano
Rastrear las letras es muy sencillo.
Solo ve a Objeto> Live Trace> Make and Expand y después de unos momentos, verá que todas las letras se han superpuesto con nuevas versiones de líneas vectoriales. Menos obvio es el hecho de que estarán rodeados por otro objeto que representa el fondo de la foto. Necesitamos eliminar el objeto de fondo, así que ve a Objeto> Desagrupar y luego haga clic en cualquier lugar fuera del cuadro delimitador rectangular para deseleccionar todo. Ahora haga clic cerca de una de las letras, pero no en ella, y verá que el fondo rectangular está seleccionado. Solo presiona el Borrar Tecla en tu teclado para eliminarlo.
Eso deja todas las letras individuales, sin embargo, si alguna de sus letras contiene más de un elemento, deberá agruparlas. Todas nuestras cartas contienen más de un elemento, por lo que tuvimos que agruparlas todas. Esto se hace haciendo clic y arrastrando un recuadro de selección que abarca todas las diferentes partes de una letra y luego va a Objeto> Grupo.
Ahora se quedarán con todas sus letras individuales y, a continuación, las utilizaremos para crear los archivos SVG individuales que necesitamos para crear una fuente en fontastic.me.
Relacionado: Es posible que también desee aprender a utilizar Live Trace en Illustrator.
Guardar cartas individuales como archivos SVG
Desafortunadamente, Illustrator no le permite guardar múltiples mesas de trabajo en archivos SVG individuales, por lo que cada letra debe guardarse manualmente como un archivo SVG separado.
En primer lugar, seleccione y arrastre todas las letras para que no se superpongan en la mesa de trabajo. Luego arrastre la primera letra a la mesa de trabajo y vuélvala a clasificar según el tamaño para llenar la mesa de trabajo arrastrando uno de los controles de arrastre de esquina. Mantenga pulsada la Cambio clave mientras haces esto para mantener las mismas proporciones.
Cuando termine, vaya a Archivo> Guardar como y en el diálogo, cambiar el Formato bajar a SVG (svg), dé un nombre significativo al archivo y haga clic en Salvar. Ahora puede eliminar esa letra y colocar y cambiar el tamaño de la siguiente en la mesa de trabajo. De nuevo hacer Guardar como y continúa hasta que hayas guardado todas tus cartas.
Finalmente, antes de continuar, guarde una mesa de trabajo en blanco para que pueda usar esto como un carácter de espacio. También puede considerar guardar los signos de puntuación y las versiones en minúsculas de sus cartas, pero no nos hemos molestado en este tutorial.
Con estos archivos de letras SVG separados listos, puede dar el siguiente paso para crear su fuente cargándolos a fontastic.me. Echa un vistazo a este artículo para ver cómo usar fontastic.me para terminar tu fuente: Crear una fuente usando Fontastic.me.
Utilice el nuevo panel de exportación de activos
La versión actual de Adobe Illustrator contiene un nuevo panel que le permite colocar todos sus dibujos en una mesa de trabajo y presentarlos como documentos SVG individuales. así es cómo:
- Seleccionar Ventana> Exportación de activos para abrir el panel de exportación de activos.
- Seleccione una o todas sus letras y arrástrelas al panel. Todos ellos aparecerán como elementos individuales.
- Haga doble clic en el nombre del objeto en el panel y cámbiele el nombre. Haga esto para todos los elementos en el panel.
- Seleccione los elementos para exportar y seleccione SVG desde el Formato empuja hacia abajo.
- Hacer clic Exportar.
