Crea unha fonte feita a man empregando Illustrator e Fontastic.me

01 de 06

Crea unha fonte feita a man empregando Illustrator e Fontastic.me

Texto e imaxes © Ian Pullen

Neste divertido e interesante tutorial, vou amosarche como podes crear a túa propia fonte usando Illustrator eo servizo web web fontastic.me.

Para seguilo, necesitarás unha copia de Adobe Illustrator, aínda que se non tes unha copia e non queres compralo, podes estar interesado no noso tutorial similar que usa Inkscape . Inkscape é unha alternativa de código aberto e gratuíto para Illustrator. Calquera que sexa a aplicación de deseño de liña vectorial que use, fontastic.me ofrece o seu servizo de forma totalmente gratuíta.

Mentres eu vou amosar-lle como crear unha letra deseñada a man cunha foto de cartas feitas en papel, tamén pode usar técnicas similares para producir unha fonte usando letras que foron deseñadas directamente en Illustrator. Se usa unha tableta de debuxo , isto podería ser preferible.

Se usas unha foto, asegúrate de usar un bolígrafo de cor escura para debuxar as túas letras e usar papel branco claro para o máximo contraste. Ademais, leve a túa foto en boa luz para axudar a producir unha foto que sexa clara e contrastada para que sexa o máis sinxelo posible para Illustrator para rastrexar as letras individuais.

Nas próximas páxinas, vou guiarlle o proceso de creación da súa primeira fonte.

02 de 06

Abre un documento en branco

Texto e imaxes © Ian Pullen

O primeiro paso é abrir un ficheiro en branco para traballar.

Vaia a Ficheiro> Novo e no diálogo configure o tamaño desexado. Eu usei un tamaño de páxina cadrada de 500 píxeles, pero pode configuralo como desexe.

A continuación, importaremos o ficheiro de fotos en Illustrator.

03 de 06

Importe a súa foto de texto elaborado a man

Texto e imaxes © Ian Pullen

Se non obtivo unha foto de texto debuxado a man para traballar, pode descargar o mesmo ficheiro que usei para este tutorial.

Para importar o ficheiro, vaia a Ficheiro> Lugar e despois vai cara a onde está situada a súa foto de texto debuxado a man. Faga clic no botón Lugar e verá que a foto aparece no documento.

Agora podemos seguir este ficheiro para darnos cartas vectoriais.

04 de 06

Rastrexar a foto de cartas manuais

Texto e imaxes © Ian Pullen

O seguimento das letras é moi sinxelo.

Só tes que ir a Obxecto> Rastrexar en directo> Facer e ampliar e despois duns poucos momentos, verás que todas as letras foron colocadas con novas versións de liña de vectores. Menos evidente é que estarán rodeados por outro obxecto que represente o fondo da foto. Necesitamos eliminar o obxecto de fondo, entón vai a Obxecto> Desagrupar e, a continuación, faga clic en calquera lugar fóra da caixa de límite rectangular para deseleccionar todo. Agora fai clic en preto, pero non en, unha das letras e ten que ver que o fondo rectangular está seleccionado. Só ten que premer a tecla Eliminar no teclado para eliminalo.

Isto deixa todas as letras individuais, no entanto, se algunha das túas letras contén máis dun elemento, necesitarás agrupar estas. Todas as miñas cartas conteñen máis dun elemento, así que tiven que agrupar todas elas. Isto faise facendo clic e arrastrando unha marquesiña de selección que engloba todas as partes diferentes dunha letra e despois vai a Obxecto> Grupo.

Agora quedarás con todas as túas letras individuais e a continuación usaremos para crear os ficheiros SVG individuais que precisamos crear unha fonte en fontastic.me.

Relacionado: Usando Live Trace no Illustrator

05 de 06

Garda letras individuais como ficheiros SVG

Texto e imaxes © Ian Pullen

Desafortunadamente, Illustrator non permite que garda varios artboards en ficheiros SVG individuais, polo que cada letra ten que ser gardada manualmente como un ficheiro SVG separado.

En primeiro lugar, seleccione e arrastre todas as letras para que non poña a mesa de arte. A continuación, arrastre a primeira letra cara á artería e volva dimensionala para encher o artboard arrastrando un dos identificadores de arrastre da esquina. Manteña premida a tecla Maiús mentres faga isto para manter as mesmas proporcións.

Cando remate, vai a Arquivo> Gardar como e no cadro de diálogo, cambia a dropdown Formato a SVG (svg), dálle o nome significativo e faga clic en Gardar. Agora podes eliminar esa letra e colocar e redimensionar a seguinte na parte artística. De novo faga Gardar como e continúa ata que garde todas as súas cartas.

Finalmente, antes de continuar, garde un cadro branco para que poida usar isto para un carácter espacial. Tamén pode querer considerar gardar marcas de puntuación e versións en minúsculas das súas letras, pero non me molestou neste tutorial.

Con estes ficheiros separados de letras SVG listos, pode dar o seguinte paso para crear o seu tipo de letra cargándoos en fontastic.me. Por favor, consulte este artigo para ver como usar fontastic.me para finalizar a súa fonte: Crear unha fonte usando Fontastic.me

06 de 06

Como usar o Panel de exportación do novo recurso en Adobe Illustrator CC 2017

A creación de SVG redúcese a un fluxo de traballo de click-and-drag co novo panel Export Asset en Adobe Illustrator CC 2017.

A versión actual de Adobe Illustrator contén un panel novo que permite poñer todos os seus debuxos nunha pizarra e saúda como documentos SVG individuais. Vexa como:

  1. Seleccione Ventá> Exportación de activos ou abra o panel Exportación de activos.
  2. Selecciona unha ou todas as túas letras e arrástralas ao panel. Todos aparecerán como elementos individuais.
  3. Faga dobre clic no nome do obxecto no panel e cambie o nome. Fai isto para todos os elementos do panel.
  4. Selecciona os elementos a Exportar e selecciona SVG desde o formato abaixo.
  5. Faga clic en Exportar.