Skip to main content

Създайте ръчно изчертан шрифт с Illustrator и Fontastic.me

Ръчно добавяне на имейл в списъка ви (Юни 2026)

Ръчно добавяне на имейл в списъка ви (Юни 2026)
Anonim

В този урок ще ви покажем как можете да създадете свой собствен шрифт, като използвате Illustrator и онлайн уеб услугата fontastic.me.

За да го следвате, ще ви е необходимо копие на Adobe Illustrator, но ако не сте получили копие и не искате да го купите, може да се интересувате от нашия подобен настойнически, който използва Inkscape. Inkscape е безплатна, с отворен код алтернатива на Illustrator. Която и да е приложението за рисуване на векторни линии, което използвате, fontastic.me предлага услугата напълно безплатна.

Докато ще ви покажем как да създадете ръчно изчертан шрифт, като използвате снимка на букви, нарисувани на хартия, можете също така да използвате подобни техники за създаване на шрифт с помощта на букви, които са били направени директно в Illustrator. Ако използвате таблет за рисуване, това може да е за предпочитане пред вас.

Ако използвате снимка, уверете се, че използвате тъмна цветна писалка, за да изчертаете буквите си и да използвате обикновена бяла хартия за максимален контраст. Също така, направете снимката си в добра светлина, за да създадете ясна и контрастна снимка, за да я направите възможно най-лесно за Illustrator да проследява отделните букви.

Отворете празен документ

Първата стъпка е да отворите празен файл, за да работите.

Отидете Файл> Нов и в диалоговия прозорец настройте желания размер. Използвахме квадратна страница с размер 500px, но можете да го настроите по желание.

След това ще импортираме фотографския файл в Illustrator.

Импортирайте снимката си от ръчно изтегления текст

Ако нямате снимка от ръчно изтегления текст, можете да изтеглите същия файл, който сме използвали за този урок.

За да импортирате файла, отидете на Файл> Място и след това отидете до мястото, където се намира снимката на ръчно изтегления текст. Кликнете върху място и ще видите, че снимката се показва в документа ви.

Вече можем да проследим този файл, за да ни даде векторни букви.

Проследете снимката на ръчно изтеглените букви

Проследяването на буквите е много лесно.

Просто отидете Обект> Жива следа> Направете и разгънете и след няколко минути ще видите, че всички букви са обработени с нови векторни версии. По-малко очевидно е фактът, че те ще бъдат заобиколени от друг обект, който представлява фона на снимката. Трябва да изтрием фоновия обект, така че отидете Object> Ungroup и след това кликнете навсякъде извън правоъгълната ограничителна кутия, за да отмените всичко. Сега кликнете близо до, но не и върху една от буквите и трябва да видите, че правоъгълният фон е избран. Просто натиснете бутона Изтрий на клавиатурата, за да го премахнете.

Това обаче оставя всички индивидуални букви, но ако някое от вашите писма съдържа повече от един елемент, ще трябва да ги групирате заедно. Всички наши писма съдържат повече от един елемент, така че трябваше да ги групираме. Това се прави, като се кликне и се плъзне селекция, която обхваща всички различни части на писмото и след това отива Обект> Група.

Вече ще останете с всичките си индивидуални писма, а след това ще ги използваме, за да създадем отделните SVG файлове, които трябва да създадем шрифт на fontastic.me.

сроден: Може да искате да научите да използвате Live Trace в Illustrator.

Запазете отделни букви като SVG файлове

За съжаление, Illustrator не ви позволява да записвате множество artboards в отделни SVG файлове, така че всяка буква трябва да бъде запаметена ръчно като отделен SVG файл.

Първо, изберете и плъзнете всички букви, така че да не се покриват с картинката. След това плъзнете първата буква върху artboard и я размерете отново, за да запълните artboard, като плъзнете една от дръжките за ъгъла. Задръжте надолу изместване докато го направите, за да поддържате същите пропорции.

Когато сте готови, отидете Файл> Запазване като и в диалоговия прозорец променете формат пада надолу до SVG (svg), дайте на файла смислено име и кликнете Запази, Вече можете да изтриете това писмо и да поставите и преоразмерите следващата върху картинката. Отново Запази като и продължете, докато не запазите всичките си писма.

Накрая, преди да продължите, запазете празен графичен плакет, така че да можете да го използвате като интервал. Бихте могли да помислите също така за запазването на препинателни знаци и малки версии на вашите писма, но ние не се притеснявахме за този урок.

С тези готови SVG пощенски файлове готови, можете да направите следващата стъпка, за да създадете своя шрифт, като го качите в fontastic.me. Моля, разгледайте тази статия, за да видите как да използвате fontastic.me, за да завършите шрифта си: Създайте шрифт, използващ Fontastic.me.

Използвайте панела за експорт на нови активи

Текущата версия на Adobe Illustrator съдържа нов панел, който ви позволява да поставите всичките си рисунки върху един artboard и да ги изведете като отделни документи на SVG. Ето как:

  1. Изберете Прозорец> Експортиране на активи за да отворите панела за експортиране на активи.
  2. Изберете една или всички букви и ги плъзнете в панела. Всички те ще се появяват като отделни елементи.
  3. Щракнете двукратно върху името на обекта в панела и го преименувайте. Направете това за всички елементи в панела.
  4. Изберете елементите, които да експортирате и изберете SVG от формат слизам.
  5. Кликнете износ.