Nadawanie kształtowi wektorowemu szorstkiej krawędzi bez manipulowania punktami kontrolnymi


14

Chcę nadać mojemu bardzo płynnemu wektorowi rysowanie ręcznie rysowanego stylu.

Mówiąc to, nie mam na myśli nakładania tekstury na cały wektor ( tak jak to ).

Technika, która wytworzyłaby coś takiego, byłaby tym, czego szukam:

Śniadanie (szczegóły)
Autor: Rob Clarke


Wygląda mi na pociągnięcie pędzla, prawdopodobnie jednak nie jest jednym z domyślnych pędzli.
Ryan

w rzeczy samej, właśnie przeprowadzałem eksperymenty, wydaje się, że można to osiągnąć za pomocą niestandardowych pędzli i manipulatora punktu kontrolnego
użytkownik13445

Zarys wstydu jest całkowicie zależny od punktów kontrolnych, więc trzeba je zmodyfikować.
DA01,

Odpowiedzi:


11

Jeśli chcesz zastosować dokładnie niektóre z efektów obrysu w tekście wektorowym, myślę, że najlepszym sposobem jest zrobienie tego ręcznie.

Obrys w programie Illustrator jest czasami trudny do przewidzenia, a także bardzo dobrze znany ... czasami łatwo je rozpoznać i prawdopodobnie nie chcesz, aby tekst wyglądał tak, jakby był obrys domyślny.

Oto sposób na zrobienie tego. Nie musisz pracować nad punktami kontrolnymi i ryzykujesz przesunięciem krzywych tekstu, ale nie będzie już można go edytować, więc zrób kopię oryginalnego tekstu. Jeśli chcesz zachować możliwość edytowania tekstu, przejdź na koniec tego „samouczka”.


Początek

Powiedzmy, że właśnie to chcesz zmodyfikować.

oryginalny obraz bez efektu pędzla lub grunge

1.

Znajdź teksturę obrysu pędzla lub inną teksturę, którą chcesz zastosować na krawędziach tekstu.

Przykład:

Tekstury obrysu pędzla

2)

Prześledź go, aby stał się wektorem, jeśli nie był już wektorem.

Śledzenie obrazu w programie Illustrator

Otrzymasz idealny wektor. Wyczyść go, aby usunąć białe i przezroczyste ścieżki.

czyste ścieżki

3)

Ustaw nowe pociągnięcia pędzla lub tekstury na białe i zastosuj je na krawędziach tekstu, jak wolisz. Być może trzeba będzie zdeformować niektóre z nich i użyć tylko krawędzi tego obrysu, aby uzyskać taki sam efekt jak na przykładzie.

Dodałem trochę grunge na tym przykładzie, aby pokazać, że to ta sama koncepcja. Możesz użyć dowolnej tekstury.

Zastosuj efekt grunge lub pędzla do tekstu wektorowego

4

Wybierz tekst i nową teksturę i użyj Pathfindera, aby podzielić to wszystko! Możesz użyć funkcji, którą wolisz w pathfinderze, użyłem Divide na moim przykładzie.

Podziel za pomocą pathfindera Adobe Illustrator

5

Wyczyść ten nowy wektor, aby usunąć białe i puste ścieżki. Najszybszym sposobem jest wybranie części bieli i wykonanie „wybierz to samo wypełnienie i obrys”, a następnie usunięcie. Zrób to samo z kształtem, który nie ma obrysu i wypełnienia, aby usunąć puste ścieżki.

Nie jest to dokładnie twój przykład, ale możesz łatwo się tam dostać, jeśli spędzisz kilka minut!

Ostateczny wynik

Jeśli chcesz również dodać pociągnięcia pędzlem po każdej stronie listów, możesz użyć tej techniki, aby zaakcentować krawędzie, i użyć standardowych pociągnięć pędzla w bardzo małych rozmiarach, aby wszystkie litery były mniej równe. Można to znaleźć w menu „Okno”, następnie „Biblioteki pędzli”, a następnie wybrać dowolny styl w „Artystyczny”. Na poniższym zrzucie ekranu jest to „Artystyczny pędzel”. Możesz także użyć tych stylów obrysu w większym rozmiarze i przenosić je osobno na tekście zamiast robić kroki # 1-2-3.

Dodaj tekstowy obrys do tekstu

Jeśli zachowasz możliwość edytowania tekstu, ponieważ będziesz musiał go zmodyfikować później, istnieje tani sposób na użycie pociągnięć bez wektoryzacji tekstu.

Możesz powielić tekst, do którego chcesz dodać obrys, i wektoryzować ten („Utwórz kontur”). Następnie możesz dowolnie dodawać do niego obrysy pędzla, o których mowa powyżej. Nie jest to doskonały sposób, ale możesz przynajmniej częściowo edytować tekst i po prostu dodaj nowy obrys, gdy musisz go zaktualizować, może nawet stwórz w tym celu akcję.

Zrobiłem przykład z żółtym wypełnieniem, abyś mógł zobaczyć, jak to wygląda. Tekst poniżej obrysu jest nadal edytowalny.

Obrys tekstu


10

Effect > Distort & Transform > Roughen Użyj małego ustawienia „Rozmiar” i zwiększ ustawienie „Szczegóły”, aby zwiększyć ilość i częstotliwość zmian.

chamieć

Nie dostaniesz dziur i półwyspów jak w próbce, chyba że zmienisz podstawowy kształt, aby je uwzględnić.


4

Wiem, że oznaczyłeś to jako problem ilustratora, ale użycie przemieszczenia w Photoshopie również może ci pomóc.

Weź kształt wektorowy z programu Illustrator i skopiuj go wklej w dokumencie programu Photoshop jako warstwę kształtu ...

wprowadź opis zdjęcia tutaj

Następnie kliknij warstwę prawym przyciskiem myszy, aby ją zrasteryzować. a następnie utwórz nowy dokument w sklepie fotograficznym o takich samych wymiarach jak grafika. W nowym dokumencie przejdź do Filtr> Hałas> Dodaj hałas i utwórz wzór szumu. Następnie chcesz nieco rozmazać ten wzór szumu, używając Filtr> Rozmycie> Rozmycie gaussowskie

wprowadź opis zdjęcia tutaj

A następnie zapisz gdzieś plik wynikowy jako PSD. Teraz wróć do swojej grafiki. Wybierz Filtr> Zniekształć> Przemieść.

wprowadź opis zdjęcia tutaj

Skale tutaj kontrolują, ile oryginalnego dzieła zostanie przesunięte. Następnie kliknij OK, a będziesz musiał wybrać hałas psd, który wcześniej utworzyłeś. twoja grafika zostanie następnie przesunięta przez ten psd, co spowoduje pewne sztucznie wykonane krawędzie. Możesz zadzierać z rozmyciem na psd i skalami w przesunięciu, dopóki nie osiągniesz właściwego poziomu.

wprowadź opis zdjęcia tutaj

Możesz także utworzyć inny obraz przemieszczenia za pomocą opcji Filtr> Renderuj> Chmury zamiast szumu. Spowoduje to więcej niepewnych krawędzi.

wprowadź opis zdjęcia tutaj

Możesz je połączyć, zaczynając od renderowania w chmurze, co może być jeszcze lepsze

wprowadź opis zdjęcia tutaj

Teraz możesz przywrócić go do programu Illustrator i użyć Image Trace do wektoryzacji. Chociaż w ten sposób stracisz trochę szczegółów, być może zechcesz bawić się skalami, dopóki nie zrobisz tego poprawnie.

wprowadź opis zdjęcia tutaj

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.