Як можна зобразити швидкість у графіці?

22

Як я можу показати швидкість у цьому прикладі?

У мене немає жодної векторної програми, я працюю у Photoshop.

введіть тут опис зображення

Будь-яка порада буде корисною.

adobe-photoshop photoshop-effects

2

Загалом швидкість передається через лінії або розмиті лінії разом з кутом до об'єкта (якщо він горизонтальний) google.com/…

— Скотт

30

Створіть форму сліз за допомогою інструмента для пера:

введіть тут опис зображення

Залийте його білим ( Command+ Delete).

Копіюйте, розтягуйте та обертайте свої копії, щоб вони відповідали деяким рядкам об'єкта:

введіть тут опис зображення

Об’єднайте фігури разом, вибравши їх усі та 1.hit Command+ Eабо 2. клацніть правою кнопкою миші та оберіть Злитися з розумним об’єктом.

Потім додайте маску шару і покладіть невеликий градієнт знизу вгору ...

введіть тут опис зображення

— Коло В
джерело

1

+1 - це найменш настирливий варіант і добре поєднується з чітким, чітким стилем ілюстрації

— user56reinstatemonica8

1

@ user568458 Я згоден. всі інші приклади (т. е. розмиття та краплі фону) абсолютно несумісні з оригінальним стилем ілюстрації, цей ідеально підходить. Вони роблять це схожим на космічний корабель , цей робить його схожим на кинутий паперовий літак .

— vaxquis

Мені це подобається. це дійсно добре для статичних зображень

— Вінанд,

Я також вирішив використати еліпс з інструментом деформації, щоб отримати аналогічні результати замість інструменту для пера.

— Вінанд

27

Альтернативний підхід - надання зовнішньої точки відліку.

У цьому випадку глядач рухається зі швидкістю вашого предмета. Здається, нерухомі предмети рухаються у зворотному напрямку, як зазначено хмарами внизу.

Цей підхід ви побачите в Аніме, де приклад, поданий @Dalvenjia, можливо, частіше зустрічається у мультфільмах із заходу. Не означати, що це кращий підхід, але, безумовно, набуває іншого стилістичного характеру.

введіть тут опис зображення

З технічної точки зору це по суті те саме.

Я створив кілька шарів з хмарами за допомогою інструменту пензля, потім застосував розмиття руху до копій кожного шару. Зсуньте вирівнювання свого руху так, щоб воно зникало в напрямку руху вашого об'єкта.

Сподіваюся, це допомагає.

— jwarton
джерело

1

Дуже приємна відповідь. Я відредагував ваше зображення в, ласкаво просимо на GD.SE!

— Yisela

Дякую, @Yisela, я не знав, як розмістити своє зображення для прямого перегляду. Я цього не помічав у документації про розміщення.

— jwarton

1

Без проблем :) Ви можете публікувати зображення лише після того, як у вас є 10 репутації. Ось чому цю опцію було вимкнено (вже не проблема!)

— Yisela

Ваш спосіб виглядає лише для анімації

— Вінанд,

Вибачте, якщо це не допомогло @Vinand. Я не знав про вашу заявку, і вважав, що було б ефективно дивитись на неявний рух трохи під іншим кутом. Я сподіваюся, що деякі інші пости тут змогли змусити ваші колеса повернутись. :)

— jwarton

16

Як коментував Скотт, рух зазвичай ілюструється за допомогою ліній, розмиття та / або напівпрозорих часткових зображень об'єкта, що відстає від "напрямку руху".

У кінцевому підсумку чистий передній край із розмиттям руху або подібним ефектом на задній край потрібні два шари. Перший - сам предмет, другий укладається зверху і частково замаскується.

Один з швидких і простих способів зробити це за допомогою Motion Blur. Ось ілюстрація, скопійована на другий шар із розмиттям руху, застосованим до копії.

введіть тут опис зображення

І ось воно з розмиттям "переднього краю" видаляється шаром маски:

введіть тут опис зображення

Пером маски ви можете скорегувати, наскільки чи мало ефекту накладається об’єкт. Щоб отримати додатковий кредит, ви можете застосувати фільтр Liquify до хвостового кінця розмиття, щоб створити "турбулентність".

— Алан Гілбертсон
джерело

1

Чи не було б взагалі краще почати з коротшої розмитості руху та просто перемістити розмитий шар так, щоб передній край вирівнювався з оригінальним об'єктом? Потім ви можете використовувати маскування для тонкої настройки ефекту, якщо хочете.

— Ільмарі Каронен

1

Існує багато способів зробити це. Коротше розмиття руху має тенденцію бути занадто непрозорим і недостатньо ущільненим, і існує певна межа щодо того, наскільки далеко ви можете його перемістити. Якщо що-небудь, я використав би більше розмиття і переміщу його в зворотному напрямку.

— Алан Гілбертсон

15

Нанесіть трохи розмиття вітру і руху, і ви зможете дати відчуття швидкості: Ефекти, що застосовуються

Оберніть зображення на 90 кВт, оскільки вітер працює лише збоку.
Виберіть шар з паперовою площиною (без фону або нічого іншого).
Дублюйте шар, щоб у вас була чиста копія, і ви можете спробувати різні налаштування та порівняти.
Застосуйте Фільтри> Стилізувати> Вітер та повторіть за потребою, я це робив лише двічі.
Застосувати фільтри> Розмиття> Розмиття у русі
Пограйте з налаштуваннями, я використав 0 ° і 100 сили.

Тепер ваша черга бути творчим.

РЕДАКТУВАННЯ: Не забудьте повернути зображення назад на 90CCW

— Дальвенджія
джерело

1

Невелика проблема тут полягає в тому, що лінії, що йдуть прямо вниз, не збігаються з передбачуваною перспективою літака, тому це може розглядатися як бурульки або як задня частина літака, що рухається вгору

— user56reinstatemonica8

1

Я думаю, це було б покращено, якби вітер / розмиття перед літаком було знято.

— MrWhite

7

Цей може вам більше сподобатися, але це потребує певних зусиль, використовуючи інструмент "шлях", обведення та ретельне маскування:

— jwarton
джерело

3

+1, ця приємна картина, напевно, не підходить для швидкості, але для руху точно

— Ілан,

Ха-ха, справді. У вас там є крапка.

— jwarton

Мені це так подобається, що я навіть перепишу якийсь ігровий код, щоб додати його. Але я все-таки знаходжу попередній приклад із інструментом «ручка» краще для екрана заставки

— Вінанд

3

Це звучить як веселий проект! Повідомте нас про ваш прогрес!

— jwarton