Illustrator: jak odtworzyć grafikę liniową czcionek

10

Jestem zainteresowany znalezieniem odpowiedniego sposobu na odtworzenie poniższego przykładu grafiki liniowej czcionek. wprowadź opis zdjęcia tutaj

Co próbowałem: używając Type tool, utworzyłem literę „S”, kliknij prawym przyciskiem myszy> create outlines(Myślę, że utworzenie ścieżki środkowej litery będzie lepsze, ale nie jestem pewien, jak to zrobić). Następnie użyłem Stroke> Dashed Lineopcji, wybierając następujące wartości:

wprowadź opis zdjęcia tutaj

W tym momencie nie jestem pewien, czy idę w dobrym kierunku, ponieważ wynik nie wygląda wystarczająco blisko modelu. Istnieje kilka kątów zastosowanych do linii przerywanych i więcej niż jednej warstwy (?);

jakieś pomysły?

użytkownik124853
źródło
Używać mieszania i wymiany kręgosłupa?
joojaa,
@ joojaa może b, ale powinny istnieć pewne pośrednie kroki; czy możesz pokazać swój przepływ pracy?
user124853
oooh, to jest podchwytliwe i denerwuje mnie od ostatniej nocy;) - Mieszanie + wymiana kręgosłupa jest prawdopodobnie właściwym kierunkiem, ale czuję, że może być w tym trochę maskowania i wypaczania.
justin
@ justin może być ... Wydaje mi się również, że istnieją dwie warstwy + niektóre zadania maskowania (?)
user124853
1
Przypadkowa myśl ... Oprogramowanie do modelowania 3D może mieć kilka możliwych narzędzi, które mogą pomóc (efekt ma wygląd 3D). Innym możliwym rozwiązaniem byłoby nadanie ogólnemu kształtowi litery S, a następnie zamaskowanie wzoru. Jeśli chodzi o tworzenie tego wzoru, być może ktoś przeszedł przez długi proces ręcznego generowania każdego segmentu linii wzoru. Wiadomo, że tak się dzieje!
bemdesign

Odpowiedzi:

11

Korzystanie z mieszania jest właściwą drogą. Mieszanie złożonych krzywych nie jest jednak łatwe do kontrolowania - w efekcie powstaje coś takiego:

wprowadź opis zdjęcia tutaj

Łatwiejszym sposobem jest utworzenie mieszanki na prostej ścieżce i utworzenie pędzla artystycznego z mieszanki. Kontrolowanie mieszanek za pomocą różnych pociągnięć również nie jest łatwe, dlatego sugerowałbym użycie 2 osobnych mieszanek.

Utwórz pierwszą mieszankę:

wprowadź opis zdjęcia tutaj

Powiel mieszankę, zmniejsz szerokość obrysu i obróć o 180 °:

wprowadź opis zdjęcia tutaj

Możesz edytować ścieżki, aby utworzyć połączenia kątowe. Po prostu wybierz nakładający się punkt końcowy (jeśli nie są już w tej samej pozycji - przesuń je tak, aby były) i przesuń je, aby uzyskać pożądany wynik:

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

Kształt S jest znacznie dłuższy niż właśnie utworzona mieszanka, więc po prostu przesuń ścieżki na jednym końcu w poprzek - upewnij się, że mieszanki zostały utworzone z określoną odległością (a nie krokami), w przeciwnym razie będziesz musiał zwiększyć liczbę kroków:

wprowadź opis zdjęcia tutaj

Stwórz pędzel artystyczny ze swoich mieszanek. Możesz to zrobić, wybierając mieszanki i przeciągając je do palety pędzli, a następnie wybierając Pędzel artystyczny z okna dialogowego Nowy pędzel.

wprowadź opis zdjęcia tutaj

Uzyskaj środkową linię swojego kształtu S. Zrobiłem to, szybko rysując ścieżkę nad postacią S, ale możesz użyć ujemnej ścieżki odsunięcia, aby uzyskać dokładniejszą ścieżkę.

wprowadź opis zdjęcia tutaj

Jeśli twój kształt ma stałą szerokość lub ciężar obrysu przy użyciu ujemnej ścieżki odsunięcia, dostaniesz linię środkową dość łatwo.

( Obiekt → Ścieżka → Ścieżka odsunięcia ... )

wprowadź opis zdjęcia tutaj

W przypadku nierównego ciężaru skoku możesz powtórzyć polecenie przesunięcia ścieżki kilka razy, aby zbudować prowadnicę do narysowania linii środkowej.

wprowadź opis zdjęcia tutaj

