Izveidojiet fontu ar roku, izmantojot Illustrator un Fontastic.me

01 no 06

Izveidojiet fontu ar roku, izmantojot Illustrator un Fontastic.me

Teksts un attēli © Ian Pullen

Šajā jautrā un interesantajā pamācībā es parādīšu, kā jūs varat izveidot savu fontu, izmantojot Illustrator un tiešsaistes tīmekļa pakalpojumu fontastic.me.

Lai sekotu līdzi, jums būs nepieciešama Adobe Illustrator kopija, taču, ja jums nav kopijas un nevēlaties to nopirkt, iespējams, jūs interesēsiet mūsu līdzīgā apmācība, kas izmanto Inkscape . Inkscape ir bezmaksas, atvērtā avota alternatīva Illustrator. Neatkarīgi no izmantotā vektoru līniju zīmēšanas programmas fontastic.me piedāvā bezmaksas pakalpojumus.

Lai gan es gatavojas parādīt, kā izveidot roku zīmēto fontu, izmantojot papīra burtu fotoattēlu, varat arī izmantot līdzīgas metodes, lai izveidotu fontu, izmantojot burtus, kas ir uzvilkti tieši Illustrator. Ja jūs izmantojat zīmēšanas tableti , tas varētu būt vēlams jums.

Ja izmantojat fotoattēlu, pārliecinieties, vai izmantojat tumšas krāsas pildspalvveida pilnšļirci, lai zīmētu burtus, un izmantojiet vienkāršu balto papīru, lai iegūtu maksimālu kontrastu. Arī uzņemiet fotoattēlu labā apgaismojumā, lai izveidotu skaidru un kontrastu fotoattēlu, lai Illustrator varētu izsekot atsevišķām burtiem.

Nākamajās dažās lappusēs es jums sāksu izveidot savu pirmo fontu.

02 no 06

Atveriet tukšu dokumentu

Teksts un attēli © Ian Pullen

Pirmais solis ir atvērt tukšu failu darbam.

Pārejiet uz Fails> Jauns, un dialoglodziņā uzstādiet izmēru pēc vajadzības. Es izmantoju kvadrātveida lapas izmēru 500 pikseļi, bet to varat iestatīt kā vēlamo.

Tālāk mēs importēsim fotoattēlu failu Illustrator.

03 no 06

Importējiet savu fotogrāfiju ar roku zīmēto tekstu

Teksts un attēli © Ian Pullen

Ja neesat ieguvuši fotoattēlu no rokām sastādīta teksta, no kura jūs varat strādāt, varat lejupielādēt to pašu failu, kuru esmu izmantojis šai apmācībai.

Lai importētu failu, ejiet uz Fails> Vieta un pēc tam pārejiet uz to, kur atrodas jūsu rokraksta teksta attēls. Noklikšķiniet uz pogas Vieta, un jūs redzēsiet fotoattēlu, kas parādās jūsu dokumentā.

Tagad mēs varam izsekot šim failam, lai sniegtu mums vektoru burti.

04 no 06

Izsekot roku zīmēto burtu foto

Teksts un attēli © Ian Pullen

Burti ir ļoti taisni uz priekšu.

Vienkārši ejiet uz Object> Live Trace> Marka un Izvērsiet, un pēc dažiem brīžiem jūs redzēsit, ka visas burti ir pārpildīti ar jaunām vektoru līniju versijām. Mazāk acīmredzams fakts, ka tos ieskauj vēl viens objekts, kas atspoguļo fotogrāfijas fona. Mums ir jādzēš fona objekts, tādēļ dodieties uz Object> Ungroup un pēc tam noklikšķiniet uz jebkuras vietas ārpus taisnstūra robežas, lai noņemtu visu izvēli. Tagad noklikšķiniet uz tuvu, bet ne uz vienu no burtiem, un jums vajadzētu redzēt, ka ir izvēlēts taisnstūra fons. Vienkārši nospiediet tastatūras dzēšanas taustiņu, lai to noņemtu.

Tomēr visas atsevišķās vēstules atstāj, ja kādā no jūsu vēstulēm ir vairāk nekā viens elements, jums ir jāklasificē visi kopā. Visas manas vēstules satur vairāk nekā vienu elementu, tāpēc man bija jāapkopo visi no tiem. To var paveikt, noklikšķinot un velkot izvēles rūtiņu, kas ietver visas burtu dažādās daļas, un pēc tam iet uz Object> Group.

Tagad jums tiks atstātas visas jūsu atsevišķās vēstules, un nākamais mēs izmantosim tos, lai izveidotu atsevišķus SVG failus, kas mums ir nepieciešams, lai izveidotu fontu fontastic.me.

Saistīts: izmantojot Live Trace Illustrator

05 no 06

Saglabājiet atsevišķas vēstules kā SVG failus

Teksts un attēli © Ian Pullen

Diemžēl Illustrator neļauj jums ietaupīt vairākus manifestus atsevišķiem SVG failiem, tāpēc katra vēstule ir jāuzglabā manuāli kā atsevišķs SVG fails.

Pirmkārt, izvēlieties un velciet visas burti, lai tie neveidotu mākslas galdiņu. Tad velciet pirmo burtu uz mākonis un pārveidojiet to, lai aizpildītu galda virsmu, velkot vienu no stūra velkšanas rokturiem. Turpiniet nospiestu Shift taustiņu, kamēr to veicat, lai saglabātu tādas pašas proporcijas.

Kad esat pabeidzis, dodieties uz failu> Saglabāt kā un dialoglodziņā nomainiet nolaižamo formātu uz SVG (SVG), piešķiriet failam saprātīgu vārdu un noklikšķiniet uz Saglabāt. Tagad jūs varat izdzēst šo vēstuli un ievietot un no jauna izmērīt nākamo uz mākonis. Atkal veiciet Save As un turpiniet, līdz esat saglabājis visas savas vēstules.

Visbeidzot, pirms turpināt, saglabājiet tukšu mantiņu, lai to varētu izmantot atstarpes simbolam. Iespējams, vēlēsities arī apsvērt iespēju saglabāt jūsu burtu pieturzīmes un mazāku versiju versijas, taču es to neuztraucu par šo pamācību.

Kad šie atsevišķie SVG burtu faili ir gatavi, varat veikt nākamo darbību, lai izveidotu fontu, augšupielādējot tos fontastic.me. Lūdzu, apskatiet šo rakstu, lai uzzinātu, kā izmantot fontastic.me, lai pabeigtu fontu: izveidojiet fontu, izmantojot Fontastic.me

06 no 06

Kā lietot programmu New Asset Export Panel programmā Adobe Illustrator CC 2017

SVG izveide tiek samazināta līdz uzklikšķināt un velciet darbplūsmu ar jauno Asset Export paneļu programmā Adobe Illustrator CC 2017.

Pašreizējā Adobe Illustrator versijā ir jauns panelis, kas ļauj visus savus rasējumus ievietot vienā mākoņdatnē un izdrukāt tos kā atsevišķus SVG dokumentus. šeit ir šādi:

  1. Atlasiet Window> Asset Export, lai atvērtu paneli Asset Export.
  2. Izvēlieties vienu vai visus burtus un velciet tos uz paneli. Viņi visi parādīsies kā atsevišķi priekšmeti.
  3. Paneli divreiz uzklikšķiniet uz objekta nosaukuma un pārdēvējiet to. Dariet to par visiem paneļa priekšmetiem.
  4. Atlasiet eksporta vienumus un atlasiet SVG no nolaižamā formāta.
  5. Noklikšķiniet uz Eksportēt.