Krei viajn proprajn tiparojn Uzante Inkscape kaj Fontastic.me

En ĉi tiu lernilo, mi montros al vi, kiel vi povas krei viajn proprajn manuskribajn tiparojn uzante Inkscape kaj fontastic.me.

Se vi ne estas konata kun ĉi tiuj, Inkscape estas senpaga kaj malferma fonta vektora linio aplikaĵo, kiu estas disponebla por Windows, OS X kaj Linukso. Fontastic.me estas retejo, kiu ofertas varion de ikono tiparoj, sed ankaŭ permesas alŝuti viajn proprajn SVG-grafikojn kaj konverti ilin al tiparo senpage.

Dum desegnado de tiparo, kiu funkcios efike ĉe diversaj grandecoj kun zorgeme desegnita letero-kernado, estas lerteco, kiu povas preni jarojn por ŝerci, ĉi tio estas rapida kaj amuza projekto, kiu donos al vi unikan tiparon. La ĉefa celo de fontastic.me estas produkti ikono tiparojn por retejoj, sed vi povas krei tiparon de literoj, kiujn vi povus uzi por produkti rubrikojn aŭ malgrandajn kvantojn da teksto.

Por ĉi tiu lernilo, mi serĉos foton de kelkaj skribitaj leteroj, sed vi facile povas adapti ĉi tiun teknikon kaj desegni viajn leterojn rekte en Inkscape. Ĉi tio eble funkcios precipe bone por tiuj, kiuj uzas desegnajn tabelojn .

En la sekva paĝo, ni komencos krei nian propran tiparon.

01 de 05

Importi foton de Via Skribita Tiparo

Teksto kaj bildoj © Ian Pullen

Vi bezonos foton de kelkaj desegnitaj leteroj, se vi volas sekvi kaj se vi ne volas fari vian propran, vi povas elŝuti kaj uzi -dodod-z.jpg kiu enhavas la ĉefurbon AZ.

Se vi kreos vian propran, uzu malluman koloron kaj blankan paperon por forta kontrasto kaj fotu la kompletigitajn literojn en bona lumo. Ankaŭ provu eviti ajnajn fermitajn spacojn en literoj, kiel ekzemple 'O', ĉar ĉi tio faros vivon pli komplika kiam vi preparas viajn spuritajn leterojn.

Por importi la foton, iru al Dosiero> Importi kaj poste navigi al la foto kaj alklaki la Malferman butonon. En la sekva dialogo, mi konsilas, ke vi uzu la Embed-opcion.

Se la dosier-dosiero estas tre granda, vi povas zomi per uzado de la ebloj en la Sub-menuo View> Zoom kaj tiam re-grandeco ĝin alklakante unufoje sur ĝi por montri sagajn manlibrojn ĉe ĉiu angulo. Alklaku kaj trenu tenilon, dum tenas la Ctrl aŭ Komandan ŝlosilon kaj ĝi konservos siajn originalajn proporciojn.

Tuj poste ni trarigardos la bildon por krei vektorformajn literojn.

02 de 05

Atentu la foton por krei Vector-Liniajn Leterojn

Teksto kaj bildoj © Ian Pullen

Mi antaŭe priskribis tracadon de bitmapaj grafikoj en Inkscape , sed rapide priskribos la procezon ĉi tie.

Alklaku la foton por certigi, ke ĝi estas elektita kaj poste iru al Path> Trace Bitmap por malfermi la Trazan Bitmapan dialogon. En mia kazo, mi lasis ĉiujn agordojn al sia defaŭlta kaj ĝi produktis bonan kaj purajn rezultojn. Vi eble bezonos ĝustigi la spurojn, sed vi eble pli facile pafos vian foton kun pli bona lumo por produkti bildon kun pli forta kontrasto.

En la ekrana pafo, vi povas vidi la spuritajn leterojn, kiujn mi forigis de la originala foto. Kiam la streko estas kompletigita, la leteroj metos rekte super la foto, do ili eble ne estas tre evidentaj. Antaŭ movado, vi povas fermi la Trace Bitmap-dialogon kaj alklaku la foton por elekti ĝin kaj alklaku la Forigiŝlosilon sur via klavaro por forigi ĝin el la dokumento.

03 de 05

Dividu la Traktadon en Individuajn Literojn

Teksto kaj bildoj © Ian Pullen

Ĉe ĉi tiu punkto, ĉiuj literoj kuniĝas, do iru al Path> Break Apart por disigi ilin en individuajn literojn. Rimarku, ke se vi havas leterojn, kiuj estas faritaj kun pli ol unu elemento, ĉi tiuj ankaŭ disiĝos en apartajn elementojn. En mia kazo, ĉi tio aplikas al ĉiu litero, do ĝi havas sencon grupigi ĉiun leteron kune ĉe ĉi tiu etapo.

Por fari tion, simple alklaku kaj trenu selektan marŝon ĉirkaŭ leteron kaj poste iru al Objekto> Grupo aŭ Premu Ctrl + G aŭ Command + G depende de via klavaro.

Evidente, vi nur bezonas fari ĉi tion per leteroj, kiuj enhavas pli ol unu eron.

Antaŭ krei la leteron-dosierojn, ni rekomendos la dokumenton al taŭga grandeco.

04 de 05

Fiksita la Dokumenta Grandeco

Teksto kaj bildoj © Ian Pullen

Ni devas agordi la dokumenton al taŭga grandeco, do iru al File> Document Properties kaj en la dialogo, starigu la Larĝecon kaj Altecon kiel necese. Mi starigis mian al 500px laŭ 500px, kvankam ideale vi starigus la larĝon malsame por ĉiu letero tiel ke la finaj leteroj kongruas pli ĝoje.

Poste ni kreos la SVG-leterojn, kiuj estos alŝutitaj al fontastic.me.

05 de 05

Krei Individuajn SVG-dosierojn por Ĉiu Letero

Teksto kaj bildoj © Ian Pullen

Fontastic.me postulas ĉiun leteron kiel apartan SVG-dosieron, do ni bezonos produkti ĉi tiujn antaŭ ol premi.

Trenu ĉiujn viajn leterojn tiel ke ili estas ekstere de la paĝo randoj. Fontastic.me ignoras ajnajn elementojn, kiuj estas ekster la paĝo de la paĝo, do ni povas lasi ĉi tiujn leterojn parkitaj ĉi tie sen problemoj.

Nun trenu la unuan leteron en la paĝon kaj uzu la trenitajn manojn ĉe la angulo por re-grandeco laŭ ĝi necesas.

Poste iru al Arkivo> Konservu Kiel kaj donu al la dosiero signifan nomon. Mi nomis mian a.svg - certigu, ke la dosiero havas la sufikson .svg.

Vi nun povas movi aŭ forviŝi la unuan literon kaj metu la duan leteron al la paĝo kaj denove iri al File> Save As. Vi devas fari ĉi tion por ĉiu letero. Se vi havas pli da pacienco ol mi, vi povas ĝustigi la larĝecon de la paĝo, kiam vi pli bone egalos ĉiun leteron.

Fine, vi eble volas konsideri produktan interpunkcion, kvankam vi certe volas spacan karakteron. Por spaco, simple konservu malplenan paĝon. Ankaŭ, se vi volas suprajn kaj malsuperajn literojn, vi ankaŭ devas ŝpari ĉiujn ĉi tiujn.

Nun vi povas pagi viziton al fontastic.me kaj krei vian tiparon. Mi klarigis iom pri ĉi tiu procezo en akompana artikolo, kiu klarigas kiel uzi tiun retejon por fari vian tiparon: Krei tiparon uzanta Fontastic.me