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

Во ова упатство, ќе ви покажам како можете да креирате сопствени фонтови за ракопис со Inkscape и fontastic.me.

Ако не сте запознаени со овие, Inkscape е бесплатна и отворена изворна векторска линија за цртање апликација која е достапна за Windows, OS X и Linux. Fontastic.me е веб-страница која нуди различни фонтови за икони, но исто така ви овозможува да испратите своја сопствена SVG графика и да ги конвертирате во фонт бесплатно.

Додека дизајнирање на фонт кој ќе работи ефикасно во разни големини со внимателно изработено писмо, кернинг е вештина која може да потрае со години за да отиде, ова е брз и забавен проект кој ќе ви даде уникатен фонт. Главната цел на fontastic.me е да создавате фонтови за икони за веб-страници, но можете да креирате фонт на букви што би можеле да ги користите за да создавате наслови или мали количини на текст.

За целите на ова упатство, ќе одам да пронајдам слика на некои пишани букви, но лесно можете да ја прилагодите оваа техника и да ги нацртате вашите писма директно во Inkscape. Ова може да функционира особено добро за оние кои користат цртежи на таблети .

На следната страница, ние ќе започнеме со создавање свој фонт.

01 од 05

Увези слика на вашиот пишан фонт

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

Ќе ви треба слика на некои подготвени букви ако сакате да го следите заедно и ако не сакате да си направите, можете да преземете и да користите a-doodle-z.jpg која содржи големи букви AZ.

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

За да ја внесете фотографијата, одете на Датотека> Увези и потоа отидете до фотографијата и кликнете на копчето Отвори. Во следниот дијалог, ве советувам да ја користите опцијата Вградување.

Доколку датотеката со слики е многу голема, можете да зумирате со користење на опциите во под-менито View> Zoom, а потоа повторно да ја промените со едно притискање на неа за прикажување на стрелките во секој агол. Кликнете и влечете ја рачката, држејќи го копчето Ctrl или Command и ќе ги задржи оригиналните пропорции.

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

02 од 05

Следете ја фотографијата за да креирате векторски писма

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

Јас претходно опишав трасирање битмапа графика во Inkscape , но брзо ќе го опишам процесот повторно тука.

Кликнете на фотографијата за да се осигурате дека е избрано, а потоа отидете во Path> Trace Bitmap за да го отворите дијалогот Bitmap Trace. Во мојот случај, ги оставив сите подесувања на нивно стандардно и тоа резултираше со добар, чист резултат. Можеби ќе треба да ги прилагодите поставките за трага, но може да ви биде полесно повторно да ја снимате фотографијата со подобро осветлување за да добиете слика со посилен контраст.

Во снимката на екранот, можете да ги видите проследените букви што ги одвлеков од оригиналната фотографија. Кога трасирањето е завршено, буквите ќе бидат поставени директно преку фотографијата, така што можеби нема да бидат многу очигледни. Пред да се префрлите, можете да го затворите дијалогот Bitmap Trace и да кликнете на фотографијата за да го изберете и кликнете на копчето Delete на вашата тастатура за да го отстраните од документот.

03 од 05

Поделете ги трагите во поединечни писма

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

Во овој момент, сите букви се споени заедно, па одете на Path> Break Освен да ги поделите на поединечни букви. Забележете дека ако имате букви кои се составени од повеќе од еден елемент, тие исто така ќе се поделат на одделни елементи. Во мојот случај, ова се однесува на секоја буква, така што има смисла да се групираат секоја буква заедно во оваа фаза.

За да го направите ова, само кликнете и повлечете маркер за избор околу писмо, а потоа одете во Object> Group или притиснете Ctrl + G или Command + G во зависност од вашата тастатура.

Очигледно, само треба да го направите ова со букви кои содржат повеќе од еден елемент.

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

04 од 05

Поставете ја големината на документот

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

Ние треба да го поставите документот на соодветна големина, па одете на Датотека> Својства на документот и во дијалогот, поставете ја ширината и висината колку што е потребно. Поставив ми на 500 пиксели со 500 пиксели, иако идеално би поставивте ширина поинаку за секоја буква, така што финалните писма се вклопуваат заедно уредно.

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

05 од 05

Креирај поединечни SVG датотеки за секое писмо

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

Fontastic.me бара секое писмо да биде посебна датотека со SVG, така што ќе треба да ги произведеме пред да притиснете.

Повлечете ги сите ваши букви, така што тие се надвор од рабовите на страницата. Fontastic.me ги игнорира сите елементи кои се надвор од областа на страницата, за да можеме да ги оставиме овие букви паркирани тука без никакви проблеми.

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

Потоа одете на Датотека> Зачувај како и даде на датотеката значајно име. Ја повикав мојата a.svg - осигурај дека датотеката има .svg суфикс.

Сега можете да ја преместите или избришете првата буква и да ја ставите втората буква на страницата и повторно да отидете во Датотека> Зачувај како. Треба да го направите ова за секоја буква. Ако имате повеќе трпение од мене, може да ја прилагодите ширината на страницата додека одите подобро да одговарате на секоја буква.

Конечно, можеби ќе сакате да размислите за производство на интерпункциски знаци, иако дефинитивно ќе сакате простор лик. За простор, само зачувајте празна страница. Исто така, ако сакате големи и мали букви, треба да ги зачувате и сите овие.

Сега можете да ја посетите fontastic.me и да го креирате вашиот фонт. Јас објаснив малку за овој процес во придружната статија која објаснува како да го користите тоа место за да го направите вашиот фонт: Креирајте фонт користејќи Fontastic.me