Aby nadać napisowi odręczny kontur w Affinity na Macu, zduplikuj tekst, przekształć kopię roboczą w krzywe i zastosuj pędzel ścieżki. Dostosuj szerokość i teksturę, a następnie ostrożnie wyeksportuj projekt: teksturowany pędzel może zawierać grafikę rastrową, mimo że jego ścieżka pozostaje edytowalna.

Ten samouczek dotyczy krótkiego ozdobnego słowa w aktualnej komputerowej aplikacji Affinity i wykorzystuje Vector Studio. Aktualna dokumentacja opisuje pędzle ścieżki i styl linii pędzla ścieżki — to właśnie te ustawienia zostaną tu użyte. Celem jest nadanie konturom istniejących liter szorstkiego wyglądu przy zachowaniu ich rozpoznawalnego kształtu.

Wybierz efekt, zanim zaczniesz edytować litery

Zdecyduj, czy potrzebujesz teksturowanego wyglądu, czy grafiki utworzonej w całości z geometrii wektorowej. Dokumentacja Affinity opisuje trzy rodzaje pędzli: Nowy pędzel jednolity tworzy jednolity wektorowy obrys; Nowy teksturowany pędzel intensywności wykorzystuje krycie obrazu rastrowego; a Nowy teksturowany pędzel obrazu wykorzystuje jego kolory. Edytowalna ścieżka nie oznacza więc, że tekstura pędzla jest w całości wektorowa. Tworzenie własnych pędzli ścieżki

Twoje wymaganie Odpowiednie podejście Główna kwestia
Kontur przypominający ołówek lub suchy pędzel Zastosuj teksturowany pędzel ścieżki do krzywych liter Tekstura wykorzystuje grafikę rastrową
Lekko nieregularny, całkowicie wektorowy kontur Przekształć tekst w krzywe i ręcznie zmień położenie wybranych węzłów Nieregularny kształt trzeba utworzyć samodzielnie
Napis, który można łatwo poprawiać Zachowaj osobną kopię oryginału jako edytowalny tekst Po przekształceniu kopii roboczej nie można już edytować tekstu

To rozróżnienie wpływa również na wygląd. Pędzel zastosowany do przekształconej litery biegnie wzdłuż jej konturu, także wokół zamkniętych obszarów. Nie odtwarza ruchów pióra, jakie ktoś wykonałby, pisząc tę literę. Opisana operacja nadaje teksturę za pomocą pędzla wybranym krzywym lub kształtom. Style linii pędzla ścieżki

Na pierwszą próbę wybierz wymyślone słowo LOOP. Proste krawędzie, zaokrąglone kontury i zamknięte obszary ułatwiają ocenę, czy efekt pozostaje czytelny. Wybierz font zainstalowany na Macu, w którym jest wystarczająco dużo miejsca wewnątrz liter na obrys. To przykładowe ćwiczenie projektowe — nie ma jednego wymaganego fontu ani uniwersalnego ustawienia szerokości pędzla.

Przygotuj kopię tekstu do zmiany kształtu

Utwórz kopię i zachowaj oryginalny napis

W Vector Studio wybierz Narzędzie tekstu artystycznego, kliknij lub przeciągnij kursor na stronie i wpisz LOOP. Zanim przejdziesz dalej, ustaw font, rozmiar i odstępy. Affinity wskazuje, że tekst artystyczny nadaje się do wyrazistych słów, fraz i dekoracyjnej typografii. Tekst artystyczny

Zanim cokolwiek przekształcisz, utwórz duplikat. W panelu Warstwy kliknij obiekt tekstowy z wciśniętym klawiszem Control i wybierz Duplikuj. Jedną kopię zachowaj jako edytowalny oryginał, a drugą wykorzystaj do zastosowania pędzla. Przesuń oryginał poza obszar roboczy, aby nie zasłaniał wprowadzanych zmian. Affinity opisuje tę metodę duplikowania obiektów, warstw i grup. Duplikowanie

Przekształć kopię roboczą w krzywe

Zaznacz tekst roboczy i wybierz Wektor > Przekształć w krzywe albo użyj opcji Przekształć w krzywe na pasku kontekstowym. Affinity zamieni obiekt w edytowalne krzywe i zaznaczy Narzędzie węzłów. Po przekształceniu litery tracą zwykłe właściwości fontu; zmianę treści lub fontu trzeba wprowadzić w oryginale, który pozostał tekstem. Przekształcanie w krzywe

Użyj panelu Warstwy, aby zaznaczyć krzywe liter, które chcesz opracować. Jeśli po przekształceniu znajdują się w grupie, rozwiń ją, aby uzyskać dostęp do poszczególnych krzywych. Zacznij od jednej litery — łatwiej ocenisz szerokość i teksturę, zanim zastosujesz efekt w całym słowie.

