Być może kiedyś zastanawiałeś się w jaki sposób możesz stworzyć własną czcionkę, ale niekoniecznie wiedziałeś jak się do tego zabrać.

Jeśli kiedykolwiek takie pytanie zaprzątało Ci głowę, prawdopodobnie tu znajdziesz rozwiązanie. Przedstawiamy dwa popularne edytory on-line, które pomogą w szybki i zupełnie darmowy sposób stworzyć Ci dowolnie wyglądającą czcionkę.

BitFontMaker

Pierwszą aplikacją jest BitFontMaker. Jest to edytor charakteryzujący się prostą obsługą i ograniczonymi możliwościami, ale w zupełności wystarczającymi, aby stworzyć czcionkę True Type.

Budowa interfejsu edytora jest banalnie prosta. Górną cześć edytora stanowi lista znaków alfabetu. Pod listą znajduję się obszar edycji obranego znaku, oraz jego opcje:

• kopiuj – kopiuje aktualnie wybrany znak
• wklej – wkleja wcześniej skopiowany znak
• wyczyść – usuwa aktualnie wybrany znak
• ładuj – ładuje wcześniej zapisany alfabet
• zapisz – zapisuje cały alfabet
• otwórz okno danych importu/eksportu – okno zawiera postać tekstową stworzonych przez nas znaków alfabetu

Należy pamiętać o tym, że edytor pozwala nam zapisywać w przeglądarce (poprzez plik cookie) tylko jedną czcionkę w danym momencie. Dlatego właśnie autor edytora sugeruje zapisywanie postaci tekstowych czcionek (okno danych importu/eksportu) w osobnym pliku poprzez klasyczną operację kopiowania (CTRL+C) i wklejania (CTRL+V) tekstu.

Wykonaną czcionkę możemy przetestować wpisując w polu TEST DRIVE frazę testującą wygląd znaków alfabetu, możemy ją również pobrać (przycisk CREATE FONT) lub udostępnić innym użytkownikom poprzez umieszczenie jej w BiTFont Muzeum (przycisk SEND FONT) – galerii wykonanych czcionek.

FontStruct

Drugą aplikacją jest FontStruct. Edytor ten cechuje się intuicyjną obsługą, a przy tym bardzo rozbudowanymi możliwościami edycyjnymi.

Aby móc korzystać z edytora, wymagana jest wcześniejsza rejestracja. Proces rejestracji zostaje uznany za zakończony dopiero po kliknięciu w link potwierdzający przysłany na podany przez nas adres email.

Panel użytkownika

Zanim przejdziemy do samej edycji warto opisać sam panel zarządzania naszym kontem.

Zakładką która nas interesuje jest „My FontStruct„, ponieważ tu odbywa się konfiguracja ustawień naszego profilu. Wewnątrz zakładki widzimy podział na:

• FontStructions – tu poza możliwością przejścia w tryb edycji (przycisk „Create New FontStruction”), znajduje się również lista wszystkich (wraz z podglądem) zapisanych przez nas czcionek.

  Po kliknięciu na czcionkę z listy, przejdziemy w tryb bardziej zaawansowanych ustawień.

  

  Poniżej podglądu czcionki znajduję się zestaw opcji:

  • edycja („Edit„),
  • pobierz („Download„),
  • klonuj („Clone„) – tworzy duplikat czcionki,
  • wstaw obiekt („Embed„) – umożliwia wygenerowanie widgeta naszej czcionki. Widget przypomina wyglądem klip wideo z YouTube, jednak posiada on wyjątkową cechę – przez cały czas jest aktualizowany. Oznacza to że, umieszczając go na jakiejkolwiek stronie www, będziemy mieć pewność, że pokazuje on zawsze aktualny stan wykonanej przez nas czcionki. Aby umieścić widgeta na swojej stronie wystarczy skopiować zawartość pola (tag <object>) i wkleić do kodu naszej strony
  • usuń („Delete„)

  Pod opcjami widzimy sekcję „Details„, gdzie definiujemy parametry opisu czcionki. Poszczególne pozycje oznaczają:

  • „Sharing„:
    • „Share this with everyone” – czcionka będzie mogła być klonowana oraz pobierana przez innych użytkowników społeczności FontStruct, oraz dostępna w trybie podglądu przez wszystkich innych,
    • „Keep this private” – czcionka przeznaczona będzie wyłącznie do naszych celów
  • „Description” – krótki opis, który może być pomocny w odnalezieniu naszej czcionki przez innych użytkowników,
  • „Name” – nazwa czcionki,
  • „Stats” – dane przedstawiające ilość dostępnych znaków alfabetu czcionki oraz ilość pobrań,
  • „Created” – data stworzenia,
  • „Last Change” – data ostatniej zmiany,
  • „Permalink” – bezpośredni link do czcionki,
  • „Tags” – zestaw słów kluczowych, oddzielonych przecinkiem, pomocnych w klasyfikacji czcionki
  • „Rating” – aktualna ocena, będąca średnią wszystkich oddanych głosów

  Kolejną i ostatnią sekcją tego okna jest „Discussion„, która umożliwia dodanie komentarza oraz załadowanie grafiki.

• Profile – tutaj możemy w prosty i rzeczowy sposób przedstawić swoją osobę, poprzez:
  • umieszczenie awatara („Avatar”),
  • podanie URL’a swojej strony domowej („Personal URL”),
  • opisanie siebie w kilku zdaniach („About Me”),
  • podanie imienia („First Name”),
  • podanie nazwiska („Surname”),
  • oraz wyborze preferowanej formy opisu swojej osoby:
    • „On my FontStruct homepage show my” – ten opis będzie wyświetlany innym użytkownikom społeczności FontStruct,
    • „In my license and copyright texts use my” – ten opis będzie widniał na licencji dołączonej do wykonanej czcionki

  

