У гэтым уроку я збіраюся паказаць вам, як вы можаце ствараць свае ўласныя шрыфты почырку з дапамогай Inkscape і fontastic.me.
Калі вы не знаёмыя з гэтым, Inkscape з'яўляецца свабодным і адкрытым зыходным кодам вектар лініі для малявання , які даступны для Windows, OS X і Linux. Fontastic.me гэта сайт, які прапануе мноства абразкоў шрыфтоў, а таксама дазваляе загружаць сваю ўласную SVG графіку і канвертаваць іх у шрыфт бясплатна.
Пры распрацоўцы шрыфта, які будзе працаваць эфектыўна пры розных памераў з старанна прадуманай літары кернинга гэта навык, які можа заняць гады, каб завастрыць, гэта хуткі і цікавы праект, які дасць вам унікальны шрыфт. Асноўнай мэтай fontastic.me з'яўляецца стварэнне абразкі шрыфтоў для вэб-сайтаў, але вы можаце стварыць шрыфт літар, якія можна выкарыстоўваць для стварэння загалоўкаў ці невялікае колькасць тэксту.
Для гэтага ўроку я збіраюся прасачыць фатаграфію некаторых пісьмовых літар, але вы можаце лёгка адаптаваць гэтую тэхніку і зрабіць вашыя лісты прама ў Inkscape. Гэта можа працаваць асабліва добра для тых , хто выкарыстоўвае чарцёжныя таблеткі .
На наступным старонцы, мы пачнем з стварэння ўласнага шрыфта.
01 з 05
Імпарт фота Вашага пісьмовага шрыфта
Вам патрэбна фотаздымак некаторых намаляваных літар, калі вы хочаце прытрымлівацца, і калі вы не хочаце, каб зрабіць свой уласны, вы можаце спампаваць і выкарыстоўваць-крамзолі-Z.jpg, які змяшчае загалоўныя літары AZ.
Калі вы збіраецеся стварыць свой уласны, выкарыстоўвайце цёмны колер чарніла і белую паперу для моцнага кантрасту і фатаграфаваць запоўненыя лісты ў добрым святле. Акрамя таго, паспрабуйце і пазбягаць замкнёных прастор ў лістах, напрыклад, «O», як гэта зробіць жыццё больш складаным пры падрыхтоўцы вашых прасочаны лісты.
Каб імпартаваць фатаграфіі, перайдзіце ў меню Файл> Імпарт і затым перайдзіце да фатаграфіі і націсніце кнопку Адкрыць. У наступным дыялогавым акне, я раю выкарыстоўваць опцыю Уставіць.
Калі файл малюнка вельмі вялікі, вы можаце паменшыць, выкарыстоўваючы параметры ў падменю Выгляд> Маштаб, а затым змяніць памер яго, націснуўшы на яе адзін раз, каб адлюстраваць стрэлкі ручкі на кожным куце. Націсніце і перацягнуць маркер, утрымліваючы клавішу Ctrl або Command, і ён будзе трымаць свае першапачатковыя прапорцыі.
Далей мы будзем адсочваць малюнка для стварэння вектарных ліній літар.
02 з 05
Трасіроўка фота ствараць вектарныя радкі лісты
Я ўжо апісваў трасіроўкі растравых малюнкаў у Inkscape , але хутка апісаць працэс зноў тут.
Націсніце на фотаздымак, каб пераканацца, што ён абраны, а затым перайсці да Path> Трасіроўка растравых малюнкаў, каб адкрыць дыялогавае акно трасіроўкі растравага малюнка. У маім выпадку, я пакінуў усе налады на завадскія і ён зрабіў добрае, чысты вынік. Вы, магчыма, спатрэбіцца наладзіць параметры трасіроўкі, але вы можаце знайсці яго прасцей здымаць фота зноў з лепшым асвятленнем для стварэння малюнка з больш моцным кантрастам.
У скрыншоце, вы можаце ўбачыць прасочаны лісты, якія я пацягнуў ад зыходнай фатаграфіі. Калі трасіроўка завершана, літары будуць размешчаны непасрэдна на фота, так што яны могуць быць не вельмі відавочнымі. Перш чым рухацца далей, вы можаце зачыніць дыялогавае акно трасіроўкі растравага малюнка, а таксама націсніце на фатаграфію, каб абраць яго і націснуць Delete на клавіятуры, каб выдаліць яго з дакумента.
03 з 05
Падзяліць трасіроўку ў асобныя літары
На дадзены момант, усе літары злучаныя адзін з адным, так што ісці да Шляхі> Падзяліць, каб падзяліць іх на асобныя літары. Звярніце ўвагу, што калі ў вас ёсць лісты, якія складаюцца з больш чым аднаго элемента, яны таксама былі падзеленыя на асобныя элементы. У маім выпадку, гэта ставіцца і да кожнай літары, так што мае сэнс згрупаваць кожную літару разам на дадзеным этапе.
Каб зрабіць гэта, проста націсніце і перацягнуць вобласць вылучэння вакол літары, а затым перайсці да аб'екта> Група або націсніце Ctrl + G або Ctrl + G ў залежнасці ад клавіятуры.
Відавочна, што вам трэба зрабіць гэта з літарамі, якія ўтрымліваюць больш за аднаго элемента толькі.
Перад стварэннем літарныя файлаў, мы паўторна памер дакумента да патрэбнага памеру.
04 з 05
Ўсталяваць памер дакумента
Нам трэба ўсталяваць дакумент падыходнага памеру, таму перайдзіце ў меню Файл> Уласцівасці дакумента і ў дыялогавым акне, ўсталюйце шырыню і вышыню па меры неабходнасці. Я ўсталяваць міну 500px на 500px, хоць у ідэале вы б ўсталяваць шырыню па-рознаму для кожнай літары так, каб канчатковыя літары сумяшчаюцца больш акуратна.
Далей, мы створым SVG лісты, якія будуць загружаныя ў fontastic.me.
05 з 05
Стварэнне індывідуальнага SVG файлаў для кожнай літары
Fontastic.me патрабуе ад кожнага ліста павінен быць асобны файл SVG, так што мы павінны вырабляць іх перад націскам на.
Перацягнуць ўсе вашы лісты так, што яны знаходзяцца па-за межамі краёў старонкі. Fontastic.me ігнаруе любыя элементы, якія знаходзяцца па-за межамі вобласці старонкі, так што мы можам пакінуць гэтыя лісты, прыпаркаваныя тут без праблем.
Цяпер перацягнуць першую літару на старонку і выкарыстоўваць перацягвання ручкі ў вугле, каб змяніць памер яго па меры неабходнасці.
Затым перайдзіце ў меню Файл> Захаваць як і дайце файлу значнае імя. Я назваў маё a.svg - пераканайцеся, што файл мае .svg суфікс.
Цяпер вы можаце перамясціць або выдаліць першую літару і змесціце другую літару на старонку і зноў перайдзіце ў меню Файл> Захаваць як. Вы павінны зрабіць гэта для кожнай літары. Калі ў Вас ёсць больш цярпення, чым у мяне, вы можаце рэгуляваць шырыню старонкі, як вы ідзяце, каб лепш адпавядаць кожнай літары.
Нарэшце, вы можаце разгледзець пытанне аб вытворчасці пунктуацыі, хоць вы вызначана хочаце прабел. Для прасторы, проста захавайце пустую старонку. Акрамя таго, калі вы хочаце, верхні і ніжні рэгістр літар, вам трэба захаваць усё гэта занадта.
Цяпер вы можаце наведаць fontastic.me і стварыць свой шрыфт. Я растлумачыў трохі пра гэты працэс у суправаджальнай артыкуле , якая тлумачыць , як выкарыстоўваць гэты сайт , каб зрабіць шрыфт: Стварэнне шрыфта з дапамогай Fontastic.me