Zastosuj odręczny pędzel ścieżki

Otwórz Okno > Wektor > Pędzle ścieżki oraz Okno > Wektor > Obrys. To opisane w dokumentacji lokalizacje obu paneli w wersji komputerowej. Panel Pędzle ścieżki, Panel Obrys

Po zaznaczeniu krzywej litery wybierz miniaturę pędzla w panelu Pędzle ścieżki. Przejrzyj kategorie dostępne w swojej instalacji i wybierz teksturę o pożądanym stopniu szorstkości. Zgodnie z dokumentacją Affinity procedura polega na zaznaczeniu krzywych lub kształtów, wybraniu pędzla ścieżki i, w razie potrzeby, dostosowaniu jego szerokości oraz właściwości. Nie musisz wybierać konkretnego nazwanego ustawienia. Style linii pędzla ścieżki

W panelu Obrys sprawdź ustawienie Styl. Opcja Styl linii pędzla ścieżki stosuje pędzel wybrany w panelu Pędzle ścieżki. Ustaw Szerokość, aby określić grubość efektu, a do wyboru koloru obrysu użyj panelu Kolor lub Próbki. Zacznij od niewielkiej szerokości i stopniowo ją zwiększaj, obserwując zamknięte obszary liter. Panel Obrys

W przypadku wypełnionych liter pozostaw jednolite wypełnienie i użyj pędzla, aby uzyskać nieregularną krawędź. Wypróbuj opcję Rysuj obrys z tyłu w panelu Obrys: dokumentacja Affinity wyjaśnia, że ukrywa ona wewnętrzną połowę obrysu zamkniętego kształtu pod jego wypełnieniem. Opcja Rysuj obrys z przodu pokazuje cały obrys. Porównaj oba ustawienia, ponieważ wypełnienie może zasłonić część wybranej tekstury. Panel Obrys

Oceń rezultat w docelowym rozmiarze. W słowie LOOP sprawdź trzy miejsca: prostą krawędź litery L, zamknięte obszary liter O oraz połączenie pionowego trzonu z brzuścem litery P. Jeśli tekstura przytłacza te elementy, zmniejsz szerokość albo wybierz delikatniejszy pędzel, zanim wprowadzisz kolejne poprawki. To praktyczna wskazówka projektowa, a nie zalecane ustawienie Affinity.

Gdy efekt na pierwszej literze będzie odpowiedni, zastosuj ten sam pędzel i szerokość do pozostałych krzywych. Następnie obejrzyj całe słowo. Efekt dobrze wyglądający na szerokiej, zaokrąglonej literze może być zbyt ciężki przy wąskim połączeniu, więc wprowadzaj lokalne poprawki tylko tam, gdzie wymaga tego napis.

Dopracuj teksturę, zachowując kształt liter

Kliknij Właściwości w panelu Obrys, aby edytować pędzel zastosowany do zaznaczonego obrysu pędzlem ścieżki. Opisane ustawienia pędzla obejmują Szerokość obrysu, Zmienność rozmiaru, Zmienność krycia, Korpus, Narożniki, Przesunięcie początku i Przesunięcie końca. Zmieniaj po jednym ustawieniu, aby sprawdzić, która poprawka polepsza wygląd liter. Panel Obrys, Modyfikowanie obrysów pędzlem ścieżki

Użyj ustawień Korpus i Narożniki, jeśli trzeba skorygować rozłożenie tekstury lub jej zachowanie na zagięciach. Przesunięcia początku i końca określają miejsca, w których końcowe sekcje pędzla przechodzą w jego korpus. Są to ustawienia konstrukcji pędzla; same w sobie nie gwarantują atrakcyjnego, odręcznego efektu. Jeśli ustawienie wstępne stale wygląda niezgrabnie wzdłuż konturów liter, wypróbowanie innego pędzla może być skuteczniejsze niż jego rozbudowana przebudowa. Modyfikowanie obrysów pędzlem ścieżki

Do tej pracy nie potrzebujesz tabletu z obsługą nacisku. Nakładasz pędzel na istniejące krzywe i dostosowujesz jego wygląd. Jeśli później będziesz rysować osobne pociągnięcia pędzla, Affinity opisuje również kontrolery Prędkość i Odwrotna prędkość dla myszy i gładzików na Macu, a także Nacisk dla obsługiwanych urządzeń wejściowych. Nie należy oczekiwać, że te ustawienia rysowania odtworzą po fakcie nacisk pióra na konturze fontu. Style linii pędzla ścieżki, Modyfikowanie obrysów pędzlem ścieżki

