W tym samouczku pokażemy, jak utworzyć własną czcionkę za pomocą programu Illustrator i internetowego serwisu internetowego fontastic.me.
Aby kontynuować, potrzebna jest kopia programu Adobe Illustrator, ale jeśli nie masz kopii i nie chcesz jej kupować, być może zainteresuje Cię nasz podobny samouczek, który korzysta z programu Inkscape. Inkscape to darmowa, otwarta alternatywa dla Illustratora. Bez względu na to, która aplikacja do rysowania wektorowego jest używana, fontastic.me oferuje swoją usługę całkowicie za darmo.
Podczas gdy pokażemy, jak utworzyć czcionkę wyciągniętą ręcznie za pomocą zdjęcia listów narysowanych na papierze, można również użyć podobnych technik do wytworzenia czcionki za pomocą liter, które zostały narysowane bezpośrednio w programie Illustrator. Jeśli używasz tabletu rysunkowego, może to być lepsze od Ciebie.
Jeśli używasz zdjęcia, upewnij się, że używasz ciemnego pisaka, aby narysować litery i używaj zwykłego białego papieru dla maksymalnego kontrastu. Ponadto, zrób zdjęcie w dobrym świetle, aby uzyskać wyraźne i kontrastowe zdjęcie, aby program Illustrator mógł tak łatwo jak to tylko możliwe śledzić poszczególne litery.
Otwórz pusty dokument
Pierwszym krokiem jest otwarcie pustego pliku do pracy.
Iść do Plik> Nowy i w oknie dialogowym ustaw rozmiar według potrzeb. Użyliśmy rozmiaru strony kwadratowej o wielkości 500 pikseli, ale możesz to ustawić zgodnie z oczekiwaniami.
Następnie zaimportujemy plik ze zdjęciem do programu Illustrator.
Importuj swoje zdjęcie ręcznie narysowanego tekstu
Jeśli nie masz jeszcze zdjęcia ręcznie narysowanego tekstu, możesz pobrać ten sam plik, którego użyliśmy w tym samouczku.
Aby zaimportować plik, przejdź do Plik> Miejsce a następnie przejdź do miejsca, w którym znajduje się Twoje zdjęcie ręcznie narysowanego tekstu. Kliknij Miejsce i zobaczysz, że zdjęcie pojawi się w twoim dokumencie.
Możemy teraz prześledzić ten plik, aby dać nam wektorowe litery.
Śledź zdjęcie ręcznie rysowane listów
Śledzenie listów jest bardzo proste.
Po prostu przejdź do Obiekt> Śledzenie na żywo> Utwórz i rozwiń i po kilku chwilach zobaczysz, że wszystkie litery zostały nałożone na nowe wersje linii wektorowych. Mniej oczywiste jest to, że będą otoczone innym obiektem, który reprezentuje tło zdjęcia. Musimy usunąć obiekt tła, więc przejdź do Obiekt> Rozgrupuj a następnie kliknij w dowolnym miejscu poza prostokącie obwiedni, aby odznaczyć wszystko. Teraz kliknij blisko, ale nie na jedną z liter i powinieneś zobaczyć, że zaznaczono prostokątne tło. Wystarczy nacisnąć Kasować naciśnij klawisz na klawiaturze, aby go usunąć.
Pozostawia to jednak wszystkie pojedyncze litery, jeśli któreś z twoich listów zawiera więcej niż jeden element, będziesz musiał je pogrupować. Wszystkie nasze listy zawierają więcej niż jeden element, więc musieliśmy zgrupować wszystkie. Odbywa się to poprzez kliknięcie i przeciągnięcie markizy zaznaczenia, która obejmuje wszystkie różne części litery, a następnie przejście do Obiekt> Grupa.
Zostaniesz teraz ze wszystkimi swoimi pojedynczymi literami, a następnie użyjemy ich do stworzenia indywidualnych plików SVG, których potrzebujemy do stworzenia czcionki na fontastic.me.
Związane z: Możesz również nauczyć się używać funkcji Live Trace w programie Illustrator.
Zapisz pojedyncze litery jako pliki SVG
Niestety program Illustrator nie pozwala na zapisanie wielu obszarów roboczych w osobnych plikach SVG, więc każda litera musi zostać ręcznie zapisana jako osobny plik SVG.
Po pierwsze wybierz i przeciągnij wszystkie litery, aby nie nakładały się na obszar roboczy. Następnie przeciągnij pierwszą literę na obszar roboczy i zmień jej rozmiar, aby wypełnić obszar roboczy, przeciągając jeden z uchwytów narożnych. Przytrzymaj przycisk Przesunięcie podczas wykonywania tej czynności zachowaj te same proporcje.
Po zakończeniu przejdź do Plik> Zapisz jako iw oknie dialogowym zmień wartość Format opuść do SVG (svg), nadaj plikowi sensowną nazwę i kliknij Zapisać. Możesz teraz usunąć tę literę i umieścić i zmienić rozmiar następnego w obszarze roboczym. Znowu rób Zapisz jako i kontynuuj, dopóki nie zachowasz wszystkich swoich listów.
Na koniec, przed kontynuowaniem, zapisz pusty obszar roboczy, aby użyć go jako znaku spacji. Możesz również rozważyć zapisanie znaków interpunkcyjnych i małych liter w swoich listach, ale nie zawracaliśmy sobie głowy tym tutorialem.
Po przygotowaniu tych oddzielnych plików SVG możesz wykonać kolejny krok, aby utworzyć czcionkę, przesyłając je do fontastic.me. Zapoznaj się z tym artykułem, aby dowiedzieć się, jak korzystać z fontastic.me, aby ukończyć czcionkę: Utwórz czcionkę za pomocą Fontastic.me.
Użyj panelu eksportu nowych zasobów
Obecna wersja programu Adobe Illustrator zawiera nowy panel, który pozwala umieścić wszystkie rysunki na jednym obszarze roboczym i wyświetlać je jako pojedyncze dokumenty SVG. Oto jak:
- Wybierz Okno> Eksport zasobów , aby otworzyć panel Eksport zasobów.
- Wybierz jedną lub wszystkie swoje litery i przeciągnij je do panelu. Wszystkie pojawią się jako pojedyncze przedmioty.
- Kliknij dwukrotnie nazwę obiektu na panelu i zmień jego nazwę. Zrób to dla wszystkich elementów w panelu.
- Wybierz elementy do eksportu i wybierz SVG z Format wyskoczyć.
- Kliknij Eksport.
