Creu Eich Ffontiau Eich Hun Gan ddefnyddio Inkscape a Fontastic.me

Yn y tiwtorial hwn, dwi'n mynd i ddangos i chi sut y gallwch greu eich ffontiau llawysgrifen eich hun gan ddefnyddio Inkscape a fontastic.me.

Os nad ydych chi'n gyfarwydd â'r rhain, mae Inkscape yn gais am ddim ar gyfer darlunio llinell fector ffactor agored sydd ar gael ar gyfer Windows, OS X a Linux. Gwefan sy'n cynnig amrywiaeth o ffontiau eicon yw Fontastic.me, ond mae hefyd yn caniatáu i chi lwytho'ch graffeg SVG eich hun a'u trosi i ffont am ddim.

Er y bydd dylunio ffont a fydd yn gweithio'n effeithiol ar wahanol feintiau gyda chnewyllo llythrennol wedi'i greu'n ofalus yn sgil a all gymryd blynyddoedd i'w huno, mae hwn yn brosiect cyflym a hwyl a fydd yn rhoi ffont unigryw i chi. Prif nod fontastic.me yw cynhyrchu ffontiau eicon ar gyfer gwefannau, ond gallwch greu ffont o lythyrau y gallech eu defnyddio i gynhyrchu penawdau neu symiau bach o destun.

At ddibenion y tiwtorial hwn, rwy'n mynd i olrhain llun o lythyrau ysgrifenedig, ond gallwch chi addasu'r dechneg hon yn hawdd a thynnu eich llythyrau yn uniongyrchol yn Inkscape. Gallai hyn weithio'n arbennig o dda i'r rhai sy'n defnyddio tabledi lluniadu .

Ar y dudalen nesaf, byddwn yn dechrau gyda chreu ein ffont ein hunain.

01 o 05

Mewnforio Ffotograff o'ch Ffurflen Ysgrifenedig

Testun a delweddau © Ian Pullen

Bydd angen llun o lythyrau wedi'u llunio arnoch os ydych am ddilyn ymlaen ac os nad ydych am wneud eich hun, gallwch lawrlwytho a defnyddio a-doodle-z.jpg sy'n cynnwys y priflythrennau AZ.

Os ydych chi'n bwriadu creu eich hun, defnyddiwch inc lliw tywyll a phapur gwyn i gyferbynnu'n gryf a lluniwch y llythrennau sydd wedi'u cwblhau mewn golau da. Hefyd, ceisiwch osgoi unrhyw leoedd caeedig mewn llythyrau, fel yr 'O' gan y bydd hyn yn gwneud bywyd yn fwy cymhleth wrth baratoi eich llythyrau olrhain.

I fewnosod y llun, ewch i Ffeil> Mewnforio ac yna dewch i'r llun a chlicio ar y botwm Agored. Yn y dialog nesaf, rwy'n cynghori eich bod chi'n defnyddio'r opsiwn Embed.

Os yw'r ffeil delwedd yn fawr iawn, gallwch chi chwyddo allan trwy ddefnyddio'r opsiynau yn yr is-ddewislen View> Zoom ac yna ei ail-faintio trwy glicio unwaith arno i arddangos taflenni saeth ym mhob cornel. Cliciwch a llusgo llaw, tra'n dal y Ctrl neu'r Allwedd Reoli a bydd yn cadw ei gyfrannau gwreiddiol.

Nesaf, byddwn yn olrhain y ddelwedd i greu llythrennau llinell fector.

02 o 05

Dilynwch y Llun i Greu Llythyrau Llinell Vector

Testun a delweddau © Ian Pullen

Rwyf wedi disgrifio graffeg mapio bitiau olrhain yn Inkscape o'r blaen , ond bydd yn disgrifio'r broses eto yn gyflym yma.

Cliciwch ar y llun i sicrhau ei fod wedi'i ddewis ac yna ewch i Path> Trace Bitmap i agor y dialog Trace Bitmap. Yn fy achos i, adawais yr holl leoliadau i'w rhagosodiad a chynhyrchodd ganlyniad da, glân. Efallai y bydd angen i chi addasu'r lleoliadau olrhain, ond efallai y bydd yn haws i chi saethu'ch llun eto gyda gwell golau i gynhyrchu delwedd gyda chyferbyniad cryfach.

