Эффект размытия, который создает ощущение высокой скорости, сегодня часто применяется при обработке фотографий и при создании видео и фильмов.

В реальности размытие движения появляется, когда установленная на фотокамере выдержка достаточно длинная, чтобы запечатлеть движение объекта съемки в кадре.

В этом уроке мы продемонстрируем, как искусственным путем создать эффект размытия движения. Вы можете попробовать запечатлеть движущийся объект и во время съемки, получив в результате красиво размытый поток цвета и света.

Главной трудностью является достижение баланса между размытием и видимостью деталей объекта. Хорошие результаты вы сможете получить только методом проб и ошибок. Но, к сожалению, не всегда есть время на эти пробы и ошибки.

Эффект размытия на снимке

Размытие, полученное в результате использования длинных выдержек, не всегда ярко отображает эффект движения, который мы так хотим получить. В таких случаях на помощь приходят фоторедакторы. В этом уроке мы будем работать в программе Photoshop Elements.

Мы расскажем, как сделать так, чтобы размытие соответствовало перспективе объекта (в данном случае поезда), то есть направление размытия будет совпадать с направлением линий поезда.

Затем вы узнаете, как работать с маской слоя и выборочно уменьшать эффект в некоторых зонах изображения, чтобы обнажить детали объекта.

Также мы продемонстрируем, как правильно работать с маской слоя, которая поможет компоновать в кадре дополнительные объекты, с помощью которых вы сможете сделать более интересными передний и задний планы.

Как создать эффект размытия в движении

1. Открываем исходное изображение

Для начала загрузите наши исходные файлы Master motion blur . Откройте документ blur_before01.jpg. В панели слоев дважды кликните по миниатюре фонового слоя, чтобы разблокировать его. В панели инструментов выберите Magic Wand tool (Волшебная Палочка) и установите значение Tolerance (Допуск) 20. Поставьте галочки напротив графы Contiguous (Смежные пиксели). Кликните по изображению, чтобы выделить белое небо.

2. Сглаживаем края

Края выглядят не совсем ровными, мы должны их немного сгладить. Выбираем Select>Inverse (Выделение>Инверсия). Нажимаем на кнопку Refine Edge (Уточнить край), которая находится в панели параметров инструмента. Переводим вид (View) на На черном (On Black). Ставим галочку напротив параметра Smart Radius (Умный Радиус) и устанавливаем значение для радиуса равное 2.9 пикселям, а для Feather (Растушевка) 1.7. В графе Output to выбираем ‘New layer with layer mask’. Нажимаем Ok.

3. Корректируем маску

В панели инструментов выберите инструмент Brush (Кисть), в панели настроек инструмента откройте список пресетов для кисти и выберите жесткую круглую кисть. Размер установите на 35. Фоновый цвет переведите на белый. Кликните мышкой по маске слоя. Работайте белой кистью, чтобы восстановить отсутствующие детали и черной кистью, чтобы наоборот скрыть ненужные области, как например, фонарь на заднем фоне.

• Совет: В Photoshop, чтобы не загромождать меню, некоторые инструменты прячутся под иконками других инструментов, для того, чтобы их увидеть и активировать необходимо, кликнуть по иконке инструмента правой кнопкой мыши.

4. Добавляем изображение неба

В списке исходных файлов выберите документ blur_before01.jpg и откройте его в программе. Выберите Select>All (Выделить>Все) и затем Edit>Copy (Правка>Копировать). Перейдите во вкладку главного изображение и нажмите Edit>Paste (Правка>Вставить). Небо появится в панели слоев, как Layer 1. Перетащите этот слой на позицию над слоем с поездом. Воспользуйтесь инструментом Move (Перемещение), чтобы поместить драматичные облака непосредственно над поездом.

5. Применяем фильтр

Кликните по верхнему слою с маской (Layer 0 copy). Нажмите клавиши Ctrl/Cmd+J, чтобы продублировать его. Переименуйте слой в ‘Blur layer’. Перейдите во вкладку Filter>Blur>Radial Blur . Установите метод размытия Zoom, а качество выставите на Best. Переместите центр размытия таким образом, чтобы линии размытия соответствовали углу линий поезда.

6. Увеличиваем скорость

