Jak utworzyć efekt iluzji głębi za pomocą wzoru plam w programie Illustrator?

Potrzebuję pomocy przy tworzeniu takiej grafiki w programie Illustrator lub Photoshop przy użyciu prostych narzędzi i utrzymywania efektu perspektywy w ostrych fałdach (w przeciwieństwie do narzędzi do zawijania)

Wypróbowałem narzędzie siatkowe, ale nie mogłem znaleźć sposobu na uzyskanie efektu ukośnego.

jakieś pomysły?

Jest to kolejna metoda wykonywania pracy za pomocą programu Illustrator

1. Utwórz okrąg i wybierz go
2. Iść do Object > Pattern > Make
3. Dostosuj odstępy między okręgami w panelu opcji wzoru i naciśnij Done

4. Narysuj prostokąt i wypełnij go właśnie wykonanym wzorem; może być konieczne skalowanie wzoru poprzez wybranie effects > distort & Transform > Transformi przeskalowanie wzoru oraz upewnienie się, że zaznaczono Transform Patterntylko i odznaczono inne opcje.
5. Rasteryzuj ten prostokąt, wybierając Object > Rasterize
6. idź object > Envelope Distort > Make with Meshw oknie dialogowym i ustaw żądaną siatkę. w moim przykładzie trzymam go 4X4 na początek i możesz dodać więcej kotwicy siatki za pomocą narzędzia siatki U.
7. Za pomocą białej strzałki wybierz dowolną kotwicę z siatki i przenieś ją w nowe miejsce, aby uzyskać pożądany efekt.

To nie jest łatwe zadanie, jeśli chcesz być precyzyjny.

Program Illustrator nie zrobi tego łatwo. Trzeba będzie ręcznie narysować ogólne kształty i dostosować perspektywę, rozmiar i wartość dla każdego elementu. Siatka w programie Illustrator zawodzi, ponieważ bardzo trudno jest uzyskać twarde obszary konwersji krawędzi, a ponadto siatki zniekształcają leżące pod nimi obiekty na podstawie położenia punktów siatki. Tak więc ogólny wzór wyglądałby zupełnie inaczej przy użyciu siatki.

Najłatwiej to zrobić za pomocą map przemieszczeń w Photoshopie .

Tworzysz swój podstawowy dokument:

Warstwa białych obiektów i jednolita czarna wypełniona warstwa jako tło.

Następnie tworzysz dokument w skali szarości o tych samych wymiarach i dodajesz różne wartości, aby utworzyć obszary głębokości.

Na przykład:

Im ciemniejszy obszar, tym dalej w oddali będzie to postrzegane jako. To trudna część. Prawdopodobnie musisz zagrać z dokumentem w skali szarości, aby dokładnie odzwierciedlić wartości głębokości. To się nazywa twoja mapa głębokości . Gdy się zbliży, zapisz go jako standardowy plik .psd w odcieniach szarości, gdzie możesz go łatwo znaleźć.

Następnie wracając do pliku konfiguracji, wybierz Filter > Distort > Displace. Kliknij OKw pierwszym małym oknie, a następnie pojawi się okno dialogowe Otwórz. W tym momencie wybierz plik .psd w skali szarości.

Spowoduje to zniekształcenie warstwy w pliku konfiguracji zgodnie z utworzoną mapą głębokości.

Po prostu potrzeba prób i błędów, aby uzyskać mapę głębi tak, jak chcesz.

Istnieje wiele tutoriali odnośnie tego w internecie, jeśli ich szukać .

Następnie, jeśli naprawdę potrzebujesz tego w programie Illustrator, zapiszę i użyję śledzenia obrazu w programie Illustrator. Próba stworzenia tego w samym programie Illustrator byłaby lekcją, to cierpliwość, jeśli nie frustracja.

Odpowiedź hsawires z zniekształcaniem obwiedni> make with mesh jest najlepszą odpowiedzią, ale istnieje kilka dodatkowych sztuczek, które można zastosować, które ułatwiają uzyskanie opisanego „efektu perspektywy w ostrych fałdach” (również cztery bardzo dobre odpowiedzi wyraźnie nie są ” wystarczy :-D):

1. Przygotuj swoje kropki, jak tylko chcesz ... wielką zaletą Envelope Distort jest to, że możesz zastosować je do dowolnych wektorów i można je edytować. W tym przykładzie użyję tekstu przypominającego kropkę, aby pokazać, że wszystkie wektory pozostają edytowalne:

2. Nie rasteryzuj! Nie ma potrzeby. Zamiast tego przejdź prosto do Object>Envelope Distort>Make with Meshi wybierz wiele linii siatki. Na przykład tutaj używam 14x14.

3. (zwróć uwagę, że możesz w dowolnym momencie przełączać się między siatką a wektorami leżącymi u jej podstawy za pomocą tych przycisków w lewym górnym rogu :)

