Jak powstają te wirujące ramki liniowe?

19

ramka linii 1 rama linii 2

Uwielbiam i zawsze byłem zaskoczony tego rodzaju swirly design.

Po 10 latach pracy jako grafik nadal nie mogę się skupić na tym, jak to się robi. Geometryczny zakrzywiony projekt w ogóle.

Jak płynnie łączą różne części? Nie może to być pojedynczy kawałek wykonany ręcznie, ponieważ umieszczając każdy punkt i dopracowując każdy bezbłędny uchwyt, jest zbyt idealny, zbyt geometryczny, aby zrobić to w ten sposób.

Czy ktoś z was pracował nad tą techniką w programie Illustrator? Jakie jest podejście?

MrMerrick
źródło
Dlaczego musisz poinformować nas, że masz ponad 10 lat jako projektant? Ciekawe, jakie korzyści to dodaje do pytania.
DᴀʀᴛʜVᴀᴅᴇʀ
Byli… tak narysowani? Nie jestem pewien, jak odpowiedzieć na to pytanie. Są to połączone ze sobą segmenty krzywych. Ta sama koncepcja, jak przy użyciu komputera wstępnego z francuskimi krzywymi.
DA01
@ DA01 Zobacz, jak ludzie w wieku poniżej 30 lat mogli nigdy nie widzieć francuskich krzywizn lub rysowanych na papierze z linijkami i kompasami. Tylko mówię.
joojaa
1
@ joojaa eh .... tak, cóż ... OK, rozumiem twój punkt widzenia. Ale kłóciłby się każdy, kto powinien mieć projektanta graficznego. To tak, jakby architekt nie wiedział, czym jest władca architektów. Tak, niekoniecznie go używają, ale wiąże się to z darem / historią zawodu. :)
DA01
@ DA01 Przekonasz się, że często ludzie wiedzą wiele rzeczy, po prostu nie są w stanie połączyć tej wiedzy z całością i zastosować jej w określonych przypadkach. Tak też powinno być jedno, ale jeśli nie jest to nawet ważniejsze, aby to wyjaśnić. Wszystko, co można powiedzieć, to to, że myślałem, że byłoby oczywiste, że student IV roku inżynierii mechanicznej znałby trygonometrię. Najwyraźniej jedna trzecia z nich tak nie jest. Ale tak, miałem podobną reakcję szarpnięcia kolanem.
joojaa

Odpowiedzi:

24

Istnieje wiele sposobów podejścia do tego. Masz rację, krzywa nie musi być wykonana z jednego kawałka, może być zbudowana z kilku kawałków. W rzeczywistości jedną krzywą można zbudować z kilku krzywych.

Odpowiedziałem na podobne pytanie dotyczące spiralnych czapek , w większości dotyczy to tego samego. Kiedy to robisz, tworzysz początkowy kształt, a następnie obracasz go i powielasz. Późniejsze zdjęcie jest tego doskonałym przykładem. Krzywe można budować na przykład za pomocą 2 sąsiednich łuków. Może być również liberalne ponowne wykorzystanie pojedynczej narysowanej ścieżki, przesunięć, odbicia lustrzanego i cięć według okręgów i linii.

Po drugie, element konstrukcyjny może być zbudowany z innej funkcji niż spirala. Chociaż przyciąganie za pomocą ręcznie skonstruowanej siatki osiąga podobną precyzję linii. Ponownie sztuczka polega na odbiciu lustrzanym i obróceniu symetrycznych części i segmentów linii.

konstrukcja pętli

Zdjęcie 1 : Konstrukcja powtarzalnego wzoru

Robi dokładną pracę w programie Illustrator zależy od opanowania narzędzia Linia , narzędzie Elipsa , Rotate Narzędzie , Lustro Narzędzie , Skala narzędzia i Pochylenie narzędzia . Spośród nich najtrudniejszym do opanowania jest narzędzie liniowe, ponieważ jego opanowanie i narzędzie elipsy zależy od tego, jak umiesz korzystać z okna dialogowego Alt Alt. A w przypadku narzędzia liniowego istnieją 2 powody, aby to zrobić!

niestandardowe przewodniki konstrukcyjne według przesunięcia

Zdjęcie 2 : Twórz niestandardowe przewodniki konstrukcyjne, które możesz wycinać i dołączać do treści twojego serca.

Jak to jest zrobione (samouczek, zgodnie z życzeniem)