В предыдущем шаге, чтобы добавить размытие мы выставили значение 10 для Amount. Чтобы придать ощущение еще большей скорости, продублируем этот эффект, зажав клавиши Ctrl/Cmd+F. Теперь поезд стал настолько размытым, что нам сложно различать детали. Земля, как вы видите, также размыта. Нам необходимо изменить маску слоя.

7. Уменьшаем размытие

Уменьшите Opacity (Непрозрачность) слоя до 94%, чтобы выявить чуть больше деталей из нижнего слоя. Вооружитесь инструментом Кисть (Brush). Выберите круглую мягкую кисть в меню с пресетами для кисти. Для кисти установите размер 600 пикселей и непрозрачность (Opacity) 25%. Кликните по маске слоя. Уменьшите размытие в области, где находится машинист и области номера двигателя, прорисовав эти части кистью.

8. Прорисовываем детали

Восстановите непрозрачность кисти на 100% и уменьшите ее размер до 300 пикселей. Прорисуйте черной кистью по маске слоя те области, которые не должны быть размыты, а именно платформу и забор на заднем фоне. Вы можете в любое время изменить маску слоя и сделать какие-то детали более четкими или наоборот, размытыми.

9. Выделяем пар

Откройте файл blur_before05.jpg. Выберите инструмент Lasso (Лассо). Установите значение Feather (Растушевка) равное 45 пикселям. Нарисуйте ровное выделение вокруг столба дыма. Выберите Enhance>Auto Contrast (Улучшение>Авто Контраст), а затем Edit>Copy (Правка>Копировать). Переходим в File>New>Blank File (Файл>Новый>Новый пустой файл). Кликаем по Ok и затем переходим во вкладку Edit и выбираем Paste (Вставить).

10. Инвертируем слои

Кликните по белому фоновому слою и нажмите клавиши Ctrl/Cmd+I, чтобы инвертировать его в черный. Затем выделите слой с изображением пара и зажмите клавиши Ctrl/Cmd+I, чтобы инвертировать слой в белый. Таким образом, мы получим изображение белого пара на черном фоне. Воспользуйтесь ластиком, чтобы удалить следы трубы. Затем перейдите в Layer>Flatten Image .

11. Вставляем и располагаем

Выберите Enhance>Adjust Color>Remove Color (Улучшение>Настройки цвета>Обесцветить), а затем Enhance>Auto Contrast. Следующим этапом перейдите в Select>All , чтобы сделать выделение и затем Edit>Copy, чтобы скопировать выделенное. Перейдите к файлу, с которым мы работали до этого и нажмите Edit>Paste (Правка>Вставить). Измените режим наложения слоя с паром на Screen, чтобы избавиться от черного цвета. Используйте инструмент Move (Перемещение), чтобы расположить дым в необходимом месте.

12. Масштабируем

Нажмите клавиши Ctrl/Cmd+J, чтобы продублировать слой с паром. Затем воспользуйтесь комбинацией Ctrl/Cmd+T, чтобы активировать инструмент Free Transform (Свободная Трансформация). В настройках инструмента выставите значение для Angle (Угол) равное -180. Уберите галочку напротив Constrain Proportions . Для W выставите значение 200%, а для H 150%. Внутри рамки перетащите изображение пара, как показано на фотографии. Непрозрачность слоя уменьшите до 85%.

13. Открываем изображение с багажом

Откройте файл blur_before03.jpg. Используйте инструмент Rectangular Marquee Tool (Прямоугольная область), чтобы выделить секцию с багажом. Выберите Edit>Copy . Перейдите во вкладку нашего проекта и нажмите Edit>Paste . Перейдите в Image>Rotate>Flip Layer Horizontal (Изображение>Ориентация>Отразить по горизонтали).

14. Делаем ровное выделение

Чтобы сделать ровное выделение и отделить багаж от прежнего фона, выбираем инструмент Quick Selection (Быстрое Выделение). Устанавливаем размер на 50. Кликаем по иконке New selection. Проводим инструментом по багажу, чтобы сделать ровное выделение. Нажмите на иконку Subtract from selection (Вычитание из Выделенной области), чтобы удалить ненужную область выделения, в Photoshop для этого необходимо зажать клавишу Alt.

15. Сгладживаем края

