Atareao (Català)

Fa algunes setmanes que estic treballant activament en el redisseny de My-Weather-Indicator per Android. Es tracta d’un profund canvi que va des del propi motor de gestió de la informació de el temps, fins al disseny estètic de l’aplicació, intentant aproximar-se el més possible als criteris marcats per Material Design.

Un els aspectes que estic intentant millorar és el de reduir la mida de l’aplicació, per al que estic substituint les imatges en format PNG per una tipografia que inclogui tots els símbols que necessito.

per a la creació de la font he utilitzat Inkscape, una eina de disseny vectorial, que des de fa ja algun temps s’ha convertit en una eina indispensable, i que ha començat a desplaçar Gimp, segons perquè coses.

a continuació, pots veure com crear la teva pròpia tipografia utilitzant Inkscape …

Screenshot_2015-02-01-21-48-52.png

Tipus de lletra i Inkscape

Crear una tipografia amb Inkscape és relativament senzill, tot i que t’haig de confessar que és una operació v erdaderamente tediosa, almenys si has de partir de zero. Però això no és perquè ho facis amb Inkscape, és simplement el procés de creació de qualsevol font.

  • El primer pas és descarregar la plantilla que faràs servir per realitzar les fonts, i obrir-la en Inkscape.
  • a continuació has d’obrir l’editor de fonts en Inkscape. Per a això obre el menú Text > Editor de fonts SVG …, tal com veus en la següent imatge,

-Home-atareao-Escriptori-weathericons.svg - Inkscape_535.png

  • el següent pas és guardar la plantilla amb un altre nom per evitar perdre l’original.
  • Ara ens centrem ja en el procés. El primer és situar la imatge que vulguem utilitzar com carácer a a l’interior de la pàgina, sobre la guia existent. És important indicar que la imatge ha de ser un trajecte, en un altre cas, hauràs convertir-lo prèviament.

fontstarter.svg - Inkscape_536.png

seleccioneu la pestanya de * glifos en l’editor SVG, fes clic a l’etiqueta font1 i selecciona el glyp 1, com veus en la següent imatge,

fontstarter.svg - Inkscape_538.png

  • A continuació prem el botó Obtenir corbes de la selecció …. Si a la part inferior on indica vista prèvia escrius el caràcter a, veuràs el resultat.
  • Finalment, només et queda definir el nom de la font, per al que has de fer doble clic a font1 a la columna dreta de l’editor SVG i el nom de la família, que el definiràs a la pestanya Configuració global.
  • Guarda l’arxiu creat amb format SVG.
  • per a finalitzar has d’utilitzar algun mètode per convertir la font de SVG a TTF. En aquest cas he utilitzat un convertirdor línia Online Font Converter. Que permet convertir a gran varietat de formats diferents. Així selecciones el que vols i ho descàrregues.

Conclusions

Es tracta d’un mètode realment senzill i efectiu, i que et permetrà crear les teves pròpies fonts en pocs passos, ja sigui per les teves pròpies aplicacions, per a la teva pàgina web o per al que consideris.

Leave a Comment

L'adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *