Pamiętam, że rok temu miałem tyle problemów z wektorowaniem listów. Dobrze rozumiałem narzędzie Pióro, ale nie miałem pojęcia, że nauka kilku drobnych technik zdziała cuda dla mojego typu i pomoże stworzyć te gładkie krzywe, których szukałem.
Pamiętam, że rok temu miałem tyle problemów z wektorowaniem listów. Dobrze rozumiałem narzędzie Pióro, ale nie miałem pojęcia, że nauka kilku drobnych technik zdziała cuda dla mojego typu i pomoże stworzyć te gładkie krzywe, których szukałem.
Mamy nadzieję, że ten samouczek programu Illustrator z ręcznym pisaniem odpowie na wszystkie pytania dotyczące wektoryzacji liter i prawie wszystkiego. Możesz użyć tego samego procesu dla dowolnego pisma odręcznego, które tworzysz w programie Illustrator. W przypadku liternictwa odręcznego kluczowe jest posiadanie stosunkowo niewielu punktów zakotwiczenia przy odpowiednim rozmieszczeniu punktów i wielu innych sztuczkach, aby udoskonalić te krzywe, kąty, szerokości itp.
Uwaga: chociaż ten samouczek dotyczący pisma ręcznego nauczy Cię przydatnych umiejętności, jest to proces. Kreatywne czcionki alfabetu odręcznego firmy Envato Elements to świetne opcje dla Twoich najpilniejszych potrzeb. Znajdź więcej prostych czcionek do kaligrafii, takich jak Devilion, po samouczku.
Wstępny samouczek
Trzy rzeczy, na które należy zwrócić uwagę, zanim zaczniemy umieszczać pismo odręczne w postaci wektorowej:
Po pierwsze, poniższy proces ręcznego pisania liter wykorzystuje część pracy, którą już stworzyłem w poprzednim samouczku. Ze względu na Twoją praktykę i doświadczenie sugeruję stworzenie/użycie własnego kawałka ręcznie rysowanego pisma, zamiast odtwarzania mojego. To naprawdę najlepszy sposób na naukę! Chcę, żebyś wziął poniższe informacje i nałożył je na swój własny napis, abyś miał gotowy kawałek, który naprawdę możesz nazwać swoim!
Po drugie, ten samouczek nie ma na celu nauczenia cię, jak używać/zrozumieć narzędzie Pióro. Jeśli nie rozumiesz, jak to działa lub jak działa, sugeruję przeczytanie tego przed rozpoczęciem — ułatwi to tylko późniejsze działania.
Wektor
Narzędzie Pióro programu Illustrator: kompleksowy przewodnik
Ian Yates
Po trzecie, chcę, żebyście wszyscy wiedzieli, że ten samouczek może wydawać się nieco pomieszany i rozszarpany, ale obiecuję, że to ze względu na nauczanie! Chcę tylko podzielić się wszystkim i wszystkim, aby pomóc w procesie wektorowego ręcznego pisania. Krótko mówiąc, nie będzie to uproszczony początek i koniec. Będzie początek i koniec, ale dotarcie tam zajmie nam trochę czasu!
Miej otwarty umysł, a obiecuję, że stworzymy wspaniałe rzeczy. Zaczynajmy!
1. Przygotowywanie potrzebnych narzędzi
1.
Komputer — PC lub Mac. Każdy wykona zadanie!
Adobe Illustrator
Wstępny szkic/skan odręcznego napisu, który chcesz wektorować
Długopis lub ołówek
W tym samouczku użyjesz szkicu niektórych wcześniejszych liter, które mogłeś zrobić z poprzednich samouczków. Skoncentrujemy się na zrobieniu tego szkicu i przerysowaniu go w formacie wektorowym pisma ręcznego.
2. Wykreślanie punktów na ekstremach
2.
Zanim zaczniemy pracować na komputerze, przećwiczymy ręczne wektorowanie! Z papierem! Szalony, prawda? Obiecuję, że zapewni to znacznie większe zrozumienie i uznanie dla wspaniałego narzędzia Pióro.
Co oznacza „extrema”? Po pierwsze, liczba mnoga oznacza ekstremum. W matematyce oznacza to na ogół maksimum lub minimum. W przypadku liternictwa mówimy o skrajnych przeciwieństwach litery, aby skomponować ją z uchwytami beziera. Na przykład ekstremami litery „O” byłyby północne i południowe punkty zakotwiczenia, które tworzą krzywą. Z boku wschodnie i zachodnie punkty kotwiczenia pozwalają na rozłożenie ciężaru i szerokości.
Spójrz na ten krąg poniżej. Możesz zobaczyć, że kształt jest tworzony równomiernie przez cztery główne punkty. To są „ekstrema” litery „O”.
Zwróć uwagę, że uchwyty są równomiernie wyważone i rozmieszczone. Tę samą technikę należy zastosować do napisów. Upewnij się, że wszystkie uchwyty równoważą obciążenie pracą i nie pozwalają, aby tylko jeden uchwyt był wyjątkowo długi i przenosił cały ciężar.
Krok 1
Pobierz załączony napis, jeśli chcesz użyć mojego. Jeśli nie, skorzystaj z własnego! Od tego momentu zacznijmy rysować, gdzie pojadą punkty zakotwiczenia. Śmiało, użyj ołówka lub długopisu i narysuj okręgi w dowolnym miejscu, w którym myślisz, że umieścisz te punkty kontrolne w programie Adobe Illustrator.
Nie martw się, czy masz rację, czy nie — po prostu idź i zobacz, co według Ciebie może być słuszne. Później, dzięki temu samouczkowi i dalszej praktyce, będziesz zdumiony swoim wzrostem / nową wiedzą.
Krok 2
Następnie weź ten sam kawałek ręcznie narysowanego napisu i zacznij rysować prostokąty wokół każdej litery. Używamy łatwej sztuczki, aby zrozumieć, gdzie wykreślasz swoje punkty na „ekstremalnych” formach literowych. Punkt zakotwiczenia powinien znajdować się w miejscu, w którym prostokąt dotyka listu. Nie oznacza to, że twoja forma literowa powinna mieć tylko cztery punkty zakotwiczenia, ponieważ prostokąt ma cztery boki. To po prostu świetny punkt wyjścia.
Później zaczniemy kreślić ekstrema w programie Illustrator, a następnie dodawać dodatkowe punkty kontrolne dla poszczególnych krzywych lub może zwiększać wagę w formie litery. Każda forma literowa będzie się różnić, więc ten proces ręcznego pisania nie jest osadzony w kamieniu. Ostatecznie da ci to przewagę we właściwym kierunku, a następnie od ciebie zależy, czy będziesz wiedział, co wygląda „dobrze”, a co „poprawnie”.
3. 0 °, 45 °, 90 °: kąty uchwytu
3.
Teraz, zanim zagłębimy się w tę część samouczka, chcę powiedzieć, że 0°, 45° i 90° niekoniecznie są jedynymi kątami, pod którymi powinieneś umieścić swoje uchwyty. Ponownie, wszystko sprowadza się do tego, co wygląda dobrze i na podstawie własnego osądu, aby określić, czy można użyć na przykład losowego kąta 15°.
Więc co jest takiego specjalnego w kątach poziomych, pionowych i ukośnych (45 stopni)? Po pierwsze, używanie podobnych kątów zapewnia spójność tekstu. Po drugie, te kąty są kluczem do tworzenia najgładszych krzywych. Zauważyłeś kiedyś małe punkty lub krawędzie w twoim napisie, które są spowodowane punktami kontrolnymi? Cóż, można to łatwo naprawić za pomocą odpowiedniego umieszczenia punktu kotwiczenia i odpowiedniego kąta uchwytów.
Chodźmy do pracy!
Krok 1
Poniższy prosty proces wektorowego pisania ręcznego pokaże znaczenie uchwytów punktów zakotwiczenia w poziomie i w pionie. Ten proces powinien być używany w prawie każdym projekcie wektorowym, który masz odtąd. Zacznijmy od wektoryzacji słowa „The”. Chcę rozbić proces wektoryzacji, abyście mogli zobaczyć, jak normalnie robiłbym wektorowanie prostego słowa, takiego jak to.
Jeśli chcesz, możesz zacząć od zastosowania techniki „prostokąta” z ręcznie rysowanym napisem, zanim zaczniesz, aby móc określić, gdzie należy umieścić swoje ekstrema.
Krok 2
Po narysowaniu twojego napisu „The”, zaczniemy teraz rozbierać go kawałek po kawałku na wektor pisma ręcznego.
Zacznę od rdzenia litery „T”. Jak możesz powiedzieć, używam tych poziomych uchwytów punktów kontrolnych, a także dwóch niezbyt matematycznych kątów. Pamiętaj, nie każdy uchwyt musi być poziomy. To naprawdę to, co Twoim zdaniem może wyglądać najlepiej. W przypadku tego wspornika zacząłem od ustawienia wszystkich uchwytów poziomo, a następnie dostosowałem oba, aby pasowały do moich upodobań.
Podsumowując, cała ta łodyga została stworzona z zaledwie czterema punktami zaczepienia i odrobiną prób i błędów.
Krok 3
Tutaj sprawy stają się trochę szalone. W tym konkretnym przykładzie zdecydowałem się na wektoryzację połączenia „Th”, aby utworzyć pojedynczy kształt. Każdy punkt kontrolny jest jednakowo zrównoważony i równomiernie rozkłada krzywiznę. Jeśli chodzi o to, od czego zacząć kreślenie punktów kontrolnych, wszystko zależy od preferencji. Formy literowe zazwyczaj dyktują, od czego zacząć. Dla mnie pracuję od lewej do prawej, więc zacząłem od narysowania połączenia pętli „T” i zakończyłem na rdzeniu „h”.
Idźmy dalej!
Krok 4
Następnie uformowałem ramię „h” (drugi pień, jeśli chcesz). Każdy element tego napisu jest podzielony na osobne kształty, dzięki czemu możesz później edytować poszczególne elementy, a nie cały element.
Krok 5
Ostatnim krokiem jest stworzenie „e”. Korzystając z zaledwie ośmiu punktów kontrolnych, mogłem stworzyć odpowiedni formularz bez dodawania kolejnych punktów, aby dostosować szerokość, kontrast itp.
Rozpocznij gdziekolwiek chcesz, ale dla mnie osobiście zacząłem od uformowania poprzeczki „e”, zakreśliłem ten kształt wokół, tworząc miskę i wykończyłem ją ogonem.
Mamy to! Nasz gotowy "The". Pamiętaj, aby wykreślić te punkty na ekstremach, finezyjnie te uchwyty do perfekcji i jesteś złoty! Cierpliwość jest kluczem!
Zamieściłem również poniższy przykład, dzięki czemu można zobaczyć zupełnie inny styl słowa „The”, przy jednoczesnym użyciu podobnych uchwytów poziomych i pionowych.
4. Dodatkowe wskazówki i porady dotyczące wektorów
4.
Wektorowanie z pewnością jest czasochłonne, nawet dla mistrza. Bez względu na wszystko, jest dużo dopracowywania i poprawiania tych krzywych, punktów kontrolnych itp.
W tej części samouczka mam nadzieję, że rzucę trochę więcej mądrości, aby nieco przyspieszyć proces. Dla uproszczenia użyję litery „O” lub kształtu koła, aby zademonstrować wiele z tych sztuczek. Mimo, że jest to prosty kształt, metodologię i praktykę można zastosować do każdej litery.
Krok 1
Nazywam tę technikę zwrotnicą. Gdy zaczniesz tworzyć wektory odręcznie rysowanego napisu, może być łatwiej zastosować tę technikę krzyżowania do kontrolowania szerokości i kątów części formularzy literowych. W poniższym przykładzie widać, że stworzyłem dodatkowy punkt zakotwiczenia, który pozwala mi kontrolować to, co nazywa się „kroczem” „N”. Zasadniczo pozwala na przesuwanie i zmienianie jednej części formularza bez zakłócania innej.
W dolnym przykładzie gif pokazuje to dokładnie, co mam na myśli, zmieniając jedną stronę bez zakłócania innej. Ta konstrukcja "A" zdecydowanie nie jest w żaden sposób poprawna. To po prostu doskonały sposób na pokazanie, co może osiągnąć technika crossover.
Krok 2
Narzędzia Elipsa i Prostokąt w programie Illustrator mogą stać się Twoimi najlepszymi przyjaciółmi, jeśli tylko pomyślisz o tym, jakie kształty składają się na poszczególne litery. Na przykład litera „O” ma dwie elipsy: jedną dla szerokości i drugą po wewnętrznej stronie, aby utworzyć wagę. Tak więc, jeśli po prostu utworzysz dwie elipsy ułożone jedna na drugiej, możesz utworzyć literę „O” w ciągu kilku sekund.
Dodatkowo, jeśli chcesz kontynuować i utworzyć kolejną literę, taką jak „H”, możesz użyć narzędzia Prostokąt. Każda łodyga i poprzeczka poniżej „H” została utworzona z trzech oddzielnych prostokątów. Możesz później je rozwinąć i scalić, jeśli chcesz mieć jeden kompletny kształt.
Mam nadzieję, że przyspieszony proces gifów poniżej pokazuje dokładnie, o co mi chodzi. Po prostu używam prostych kształtów do tworzenia tych liter.
Krok 3
W poniższym przykładzie użyłem narzędzia Szerokość w programie Illustrator. Na pewno może się czasem przydać. Za pomocą tego narzędzia zasadniczo kreślisz w miejscu, w którym chcesz rozłożyć szerokość. W tym przykładzie chciałem, aby lewa i prawa strona obrysu miały grubość 0,525 cala, podczas gdy górna i dolna część pozostały 0,125 cala. To równomiernie rozłożyło ciężar i utworzyło ładną, wysoką, kontrastową literę „O”.
Jak widać na przykładzie, lewa strona to tylko pociągnięcie — to było przed zastosowaniem narzędzia szerokości — podczas gdy prawa jest po zastosowaniu narzędzia szerokości.
To narzędzie może zdecydowanie przyspieszyć wektoryzację niektórych form liter, zwłaszcza skryptów. Pamiętaj tylko, aby rysować za pomocą „pociągnięciami” i dodać kontrast do swoich liter za pomocą narzędzia Szerokość.
Wadą narzędzia Szerokość jest to, że gdy idziesz do rozszerzenia obrysu, tworzy ogromną liczbę dodatkowych punktów kontrolnych, których nie potrzebujesz. Możesz zobaczyć, co mam na myśli na poniższym obrazku. Wszystkie te małe czerwone kropki to punkty zaczepienia!
Jeśli więc chciałbyś dokonać edycji po rozwinięciu, byłoby to dość trudne, gdybyś nie miał oryginalnego obrysu do edycji.
5. Końcowy element wektorowy Vector
5.
W porządku, nadszedł czas, aby wyeliminować ostateczny projekt wektorowy, ponieważ właśnie dowiedzieliśmy się wszystkiego o tym, jak tworzyć wektory z literami ręcznymi w programie Illustrator! Zaczniemy od miejsca, w którym skończyliśmy wcześniej w samouczku i zajmiemy się ukończeniem tego nowojorskiego kawałka.
Krok 1
Biorąc ten kawałek po kawałku, zacznij wektorować swoje litery pojedynczo. Użyj techniki krzyżowania, aby dostosować obszar napisu bez naruszania jego innej części. W przypadku tego konkretnego kawałka ręcznie rysowanego napisu miałem bardzo mało pionowych i poziomych uchwytów. Ale nadal wykreślałem swoje punkty na ekstremach, co pozwoliło mi stworzyć kształty, które widzisz.
Krok 2
Po wektoryzacji „Nowego” zacznijmy od następnego słowa: „York”. Użyj tego samego procesu i wektoruj każdy kawałek po kawałku. Prawdopodobnie możesz zobaczyć zbiór punktów kontrolnych w „K”. To dlatego, że narysowałem każdą część „K” jako osobne kształty, aby później edytować je w razie potrzeby. Tak więc łodyga i dwie nogi są rysowane indywidualnie, tworząc w sumie trzy kształty, aby utworzyć „K”.
Pamiętaj, że wszystko w porządku, jeśli wszystko się pokrywa, ponieważ później wypełnimy te kształty.
Krok 3
Ostatnie słowo dla wektora pisma ręcznego, „Miasto”. Wiesz, co robić: zacznij kreślić te punkty i ostrożnie dopracuj swoje uchwyty według własnych upodobań. Narysuj każdą literę osobno, jak widać poniżej — ułatwi to późniejszy proces edycji.
Krok 4
Mamy to! Po zakończeniu wektoryzacji całego kawałka możesz nadać odręcznemu napisowi wypełnienie zamiast obrysu, aby zobaczyć, jak oddziałują między sobą dodatnia i ujemna przestrzeń.
Krok 5
Nawet po pomyślnym zakończeniu wektoryzacji prawdopodobnie tak nie jest!
Po „wypełnieniu” kształtów trzeba wykonać mnóstwo edycji, ponieważ można wtedy zobaczyć, co wymaga większego kontrastu, większego kerningu itp. W tym przypadku dokonałem wielu drobnych zmian, aby poprawić ogólny kolor. Dodatkowo zmieniłem kształt litery „Y”, aby rozciągać się na ujemną przestrzeń „N”.
Krok 6
Ostatni krok! W tym kawałku dodałem małe „nacięcia” na pociągnięciach wejściowych i wyjściowych form literowych. Jak jeden wektor mógłby wyglądać tak? Pamiętaj tylko, aby ponownie podzielić rzeczy na proste kształty lub pociągnięcia. Dla mnie wiedziałem, że idealnie byłoby użyć prostych pociągnięć utworzonych za pomocą narzędzia Pióro, ale zmieniłem „Profil zmiennej szerokości” pociągnięcia, aby utworzyć trójkątny kształt. Możesz zobaczyć, co mam na myśli w poniższym procesie.
Produkt końcowy
Pozwoliłem sobie nakręcić bardzo przyspieszony film przedstawiający cały proces ręcznego pisania. Ukończenie tego utworu zajęło mi dobre dwie godziny. Ponownie, cierpliwość jest kluczowa, jeśli chcesz, aby Twój napis wektorowy wyglądał dokładnie tak, jak go naszkicowałeś! Zapraszam do obejrzenia poniższego procesu ręcznego pisania i zobaczenia dodatkowego kroku, który podjąłem, aby przenieść pismo wektorowe na wyższy poziom.
Poniższy kawałek Nowego Jorku jest gotowym wektorem pisma odręcznego po dodaniu wielu dodatkowych szczegółów. Jeśli jesteś ciekaw, jak stworzyć głębię, fakturę, kombinacje kolorów itp., mój następny tutorial będzie dla Ciebie idealny! Czekajcie na to za miesiąc lub dwa.
Niesamowite czcionki do kaligrafii odręcznej z Envato Elements
Przybijanie ręcznie rysowanych liter to wspaniałe uczucie. Ale jeśli chcesz zamienić je w czcionki, musisz pamiętać, że to długi proces. Jeśli masz projekty do ukończenia, które wymagają kaligrafii ręcznych czcionek alfabetu, zaoszczędź trochę czasu. Sprawdź te profesjonalne i kreatywne opcje Envato Elements:
1. Ilana Bloom ręcznie rysowane litery (OTF, TTF)
Czy polowałeś na czcionki alfabetu ręcznego z literami? W takim razie spójrz na Ilanę Bloom. Zawiera ręcznie rysowane litery w trzech unikalnych stylach. Wybieraj spośród zwykłych glifów, znaków kaligraficznych i zawijasów, aby uzupełnić swój najnowszy projekt. To stylowa i szybka alternatywa dla ręcznego pisania w programie Illustrator.
2. Czcionka Ghaniyun Monoline (OTF, TTF)
Prosta czcionka Ghaniyun jest zbudowana na płynnych ligaturach. Ten monoliniowy krój pisma zawiera oba przypadki liter, cyfr i znaków interpunkcyjnych. Ghaniyun ma również obsługę wielojęzyczną, dzięki czemu możesz użyć tego pliku do pobrania, aby dotrzeć do międzynarodowej publiczności.
3. Devilion: skrypt pisma ręcznego (OTF)
Nie bez powodu umieściłem tutaj Deviliona. Jest to jedna z najlepszych prostych czcionek do ręcznego pisania dostępnych w Envato Elements. Devilion zapewnia piękne ligatury i znaki kaligraficzne oraz wielojęzyczne znaki. Ręcznie rysowane litery są również dostępne w alternatywnej formie stempla, co pozwala eksperymentować z wieloma odczuciami.
4. Makayla: Piękna czcionka skryptowa (OTF, TTF, WOFF)
Kręcone ogony i długie kaligrafie mogą dodać tak potrzebnego szyku ręcznie rysowanym literom. Makayla jest doskonałym przykładem takiego spojrzenia w praktyce. Oprócz pełnego zestawu znaków zawiera dziesięć alternatyw i 52 znaki kaligraficzne. To prawie jak posiadanie wielu czcionek kaligrafii odręcznej w jednym pobraniu. Wypróbuj Makaylę, jeśli nie masz czasu na zapoznanie się z powyższym samouczkiem dotyczącym ręcznie pisanych wektorów w programie Illustrator.
5. Sengkaling Skrypt (OTF, TTF)
Zakończmy naszą listę jedną z najlepszych dostępnych czcionek pisanych kursywą. Sengkaling jest przepełniony kreatywnym stylem, ale jest subtelny i profesjonalny. Każda z ręcznie rysowanych liter ma alternatywę, dzięki czemu możesz wypróbować inny wygląd czcionki. Możesz także poeksperymentować z różnymi ligaturami i znakami kaligraficznymi zawartymi w pobranym pliku.
Wniosek
Jestem pewien, że w tym momencie ćwiczyłeś sporo, aby miejmy nadzieję, że poczujesz się jeszcze bardziej komfortowo z wektorowaniem niż do tej pory. Omówiliśmy dużo materiału, a teraz nadszedł czas, abyś przetestował tę wiedzę. Teraz, gdy wiesz, jak tworzyć wektory z literami ręcznymi w programie Illustrator, ćwicz to, czego się nauczyłeś, ponieważ z czasem jest tylko lepiej, obiecuję! Tak trzymaj!
Jak zawsze, jeśli masz jakieś problemy lub pytania, zostaw komentarz poniżej, a będę mógł Ci pomóc. Powodzenia!
Dodatkowe zasoby
Jeśli chcesz uzyskać pomoc w zakresie liternictwa, Envato Studio ma świetną kolekcję Specjalistów od liternictwa i kaligrafii, których możesz chcieć poznać. Możesz również zapoznać się z pozostałymi samouczkami z serii Hand Lettering poniżej.
Napis odręczny
Napis odręczny: formularze literowe w ich rdzeniu
Scott Biersack
Napis odręczny
Napis odręczny: zrozumienie rodzajów typu Type
Scott Biersack
Napis odręczny
Napis odręczny: skrypty, wiry i kwitnie
Scott Biersack
Napis odręczny
Pisanie odręczne: skrypt pędzla do masteringu
Scott Biersack
Napis odręczny
Napis odręczny: jak stylizować swoje litery
Scott Biersack
Napis odręczny
Napis odręczny: projekt od początku do końca
Scott Biersack
Szukasz jeszcze większej liczby zasobów i plików do pobrania prostych czcionek odręcznych pisanych kursywą do swoich projektów? Przejrzyj te pomocne artykuły:
Czcionki
35 najlepszych czcionek kaligraficznych
Melody Nieves
Czcionki
Ponad 25 najlepszych darmowych czcionek w stylu pisma ręcznego (projekty na rok 2021)
Melody Nieves
Czcionki
Ponad 25 najlepszych darmowych czcionek do kaligrafii (darmowe pobieranie)
Nona Blackman
Czcionki
40+ najlepszych czcionek pluskających i czcionek z ogonami (pobierz teraz!)
Nona Blackman
Typografia
Jak zaprojektować i skonstruować funkcjonalną czcionkę kursywą?
Pieśń Kelvina
Czcionki
Ponad 30 pięknych nowoczesnych czcionek skryptowych (krój pisma na rok 2021)
Melody Nieves
Obwód
Jak łączyć litery w Cricut
Daisy Ein
Obwód
Jak przesłać czcionki do przestrzeni projektowej Cricut
Zap Layden