Выберите Layer>Layer Mask>Reveal Selection (Слой>Маска Слоя>Показать выделенные области). Маска слоя скроет большую часть фона, однако, неровные края, тем не менее, останутся. Кликните по маске слоя. Возьмите инструмент Кисть (Brush). Черной кистью по маске слоя закрасьте все области, где виднеется фон, на котором до этого находился багаж, и напротив, воспользуйтесь кистью белого цвета, чтобы восстановить отсутствующие детали багажа.

16. Регулировка тонов

Сейчас багаж выглядит немного переэкспонированным на фоне общей картины. Кликните по миниатюре слоя с багажом (не по маске слоя). Перейдите в Enhance> Adjust Lighting>Levels (Улучшение>Коррекция Света>Уровни). Перетащите слайдер, отвечающий за уровень черного, на 27, чтобы сделать темнее тени багажа. Нажмите Ok.

17. Добавляем тени

Используйте инструмент Move Tool , чтобы расположить багаж на платформе. Чтобы добавить тени создайте новый слой: Layer> New>Layer . Перенесите новый слой под слой с багажом и измените его режим наложение на Overlay . Вооружитесь инструментом Brush . Установите черный фоновый цвет и выберите круглую мягкую кисть. Нарисуйте тень от багажа на платформе.

18. Завершающие штрихи

Откройте файл blur_before04.jpg. Используя технику выделения, которой мы пользовались при работе с багажом, переместите цветы из открытого документа на нашу картинку. Масштабируйте их до 40%, продублируйте слой и разместите больше цветов в правом углу. Используйте инструмент Free Transform , чтобы изменять их положение.

Эффект размытия, который создает ощущение высокой скорости, сегодня часто применяется при обработке фотографий и при создании видео и фильмов.

В реальности размытие движения появляется, когда установленная на фотокамере выдержка достаточно длинная, чтобы запечатлеть движение объекта съемки в кадре.

В этом уроке мы продемонстрируем, как искусственным путем создать эффект размытия движения. Вы можете попробовать запечатлеть движущийся объект и во время съемки, получив в результате красиво размытый поток цвета и света.

Главной трудностью является достижение баланса между размытием и видимостью деталей объекта. Хорошие результаты вы сможете получить только методом проб и ошибок. Но, к сожалению, не всегда есть время на эти пробы и ошибки.

Эффект размытия на снимке

Размытие, полученное в результате использования длинных выдержек, не всегда ярко отображает эффект движения, который мы так хотим получить. В таких случаях на помощь приходят фоторедакторы. В этом уроке мы будем работать в программе Photoshop Elements.

Мы расскажем, как сделать так, чтобы размытие соответствовало перспективе объекта (в данном случае поезда), то есть направление размытия будет совпадать с направлением линий поезда.

Затем вы узнаете, как работать с маской слоя и выборочно уменьшать эффект в некоторых зонах изображения, чтобы обнажить детали объекта.

Также мы продемонстрируем, как правильно работать с маской слоя, которая поможет компоновать в кадре дополнительные объекты, с помощью которых вы сможете сделать более интересными передний и задний планы.

Как создать эффект размытия в движении

1. Открываем исходное изображение

Для начала загрузите наши исходные файлы Master motion blur . Откройте документ blur_before01.jpg. В панели слоев дважды кликните по миниатюре фонового слоя, чтобы разблокировать его. В панели инструментов выберите Magic Wand tool (Волшебная Палочка) и установите значение Tolerance (Допуск) 20. Поставьте галочки напротив графы Contiguous (Смежные пиксели). Кликните по изображению, чтобы выделить белое небо.

2. Сглаживаем края

Края выглядят не совсем ровными, мы должны их немного сгладить. Выбираем Select>Inverse (Выделение>Инверсия). Нажимаем на кнопку Refine Edge (Уточнить край), которая находится в панели параметров инструмента. Переводим вид (View) на На черном (On Black). Ставим галочку напротив параметра Smart Radius (Умный Радиус) и устанавливаем значение для радиуса равное 2.9 пикселям, а для Feather (Растушевка) 1.7. В графе Output to выбираем ‘New layer with layer mask’. Нажимаем Ok.

3. Корректируем маску

В панели инструментов выберите инструмент Brush (Кисть), в панели настроек инструмента откройте список пресетов для кисти и выберите жесткую круглую кисть. Размер установите на 35. Фоновый цвет переведите на белый. Кликните мышкой по маске слоя. Работайте белой кистью, чтобы восстановить отсутствующие детали и черной кистью, чтобы наоборот скрыть ненужные области, как например, фонарь на заднем фоне.

