Jak zrobić własną, oryginalną Czcionkę np. do Patchy?

Wskazówki dot. aplikacji, gier, motywów i rzeczy z komputera.

Post by adrian219 » 21 Nov 2009, o 21:39

Poradnik można podzielić 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

____________________________________________________

Część Pierwsza:

METODA RĘCZNIE RYSOWANYCH ZNAKÓW

Co będzie nam potrzebne:

- skaner
- program FontCreator (wersja demo na stronie producenta http://www.high-logic.com/fontcreator.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

Code: Select all
Please Login or Register, to see this Content


4) Uruchamiamy program FontCreator, otwieramy:

-File -> New

Wyskoczy nam takie okienko, podajemy nazwę czcionki, zaznaczamy opcję tak jak na obrazku i klikamy OK:

Image

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

Image

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.

Image

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.

Image

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.

Image

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.

Image

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

Image

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

METODA KOMPUTEROWO RYSOWANYCH ZNAKÓW

Co będzie nam potrzebne:

- program FontCreator (wersja demo na stronie producenta http://www.high-logic.com/fontcreator.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:

Image

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

Image

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.

Image

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ć ?

Znajdziemy tutaj:

KLIK

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.

Image

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

Poradnik całkowicie skopiowany ze strony Swiatczcionek.pl . Autor to vBB

Jako iż musiałem podać link do tematu do strony swiatczcionek, gdyż w tamtyym poradniku widnieje napis, że zakaz kopiowania.

Życzę miłego robienia czcionek :P


Pozdrawiam
Last edited by adrian219 on 1 Jan 1970, o 01:00, edited 1 time in total.
Image
Image

Moderator: 24.01.2011 - ??.??.????

Na forum już <uwaga> PIĘĆ lat. :)
adrian219 Male
Moderator
 
Offline
 
Telefon: Motorola Moto G
Soft: 4.4.4
Operator: Play
Age: 21
Location: Warszawa

Joined: 25 Mar 2009
Online: 220d 14h 21s
Posts: 3754Topics: 345
Reputation point: 4122
    Windows XP Firefox

Post by adam111 » 27 kwi 2009, o 00:00

BoTs RoX! :D
adam111 Mężczyzna
Oddajcie mi cześć!
50%

Avatar użytkownika
 
Online
 
Telefon: Nokia 3110c
Soft: v. 05.50
Operator: -----

Joined: 30 mar 2009
Online:
Posts:    •  Topics:  
    Ubuntu  Firefox

Post by IuDeX » 21 Nov 2009, o 21:44

IMO to za dużo roboty, gdyż tworzenie każdej litery z osobna jest masakrycznie nudnym zajęciem ;D
Image
IuDeX Male
Sponsor

User avatar
 
Offline
 
Telefon: SE XPERIA Tipo
Soft: Android 4.0.4
Operator: Play
Age: 23
Location: Poznań

Joined: 22 Aug 2009
Online: 155d 22h 22m 15s
Posts: 4081Topics: 125
Reputation point: 3653
    Windows XP Firefox

Post by Filip » 21 Nov 2009, o 21:52

ale dobre do poprawienia np. w sony sketch chyba jakiś symbol matematyczny trzeba było, spację i nowy wiersz.
ImageImage
Image
Filip Male
ex jr admin
Friend
 
Offline
 
Telefon: 2
Operator: Orange

Joined: 23 Mar 2009
Online: 26d 34m
Posts: 2169Topics: 282
Reputation point: 4745
    Windows XP Firefox

Post by adrian219 » 21 Nov 2009, o 21:57

IuDeX, jak by było ich 200 to może i tak ale to tylko 32 + ok. 18 znaków czyli z 50 znaków to roboty, trochę usiądź i będzie czcionka ;) Sam jak kiedyś ja będę mieć czas to zrobię sobie ale na razie czekam na wasze opinie ;)

Pozdro
Image
Image

Moderator: 24.01.2011 - ??.??.????

Na forum już <uwaga> PIĘĆ lat. :)
adrian219 Male
Moderator
 
Offline
 
Telefon: Motorola Moto G
Soft: 4.4.4
Operator: Play
Age: 21
Location: Warszawa

Joined: 25 Mar 2009
Online: 220d 14h 21s
Posts: 3754Topics: 345
Reputation point: 4122
    Windows XP Firefox

Post by SileS » 21 Nov 2009, o 21:59

To jest dobre :D Lecz dla ludzi z weną,duża Cierpliwością i mnóstwem wolnego czasu :D
SileS Male
Friend

User avatar
 
Offline
 
Telefon: 58oo XM/311oc XM
Soft: V60.0.003/7.21
Operator: Orange
Age: 26
Location: Tomaszów Mazowiecki

Joined: 27 Apr 2009
Online: 35d 22h 9m 8s
Posts: 1684Topics: 27
Reputation point: 1055
    Windows XP Firefox

Post by kurupt » 6 Feb 2010, o 11:19

Kto wie, jakiego kodowania glypha trzeba użyć, aby wrzucić do czcionki znak x^2, taki jaki jest w kalkulatorach naukowych?
//edit
Ok sprawa wyjaśniona a mianowicie nie trzeba nawet kodowania dawać, telefon sam wykryje ;). Trzeba samemu zmontować x^2 i działa!
Image Image
Image Image
Image Image
Image Image
Image Image
Image Image
Image Image
kurupt Male
Friend

User avatar
 
Offline
 
Telefon: E51
Operator: 36i6, Sami Swoi
Age: 24

Joined: 1 Nov 2009
Online: 36d 10h 44m 7s
Posts: 1113Topics: 192
Reputation point: 2644
    Windows XP Firefox


Return to Multimedia & Software

Who is online

Users browsing this forum: No registered users and 0 guests