4. Obróć całość, aby linia, którą chcesz utworzyć, była pionowa lub pozioma, a następnie użyj narzędzia do zaznaczania bezpośredniego, aby przeciągnąć ramkę zaznaczając punkty w obszarze, który chcesz nadać perspektywę (tutaj zaznaczono fragment po lewej):

5. Użyj narzędzia do skalowanias . Przeciągnij środek skalowania na środek krawędzi „linii”, a następnie przeskaluj (przytrzymując Shift), aby przesunąć je do przodu lub do tyłu zgodnie z potrzebą. Ponadto narzędzie wzdęcia i narzędzie marszczenia (schowane pod narzędziem szerokości) mogą być użyte do wygładzenia rzeczy, jeśli dwukrotnie klikniesz i ustawisz Intensitybardzo nisko (jak 1%), a pędzel bardzo duży. To trochę trudne, aby być z nimi dokładnym, ale dotyczą one tylko wybranych punktów, co pomaga.

6. Powtarzaj w razie potrzeby ... Czasami wiele małych zmian obok siebie wygląda płynniej

7. Czy wspomniałem, że grafika bazowa jest nadal w pełni edytowalna, jakbyś jej nic nie zrobił? Po prostu przejdź do edycji treści i możesz wprowadzić dowolne zmiany w podstawowej kompozycji wektorowej:

Możesz to zrobić w programie Illustrator (zgodnie z żądaniem). Sztuczka polega na tym, aby upewnić się, że po użyciu narzędzia siatki przeciągniesz uchwyty wzdłuż z powrotem do 1/3 długości wzdłuż krawędzi, w przeciwnym razie ściśnie obraz wzdłuż *.

Ponadto może pomóc w dalszym obracaniu się w przód iw tył, aby ułatwić wybór.

Zdjęcie 1 : Robienie skrupułów. To, co właściwie robię, to tworzenie nowego opakowania po każdej turze. (następnie zwolnij.)

Procedura zastosowana na obrazku 1:

1. tworzyć siatkę kropek (gwiazdy, litery itp.)
2. pętla ← wróć tutaj, gdy wykonasz jedną zakładkę
3. obróć wszystko w określonym kierunku
4. zaznacz elementy siatki, aby twój wybór podzielił kształt
5. nałóż owinięty siatką z oly 1 wiersz i 1 kolumna
6. przesuń krawędź przeciwną do siatki ciętej do wewnątrz
7. napraw dwie styczne krawędzie boczne, aby znajdowały się w około 1/3 drogi, aby nie doszło do dużych zniekształceń
8. (opcjonalnie) siatka zwalniająca
9. obróć z powrotem (jeśli klikniesz alt, obróć ilustrator pamięta twój obrót, po prostu zaneguj liczbę)
10. powtarzać.

Choć istnieją do tego lepsze narzędzia, warto wiedzieć o tym w innych celach, które mogą się pojawić.

Alternatywy

W rzeczywistości wystarczy skalować wzdłuż linii zaznaczenia po obróceniu, aby pochylenie i skala mogły wystarczyć, jeśli nie chcesz używać kopert, które są przyznawane, mogą być nieco trudne. Koperty sprawiają, że krawędzie fałd są ładniejsze.

Zdjęcie 2 : Możesz wycinać kształty (nie muszą to być kropki), aby uzyskać ostre zagniecenia. I cieniuj obszary dodatkowo poprawiając wygląd (być może nieco przesadzony efekt).

Dodatek: * Przy użyciu siatki do ruchów liniowych.

Zdjęcie 3 : Równomierne zniekształcenie, gdy kształt się skraca

Jako alternatywę dla odpowiedzi @ Scotta możesz użyć Puppet Warp w Photoshopie ( Edycja → Puppet Warp ).

Jeśli spróbujesz tego, sugeruję wybranie trybu: sztywny i gęstość: mniej punktów w opcjach u góry, aby powierzchnia była mniej giętka, jak w twoim przykładzie.

Po prostu dodaj szpilki i przesuwaj je, aż osiągniesz pożądane przemieszczenie. Będziesz jednak potrzebował wielu pinów, aby kontrolować proste krawędzie. Polecam wiele z nich na krawędziach, aby kontrolować proste krawędzie powierzchni.

Oto bardzo zły przykład wyników, które możesz osiągnąć.

A może zrobisz to ręcznie?

Możesz wydrukować tablicę z kropkami w odpowiednich proporcjach, ręcznie złożyć wydruk do pożądanego efektu, fotografować w dobrze oświetlonych warunkach, przesuwać go w Photoshopie i uzyskiwać ścieżki poprzez wybór różdżki i importować do Illustator oraz używać pathfinder do izolowania / kolorowania.