Izveidojiet savus fontus, izmantojot Inkscape un Fontastic.me

Šajā apmācībā es parādīšu, kā jūs varat izveidot savus rokraksta fontus, izmantojot Inkscape un fontastic.me.

Ja jūs neesat pazīstams ar šiem, Inkscape ir bezmaksas un atvērtā koda vektoru līniju zīmēšanas programma, kas ir pieejama Windows, OS X un Linux. Fontastic.me ir vietne, kas piedāvā dažādus ikonu fontus, bet arī ļauj augšupielādēt savas SVG grafikas un pārvērst tos fontu bez maksas.

Veidojot fontu, kas efektīvi darbosies dažādos izmēros, ar rūpīgi izstrādātu burtu virzīšanu ir prasme, kas var prasīt daudzus gadus, tas ir ātrs un jautrs projekts, kas jums piešķirs unikālu fontu. Galvenais fontastic.me mērķis ir izveidot ikonu fontus vietnēm, taču jūs varat izveidot burtu fontu, ko varētu izmantot, lai izveidotu virsrakstus vai nelielus teksta apjomus.

Šīs apmācības nolūkā es eju izsekot dažu rakstīto burtu fotoattēlu, taču jūs varat viegli pielāgot šo metodi un izdarīt burtus tieši Inkscape. Tas var īpaši labi darboties tiem, kas izmanto zīmēšanas tabletes .

Nākamajā lappusē mēs sāksim veidot savu fontu.

01 no 05

Importējiet savu rakstveida fonta fotoattēlu

Teksts un attēli © Ian Pullen

Jums būs nepieciešams fotoattēls ar dažām zīmotām vēstulēm, ja vēlaties turpināt darbu, un, ja nevēlaties izveidot savu, varat lejupielādēt un izmantot a-doodle-z.jpg, kurā ir lielie burti AZ.

Ja jūs plānojat izveidot savu, izmantojiet tumšu krāsu tinti un baltu papīru, lai iegūtu spēcīgu kontrastu un labi uzņemtu aizpildītās burti. Arī mēģiniet izvairīties no aizvērtiem burtiem, piemēram, "O", jo tas padarīs dzīvi daudz sarežģītāku, sagatavojot izsekotus burtus.

Lai importētu fotoattēlu, dodieties uz failu> Importēt un pēc tam pārejiet uz fotoattēlu un noklikšķiniet uz pogas Atvērt. Nākamajā dialogā es iesaku izmantot opciju Iecerēt.

Ja attēla fails ir ļoti liels, varat samazināt attālumu, izmantojot apakšizvēlnē Skats> Zoom pieejamās opcijas, un pēc tam atkārtoti formatējiet to, noklikšķinot uz tā vienlaikus, lai rādītu bultiņu rokturus katrā stūrī. Noklikšķinot un velciet rokturi, turiet Ctrl vai Command taustiņu, un tas saglabās sākotnējās proporcijas.

Tālāk mēs izsekot attēlam, lai izveidotu vektora līniju burtus.

02 no 05

Izsekojiet fotoattēlu, lai izveidotu Vector Line vēstules

Teksts un attēli © Ian Pullen

Esmu iepriekš teicis Inkscape izsekošanas rastra grafiku , bet šeit ātri to atkārtoti aprakstošu.

Noklikšķiniet uz fotoattēla, lai pārliecinātos, ka tas ir atlasīts, un pēc tam pārejiet uz Path> Trace Bitmap, lai atvērtu dialoglodziņu Trace Bitmap. Manā gadījumā es atstāju visus iestatījumus pēc noklusējuma, un tas radīja labu, tīru rezultātu. Iespējams, jums būs jāpielāgo izsekošanas iestatījumi, taču, iespējams, vieglāk atkārtoti uzņemt fotoattēlu ar labāku apgaismojumu, lai izveidotu attēlu ar lielāku kontrastu.