• Совет: В Photoshop, чтобы не загромождать меню, некоторые инструменты прячутся под иконками других инструментов, для того, чтобы их увидеть и активировать необходимо, кликнуть по иконке инструмента правой кнопкой мыши.

4. Добавляем изображение неба

В списке исходных файлов выберите документ blur_before01.jpg и откройте его в программе. Выберите Select>All (Выделить>Все) и затем Edit>Copy (Правка>Копировать). Перейдите во вкладку главного изображение и нажмите Edit>Paste (Правка>Вставить). Небо появится в панели слоев, как Layer 1. Перетащите этот слой на позицию над слоем с поездом. Воспользуйтесь инструментом Move (Перемещение), чтобы поместить драматичные облака непосредственно над поездом.

5. Применяем фильтр

Кликните по верхнему слою с маской (Layer 0 copy). Нажмите клавиши Ctrl/Cmd+J, чтобы продублировать его. Переименуйте слой в ‘Blur layer’. Перейдите во вкладку Filter>Blur>Radial Blur . Установите метод размытия Zoom, а качество выставите на Best. Переместите центр размытия таким образом, чтобы линии размытия соответствовали углу линий поезда.

6. Увеличиваем скорость

В предыдущем шаге, чтобы добавить размытие мы выставили значение 10 для Amount. Чтобы придать ощущение еще большей скорости, продублируем этот эффект, зажав клавиши Ctrl/Cmd+F. Теперь поезд стал настолько размытым, что нам сложно различать детали. Земля, как вы видите, также размыта. Нам необходимо изменить маску слоя.

7. Уменьшаем размытие

Уменьшите Opacity (Непрозрачность) слоя до 94%, чтобы выявить чуть больше деталей из нижнего слоя. Вооружитесь инструментом Кисть (Brush). Выберите круглую мягкую кисть в меню с пресетами для кисти. Для кисти установите размер 600 пикселей и непрозрачность (Opacity) 25%. Кликните по маске слоя. Уменьшите размытие в области, где находится машинист и области номера двигателя, прорисовав эти части кистью.

8. Прорисовываем детали

Восстановите непрозрачность кисти на 100% и уменьшите ее размер до 300 пикселей. Прорисуйте черной кистью по маске слоя те области, которые не должны быть размыты, а именно платформу и забор на заднем фоне. Вы можете в любое время изменить маску слоя и сделать какие-то детали более четкими или наоборот, размытыми.

9. Выделяем пар

Откройте файл blur_before05.jpg. Выберите инструмент Lasso (Лассо). Установите значение Feather (Растушевка) равное 45 пикселям. Нарисуйте ровное выделение вокруг столба дыма. Выберите Enhance>Auto Contrast (Улучшение>Авто Контраст), а затем Edit>Copy (Правка>Копировать). Переходим в File>New>Blank File (Файл>Новый>Новый пустой файл). Кликаем по Ok и затем переходим во вкладку Edit и выбираем Paste (Вставить).

10. Инвертируем слои

Кликните по белому фоновому слою и нажмите клавиши Ctrl/Cmd+I, чтобы инвертировать его в черный. Затем выделите слой с изображением пара и зажмите клавиши Ctrl/Cmd+I, чтобы инвертировать слой в белый. Таким образом, мы получим изображение белого пара на черном фоне. Воспользуйтесь ластиком, чтобы удалить следы трубы. Затем перейдите в Layer>Flatten Image .

11. Вставляем и располагаем

Выберите Enhance>Adjust Color>Remove Color (Улучшение>Настройки цвета>Обесцветить), а затем Enhance>Auto Contrast. Следующим этапом перейдите в Select>All , чтобы сделать выделение и затем Edit>Copy, чтобы скопировать выделенное. Перейдите к файлу, с которым мы работали до этого и нажмите Edit>Paste (Правка>Вставить). Измените режим наложения слоя с паром на Screen, чтобы избавиться от черного цвета. Используйте инструмент Move (Перемещение), чтобы расположить дым в необходимом месте.

12. Масштабируем