Jeśli gotowy napis będzie zmieniał rozmiar, sprawdź opcję Skaluj z obiektem w panelu Obrys. Gdy jest włączona, skaluje razem linię i zamknięty kształt; gdy jest wyłączona, szerokość linii pozostaje stała. Wybierz odpowiednie zachowanie i ponownie obejrzyj słowo w docelowym rozmiarze. Panel Obrys

Gdy każda widoczna krawędź musi pozostać wektorowa

Aby uzyskać efekt w całości wektorowy, wprowadź nieregularności bezpośrednio w geometrii przekształconych liter. Za pomocą Narzędzia węzłów wprowadzaj niewielkie zmiany w wybranych węzłach i segmentach krzywych zamiast dodawać teksturę opartą na obrazie. Affinity umożliwia edycję węzłów i segmentów przekształconego tekstu. W ten sposób utworzysz ręcznie ukształtowany kontur, choć nie odtworzysz ziarnistej tekstury pędzla rastrowego. Przekształcanie w krzywe

Wprowadzaj zmiany wybiórczo: wygładź jeden kontur, lekko zmień drugi i zachowaj otwory, które pozwalają rozróżnić litery. Przekształcenie tekstu w krzywe zapewnia edytowalną geometrię liter, ale nie sprawia, że zastosowany później pędzel oparty na obrazie staje się geometrią wektorową.

Wyeksportuj napis, zachowując jego teksturę

Przed przygotowaniem plików końcowych zachowaj edytowalny plik źródłowy Affinity. Aktualna aplikacja używa plików .af, a Affinity informuje, że nowszych plików nie można otworzyć w aplikacjach V1 ani V2, choć aktualna wersja komputerowa otwiera pliki z tych starszych wersji. Uwzględnij to ograniczenie, udostępniając dokument źródłowy. Często zadawane pytania dotyczące pobierania Affinity

Aby wyeksportować projekt, zaznacz gotowy napis i wybierz Plik > Eksportuj > Eksportuj. Wybierz ustawienie wstępne formatu, sprawdź podgląd i przejrzyj opcję Obszar. Tylko zaznaczenie pomija inne nakładające się warstwy; Obszar zaznaczenia je uwzględnia. Opcja Tylko zaznaczenie jest tu przydatna, ponieważ zachowany oryginał tekstowy powinien pozostać poza grafiką końcową. Okno dialogowe Eksportuj

W przypadku PDF, SVG i EPS dokładnie sprawdź ustawienie Rasteryzuj. Affinity opisuje trzy opcje: Nieobsługiwane właściwości rasteryzują nieobsługiwane elementy; Wszystko rasteryzuję wszystkie elementy; a Nic pomija nieobsługiwane elementy zamiast je rasteryzować. Wybór opcji Nic nie jest więc sposobem na wymuszenie w pełni wektorowej postaci teksturowanej grafiki. Ustawienia eksportu

W przypadku teksturowanego efektu zacznij od opcji Nieobsługiwane właściwości i sprawdź wyeksportowany plik. Zwróć uwagę na ustawienie DPI rasteryzacji, które określa rozdzielczość efektów rasteryzowanych podczas eksportu. Dobierz je do docelowego rozmiaru i zastosowania; zwiększenie tej wartości nie zamieni tekstury pędzla w ścieżki wektorowe. Pliki SVG i PDF nadal mogą zawierać treści rastrowe, więc samo rozszerzenie nie potwierdza, że wynik jest w całości wektorowy. Ustawienia eksportu

Opcja SVG Eksportuj tekst jako krzywe dotyczy zależności od tekstu i fontu. Przekształcone litery robocze są już krzywymi; ta opcja odnosi się do tekstu, który pozostał w eksportowanym pliku. Nie zastępuje ustawień rasteryzacji efektu pędzla. Affinity zaznacza również, że tekst wyeksportowany jako krzywe traci możliwość edycji tekstu i użycia zamiany tekstu na mowę. Ustawienia eksportu

W oknie eksportu wybierz Zapytaj o lokalizację, kliknij Eksportuj, podaj nazwę pliku i zapisz go. Otwórz plik w aplikacji, w której będzie używany, i porównaj otwory w literach, teksturę, narożniki oraz zewnętrzne wymiary z grafiką w Affinity. Podgląd w oknie eksportu pozwala skontrolować projekt przed eksportem, ale sprawdzenie gotowego pliku pokazuje także, jak wyświetla go aplikacja docelowa. Okno dialogowe Eksportuj

Gotowe słowo powinno zachować kształty liter w rozmiarze, w jakim odbiorcy będą je oglądać. Zachowaj tekst na wypadek poprawek, wersję roboczą w krzywych do dalszego stylizowania oraz plik eksportowy dopasowany do miejsca docelowego. Dzięki temu uzyskasz przydatny odręczny efekt i będziesz wiedzieć, które elementy pozostają wektorowe.

Źródła