Направете рачен нацртан фонт користејќи Illustrator и Fontastic.me

01 од 06

Направете рачен нацртан фонт користејќи Illustrator и Fontastic.me

Текст и слики © Јан Пулен

Во овој забавен и интересен туторијал, ќе ви покажам како можете да го креирате својот сопствен фонт користејќи Illustrator и онлајн веб-услугата fontastic.me.

За да следите заедно, ќе ви треба копија од Adobe Illustrator, иако ако немате копија и не сакате да ја купите, можеби ќе бидете заинтересирани за нашиот сличен водич кој користи Inkscape . Inkscape е бесплатна, со отворен код алтернатива на Illustrator. Без оглед на апликацијата за цртање на векторска линија која ја користите, fontastic.me ја нуди својата услуга целосно бесплатно.

Додека јас ќе ви покажам како да креирате фонт составен фонт користејќи слика на букви нацртани на хартија, исто така можете да користите слични техники за да создадете фонт со користење на букви кои биле нацртани директно во Illustrator. Ако користите цртеж таблет , ова може да биде подобро за вас.

Ако користите фотографија, уверете се дека користите пенкало со темно коло за да ги цртате буквите и да употребувате обична бела хартија за максимален контраст. Исто така, земете ја вашата фотографија во добра светлина за да помогнете да се произведе слика што е јасна и контрастна за да му биде полесно на Илустраторот да ги пронајде одделни букви.

Во текот на следните неколку страници, ќе ве одам преку процесот на креирање на вашиот прв фонт.

02 од 06

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

Текст и слики © Јан Пулен

Првиот чекор е да се отвори празно датотека за работа.

Одете во Датотека> Ново и во дијалогот поставете ја големината по желба. Јас користам големина на квадратна страница од 500 пиксели, но можете да го поставите ова по желба.

Следно ние ќе ја внесеме фото-датотеката во Illustrator.

03 од 06

Увезете ја вашата фотографија со рачен нацртан текст

Текст и слики © Јан Пулен

Ако немате слика од рачно нацртан текст за работа, можете да ја преземете истата датотека што ја користев за ова упатство.

За да ја внесете датотеката, одете на Датотека> Место и потоа отидете до местото каде што е лоцирана вашата фотографија. Кликнете на копчето Place и ќе видите дека фотографијата се појавува во вашиот документ.

Сега можеме да ја пронајдеме оваа датотека за да ни дадеме векторски букви.

04 од 06

Рута слика на рачно извлечени писма

Текст и слики © Јан Пулен

Следењето на буквите е многу добро напред.

Само отидете во Object> Live Trace> Make and Expand, и по неколку моменти, ќе видите дека сите букви се поставени со нови верзии на векторска линија. Помалку очигледен е фактот дека тие ќе бидат опкружени со друг објект што ја претставува позадината на фотографијата. Треба да го избришеме позадинскиот објект, па одиме во Object> Ungroup, а потоа кликнете било каде надвор од правоаголната рамка за да го поништите изборот на сè. Сега кликнете блиску до, но не на, едно од буквите и треба да видите дека правоаголната заднина е избрана. Само притиснете го копчето Delete на тастатурата за да го отстраните.

Меѓутоа, ако ги оставите сите поединечни букви, ако некое од вашите букви содржат повеќе од еден елемент, ќе треба да ги групирате заедно. Сите мои писма содржат повеќе од еден елемент, па морав да ги групирам сите нив. Ова се прави со кликнување и влечење на изборна маркира која ги опфаќа сите различни делови од писмото и потоа оди во Object> Group.

Сега ќе бидете оставени со сите ваши индивидуални букви, а потоа ќе ги искористиме овие за да креираме поединечни SVG-датотеки што ни требаат за да создадеме фонт на fontastic.me.

Поврзано: Користење на Live Trace во Illustrator

05 од 06

Зачувај ги индивидуалните писма како SVG датотеки

Текст и слики © Јан Пулен

За жал, Illustrator не дозволува да зачувате повеќе таблички на одделни SVG-датотеки, така што секоја буква треба да биде рачно зачувана како посебна датотека со SVG.

Прво, одберете ги и повлечете ги сите букви, за да не ги постават уметничките одбори. Потоа повлечете ја првата буква врз артиклот и повторно наместете ја големината за да ја наполните плочата со влечење на една од дланките на аголот. Држете го копчето Shift додека го правите ова за да ги задржите истите пропорции.

Кога ќе завршите, одете во Датотека> Зачувај како и во дијалогот, сменете го Форматираното паѓање во SVG (svg), дадејте ја датотеката на значајно име и кликнете на Зачувај. Сега можете да ја избришете таа буква и да го ставите и повторно да ја промените следната на таблата. Повторно спаси како и продолжи додека не ги зачувате сите ваши букви.

Конечно, пред да продолжите, зачувајте празно табла за да можете да го користите ова за празно место. Можеби исто така сакате да размислите за зачувување на интерпункциски знаци и мали букви од вашите писма, но не сум загрижен за ова упатство.

Со овие одделни датотеки за писмо со SVG подготвени, можете да го направите следниот чекор за да го креирате вашиот фонт со поставување на нив на fontastic.me. Ве молиме погледнете го овој напис за да видите како да го користите fontastic.me за да го завршите вашиот фонт: Креирајте фонт користејќи Fontastic.me

06 од 06

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

Создавањето на SVG е сведено на работен прозорец со кликнување и влечење со новиот панел за Asset Export во Adobe Illustrator CC 2017.

Тековната верзија на Adobe Illustrator содржи нов панел кој ви овозможува да ги ставите сите ваши цртежи на една табла и да ги изнесете како индивидуални SVG документи. Еве како:

  1. Изберете прозорец> Извоз на средства> Отворете го панелот за извоз на средства.
  2. Изберете едно или сите ваши букви и повлечете ги во панелот. Сите тие ќе се појават како поединечни ставки.
  3. Двоен клик на името на објектот во панелот и преименувајте го. Направете го ова за сите елементи во панелот.
  4. Изберете ги елементите за Извоз и одберете SVG од форматираниот формат.
  5. Кликнете на Export.