Lumikha ng isang Hand Drawn Font Paggamit ng Illustrator at Fontastic.me

01 ng 06

Lumikha ng isang Hand Drawn Font Paggamit ng Illustrator at Fontastic.me

Teksto at mga imahe © Ian Pullen

Sa ganitong masaya at kagiliw-giliw na tutorial, ipapakita ko sa iyo kung paano mo maaaring lumikha ng iyong sariling font gamit ang Illustrator at ang online na web fontastic.m.m serbisyo.

Upang sumunod, kakailanganin mo ng isang kopya ng Adobe Illustrator, bagaman kung wala kang isang kopya at ayaw mong bilhin ito, maaari kang maging interesado sa aming katulad na tutorial na gumagamit ng Inkscape . Ang Inkscape ay isang libreng, bukas na mapagkukunan na alternatibo sa Illustrator. Alinmang application drawing ng vector line na iyong ginagamit, ang fontastic.me ay nag-aalok ng ganap na serbisyo nito nang libre.

Habang ipapakita ko sa iyo kung paano lumikha ng isang kamay na iginuhit ng font gamit ang isang larawan ng mga titik na iguguhit sa papel, maaari mo ring gamitin ang mga katulad na diskarte upang makabuo ng isang font gamit ang mga titik na iguguhit nang direkta sa Illustrator. Kung gumamit ka ng tablet na drowing , maaaring mas lalong kana sa iyo.

Kung gumagamit ng isang larawan, siguraduhin na gumamit ka ng madilim na kulay pen pen upang iguhit ang iyong mga titik at gamitin ang plain white paper para sa maximum na contrast. Gayundin, dalhin ang iyong mga larawan sa magandang liwanag upang makatulong na makagawa ng isang larawan na malinaw at contrasty upang gawing mas madali hangga't maaari para sa Illustrator upang subaybayan ang mga indibidwal na mga titik.

Sa susunod na ilang mga pahina, lalakarin kita sa proseso ng paglikha ng iyong unang font.

02 ng 06

Magbukas ng isang Blangkong Dokumento

Teksto at mga imahe © Ian Pullen

Ang unang hakbang ay upang buksan ang isang blangkong file upang gumana.

Pumunta sa File> Bago at sa dialog na i-set up ang sukat kung nais mo. Gumamit ako ng isang parisukat na laki ng pahina ng 500px, ngunit maaari mong itakda ito bilang ninanais.

Susunod na i-import namin ang file ng larawan sa Illustrator.

03 ng 06

I-import ang Iyong Larawan ng Hand Draw Text

Teksto at mga imahe © Ian Pullen

Kung hindi ka nakakakuha ng isang larawan ng kamay na iginuhit na teksto upang gumana mula sa, maaari mong i-download ang parehong file na ginamit ko para sa tutorial na ito.

Upang i-import ang file, pumunta sa File> Place at pagkatapos ay mag-navigate sa kung saan matatagpuan ang iyong larawan ng kamay na iguguhit na teksto. I-click ang pindutan ng Lugar at makikita mo ang larawan na lumilitaw sa iyong dokumento.

Maaari na nating subaybayan ang file na ito upang bigyan kami ng mga vector na titik.

04 ng 06

Bakasin ang Larawan ng Mga Hand Letter na Inilabas

Teksto at mga imahe © Ian Pullen

Ang pagsubaybay sa mga titik ay tuwid pasulong.

Pumunta lamang sa Object> Live Trace> Gumawa at Palawakin at pagkatapos ng ilang sandali, makikita mo na ang lahat ng mga titik ay higit sa inilatag sa mga bagong bersyon ng vector line. Hindi gaanong halata ang katotohanan na sila ay napapalibutan ng isa pang bagay na kumakatawan sa background ng larawan. Kailangan namin na tanggalin ang bagay sa background, kaya pumunta sa Object> Ungroup at pagkatapos ay i-click kahit saan sa labas ng kahon ng hugis-parihaba bounding upang alisin ang pagkakapili sa lahat. Ngayon i-click ang malapit sa, ngunit hindi sa, isa sa mga titik at dapat mong makita na ang hugis-parihaba background ay napili. Pindutin lamang ang Delete key sa iyong keyboard upang alisin ito.