Нажмите клавиши Ctrl/Cmd+J, чтобы продублировать слой с паром. Затем воспользуйтесь комбинацией Ctrl/Cmd+T, чтобы активировать инструмент Free Transform (Свободная Трансформация). В настройках инструмента выставите значение для Angle (Угол) равное -180. Уберите галочку напротив Constrain Proportions . Для W выставите значение 200%, а для H 150%. Внутри рамки перетащите изображение пара, как показано на фотографии. Непрозрачность слоя уменьшите до 85%.

13. Открываем изображение с багажом

Откройте файл blur_before03.jpg. Используйте инструмент Rectangular Marquee Tool (Прямоугольная область), чтобы выделить секцию с багажом. Выберите Edit>Copy . Перейдите во вкладку нашего проекта и нажмите Edit>Paste . Перейдите в Image>Rotate>Flip Layer Horizontal (Изображение>Ориентация>Отразить по горизонтали).

14. Делаем ровное выделение

Чтобы сделать ровное выделение и отделить багаж от прежнего фона, выбираем инструмент Quick Selection (Быстрое Выделение). Устанавливаем размер на 50. Кликаем по иконке New selection. Проводим инструментом по багажу, чтобы сделать ровное выделение. Нажмите на иконку Subtract from selection (Вычитание из Выделенной области), чтобы удалить ненужную область выделения, в Photoshop для этого необходимо зажать клавишу Alt.

15. Сгладживаем края

Выберите Layer>Layer Mask>Reveal Selection (Слой>Маска Слоя>Показать выделенные области). Маска слоя скроет большую часть фона, однако, неровные края, тем не менее, останутся. Кликните по маске слоя. Возьмите инструмент Кисть (Brush). Черной кистью по маске слоя закрасьте все области, где виднеется фон, на котором до этого находился багаж, и напротив, воспользуйтесь кистью белого цвета, чтобы восстановить отсутствующие детали багажа.

16. Регулировка тонов

Сейчас багаж выглядит немного переэкспонированным на фоне общей картины. Кликните по миниатюре слоя с багажом (не по маске слоя). Перейдите в Enhance> Adjust Lighting>Levels (Улучшение>Коррекция Света>Уровни). Перетащите слайдер, отвечающий за уровень черного, на 27, чтобы сделать темнее тени багажа. Нажмите Ok.

17. Добавляем тени

Используйте инструмент Move Tool , чтобы расположить багаж на платформе. Чтобы добавить тени создайте новый слой: Layer> New>Layer . Перенесите новый слой под слой с багажом и измените его режим наложение на Overlay . Вооружитесь инструментом Brush . Установите черный фоновый цвет и выберите круглую мягкую кисть. Нарисуйте тень от багажа на платформе.

18. Завершающие штрихи

Откройте файл blur_before04.jpg. Используя технику выделения, которой мы пользовались при работе с багажом, переместите цветы из открытого документа на нашу картинку. Масштабируйте их до 40%, продублируйте слой и разместите больше цветов в правом углу. Используйте инструмент Free Transform , чтобы изменять их положение.

Движение - это жизнь. Благодаря такому интересному эффекту, мы показываем всю динамику фотографии, она становится более выразительной. Несколько щелчков в программе Photoshop, и в наших силах отобразить скорость движения прыжка этой девушки!

1. Откройте изображение в Photoshop.

2. Откройте палитру Layers (Слои) нажав F7 или зайдите в меню: Window-Layers,. Нажмите Ctrl+J для того, чтобы скопировать слой, или зайдите в меню Layer-Dublicate Layer

Назовите этот слой "движение", для этого нажмите два раза на самой надписи Layer1, введите имя - ОК.

3. Теперть для слоя "движение" создадим наше размытие, идем Filter-Blur-Moution Blur

5. В зависимости от размера вашей фотографии отрегулируйте: Distance - дистанция движения, Angle - угол направления движения

В слое "движение" рядом с иконкой появится белый квадрат, нажимаем на него, чтобы активировать.

7. Потом в панели инструментов выбираем градиент, смотрим, чтобы градация была черно-белой.

8. Делаем растяжку черно-белого градиента от начала траектории движения к центру объекта. При желании слой "движение" можно будет отрегулировать прозрачностью, в палитре Layers (Слои)-Oracity (Прозрачность) поставить на 90%.

Вот как получилось:

