Създайте ръчно изчертан шрифт, използвайки Illustrator и Fontastic.me

01 от 06

Създайте ръчно изчертан шрифт, използвайки Illustrator и Fontastic.me

Текст и изображения © Ian Pullen

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

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

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

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

През следващите няколко страници ще ви преведе през процеса на създаване на първия ви шрифт.

02 от 06

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

Текст и изображения © Ian Pullen

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

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

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

03 от 06

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

Текст и изображения © Ian Pullen

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

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

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

04 от 06

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

Текст и изображения © Ian Pullen

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

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

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

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

Свързани: Използване на Live Trace в Illustrator

05 от 06

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

Текст и изображения © Ian Pullen

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

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

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

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

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

06 от 06

Как да използвате панела за експортиране на нови активи в Adobe Illustrator CC 2017

Създаването на SVG се свежда до поток на кликване и плъзгане с новия панел за експортиране на активи в Adobe Illustrator CC 2017.

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

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