Łatwiejszym sposobem jest ponowne użycie Mieszanki. Usuń zamykające segmenty ścieżki na obu końcach i rozgrupuj lub zwolnij ścieżkę złożoną, abyś musiał rozróżnić ścieżki i utworzyć połączenie z 1 krokiem. Powinno to dać linię środkową (w przypadku niepowodzenia mieszania konieczne może być utworzenie mieszania w segmentach dla bardziej skomplikowanych kształtów).

Więcej technik znajdowania linii środkowej można znaleźć w tym poście: Technika znajdowania linii środkowej zakrzywionego obiektu?

wprowadź opis zdjęcia tutaj

Zastosuj pędzel artystyczny na ścieżce:

wprowadź opis zdjęcia tutaj

To nie jest idealne, ale możesz łatwo wrócić i dostosować swoje mieszanki lub kształt S, aby uzyskać lepszy wynik.

Cai
źródło
dziękuję, w tym momencie powyższy obieg pracy da nam właściwe przewodniki. W każdym razie, biorąc pod uwagę, że do wygaśnięcia nagrody jest dużo czasu, będzie to zbyt wiele, jeśli uprzejmie poproszę cię o pokazanie nam negatywnej ścieżki przesunięcia zamiast metody ścieżki rysowania ręcznego?
user124853
Nie ma problemu, zaktualizuję to później tego popołudnia, kiedy nie będę tak zajęty w pracy.
Cai
można użyć maski przycinającej w środku
joojaa
@joojaa może b, za zgodą CAI, czy możesz edytować powyższą odpowiedź? dzięki
użytkownik124853,
Używanie maski przycinającej jest łatwe, jeśli pociągnięcia są proste, ale uzyskanie kątowych połączeń pociągnięć jest trudne w przypadku masek. Możliwe - niełatwe.
Cai
3

Ta odpowiedź składa się z kilku części i zamierzam je rozbić, aby uzyskać jak największą elastyczność w zrozumieniu, jak dostać się do gotowego produktu.

krok pierwszy, konfigurowanie

konfiguracja

określ swój kształt

  1. Narysuj podstawowy kształt
  2. Skopiuj kształt
  3. Pokrój swój kształt na komponenty (użyłem narzędzia nożycowego, więc pokrój na pół)

Utwórz mieszankę

  1. Określ swoje grube i cienkie pociągnięcia
  2. Tworzyć mieszankę: Object> Blend> Make- Polecam za pomocą „określoną odległość” dla odstępów
    (zobacz ten film Więcej informacji na temat tworzenia mieszanki)
  3. Wymień kręgosłupa: Object> Blend>Replace Spine

krok drugi, tworzenie przeciwstawnych mieszanek

tworzenie przeciwstawnych mieszanek

  1. Stwórz nokautową wersję: użyj kształtu z takim samym wypełnieniem jak tło (lub rozwiń połączenie i użyj pathfindera, aby uzyskać odpowiedni klip)

  2. Utwórz wersję maski: użyj kształtu, aby utworzyć maskę przycinającą

  3. Odwróć kręgosłup na jednej z wersji: Object> Blend>Reverse Spine

krok trzeci, dokończ kształt

wykończenie kształtu

  1. Zduplikuj połówki (lub powtórz kroki dla innych elementów twojego kształtu)

  2. Wyrównaj kopie

  3. Dostosuj kolejność warstw

  4. Dostosuj właściwości mieszania, jak chcesz

Uwaga: te instrukcje nie prowadzą do osiągnięcia tego samego efektu, o którym wspomniałeś, ale odtąd chodzi o określenie, w jaki sposób linie mają się zgadzać, i dostosowanie mieszanek, aby uzyskać pożądany efekt.

justin
źródło
To dobry początek, ale nie powiela połączeń kątowych. Dużo trudniej jest też kontrolować mieszanie na dowolnych łukach niż półkole, którego używałeś (próbowałem wcześniej i zrezygnowałem! - z kształtem S trudniej jest pracować niż półkolami)
Cai
Jest to jednak ta sama koncepcja. Praca z krzywą S jest bardziej skomplikowana, ale po prostu przycina kształt do łatwiejszych do zarządzania sekcji i obsługuje sekcje pośrednie dla wielu mieszanek. Giętarka umysłu, tak, ale ten sam pomysł.
justin
@Jason przede wszystkim dziękuję za twój wysiłek. Chciałem tylko powiedzieć, że wygląda na to, że tak jest zrobione, mając za punkt wyjścia literę (w tym przypadku „S”), a nie kształty. Znalezienie właściwego przepływu pracy pomoże nam zrozumieć, jak osiągnąć ten sam wynik, używając również innych liter. jeszcze raz dziękuję
user124853