В данном уроке Фотошопа мы научимся создавать реалистичное размытие в движении на фотографии.

Финальный результат

Приступаем к уроку Фотошопа

1) Откройте изображение движения (полёта, падения, и т.д) File > Open (Файл – Открыть / Сочетание клавиш "Ctrl+O"). Можете взять это ↓:

2) На глаз опеделите направление движения. В случае автора это градусов 15-20.

3) Применим фильтр Filter > Blur > Motion blur (Фильтр > Размытие > Размытие в движении) с настройками как на изображении:↓

4) Откройте окошко History Palette (Окно истории) [Справа в фотошопе], и щёлкните по кнопке как на картинке ↓.

Это создалась копия оригинала. Можете её на как-нибудь обозвать. (Автор назвал Blur [То есть Размытие/Смазывание]).

5) Выберите первый снимок [Там же справа(History) (Skier.jpg)], чтобы изменить размытое изображение назад на нормальное.

6) Выберите History Brush Tool (Инструмент "Архивная кисть" / Клавиша "Y") диаметром около 30 пикс И стирайте лишнюю "Размытость" не посредственно на предмете (в данном случае это одежда, у вас должно получиться нечто похожее).

7) Затем бёрем кисть по меньше, и убераем аккуратно смазывание в области рта, если оставить так, как есть, то это выглядит не очень.

Motion Blur в переводе с английского означает "эффект размытости изображения при воспроизведении сцен движения". Этот эффект вы можете наблюдать на фотографиях, на которых запечатлены движущиеся объекты. Этот эффект наиболее заметен, если фотография производилась с большой выдержкой или у фотографируемых объектов была большая скорость движения.

Почему это происходит?

Принцип работы фотоаппарата заключается в выдерживании светочувствительной пленки перед поступающим светом в течение очень короткого промежутка времени. Поступающий от сцены свет изменяет химический состав фотопленки таким образом, что на ней образуется точный "отпечаток" внешнего вида сцены. Процесс выдерживания называется экспозицией. Если во время экспозиции сцена меняется, то четкость "отпечатка" нарушается и появляется размытость.

Почему мы должны это учитывать?

За редкими исключениями вы можете найти примеры motion blur в любом фильме или телепрограмме. Однако очень вероятно, что вы даже не обратите внимания на этот эффект. Как и в случае со многими другими побочными эффектами фотографии, вы быстро заметите отсутствие привычных эффектов, в то время как их наличие просто дает вам ощущение реализма, хотя на сам эффект вы даже и не обращаете внимания.

Например, ставший столь популярным в последнее время эффект засвечивания линз (lens flare). В практике обычного фотографирования оператор всегда стремился уменьшить проявление этого побочного эффекта на фотоизображении, но с тех пор, как мы привыкли считать его атрибутом реализма, многие программисты стали имитировать его в своих программах. Подобная ситуация повторяется и с другими побочными эффектами - зернистость пленки, дрожание камеры, установленной на вертолете, эффекты фокусировки и многие др.

Взгляните на некоторые компьютерные анимации, в которых не применен эффект программный или аппаратный motion blur - движение в этом случае выглядит дерганным и очень нереалистичным. Вы также можете заметить этот эффект в случае с телевизионным обозрением спортивных событий. Обычная камера фиксирует 25 кадров в секунду. Специализированная, спортивная камера способна фиксировать до 1000 кадров в секунду. Тем не менее при телевещании в телесигнал вставляется только малая часть из этой последовательности, эффект motion blur заметно уменьшается, и при просмотре подобных роликов быстро движущийся объект мерцает.

Мы так привыкли к размазыванию изображения скоростных объектов на экране телевизора или в кино, что просмотр анимаций без этого эффекта вызывает чувство нереалистичности.

Четко отрисовываемое изображение в каждом кадре компьютерной анимации ведет к полному отсутствию эффекта motion blur, что, в свою очередь, приводит к потере реалистичности сцены. Поэтому без принятия специальных мер по имитации motion blur мы не сможем отобразить максимально правдоподобную сцену с движением объектов.

Более того, изображение с эффектом motion blur несет в себе несколько больше нужной для нашего мозга информации. Сравните два рисунка:

