Jak mogę przedstawić prędkość na grafice?

22

Jak mogę pokazać prędkość w tym przykładzie?

Nie mam żadnych programów wektorowych, pracuję w Photoshopie.

wprowadź opis zdjęcia tutaj

Wszelkie porady będą pomocne.

adobe-photoshop photoshop-effects

— Vinand
źródło

2

Ogólnie rzecz biorąc, prędkość jest przekazywana liniami lub rozmytymi liniami wraz z kątem do obiektu (jeśli jest poziomy) google.com/…

— Scott

30

Utwórz kształt łezki za pomocą narzędzia Pióro:

wprowadź opis zdjęcia tutaj

Wypełnij go białym ( Command+ Delete).

Duplikuj, rozciągaj i obracaj swoje kopie, aby dopasować je do niektórych linii w obiekcie:

wprowadź opis zdjęcia tutaj

Scal kształty razem, zaznaczając je wszystkie i 1.hit Command+ Elub 2. kliknij prawym przyciskiem myszy i wybierz Scal z obiektem inteligentnym.

Następnie dodaj maskę warstwy i umieść niewielki gradient od dołu do góry ...

wprowadź opis zdjęcia tutaj

— Koło B
źródło

1

+1 jest to najmniej inwazyjna opcja i dobrze pasuje do ostrego, wyraźnego stylu ilustracji

— user56reinstatemonica8 11.04.2014

1

@ user568458 Zgadzam się. wszystkie inne przykłady (tj. rozmycie i plamy tła) są całkowicie niezgodne z oryginalnym stylem ilustracji, ten idealnie pasuje. Sprawiają, że wygląda jak statek kosmiczny , ten sprawia, że wygląda na rzucony papierowy samolot .

— vaxquis

Lubię to. to naprawdę dobre dla zdjęć statycznych

— Vinand

Zdecydowałem się również użyć elipsy z narzędziem deformacji, aby uzyskać podobne wyniki zamiast narzędzia pióra.

— Vinand,

27

Alternatywnym podejściem jest zapewnienie zewnętrznego punktu odniesienia.

W takim przypadku widz porusza się z prędkością twojego obiektu. Obiekty stacjonarne wydają się poruszać w przeciwnym kierunku, na co wskazują chmury poniżej.

Takie podejście zobaczysz w Anime, gdzie przykład podany przez @Dalvenjia jest prawdopodobnie częściej spotykany w kreskówkach z zachodu. Nie oznacza to, że jest to lepsze podejście, ale na pewno nabiera innego charakteru stylistycznego.

wprowadź opis zdjęcia tutaj

Z technicznego punktu widzenia jest zasadniczo taki sam.

Utworzyłem kilka warstw z chmurami za pomocą narzędzia pędzla, a następnie zastosowałem rozmycie ruchu na kopiach każdej warstwy. Przesuń wyrównanie ruchu, aby zanikał w kierunku, w którym porusza się fotografowany obiekt.

Mam nadzieję że to pomoże.

— Jwarton
źródło

1

Bardzo miła odpowiedź. Zredagowałem twój obraz, witaj na GD.SE!

— Yisela

Dzięki, @Yisela. Nie byłam pewna, jak opublikować moje zdjęcie do bezpośredniego oglądania. Nie zauważyłem tego w dokumentacji wysyłkowej.

— jwarton

1

Nie ma problemu :) Możesz publikować zdjęcia tylko po 10 reputacjach. Dlatego opcja została wyłączona (już nie jest to problem!)

— Yisela,

Twoja droga wygląda tylko na animację

— Vinand

Przepraszam, jeśli nie pomogło @Vinand. Nie wiedziałem o twojej aplikacji i pomyślałem, że efektywnie byłoby spojrzeć na ruch niejawny pod nieco innym kątem. Mam nadzieję, że niektóre inne posty tutaj były w stanie skręcić z twoich kół. :)

— jwarton

16

Jak zauważył Scott, ruch jest zwykle ilustrowany za pomocą linii, rozmycia i / lub półprzezroczystych częściowych obrazów obiektu podążającego za „kierunkiem ruchu”.

Aby uzyskać czystą krawędź natarcia z rozmyciem w ruchu lub podobnym efektem na krawędzi spływu, potrzebujesz dwóch warstw. Pierwszy to sam przedmiot, drugi jest ułożony na górze i częściowo zamaskowany.

Jednym szybkim i prostym sposobem na to jest Motion Blur. Oto ilustracja skopiowana na drugą warstwę z rozmyciem wywołanym ruchem na kopii.

wprowadź opis zdjęcia tutaj

I oto z rozmyciem „krawędzi wiodącej” usuniętym za pomocą maski warstwy:

wprowadź opis zdjęcia tutaj

Wtapiając maskę, możesz dostosować, jak bardzo lub jak mało efektu nakłada się na obiekt. Aby uzyskać dodatkowe uznanie, możesz zastosować filtr Liquify do końca rozmycia, aby stworzyć „turbulencję”.

— Alan Gilbertson
źródło

1

Czy ogólnie nie byłoby lepiej zacząć od krótszego rozmycia ruchu i po prostu przesunąć rozmytą warstwę, aby krawędź wiodąca zrównała się z oryginalnym obiektem? Następnie możesz użyć maskowania, aby dostroić efekt, jeśli chcesz.

— Ilmari Karonen,

1

Można to zrobić na wiele sposobów. Rozmycie krótszego ruchu wydaje się być zbyt nieprzejrzyste i niewystarczająco upierzone, a zakres ruchu jest określony. Jeśli cokolwiek, użyję większego rozmycia i przesunę go w przeciwnym kierunku.

— Alan Gilbertson

15

Zastosuj rozmycie wiatru i rozmycia, aby poczuć szybkość: Zastosowane efekty

Obróć obraz 90CW, ponieważ wiatr działa tylko na boki.
Wybierz warstwę z płaszczyzną papieru (bez tła lub czegokolwiek innego).
Zduplikuj warstwę, aby uzyskać czystą kopię, i możesz wypróbować różne ustawienia i porównać.
Zastosuj filtry> Stylizuj> Wiatr i powtórz w razie potrzeby, zrobiłem to tylko dwa razy.
Zastosuj filtry> Rozmycie> Rozmycie ruchu
Graj z ustawieniami, użyłem siły 0 ° i 100.

Teraz twoja kolej na kreatywność.

EDYCJA: Nie zapomnij obrócić obrazu do tyłu o 90CCW

— Dalvenjia
źródło

1

Nieznaczny problem polega na tym, że linie idące prosto w dół nie pasują do domyślnej perspektywy samolotu, więc może być postrzegane jako sople lodu lub tył samolotu poruszający się w górę

— user56reinstatemonica8

1

Myślę, że poprawiłoby się to, gdyby usunięto wiatr / rozmycie przed samolotem.

— MrWhite

7

Ten może ci się bardziej spodobać, ale wymaga trochę wysiłku przy użyciu narzędzia ścieżki, obrysu i ostrożnego maskowania:

— Jwarton
źródło

3

+1, to fajny obraz, prawdopodobnie nieprzystosowany do prędkości, ale z pewnością do ruchu

— Ilan

Haha, rzeczywiście. Trafiłeś w sedno, masz rację.

— jwarton

Podoba mi się tak bardzo, że nawet przepisuję kod gry, aby go dodać. Ale nadal znajduję poprzedni przykład z narzędziem do pisania, który lepiej nadaje się do ekranu powitalnego.

— Vinand,

3

To brzmi jak fajny projekt! Informuj nas o swoich postępach!

— jwarton