Yn y llun sgrîn, gallwch weld y llythyrau olrhain yr wyf wedi'u llusgo i ffwrdd o'r llun gwreiddiol. Pan fydd y olrhain wedi'i gwblhau, bydd y llythyrau'n cael eu gosod yn uniongyrchol dros y llun, felly efallai na fyddant yn amlwg iawn. Cyn symud ymlaen, gallwch chi gau'r Dialog Trace Bitmap a chlicio ar y llun i'w ddewis a'i chlicio ar yr Allwedd Dileu ar eich bysellfwrdd i'w ddileu o'r ddogfen.

03 o 05

Rhannwch yr Olrhain i Lythyrau Unigol

Testun a delweddau © Ian Pullen

Ar y pwynt hwn, mae'r holl lythyrau wedi'u cysylltu â'i gilydd, felly ewch i Path> Break Apart i'w rannu i lythyrau unigol. Sylwch, os oes gennych lythyrau sy'n cynnwys mwy nag un elfen, bydd y rhain hefyd wedi'u rhannu'n elfennau ar wahân. Yn fy achos i, mae hyn yn berthnasol i bob llythyr, felly mae'n gwneud synnwyr i grwpio pob llythyr at ei gilydd ar hyn o bryd.

I wneud hyn, dim ond cliciwch a llusgwch fardd dethol o gwmpas llythyr ac yna ewch i Gwrthrych> Grŵp neu Gwasgwch Ctrl + G neu Command + G yn dibynnu ar eich bysellfwrdd.

Yn amlwg, dim ond gyda llythrennau sy'n cynnwys mwy nag un elfen y mae angen i chi ei wneud.

Cyn creu ffeiliau'r llythyr, byddwn yn ail-maint y ddogfen i faint addas.

04 o 05

Gosodwch y Maint Dogfen

Testun a delweddau © Ian Pullen

Mae angen inni osod y ddogfen i faint addas, felly ewch i Ffeil> Dogfennau'r Ddogfen ac yn y dialog, gosodwch y Lled a Uchder fel bo'r angen. Rwy'n gosod fy nhŷ i 500px yn ôl 500px, er yn ddelfrydol, byddech yn gosod y lled yn wahanol ar gyfer pob llythyr fel bod y llythrennau terfynol yn cyd-fynd â'i gilydd yn fwy daclus.

Nesaf, byddwn yn creu llythrennau SVG a fydd yn cael eu llwytho i fyny i fontastic.me.

05 o 05

Creu Ffeiliau SVG Unigol ar gyfer pob Llythyr

Testun a delweddau © Ian Pullen

Mae Fontastic.me yn ei gwneud yn ofynnol i bob llythyr fod yn ffeil SVG ar wahân, felly bydd angen i ni gynhyrchu'r rhain cyn pwyso ymlaen.

Llusgwch eich holl lythyrau fel eu bod y tu allan i ymyl y dudalen. Mae Fontastic.me yn anwybyddu unrhyw elfennau sydd y tu allan i ardal y dudalen, felly gallwn adael y llythyrau hyn wedi'u parcio yma heb unrhyw broblemau.

Nawr llusgwch y llythyr cyntaf i'r dudalen a defnyddiwch y llwythi llusgo ar y gornel i'w ail-fainthau yn ôl yr angen.

Yna ewch i File> Save As a rhowch enw ystyrlon i'r ffeil. Gelwais i'm a.svg - gwnewch yn siŵr bod y ffeil yn cael yr atodiad .svg.

Nawr gallwch symud neu ddileu'r llythyr cyntaf a gosod yr ail lythyr ar y dudalen ac eto ewch i Ffeil> Save As. Mae angen ichi wneud hyn ar gyfer pob llythyr. Os oes gennych fwy o amynedd na fi, gallwch addasu lled y dudalen wrth i chi fynd i gyd-fynd yn well â phob llythyr.

Yn olaf, efallai yr hoffech ystyried cynhyrchu atalnodi, er y byddwch yn sicr am gael cymeriad lle. Am le, dim ond arbed tudalen wag. Hefyd, os ydych chi eisiau llythrennau uwch ac achosion is, mae angen i chi achub pob un o'r rhain hefyd.

Nawr gallwch chi ymweld â fontastic.me a chreu eich ffont. Rwyf wedi esbonio ychydig am y broses hon mewn erthygl sy'n cyd-fynd ag ef sy'n esbonio sut i ddefnyddio'r wefan honno i wneud eich ffont: Creu Ffont Gan ddefnyddio Fontastic.me