• Settings – posiada dwie sekcje:
  • „License Settings” – tu określamy na jakiej licencji będzie udostępniana nasza czcionka.

    

    

Dostępne licencje:

    • Creative Commons Attribution Share Alike
    • Creative Commons Attribution Non-commercial Share Alike
    • Creative Commons Attribution
    • Creative Commons Attribution Non-commercial
    • Creative Commons Attribution No Derivatives
    • Creative Commons Attribution Non-commercial No Derivatives
  • „Messaging and Notifications” – tu definiujemy ustawienia dotyczące komunikatów, komentarzy oraz aktualizacji

    

    Dostępne opcje:

    • „Allow other FontStructors to send me messages” – dopuszczaj wysyłanie komunikatów od innych użytkowników społeczności,
    • „Email me when another FontStructor sends me a message” – informuj mnie mailem, gdy inny użytkownik wysłał do mnie wiadomość,
    • „Email me when someone comments on one of my FontStructions” – informuj mnie mailem, gdy inny użytkownik komentuje moją czcionkę,
    • „Email me about new and free fonts from FontShop” – informuj mnie mailem o nowych i darmowych czcionkach,
    • „Email me important FontStruct news” – informuj mnie mailem o ważnych newsach FontStruct
• Account – tu możemy zmienić nasz adres email, hasło, lub usunąć wszystkie swoje dane osobowe,

  

• Messages- tu znajdują się wszystkie przysłane do nas jak i wysłane przez nas wiadomości

  

Interfejs edytora

Interfejs edytora zbudowany jest:

• z lewej kolumny składającej się:
  • z okna podglądu wszystkich użytych stylów bloku („My Bricks”)
  • z okna listy dostępnych stylów bloku („All Bricks”)
• obszaru edycji,
• oraz stopki składającej się:
  • z menu wyboru alfabetu
  • z listy dostępnych znaków w alfabecie

Edycja czcionki

Edycję możemy rozpocząć na dwa sposoby. Pierwszy to przejście do zakładki „MyFontStruct” i kliknięcie na przycisk „Create New FontStruction„, natomiast drugi to przejście do zakładki „FontStructor” i kliknięcie na przycisk „Start FontStructing„. W obu przypadkach podczas pierwszej edycji musimy podać nazwę tworzonej czcionki.

Każdy edytowany znak alfabetu składa się z wielu dwu wymiarowych bloków. Edytor pozwala nam na stosowanie stylów takich bloków, dzięki czemu możemy w dość prosty sposób uzyskać bardzo dobrze wyglądające czcionki.

Menu edytora poza możliwością zapisywania, pobierania oraz podglądu czcionki dostarcza również:

• opcji ustawień edycji (Advanced->Edit):
  • cofanie ostatnio wykonanej operacji (skrót: Z) („Undo„),
  • powtarzanie ostatnio wykonanej operacji (skrót: Y) („Redo„),
  • wycinanie zaznaczonego obszaru (skrót: X) („Cut„),
  • kopiowanie zaznaczonego obszaru (skrót: C) („Copy„),
  • wklejenia skopiowanego obszaru (skrót: P) („Paste„),
• oraz opcji widoku (Advanced->View):
  • wyświetlenie obecnie edytowanego znaku alfabetu (skrót: T) („Current Letter„),
  • podgląd „widoku pikselowego” edytowanego znaku (skrót: .) („Pixel Preview„),
  • pokaż/ukryj siatkę (skrót: G) („Grid„),
  • pokaż/ukryj prowadnicę (skrót: U) („Extra Guides„),
  • tryb minimalny (skrót: M) („Minimal View„),
  • pokaż znaki przyległe do obecnego znaku (Skrót: J) („Adjacent Charavters„) – opcja ta pomaga zachować spójny styl wszystkich tworzonych znaków alfabetu,
  • tryb pełnoekranowy (Skrót: F11) („Full Screen„),
  • pokaż dodatkowe informacje (Skrót: I) („Expert Info„),
  • pokaż filtry (Skrót: F) („Filters„) – opcja ta wyświetla okno umożliwiające zwiększenie rozmiaru horyzontalnego oraz wertykalnego bloku,
  • pokaż/ukryj szerokość litery (Skrót: W) („Letter Width„)

Podczas edycji, przez cały czas mamy dostęp do przybornika („Tools„) składającego się z narzędzi:

• rysuj (Skrót: B) („Draw„)
• rysuj prostokąt (Skrót: R) („Draw a rectangle„)
• rysuj linie (Skrót: N) („Draw lines„)
• usuwaj bloki (Skrót: E) („Erase bricks„)
• zaznacz obszar (Skrót: P)
• przesuń widok (Skrót: H) („Pan the view„)

Dla szybszego przyswojenia obsługi edytora, autorzy umieścili film instruktażowy oraz bardzo dobrze opisaną pomoc. Jeśli mamy ochotę przyjrzeć się pracom wykonanym przez innych użytkowników, to zawsze możemy przejść do galerii, w której znajdziemy bagatela ponad 7 tys. publicznie dostępnych czcionek.

Film prezentujący FontStruct:

Podobne artykuły

• Wyszukiwarka plików MP3 – abMP3
• Szybka edycja obrazków – Resizem
• Łączenie kanałów RSS – FeedMingle
• Edytory diagramów i schematów online – LovelyCharts i Gliffy
• Przychwytywanie ekranu i edytor w jednym – PicPick