Krijo Fonts Tuaj Duke përdorur Inkscape dhe Fontastic.me

Në këtë tutorial, do t'ju tregoj se si mund të krijoni fontet e shkrimit tuaj të dorës duke përdorur Inkscape dhe fontastic.me.

Nëse nuk jeni të njohur me këto, Inkscape është një aplikacion i vizatimit të linjës së lirë dhe të hapur me burim të hapur që është në dispozicion për Windows, OS X dhe Linux. Fontastic.me është një faqe interneti që ofron një shumëllojshmëri të fonteve të ikonave, por gjithashtu ju lejon të ngarkoni vetë grafikën tuaj SVG dhe t'i konvertoni në font falas.

Ndërsa hartimi i një font që do të funksionojë në mënyrë të efektshme në madhësi të ndryshme me kerning letre hartuar me kujdes është një aftësi që mund të marrë vite për të grihë, ky është një projekt i shpejtë dhe argëtim që do t'ju japë një font unik. Qëllimi kryesor i fontastic.me është të prodhojë fontet ikona për faqet e internetit, por ju mund të krijoni një font letrash që mund t'i përdorni për të prodhuar tituj ose sasi të vogla tekstesh.

Për qëllimin e këtij udhezimi, do të gjej një fotografi të disa shkrimeve të shkruara, por lehtë mund ta përshtatni këtë teknikë dhe të tërheqni letrat tuaja direkt në Inkscape. Kjo mund të funksionojë veçanërisht mirë për ata që përdorin tableta tërheqëse .

Në faqen tjetër, ne do të fillojmë me krijimin e fontit tonë.

01 nga 05

Importo një fotografi të shkrimit tuaj të shkruar

Tekst dhe imazhet © Ian Pullen

Ju do të keni nevojë për një fotografi të disa letrave të tërhequr nëse doni të ndiqni së bashku dhe nëse nuk doni të bëni vetë, mund të shkarkoni dhe përdorni një-doodle-z.jpg që përmban shkronja kapitale AZ.

Nëse do të krijoni tuajin, përdorni një ngjyrë të errët me ngjyrë dhe letër të bardhë për kontrast të fortë dhe fotografoni letrat e kompletuara në dritë të mirë. Gjithashtu, përpiquni të shmangni hapësira të mbyllura në shkronja, siç është 'O' pasi kjo do ta bëjë jetën më të komplikuar gjatë përgatitjes së letrave tuaja të gjurmuara.

Për të importuar foto, shkoni te Skedari> Importo dhe më pas lundroni te fotografia dhe klikoni butonin Hap. Në dialogun e ardhshëm, unë ju këshilloj që të përdorni opsionin Embed.

Nëse skedari i imazhit është shumë i madh, mund të zmadhoni duke përdorur opsionet në nën-menunë Shiko> Zmadhim dhe pastaj ri-madhëzoni atë duke klikuar një herë mbi të për të shfaqur shigjetat në secilën cep. Klikoni dhe tërhiqni një dorezë, duke mbajtur çelësin Ctrl ose Komandën dhe do të mbajë përmasat e saj origjinale.

Tjetra ne do të gjurmojmë imazhin për të krijuar letra lineare të vektorit.

02 nga 05

Gjurmoni foton për të krijuar shkronja të linjave vettore

Tekst dhe imazhet © Ian Pullen

Unë e kam përshkruar më parë gjurmimin e grafikës bitmap në Inkscape , por do ta përshkruaj shpejt procesin përsëri këtu.

Klikoni në foto për të siguruar që është përzgjedhur dhe pastaj të shkoni te Rruga> Trace Bitmap për të hapur dialogun Bitmap Trace. Në rastin tim, i lash të gjitha cilësimet në paracaktimin e tyre dhe prodhova një rezultat të mirë dhe të pastër. Mund t'ju duhet të rregulloni cilësimet e gjurmës, por mund ta gjeni më të lehtë për të xhiruar foton tuaj përsëri me ndriçim më të mirë për të krijuar një imazh me kontrast më të fortë.

