SwiatCzcionki.pl - edycja czcionek, tworzenie czcionek, darmowe czcionki, fonty, typografia: Jak zrobić własną czcionkę - SwiatCzcionki.pl - edycja czcionek, tworzenie czcionek, darmowe czcionki, fonty, typografia

Skocz do zawartości

Strona 1 z 1
  • Nie możesz napisać tematu
  • Temat jest zamknięty

Jak zrobić własną czcionkę

#1
Użytkownik nie jest zalogowany   vBB 

  • Grupa Administrator
  • Postów 1240
  • Rejestracja sob, 06 mar 10
Poradnik podzielę na dwie możliwe drogi stworzenia czcionki:

1) Narysowanie własnoręcznie znaków na kartce papieru i zeskanowanie ich skanerem oraz poprawienie w programie graficznym

2) Narysowanie znaków w programie na komputerze
W sprawach fontów NIE pomagam przez GG/PW/e-mail/Jabber!
Masz jakiś problem to napisz na forum!
0

#2
Użytkownik nie jest zalogowany   vBB 

  • Grupa Administrator
  • Postów 1240
  • Rejestracja sob, 06 mar 10
METODA RĘCZNIE RYSOWANYCH ZNAKÓW


Co będzie nam potrzebne:


- skaner
- program FontCreator (wersja demo na stronie producenta http://www.high-logi...ontcreator.html )
- program do obróbki graficznej (bitmapowej) zeskanowanych modeli liter i znaków, np. Photoshop, PaintShopPro


Od czego zacząć:

1) Przygotowujemy kartki papieru dowolnego formatu, polecam format A5.

2) Rysujemy odpowiednie znaki, zgodnie z zapotrzebowaniem i własną wizją czcionki

3)
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, chyba, że skanowaliśmy oddzielnie każdy obrazek narysowanej litery

Lista znaków:
! (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)


4) Uruchamiamy program FontCreator, otwieramy:

-File -> New

Wyskoczy nam takie okienko, podajemy nazwę czcionki, zaznaczamy opcję tak jak na obrazku i klikamy OK:
Dołączona grafika

5) Program otworzy tabelę, której każda komórka odpowiada jednemu znakowi:
[rimg]http://img15.imagesh...5/tabelajvn.jpg[/rimg]

6) Klikamy PPM na wybrany znak (puste pole), klikamy ImportImage 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.

Dołączona grafika

7)
Teraz nadszedł czas na poprawienie znaku w programie FontCreator. Klikamy 2 razy LPM na pole ze znakiem. Otworzy nam się okienko edycji czcionki, umożliwiające edycję w dwóch trybach:

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.

Dołączona grafika

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.

Dołączona grafika

8) Gdy już odpowiednio zmodyfikujemy literę, tak aby spełniała nasze wymagania, możemy zamknąć okienko i efekty naszej pracy zobaczyć wciskając klawisz F5 na klawiaturze i wpisując znak, jaki stworzyliśmy.

Dołączona grafika

9) 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 itp. Następnie w zakładce Ranges w sekcji Code Page Character Ranges wciskamy przycisk Edit i zaznaczamy opcję Latin 2 Eastern Europe.

10) Teraz dodajemy ręcznie polskie litery, postępując analogicznie jak wcześniej i dodając mapowanie znaków. Jak to zrobić opisałem w tym temacie http://swiatczcionek....php?f=9&t=4#p5 .

11) 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).

12) Na koniec pozostaje nam uzupełnienie informacji o naszej czcionce, robimy to w następujący sposób:
Wybieramy opcję Naming z menu Format i wpisujemy w odpowiednie pola: nazwę czcionki, informację na temat praw autorskich, numer wersji, itd.

Dołączona grafika

Do tutorialu użyty został program FontCreator w wersji 5.5 z interfejsem w j. angielskim.
W sprawach fontów NIE pomagam przez GG/PW/e-mail/Jabber!
Masz jakiś problem to napisz na forum!
0

#3
Użytkownik nie jest zalogowany   vBB 

  • Grupa Administrator
  • Postów 1240
  • Rejestracja sob, 06 mar 10
METODA KOMPUTEROWO RYSOWANYCH ZNAKÓW

Co będzie nam potrzebne:

- program FontCreator (wersja demo na stronie producenta http://www.high-logi...ontcreator.html )

Od czego zacząć:

1) Uruchamiamy program FontCreator, otwieramy:

-File -> New

Wyskoczy nam takie okienko, podajemy nazwę czcionki, zaznaczamy opcję tak jak na obrazku i klikamy OK:
Dołączona grafika

2) Program otworzy tabelę, której każda komórka odpowiada jednemu znakowi:

[rimg]http://img15.imagesh...5/tabelajvn.jpg[/rimg]

3) Klikamy 2 razy LPM na pusty znak w tabeli, następnie klikamy PPM na pusty obszar w okienku jaki się pojawi i wybieramy New Contour.

4) Klikamy LPM na miejsce gdzie ma się zaczynać początek grafiki litery, następnie przemieszczamy kursor w miejsce gdzie grafika ma się skończyć. Czynność powtarzamy aż uzyskamy kształt porządanej litery.

Dołączona grafika


5) 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 itp. Następnie w zakładce Ranges w sekcji Code Page Character Ranges wciskamy przycisk Edit i zaznaczamy opcję Latin 2 Eastern Europe.

6) Teraz dodajemy ręcznie polskie litery, postępując analogicznie jak wcześniej i dodając mapowanie znaków. Jak to zrobić opisałem w tym temacie http://swiatczcionek....php?f=9&t=4#p5 .

7) 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).

8) Na koniec pozostaje nam uzupełnienie informacji o naszej czcionce, robimy to w następujący sposób:
Wybieramy opcję Naming z menu Format i wpisujemy w odpowiednie pola: nazwę czcionki, informację na temat praw autorskich, numer wersji, itd.

Dołączona grafika

Do tutorialu użyty został program FontCreator w wersji 5.5 z interfejsem w j. angielskim.



Cytat

UWAGA!!! Tutorial nie zawiera informacji o tym, jak zmapować poszczególne litery. Opis jak to zrobić dodam wkrótce.

W sprawach fontów NIE pomagam przez GG/PW/e-mail/Jabber!
Masz jakiś problem to napisz na forum!
0

Udostępnij ten temat:


Strona 1 z 1
  • Nie możesz napisać tematu
  • Temat jest zamknięty

Użytkownicy przeglądający ten temat: 1
0 użytkowników, 1 gości, 0 anonimowych