Magazyn T3
newsy, felietony, testy i tutoriale



Internet Maker

18/03/2009

Tworzymy własną czcionkę

Więcej artykułów autorstwa »
Napisane przez: Tomasz Galanciak
87-tworzymy_wlasna_czcionke.png

To wcale nie jest takie trudne jak się wydaje. Może właśnie w tym się spełnicie – tworząc własne, niepowtarzalne kroje czcionek w Photoshopie.

{ikona-o04}

Aby stworzyć swoją czcionkę, będziemy potrzebowali co najmniej dwóch narzędzi. W podstawowej wersji wystarczy nam Photoshop i program FontCreator ({link2}http://programy.magazynyinternetowe.pl/program/5081,0,2608,fontcreator_5_6.html{/link2}). Bardziej ambitni powinni sięgnąć dodatkowo po tablet lub skaner. W tym artykule zademonstrujemy najprostszy sposób, tak abyście poznali zasady tworzenia własnego fonta. Jeśli się wam się to spodoba, wówczas sami sięgniecie po bardziej zaawansowane techniki.

Rysujemy

W Photoshopie tworzymy obszar pracy, np. o rozmiarze 500 x 500 pikseli. Ważne, aby był on kwadratem. Następnie wewnątrz obszaru rysujemy swoją pierwszą literkę. Może to być na przykład”A”.

Literka musi być czarna, a tło białe. Zapisujemy nasz font w formacie BMP. I tak postępujemy z każdym znakiem jaki chcemy włączyć do naszej czcionki.

Przerabiamy

Kolejnym krokiem będzie uruchomienie programu FontCreator. Ja korzystam z wersji 5.6. Informacje o tym programie znajdziecie w naszym serwisie, pod adresem {link2}http://programy.magazynyinternetowe.pl/program/5081,0,2608,fontcreator_5_6.html{/link2}. Następnie tworzymy nowy dokument w programie. Na planszy z czcionkami wybieramy interesujący nas znak i klikamy na nim prawym przyciskiem myszy.

Z menu kontekstowego wybieramy opcję „Import Image” i dodajemy naszą literkę. W ten sam sposób postępujemy z każdym kolejnym znakiem.

Generujemy czcionkę

Ostatnim krokiem po wykonaniu wszystkich znaków będzie zapisanie naszego nowego kroju czcionki. Warto przed zapisaniem przetestować każdy znak, wybierając z klawiatury „F5″.

Jeśli czcionka przeszła pozytywnie testy, zapisujemy ja i umieszczamy gotowy plik w katalogu systemowym C:/Windows/Fonts. Możemy ją też przesłać znajomym lub umieścić w internecie. To wszystko :)

Może Cię zainteresować:

  1. Tworzymy baner witryny
  2. Tworzymy interaktywny film we flashu (cz. 2)
  3. Premiera MagazynyInternetowe.pl


O autorze

Tomasz Galanciak





0 komentarzy


Skomentuj pierwszy!


Zostaw odpowiedź

Twój adres nie zostanie opublikowany. Wymagane pola są oznaczone *

*

Możesz używać tych tagów i atrybutów HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">