[Soft] Poradnik jak zrobić własną czcionke
Aktywny Użytkownik
reputacja: 290
posty: 336
offline
19.09.06 17:49
|
#63135
|
(link)
|
zgłoś naruszenie
Jak zrobić czcionkę?
Chciałbym zaprezentować prosty sposób na zrobienie czcionki. Zanim rozpoczniemy pracę powinniśmy zaopatrzyć się w:
* skaner
* program font creator (poradnik ten będzie opisywał głównie wersję 3.0 ale może być również wcześniejsza, wersję demo można ściągnąć ze strony
* program do obróbki grafiki bitmapowej (paint shop pro, photoshop czy photopaint)
Projekt
Najważniejszym elementem w procesie tworzenia czcionki jest projekt. Najprościej będzie narysować każdą literę alfabetu na kartce papieru. Nie możemy zapominać również o znakach dodatkowych. Listę najważniejszych z nich wraz z nazwami znajdziecie poniżej:
! (exclam) " (quotedbl) # (numbersign) $ (dollar) % (percent)
& (ampersand) ' (quotesingle) ( (parenleft) ) (parenright)
* (asterisk) + (plus) , (comma) - (hyphen) . (period) / (slash)
: (colon) ; (semicolon) < (less) = (equal) > (greater) ? (question) @ (at) \ (backslash) [ (bracketleft) ] (bracketright)
^ (asciicircum) _ (underscore) ` (grave) { (braceleft)
} (braceright) | (bar) ~ (asciitilde)
Skanowanie i przygotowanie bitmap
Przygotowany projekt skanujemy w możliwie dużej rozdzielczości, w dwóch kolorach (czarno-biały). Poprawiamy następnie kontrast i ostrość obrazka w dowolnym programie graficznym, oraz dzielimy go tak, żeby każda litera była zapisana w osobnym pliku.
Wektoryzacja
Uruchamiamy program FontCreator. Rozpoczynamy pracę od zainicjowania nowego projektu - menu File>New (lub klawisze ctrl+n). Następnie wybieramy typ czcionki, którą chcemy stworzyć - do wyboru mamy: symbol, unicode i wgl4.ttf.

Program otwiera tabelę, w której każda komórka odpowiada jednemu znakowi. (patrz rys.1) Żeby rozpocząć edycję dowolnej litery wystarczy podwójnie kliknąć na odpowiadające jej pole. Następnie wybieramy opcję Import Image z menu Tools.

W nowo otwartym oknie (rys.2) wciskamy przycisk Load i wskazujemy bitmapę z daną literą. Po lewej stronie widzimy plik źródłowy, po prawej podgląd znaku po wektoryzacji. Czcionkę możemy pogrubić wybierając opcję Erode (w oknie z tekstem No filter) lub odchudzić opcją Dilate (w obydwu przypadkach trzeba w polu obok podać stopień tych zmian od 1 wzwyż), można też wygenerować negatyw obrazka (zaznaczając Negative image). Wreszcie wciskamy przycisk Generate i już po chwili mamy literę w postaci wektorowej.
Edycja
Font creator umożliwia edycję liter w dwóch trybach:

Tryb contour mode służy do zmiany wielkości i położenia litery. Możemy ją rozciągać i zwężać, przsuwać i obracać przy pomocy wskaźnika myszki, podobnie jak ma to miejsce w większości programów do grafiki wektorowej. Point mode jest przeznaczony do operacji na węzłach.Tryb ten pozwala nam dowolnie kształtować wygląd znaku.
Edycję warto rozpocząć od usunięcia zbędnych punktów. Im gorszej jakości skan poddaliśmy wektoryzacji tym więcej punktów generuje program. (patrz rys.4 i rys.5)

Szczególnie przydatną funkcją programu Font Creator jest możliwość przetestowania fonta w trakcie pracy nad nim. Służy do tego opcja Test w menu Font (lub klawisz F5) (patrz rys.6)

Po przygotowaniu wszystkich znaków trzeba jeszcze ustawić kodowanie polskich liter, odstępy, kerning oraz uzupełnić część informacyjną fonta.
Polskie znaki
Aby ustawić kodowanie polskich liter wybieramy z menu Format opcję Settings. Otwiera nam się okno, w którym możemy między innymi wpisać datę utworzenia czcionki, określić wielkość liter (WinAscent w zakładce Windows) . Następnie w zakładce Windows wciskamy przycisk Edit Code Page Character Ranges i zaznaczamy opcję Latin 2 Eastern Europe. (patrz rys.7)

Odstępy między literami
Odstępy między literami możemy ustawić ręcznie (w polu edycji każdej litery służą do tego pionowe, przerywane linie) lub automatycznie używając narzędzia Automatic Metrics Wizard (Tools > AutoMetrics). Podobnie wygląda sprawa określenia kerningu. Tutaj również mamy do wyboru narzędzie do zmiany ręcznej (Format > Kerning) i automatycznej - Automatic Kerning Wizard (Tools > AutoKern).
Font Info
Na koniec pozostaje nam uzupełnienie informacji o czcionce. Wybieramy opcję Naming z menu Format i wpisujemy w odpowiednie pola: nazwę czcionki, informację na temat praw autorskich, numer wersji, etc. (rys.8)

Przycisk Advanced umożliwia dostęp do formularza w którym możemy wpisać również imię i nazwisko twórcy czcionki, adres jego strony internetowej, informacje o ograniczeniach licencyjnych, etc.
Na koniec pozostało tylko zapisać czcionkę pod odpowiednią nazwą i nasz pierwszy font jest już gotowy.
Chciałbym zaprezentować prosty sposób na zrobienie czcionki. Zanim rozpoczniemy pracę powinniśmy zaopatrzyć się w:
* skaner
* program font creator (poradnik ten będzie opisywał głównie wersję 3.0 ale może być również wcześniejsza, wersję demo można ściągnąć ze strony
Kod:
Tylko dla zarejestrowanych. Chcesz mieć pełny dostęp do Ajo.pl?
Zarejestruj się i dołącz do naszego grona wirtualnych przyjaciół!
Tylko dla zarejestrowanych. Chcesz mieć pełny dostęp do Ajo.pl?
Zarejestruj się i dołącz do naszego grona wirtualnych przyjaciół!
* program do obróbki grafiki bitmapowej (paint shop pro, photoshop czy photopaint)
Projekt
Najważniejszym elementem w procesie tworzenia czcionki jest projekt. Najprościej będzie narysować każdą literę alfabetu na kartce papieru. Nie możemy zapominać również o znakach dodatkowych. Listę najważniejszych z nich wraz z nazwami znajdziecie poniżej:
! (exclam) " (quotedbl) # (numbersign) $ (dollar) % (percent)
& (ampersand) ' (quotesingle) ( (parenleft) ) (parenright)
* (asterisk) + (plus) , (comma) - (hyphen) . (period) / (slash)
: (colon) ; (semicolon) < (less) = (equal) > (greater) ? (question) @ (at) \ (backslash) [ (bracketleft) ] (bracketright)
^ (asciicircum) _ (underscore) ` (grave) { (braceleft)
} (braceright) | (bar) ~ (asciitilde)
Skanowanie i przygotowanie bitmap
Przygotowany projekt skanujemy w możliwie dużej rozdzielczości, w dwóch kolorach (czarno-biały). Poprawiamy następnie kontrast i ostrość obrazka w dowolnym programie graficznym, oraz dzielimy go tak, żeby każda litera była zapisana w osobnym pliku.
Wektoryzacja
Uruchamiamy program FontCreator. Rozpoczynamy pracę od zainicjowania nowego projektu - menu File>New (lub klawisze ctrl+n). Następnie wybieramy typ czcionki, którą chcemy stworzyć - do wyboru mamy: symbol, unicode i wgl4.ttf.

Program otwiera tabelę, w której każda komórka odpowiada jednemu znakowi. (patrz rys.1) Żeby rozpocząć edycję dowolnej litery wystarczy podwójnie kliknąć na odpowiadające jej pole. Następnie wybieramy opcję Import Image z menu Tools.

W nowo otwartym oknie (rys.2) wciskamy przycisk Load i wskazujemy bitmapę z daną literą. Po lewej stronie widzimy plik źródłowy, po prawej podgląd znaku po wektoryzacji. Czcionkę możemy pogrubić wybierając opcję Erode (w oknie z tekstem No filter) lub odchudzić opcją Dilate (w obydwu przypadkach trzeba w polu obok podać stopień tych zmian od 1 wzwyż), można też wygenerować negatyw obrazka (zaznaczając Negative image). Wreszcie wciskamy przycisk Generate i już po chwili mamy literę w postaci wektorowej.
Edycja
Font creator umożliwia edycję liter w dwóch trybach:

Tryb contour mode służy do zmiany wielkości i położenia litery. Możemy ją rozciągać i zwężać, przsuwać i obracać przy pomocy wskaźnika myszki, podobnie jak ma to miejsce w większości programów do grafiki wektorowej. Point mode jest przeznaczony do operacji na węzłach.Tryb ten pozwala nam dowolnie kształtować wygląd znaku.
Edycję warto rozpocząć od usunięcia zbędnych punktów. Im gorszej jakości skan poddaliśmy wektoryzacji tym więcej punktów generuje program. (patrz rys.4 i rys.5)

Szczególnie przydatną funkcją programu Font Creator jest możliwość przetestowania fonta w trakcie pracy nad nim. Służy do tego opcja Test w menu Font (lub klawisz F5) (patrz rys.6)

Po przygotowaniu wszystkich znaków trzeba jeszcze ustawić kodowanie polskich liter, odstępy, kerning oraz uzupełnić część informacyjną fonta.
Polskie znaki
Aby ustawić kodowanie polskich liter wybieramy z menu Format opcję Settings. Otwiera nam się okno, w którym możemy między innymi wpisać datę utworzenia czcionki, określić wielkość liter (WinAscent w zakładce Windows) . Następnie w zakładce Windows wciskamy przycisk Edit Code Page Character Ranges i zaznaczamy opcję Latin 2 Eastern Europe. (patrz rys.7)

Odstępy między literami
Odstępy między literami możemy ustawić ręcznie (w polu edycji każdej litery służą do tego pionowe, przerywane linie) lub automatycznie używając narzędzia Automatic Metrics Wizard (Tools > AutoMetrics). Podobnie wygląda sprawa określenia kerningu. Tutaj również mamy do wyboru narzędzie do zmiany ręcznej (Format > Kerning) i automatycznej - Automatic Kerning Wizard (Tools > AutoKern).
Font Info
Na koniec pozostaje nam uzupełnienie informacji o czcionce. Wybieramy opcję Naming z menu Format i wpisujemy w odpowiednie pola: nazwę czcionki, informację na temat praw autorskich, numer wersji, etc. (rys.8)

Przycisk Advanced umożliwia dostęp do formularza w którym możemy wpisać również imię i nazwisko twórcy czcionki, adres jego strony internetowej, informacje o ograniczeniach licencyjnych, etc.
Na koniec pozostało tylko zapisać czcionkę pod odpowiednią nazwą i nasz pierwszy font jest już gotowy.
Lista podobnych tematów:
AJO.pl
|
TRO MEDIA
Korzystanie z serwisu oznacza akceptację
regulaminu
.
Polityka prywatności
Regulamin
FAQ
Reklama
Współpraca
Kontakt