Në shtyllën e ekranit, mund të shihni letrat e gjetura që kam tërhequr larg nga fotografia origjinale. Kur gjurmimi të përfundojë, letrat do të vendosen direkt mbi foton, prandaj mund të mos jenë shumë të dukshme. Para se të lëvizni, mund të mbyllni dialogun e Bitmap Trace dhe gjithashtu klikoni në foto për ta zgjedhur atë dhe klikoni butonin Delete në tastierën tuaj për ta hequr atë nga dokumenti.

03 nga 05

Ndaj Tracing në letra individuale

Tekst dhe imazhet © Ian Pullen

Në këtë pikë, të gjitha letrat janë bashkuar së bashku, kështu që shkoni te Path> Break Apart për t'i ndarë ato në letra individuale. Vini re se nëse keni shkronja që përbëhen nga më shumë se një element, këto gjithashtu do të jenë ndarë në elemente të veçanta. Në rastin tim, kjo vlen për çdo letër, kështu që ka kuptim për të grupuar çdo letër së bashku në këtë fazë.

Për ta bërë këtë, thjesht klikoni dhe tërhiqni një kornizë të përzgjedhjes rreth një letre dhe pastaj shkoni te Object> Group ose Press Ctrl + G ose Command + G në varësi të tastierës suaj.

Natyrisht, vetëm duhet ta bëni këtë me letra që përmbajnë më shumë se një element.

Para se të krijojmë skedarët e letrës, do ta riformulojmë dokumentin në një madhësi të përshtatshme.

04 nga 05

Caktoni madhësinë e dokumentit

Tekst dhe imazhet © Ian Pullen

Ne duhet ta vendosim dokumentin në një madhësi të përshtatshme, prandaj shkoni te Skedari> Prona e Dokumentit dhe në dialog, vendosni Gjerësinë dhe Lartësinë sipas nevojës. I vendosa minave në 500px me 500px, edhe pse në mënyrë ideale do të vendosni gjerësinë ndryshe për secilën letër, në mënyrë që letrat përfundimtare të përshtaten së bashku më mirë.

Tjetra, do të krijojmë shkronjat SVG që do të ngarkohen në fontastic.me.

05 e 05

Krijo skedarë individualë SVG për çdo letër

Tekst dhe imazhet © Ian Pullen

Fontastic.me kërkon që çdo letër të jetë një skedar SVG i veçantë, kështu që do të duhet të prodhojmë këto para se të shtypim.

Drag të gjitha letrat tuaja në mënyrë që ata të jenë jashtë skajet e faqes. Fontastic.me injoron çdo element që është jashtë zonës së faqes, kështu që ne mund të lëmë këto letra të parkuara këtu pa asnjë problem.

Tani tërhiqni letrën e parë në faqe dhe përdorni butonat e tërheqjes në cep për ta riformuar atë sipas nevojës.

Pastaj shkoni te File> Save As dhe i jepni skedarit një emër kuptimplotë. I thirra minave a.svg - sigurohuni që skedari të ketë sugjerinë .svg.

Tani mund të lëvizni ose të fshini shkronjën e parë dhe të vendosni letrën e dytë në faqe dhe përsëri të shkoni te Skedari> Ruaj si. Ju duhet ta bëni këtë për çdo letër. Nëse keni më shumë durim se unë, mund ta rregulloni gjerësinë e faqes ndërsa shkoni më mirë për çdo letër.

Përfundimisht, ju mund të dëshironi të konsideroni prodhimin e pikësimit, edhe pse patjetër doni një karakter hapësirë. Për një hapësirë, thjesht ruani një faqe të bardhë. Gjithashtu, nëse dëshironi letra të sipërme dhe të vogla, duhet të ruani të gjitha këto.

Tani ju mund të bëni një vizitë në fontastic.me dhe të krijoni fontin tuaj. Unë kam shpjeguar pak për këtë proces në një artikull shoqërues që shpjegon se si të përdorin atë faqe për të bërë font tuaj: Krijo një Font Duke përdorur Fontastic.me