Это две совершенно одинаковых сцены, только одна отрендерена для случая, когда камера двигается вперед, а вторая - для движения камеры влево. Наверное, вы сразу поймете, где какой рисунок. :) При просмотре анимации ваш мозг получает эту дополнительную информацию о размытости, смена кадров представляется плавной, и, как результат, мы получаем значительно более реалистичную имитацию движения.

Поподробнее…

Хорошо, тогда давайте для начала рассмотрим, как работает кинокамера.

Основные элементы кинокамеры это:

• Объектив - содержит линзы, обеспечивающие необходимое фокусное расстояние.
• Затвор - открывается и закрывается на очень непродолжительное время с частотой 25 раз в секунду.
• Кинопленка - имеет специальное светочувствительное покрытие.

На рисунке справа мы видим схематический рисунок процесса снятия на кинопленку неподвижного красного шарика. Кинокамера изображена в виде её основных частей: линз, затвора и самой пленки.

Затвор на рисунке изображен открытым, давая возможность свету от шарика свободно достигать поверхности пленки. Мы также видим, что на пленке уже имеются два отснятых кадра с одинаковой яркостью. Текущий кадр находится в процессе экспозиции, и к моменту закрытия затвора изображение на пленке достигнет яркости предыдущих кадров.

Как только затвор закроется, пленка продвинется немного вниз, готовя следующий участок поверхности к формированию очередного кадра. Этот процесс повторяется многократно в процессе всей киносъемки.

А теперь произведем съемку того же шарика, только теперь он будет быстро двигаться в направлении стрелки.

Затвор открывается, и пленка начинает регистрировать свет от движущегося шарика. Процесс очень напоминает предыдущий, но теперь изображение шарика на пленке будет терять четкость и выглядеть размытым. Это размытость движения, или motion blur.

Можно поспорить, что если вы рассмотрите один любой из сформированных кадров, вы с точностью определите, что шарик двигается горизонтально. И все потому, что изображение с эффектом motion blur несет больше информации, чем изображение без него.

Имитация эффекта Motion Blur на изображениях

1. Пространственный (spatial) anti-aliasing

Вероятно, вы уже знакомы с одним их вариантов реализации anti-alising на изображениях - это super sampling. Super sampling подразумевает собой рендеринг изображения в несколько раз большего, чем нам необходимо, а затем уменьшения его до нужного нам размера при усреднении цветности групп близлежащих пикселей в один.

Мы рассмотрим процесс создания изображения с super sampling anti-aliasing, потому что процедура создания motion blur очень его напоминает.

Для примера создадим изображение кольца размерностью 50х50 пикселей.

Для начала нам необходимо изображение с бОльшим количеством пикселей

Создадим изображение размерностью 200 х 200 пикселей , что в 4 раза больше того, что мы хотим получить.

Поделим изображение

Теперь представим, что мы разрезаем изображение на мелкие кусочки. Так как это изображение в 4 раза больше, то размер маленького кусочка выберем 4 х 4 пикселя

Усреднение

Теперь для каждого маленького кусочка возьмем усредненное значение цветности находящихся в нем пикселей и заполним каждый кусочек соответствующим усредненным значением.

Уменьшение размера (Resize)

А теперь уменьшим полученное изображение до нужных нам размеров в 50 х 50 пикселей .

На полученном изображении (визуально) все переходы плавные, и мы едва ли сможем заметить ступенчатость изображения.

Motion blur или Temporal anti-aliasing (Переходное сглаживание)

Для получения motion blur нужно проделать операции, подобные описанным выше. Метод для сглаживания готовых изображений называется spatial anti-aliasing , что означает сглаживание всего изображения. А метод, применяемый для motion blur, называется temporal anti-aliasing , означающий сглаживание переходных процессов во времени.

Суть производимых операций остается одинаковой.

a. Создаем избыточное количество кадров

Подобно тому, как мы раньше делали более крупное изображение, здесь мы произведем большее количество кадров. Например, для финальной анимации длительностью в 4 секунды нам нужно 100 кадров. Поэтому мы первоначально создадим в 4 раза больше кадров для тех же 4 секунд анимации, т.е. 400. (просто произведем съемку с повышенной частотой 100 кадров в секунду)

б. Поделим анимацию

Просто разделим последовательную анимацию на группы по 4 кадра.

в. Усреднение

Внутри каждой группы кадров произведем смешивание кадров в один.

г. Составим новую анимацию из этих кадров