Aby odpowiedzieć na komentarz na temat jego wykonania, nakreślę proces tworzenia obrazu 1 .

  1. Rysowanie głównych przewodników.

    • Zacznij od narysowania owalu i małego segmentu linii na środku owalu. Linia jest tam, dzięki czemu mogę łatwiej przyciągać do centrum obrotu (na końcu linii)

      wprowadź opis zdjęcia tutaj

      Zdjęcie 3 : Pamiętaj, aby zaznaczyć swoje centrum obrotu, w ten sposób jest łatwiej

    • Użyj narzędzia obracania, aby obrócić prowadnicę, w tym przypadku o 90 stopni, ale możesz użyć dowolnego innego kąta. Wskazówka : Alt+ kliknięcie spowoduje umieszczenie osi obrotu i otwarcie okna dialogowego do wprowadzania danych numerycznych.

      Ściśle mówiąc, nie potrzeba trzeciego i czwartego przewodnika, ale ponieważ powtórzenie jest tylko jednym naciśnięciem klawisza, to jednak robię to, co daje mi lepsze pojęcie o tym, jaki będzie rozmiar. Dostosuj teraz prowadnice do swoich potrzeb.

      wprowadź opis zdjęcia tutaj

      Zdjęcie 4 : Nie spiesz się, tworząc przewodniki.

    • Musisz przygotować się do wycięcia owali na ich skrzyżowaniach, a po (lub w) krzywa zaczyna opadać w kierunku linii lustra. W tym celu przygotowuję prostopadłą linię cięcia i linię lustra.

      wprowadź opis zdjęcia tutaj

      Zdjęcie 5 : Przygotuj linie cięcia

    • Skopiuj jeden z owali i utwórz nową warstwę, wklej owal z przodu. Zablokuj warstwę prowadzącą.

  2. Konstruowanie kształtu.

    • Usuń dolną połowę owalu.

    • Wstaw punkt na pierwszym skrzyżowaniu owalu i pokrój owal na 2 przy owalu do owalu.

      wprowadź opis zdjęcia tutaj

      Zdjęcie 6 : Potnij na kawałki

    • Wykonaj kopię lustrzaną kopii segmentu nad linią lustrzaną i połącz krzywe. Wskazówka : jeśli program Illustrator wstawi zakres między, wystarczy przesunąć jeden punkt na boczny zakres usuwania, cofnąć i ponownie wykonać połączenie, krzywe będą teraz wskazywać w ten sam sposób i nie będzie żadnego dodatkowego zakresu.

      wprowadź opis zdjęcia tutaj

      Zdjęcie 6 : Dołącz do lustra

    • Użyj narzędzia Konwertuj punkt kontrolny, aby koniec narożny stał się ujednoliconą styczną. Przeciągnij styczną prostopadłą do linii lustra. Wskazówka Jeśli pracujesz pod niewygodnym kątem, możesz zmierzyć kąt za pomocą narzędzia linii i użyć prefs, aby obrócić siatkę.

      Zrób styczną nieco krótszą niż szerokość odstępu w najbliższych punktach (lub jednakowo szeroką). Można ustawić, jak okrągła jest krawędź, tworząc dłuższą styczną. Robię kształt nieco bardziej spiczasty niż w oryginalnym przykładzie, aby pokazać, że można dowolnie zmieniać kształt.

      wprowadź opis zdjęcia tutaj

      Zdjęcie 7 Ustaw styczną symetryczną i prostopadłą do linii lustra

    • Przeciągnij punkt krzywej z powrotem wzdłuż linii symetrii, aż uzyskasz ładne zachowanie asymptotyczne.

      wprowadź opis zdjęcia tutaj

      Zdjęcie 8 Dostosuj pętlę.

    • Ukryj prowadnice i odbij / obróć i dołącz.

      wprowadź opis zdjęcia tutaj

      Zdjęcie 9 Zdjęcie końcowe.

Post Scriptum

Po całej tej pracy chciałbym powiedzieć, że wykresowanie funkcji:

x=20*cos(t)-10*sin(5*t+PI/2)
Y=20*sin(t)+10*cos(5*t+PI/2)

Dałoby to:

wprowadź opis zdjęcia tutaj

Chyba wiele sposobów na skórowanie kota.

joojaa
źródło
Świetna odpowiedź, dziękuję! Nadal chciałbym zobaczyć nieco głębszy wgląd w technikę, z krok po kroku reprodukcją niektórych kształtów, które opublikowałem, bardzo bardzo ciekawy niektórych z nich i jakiego rodzaju przepływu pracy (które booleany użyć, techniki narzędziowe) itd.). Ale to wymaga zbyt wiele. Jeszcze raz dziękuję za fajny post. Pomaga również ta o czapkach spiralnych.
MrMerrick
@MrMerrick Done
joojaa
Wielkie dzięki za poświęcenie czasu i wysiłku na odpowiedź na @joojaa. Brakującym elementem układanki było dla mnie wykorzystanie linii pomocniczych symetrii, w których mogę przesuwać punkty wzdłuż nich, aby udoskonalić kształty. Jestem przyzwyczajony do pracy z materiałami dublowanymi w celu tworzenia grafiki geometrycznej, ale jeśli chodzi o krzywe i bardziej płynną pracę, miałem problem z tym, aby wyglądała gładko. Poświęcę czas na oswajanie tego narzędzia łuku. Czy mogę zadać 2 ostatnie pytania? 1- co masz na myśli mówiąc o opanowaniu narzędzi liniowych? Używam tylko alt, aby albo rosła w przeciwnym kierunku, albo Alt + kliknięcie, aby uzyskać okno dialogowe tworzenia. Czy to to?
MrMerrick
i 2 - Jak sprawić, by te faliste linie były tak gładkie? Czy to po prostu narzędzie łukowe, czy jest rzeczywiście ograniczone punkt po punkcie (przytrzymanie klawisza Shift podczas umieszczania i przeciągania punktów) bezbłędniej? To jest najdalej, jakie dostałem dzięki narzędziu łuku + mieszance , co jest śmieszne.
MrMerrick
@MrMerrick jest to jednoprzęsłowy Bezier. W każdym razie nie używaj narzędzia łuku, które jest bezużyteczne. Ta sama bezużyteczność dotyczy wszystkich innych narzędzi do kształtowania z wyjątkiem spirali, linii i elipsy. Mimo to narzędzie elipsy jest mniej niż optymalne. Nowy ilustrator ma również nowe narzędzie krzywej, które jest lepsze niż Beziers. B-splajny i spirokręty są po prostu lepsze.
joojaa