Na nag-iiwan ng lahat ng mga indibidwal na titik, gayunpaman, kung ang alinman sa iyong mga titik ay naglalaman ng higit sa isang elemento, kakailanganin mong pangkatin ang mga ito nang sama-sama. Ang lahat ng aking mga titik ay naglalaman ng higit sa isang elemento, kaya kinailangan kong pangkat ang lahat ng ito. Ginagawa ito sa pamamagitan ng pag-click at pag-drag sa isang pagpili ng marquee na sumasaklaw sa lahat ng iba't ibang bahagi ng isang liham at pagkatapos ay papunta sa Object> Group.

Kayo ngayon ay maiiwan sa lahat ng iyong mga indibidwal na mga titik at susunod na gagamitin namin ang mga ito upang likhain ang mga indibidwal na mga file ng SVG na kailangan naming lumikha ng isang font sa fontastic.me.

Kaugnay: Paggamit ng Live Trace sa Illustrator

05 ng 06

I-save ang Individual Setters bilang SVG Files

Teksto at mga imahe © Ian Pullen

Sa kasamaang palad, ang Illustrator ay hindi nagpapahintulot sa iyo na i-save ang maramihang mga artboard sa mga indibidwal na mga file ng SVG, kaya ang bawat titik ay dapat na mano-mano-save bilang isang hiwalay na SVG file.

Una, piliin at i-drag ang lahat ng mga titik upang hindi na nila higit sa itabi ang art board. Pagkatapos ay i-drag ang unang titik papunta sa artboard at muling laki ito upang punan ang artboard sa pamamagitan ng pag-drag ng isa sa mga sulok na drag handle. Pindutin nang matagal ang Shift key habang ginagawa mo ito upang mapanatili ang parehong mga sukat.

Kapag tapos na, pumunta sa File> Save As at sa dialog, baguhin ang drop na Format pababa sa SVG (svg), bigyan ang file ng isang makabuluhang pangalan at i-click ang I-save. Maaari mo na ngayong tanggalin ang sulat at lugar na iyon at muling laki ang susunod sa artboard. Muli gawin I-save Bilang at magpatuloy hanggang na-save mo ang lahat ng iyong mga titik.

Panghuli, bago magpatuloy, i-save ang isang blangko artboard upang magamit mo ito para sa isang espasyo ng character. Maaari mo ring isaalang-alang ang pag-save ng mga punctuation mark at mas mababang mga bersyon ng kaso ng iyong mga titik, ngunit hindi ko bothered para sa tutorial na ito.

Gamit ang mga hiwalay na mga file ng SVG na sulat na handa, maaari mong gawin ang susunod na hakbang upang likhain ang iyong font sa pamamagitan ng pag-upload sa mga ito sa fontastic.me. Mangyaring tingnan ang artikulong ito upang makita kung paano gamitin ang fontastic.me upang matapos ang iyong font: Lumikha ng Font Paggamit ng Fontastic.me

06 ng 06

Paano Gamitin ang Bagong Export Panel sa Asset sa Adobe Illustrator CC 2017

Ang paglikha ng SVG ay nabawasan sa isang daloy ng work-click-at-drag gamit ang bagong panel ng Asset Export sa Adobe Illustrator CC 2017.

Ang kasalukuyang bersyon ng Adobe Illustrator ay naglalaman ng isang bagong panel na nagbibigay-daan sa iyo upang ilagay ang lahat ng iyong mga guhit sa isang artboard at i-output ang mga ito bilang mga indibidwal na mga dokumento ng SVG. narito kung paano:

  1. Piliin ang Window> I-export ang Asset t o buksan ang panel ng Asset Export.
  2. Pumili ng isa o lahat ng iyong mga titik at i-drag ang mga ito sa panel. Ang lahat ay lilitaw bilang indibidwal na mga bagay.
  3. I-double click ang pangalan ng bagay sa panel at palitan ang pangalan nito. Gawin ito para sa lahat ng mga item sa panel.
  4. Piliin ang mga item upang I-export at piliin ang SVG mula sa Format pop down.
  5. I-click ang I-export.