Все сделано. У нас останется ровно 100 кадров для 4 секунд просмотра. Как раз то, что нам нужно, но теперь на каждом кадре будет иметь место переходное сглаживание (motion blur ).

Особенности программирования motion blur

Итак, вы готовы использовать motion blur в своем проекте. Насколько точно его моделировать? Ответ - все зависит от поставленных задач.

Осуществление полномасштабного motion blur в реальном времени - это очень трудная задача. Вы должны суметь в несколько раз увеличить скорость вывода на экран (framerate), и для подавляющего большинства приложений единственный способ достичь этого - это существенное снижение детализации. Во многих случаях это просто неприемлемо.

В некоторых компьютерных играх motion blur реализуется путем соединения текущего кадра с предыдущими таким образом, чтобы предыдущие кадры оставались видимыми в течение некоторого, короткого промежутка времени. Это не является motion blur в принципе, выглядит очень неуклюже и просто отнимает драгоценное процессорное время.

Вероятно, за счет снижения уровня детализации, вы сможете достичь приемлемого motion blur, но чаще всего немного motion blur вы все же сможете добавить без существенных жертв. Вы можете обеспечить эффектом motion blur только объекты с самой большой скоростью перемещения. Более того, вы можете пойти на некоторые ухищрения, чтобы сымитировать motion blur. Например, разлетающиеся частички раскаленного вещества в месте взрыва можно рендерить в виде коротких линий, а не в виде точек. Это создаст впечатление motion blur. То же самое можно отнести и к процессу визуализации водопадов и выстрелов из оружия. Часто, когда играешь в автосимуляторы, можно к огорчению заметить, что вращение колес автомобиля выглядит очень неестественно. Колеса автомобиля вращаются с такой бешеной скоростью, что какие-либо детали обода и покрышек просто не должны быть различимы. (Взгляните на колеса мчащихся автомобилей в NFS III или IV. Их неестественное движение очень портит вид. В этом отношении очень реалистично выглядят модели в авиасимуляторе Viper Racing, например ) Очень удобным решением в этом случае может быть предварительная подготовка нескольких текстур колес, просчитанных с различным количеством переходного сглаживания. И по мере все более и более быстрого вращения колес использовать все более и более "размытые" текстуры. Это не отнимет много времени у процессора. Такой же подход необходим и к текстуре дороги. Это значительно прибавит реализма игре при небольшом влиянии на производительность в целом.

Если же вы подготавливаете анимацию заранее, и она не будет просчитываться в реальном игровом времени, тогда вам определенно стоит потратить некоторое время на реализацию motion blur в своем проекте. Это особенно важно, если вы визуализируете быстро перемещающиеся объекты. Однако, опять же, все зависит от тех целей, которых вы хотите достигнуть. Например, если вам жизненно необходимо иметь возможность делать четкие стоп- кадры из анимации, то вам, наверное, следует оказаться от применения motion blur; но в этом случае вы должны представлять, что сама анимация будет выглядеть несколько дергано, и у зрителя создастся впечатление мерцания.

Motion blur Demo

Вы можете загрузить себе на компьютер и просмотреть программу демонстрации эффекта motion blur отсюда: motion.zip .

Программа имеет следующие клавиши управления:

• S : Toggle slow motion (медленное движение, Вкл/Выкл)
• M : Toggle between correct and false motion blur (Неправильный motion blur, Вкл/Выкл)
• 3 : Toggle Red/Blue 3D mode (Красный/Синий режим 3D, Вкл/Выкл)
• up/down arrows : more/less motion blur accuracy (Точность реализации motion blur)
• left/right arrows : adjust background brightness (Яркость фона)
• ESC : quit (Выход)

Пример анимации с применением motion blur

Каждый кадр этой анимации был изготовлен при помощи Terragen

Spatial и Temporal anti-aliasing (motion blur) наложены с помощью Bitty

Окончательная анимация и объединение кадров в последовательность были произведены при помощи Bink!

Вам необходим Bink Player для просмотра этой анимации.

• Формат: Bink (*.BIK)
• Разрешение: 320 × 240 pix
• Кол-во кадров: 160
• Скорость вывода (FPS): 25 кадров/сек
• Размер файла: 1379 кбайт

Материал для данной статьи любезно предоставил Hugo Elias

Wi-Fi