Ekrānuzņēmumā varat redzēt izsekotos burti, kurus esmu velk prom no sākotnējā fotoattēla. Kad izsekošana ir pabeigta, burti tiks novietoti tieši virs fotoattēla, tāpēc tie var nebūt ļoti skaidri redzami. Pirms pārvietošanas varat aizvērt Trace Bitmap dialogu un arī noklikšķiniet uz foto, lai to atlasītu, un uz tastatūras noklikšķiniet uz taustiņa Delete, lai to noņemtu no dokumenta.

03 no 05

Sadaliet izsekošanu atsevišķās vēstulēs

Teksts un attēli © Ian Pullen

Šajā brīdī visi burti ir apvienoti, tāpēc dodieties uz Path> Break, lai sadalītu tos atsevišķos burtos. Ievērojiet, ka, ja jums ir burti, kuru sastāvā ir vairāk nekā viens elements, tie arī tiks sadalīti atsevišķos elementos. Manā gadījumā tas attiecas uz katru burtu, tāpēc ir loģiski grupēt katru vēstuli kopā šajā posmā.

Lai to paveiktu, vienkārši noklikšķiniet uz burta un velciet izvēles laukumu pa burtu, pēc tam pārejiet uz Object> Group vai nospiediet Ctrl + G vai Command + G atkarībā no tastatūras.

Protams, jums tas ir jādara tikai ar burtiem, kas satur vairāk nekā vienu elementu.

Pirms burtu failu veidošanas mēs izmērīsim dokumentu izmēru.

04 no 05

Iestatiet dokumenta izmēru

Teksts un attēli © Ian Pullen

Mums ir jāiestata dokuments līdz atbilstošam izmēram, tādēļ dodieties uz failu> Dokumenta rekvizīti un dialoglodziņā, ja nepieciešams, norādiet platumu un augstumu. Es iestatīju mīnu par 500px līdz 500px, lai arī ideālā gadījumā katrai vēstulei būtu jānosaka platums atšķirīgi, lai galīgie rindkopi sakristu vairāk kārtīgi.

Tālāk mēs izveidosim SVG burtus, kas tiks augšupielādēti fontastic.me.

05 no 05

Katram vēstulim izveidot atsevišķus SVG failus

Teksts un attēli © Ian Pullen

Fontastic.me prasa, lai katra vēstule būtu atsevišķa SVG fails, tāpēc mums būs jāsagatavo tie pirms nospiešanas.

Velciet visus savus burtus tā, lai tie atrodas ārpus lapas malām. Fontastic.me ignorē visus elementus, kas atrodas ārpus lappuses laukuma, tādēļ mēs varam atstāt šos burtus šeit bez problēmām.

Tagad velciet pirmo burtu lappusē un izmantojiet vilciņu rokturus stūrī, lai pēc vajadzības to pārveidotu.

Pēc tam dodieties uz failu> Saglabāt kā un piešķiriet failam saprātīgu vārdu. Es saucu mani a.svg - pārliecinieties, ka failam ir .svg sufikss.

Tagad jūs varat pārvietot vai dzēst pirmo burtu un ievietot otro burtu uz lapas un atkal iet uz failu> Saglabāt kā. Jums tas jādara katram burts. Ja jums ir vairāk pacietības nekā man, varat pielāgot lapas platumu, kad atverat labāku atbilstību katrai burtai.

Visbeidzot, jūs varat apsvērt iespēju izveidot pieturzīmes, lai gan jūs noteikti vēlaties atstāt kosmosa rakstzīmi. Vienai telpai vienkārši saglabājiet tukšu lapu. Arī tad, ja vēlaties augšējo un mazo burtu, jums ir arī jāsaglabā visi šie arī.

Tagad jūs varat apmeklēt fontastic.me un izveidot savu fontu. Es mazliet izskaidroju šo procesu pievienotajā rakstā, kurā paskaidrots, kā izmantot šo vietni, lai izveidotu fontu: Izveidot fontu, izmantojot Fontastic.me