Блог о моушн-дизайне

и о том, что меня волнует

Новые функции Cinema 4D R21

В начале сентября выйдет Cinema 4D R21. Я посмотрел список нововведений и выбрал те, которые меня больше всего заинтересовали.

— Интерфейс сделали темнее и добавили кнопку PSR рядом с Rotate. На виндоусе начали поддерживать мониторы с высоким разрешением. А на маке переместили меню наверх, в меню-бар.

Cinema 4D R21 Interface

— Вынесли MoGraph и Fields в отдельные кнопки.

Cinema 4D R21 Mograph Button
Cinema 4D R21 Fields Button

— Включили цвет иконкам света. Забавно.

Cinema 4D R21 Light Color

— Появилась подписка на синему за 104,5€ (~7600₽) в месяц. За дополнительные 25€ (~1800₽) добавят Redshift.

Cinema 4D Monthly Subscription Price

Вечная лицензия никуда не пропала. Но, как и раньше, даёт обновления только внутри релиза. То есть для R22 придётся покупать новую. Так что, подписка теперь самый удобный вариант. Если платить за год — выйдет дешевле.

Cinema 4D Annually Subscription Price

— Убрали разделение на Prime, Broadcast, Studio, Visualize и BodyPaint. Теперь просто Cinema 4D с полноценным функционалом. В Content Browser, наконец-то, будет порядок.


— Добавили Field Force. Новая система управления частицами и динамикой. Как Attractor или Deflector, только намного мощнее.

Cinema 4D R21 Field Force Particles

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

Cinema 4D R21 Fields Hierarchy Masks

— Обновили Caps и Bevel. Теперь кривыми можно детально настроить форму крышки или выбрать понравившийся вид из пресетов.



Cinema 4D R21 Caps

— Цилиндр, конус и другие примитивы сделали цельными объектами. Теперь не нужно будет объединять точки после превращения в полигональный объект.



— В Track Properties для лупов поставили бесконечный цикл по умолчанию.

— Появился денойзер для рендера, причём довольно мощный.

Cinema 4D R21 Denoiser

— ProRender научился рендерить Volumes. Облака, огонь, дым, вот это вот всё.

— Добавили кэш для Volume Builder. Теперь можно закэшировать модель и добавлять новые изменения без подвисаний.

Cinema 4D R21 Volume Builder Cache

— К ригам добавили Mixamo и улучшили автоматическую развесовку.

Это далеко не весь список новых функций. Но если интересно, в источниках оставил ссылку на все нововведения синемы.

Источники

Полноценный список новых функций Cinema 4D R21
Полуторачасовой разбор Cinema 4D R21 от Криса Шмидта
12-минутный обзор новой синемы

4 августа  

Что ещё умеет VLC?

VLC — классный медиаплеер. Воспроизводит все нужные форматы, не просит денег и работает на всех платформах.

Большинство удобных функций понятны интуитивно: ускорить видео, поднять громкость до 200%, перемотать ролик стрелочками. Но есть и парочка неочевидных.

Сделать скриншот


Video → Snapshot ⌥⌘S / Shift+S
Сохраняет полноразмерный кадр из ролика в PNG. Выбрать папку для сохранения можно в настройках, во вкладке «Video».

Сохранить кусочек видео

PlaybackRecord ⌥⌘R / Shift+R
Первое нажатие активирует запись, второе прекращает. В итоге, получается отрезок из ролика в AVI. В настройках, во вкладке Input/Codecs выберите куда сохранить файл, чтобы потом не искать.

Переконвертировать ролик в H.264


File → Convert ⇧⌘S
Media → Convert Ctrl+R

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

Подменить звук

FileAdvanced Open FilePlay another media synchronously
MediaOpen Multiple FilesShow more optionsPlay another media synchronously

Накладывает на видео звуковую дорожку из внешнего файла. Оригинальный звук глушит. Помогает без рендера просмотреть ролик с другим диктором или новой музыкой.

Перенести файлы по WiFi

Позволяет без провода перекинуть видео на телефон или, наоборот, скачать с него. В VLC на iOS или Android, нужно включить «Sharing via WiFi» и с компьютера зайти на указанный локальный сайт.

Использовать телефон как пульт

Чтобы управлять плеером через телефон, на компьютер установите VLC Setup Helper, а на телефон VLC Remote для iOS или Android. Соединение настраивается в пару кликов.

Выбрать язык фильмов по умолчанию

PreferencesAudio → Preffered Language
Tools → PreferencesAudio → Preffered Language

Удобно, когда предпочитаете смотреть фильмы на одном языке, а читать субтитры на другом. В поле «Preffered Language» достаточно вписать «English» или «Russian». VLC поймёт и будет переключать звуковую дорожку на нужный язык. То же самое можно сделать с субтитрами во вкладке «Subtitles / OSD»

Нормализовать громкость

Window → Audio EffectsFiltersVolume Normalization
Tools → Preferences → AudioNormalize volume to 1.6

Делает громкие звуки тише, а остальные не трогает. Спасает при просмотре фильмов, где тихие разговоры чередуются с оглушающими взрывами.


Это далеко не весь список. VLC умеет скачивать видео с ютуба, включать подкасты, записывать видео с экрана. Но это я предпочитаю доверять другим программам, так что рассказывать об этом не буду :)

19 июля  

Что установлено на моём маке

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



Archiver

Улучшенный архиватор. Умеет ставить пароль на архив и просматривать файлы перед распаковкой.


Bartender

Убирает лишние иконки из меню-бара. Умеет прятать их за собой или полностью скрывать.

Bartender 3

Be Focused Pro

Таймер для разделения задач на промежутки по методу помидорок. Создаю задачу, 20 минут работаю, 5 минут отдыхаю. Программа напоминает сесть за компьютер или отвлечься.

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

Be Focused Pro Reports
Отчёт за неделю и включённый таймер

CleanMyMac X


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

CleanMyMac X

Flume

Инстаграм для мака. Недавно установил, чтобы загружать рендеры напрямую с компьютера. Теперь быстрее заполняю описание и не трачу время на пересылку файлов на телефон.

Flume Instagram

Flux

Ближе к ночи переводит цвета экрана в тёплые тона. Удобнее стандартного Night Shift тем, что умеет создавать исключения для программ.

ForkLift

Продвинутый файловый менеджер. Правда использую его только в качестве FTP-клиента для управления сайтом. Отличается тем, что не тормозит и не обрывает соединение как CyberDuck или Flow.

Fresh

Показывает все созданные или недавно изменённые файлы на компьютере. Вызывается по шорткату. Даёт исключить файлы из определённых папок или с определённым расширением, чтобы не замусорить всё какими-нибудь логами.

Fresh Mac
Дизайн отвратительный, но программа безумно удобная

GIF Brewery 3

Рекордер гифок с экрана. Незаменимая вещь для записи небольших инструкций. Первую гифку из статьи записал через неё.

Lightshot

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

LilyView

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

Little Snitch

Межсетевой экран, такой прокаченный hosts из виндоуса. Блокирует доступ в интернет определённым программам или к определённым адресам.

Little Snitch Network Monitor
Монитор подключений в реальном времени

Magnet

Менеджер окон. Перетягиваете окно к грани экрана — оно заполняет четверть или половину. Некоторые приложения не слушаются. Удивительно, что на маке нет этого из коробки.

MindNode


Симпатичный и функциональный редактор майндмэпов. Поддерживает ссылки, чекбоксы, картинки и файлы. Позволяет грамотно структурировать все узлы и настроить дизайн. Экспортирует в PDF, PNG или в текст с разметкой. Для планирования просто незаменимая вещь.

PuntoSwitcher

Задал через него шорткат на смену языка на Shift+Alt вместо Cmd+Space. Все остальные функции отключил.

PureRef

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

PureRef

ScreenFlow

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

SmoothScroll

Возвращает плавный скролл для неэппловских мышек. Пользоваться маком сразу приятнее. В качестве бесплатной альтернативы есть расширение для браузера.

Sound Control

Программа для глобальной настройки звука. Использую просто для того, чтобы у встроенных колонок на мониторе работала системная регулировка громкости.

Todoist

Менеджер задач. Удобно cмотреть в виджете список дел и добавлять новые задачи через компактную менюшку.

Todoist Widget Add Task Menu
Меню добавления задач вызывается шорткатом ⌃⌘A

VLC

Оупенсорсный плеер для видео про который я писал отдельную заметку. Работает со всеми популярными форматами. Удобно смотреть фильмы и управлять с телефона через VLC Remote.

Типографская раскладка Бирмана

Помогает легко набирать редкие символы вроде правильных кавычек или длинного тире. Не представляю как пользоваться клавиатурой без неё.

2019  

Рендер в After Effects

Расскажу самые базовые вещи о рендере в Adobe After Effects. Будет как небольшая подсказка для новичков.

Рендерить можно двумя способами. Через Render Queue внутри After Effects и через стороннюю программу Adobe Media Encoder.

Для слабых компьютеров или тяжёлых проектов советую Render Queue. А для всего остального — Media Encoder.

Две заметки перед началом
1) Если АЕ 2017 года или ниже — скачайте кодеки Quicktime. На macOS не нужно.
2) Если рендерите через Media Encoder проверьте, чтобы он был того же года, что и After Effects.

Рендерим видео с оптимальным соотношением веса и качества через Media Encoder

Сейчас самый распространённый стандарт сжатия видео — H.264. Мало весит, не убивает качество и везде поддерживается.

— Открываем композицию, которую хотим отрендерить.
— Заходим в Composition → Add to Adobe Media Encoder Queue. Немного ждём, открывается Media Encoder.
— Нажимаем на стрелочку в Format и выбираем H.264.

Media Encoder Format H.264

— В Preset выбираем Match Source High Bitrate.

Preset Match Source High Bitrate

— Output File выбираем куда сохранить. Нажимаем Enter или на зелёный треугольничек справа. Рендер пошёл.

В итоге, минутное видео больше не будет весит несколько гигабайт, а останется где-то в пределах сотни мегабайт.

Рендерим видео с оптимальным соотношением веса и качества через Render Queue

— Открываем композицию, которую хотим отрендерить.
— Заходим в Composition → Add to Render Queue.
— Нажимаем на синий текст рядом с Output Module.

After Effects Render Queue Output Module

— В Format выбираем Quicktime.

After Effects Render Queue Format

— Нажимаем Format Options.
— В Video Codec выбираем H.264.
Если АЕ 2018 или старше, то H.264 в списке не будет. Выбирайте Animation.
Файл получится тяжеловатый, но легче, чем совсем без сжатия. Поэтому для последних версий АЕ лучше использовать Media Encoder с H.264.

After Effects Render Queue H.264

— Кликаем ОК в двух окошках.
— Справа от Output To нажимаем на синий текст и выбираем куда сохранить.

After Effects Render Queue Output

— Нажимаем Enter или кнопку «Render» справа.
Готово! Рендер начался.

Рендерим видео на альфа-канале через Media Encoder

А сейчас рассмотрим как отрендерить анимацию с прозрачным фоном. Это уже чуть-чуть посложнее.

— Открываем нужную композицию.
— Composition → Add To Adobe Media Encoder Queue
— В Format выбираем Quicktime

Media Encoder Format Quicktime

— В Preset ничего не выбираем, просто нажимаем на синий текст

Media Encoder Preset

— Теперь выбираем Video Codec в зависимости от версии AE:
AE 2017 и ниже — PNG.

Media Encoder QuickTime PNG

АЕ 2018 — Animation.

Media Encoder QuickTime Animation

AE 2019 или любая версия на macOS — ProRes 4444.

ProRes 4444 Media Encoder

— Нажимаем кнопку Match Source.
— Проматываем чуть-чуть вниз, в Depth выбираем параметр у которого написано +alpha или 32 bit.

Media Encoder Alpha Depth

— Нажимаем ОК, в Output выбираем место куда сохранится файл и запускаем рендер.

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

Рендерим видео на альфа-канале через Render Queue

— Открываем нужную композицию.
— Composition → Add To Adobe Media Encoder Queue
— Кликаем на синий текст рядом с Output Module.

— В Format выбираем Quicktime.

After Effects Render Queue Format Quicktime

— Нажимаем «Format Options».

— Теперь выбираем Video Codec в зависимости от версии AE:
AE 2017 и ниже — PNG.

After Effects Render Queue Alpha PNG

АЕ 2018 — Animation.

After Effects Render Queue Alpha Animation

AE 2019 или любая версия на macOS — ProRes 4444.

After Effects Render Queue Alpha ProRes

— Нажимаем ОК.
— В Channels выбираем RGB+Alpha.

After Effects Render Queue RGB Alpha

— Нажимаем ОК.
— В Output To выбираем куда сохранить файл.

After Effects Render Queue Output

— Нажимаем Enter или кнопку «Render».
Есть!

Создаём шаблоны для рендера в Media Encoder

Как в Media Encoder, так и в Render Queue можно создавать шаблоны на все случаи жизни: для H.264, альфа-канала, MP3, PNG-секвенций. Один раз настраиваете рендер, сохраняете в темплейт и в нужный момент переключаетесь между ними.

— Чтобы сохранить шаблон достаточно настроить рендер под себя и нажать на эту кнопку

Save Preset Adobe Media Encoder

— После этого, созданный темплейт будет доступен в выборе пресетов

Custom Template Adobe Media Encoder

Создаём шаблоны для рендера в Render Queue

— Настраиваем рендер, нажимаем справа от Output Module на стрелочку и выбираем Make Template

Make template After Effects Render Queue

— Задаём имя шаблону — готово, можно рендерить

Custom Template Render Queue

— Чтобы сделать шаблон рендером по умолчанию просто выбираем его в Movie Default

Movie Default After Effects Template

Рендерим один кадр из видео

Сохранить текущий кадр можно двумя способами. Одной кнопкой в плагине FX Console.

FX Console Interface

Или штатными средствами After Effects. Единственное, по умолчанию картинка сохраняется в PSD, но это быстро исправить.

— Создаём любую композицию
— Нажимаем Composition → Add To Render Queue
— Справа от Output Module нажимаем на маленькую стрелочку и выбираем Make Template

Make template After Effects Render Queue

— В появившемся меню нажимаем Edit

Edit Template Render Queue

— Format ставим PNG Sequence
— Channels — RGB + Alpha
— Нажимаем ОК

Format PNG Sequence Render Queue

— Переименовываем шаблон

Settings Name Render Template

— Ставим его во Frame Default. Нажимаем ОК

Frame Default Render Queue

— Возвращаемся обратно в нашу композицию
— Выбираем Composition → Save Frame As → File и сохраняем кадр куда нужно. Если будет прозрачность, сохранит с прозрачностью.

Same Frame As After Effects

Теперь в любом проекте можно нажать Save Frame As или Ctrl+Alt+S и кадр сохранится. Настраивать темплейт снова больше не нужно.

Думаю на этом всё.
Надеюсь, что эта заметка поможет кому-нибудь с рендером. Если что-то непонятно — пишите в комментарии, разберёмся.

Разберёмся с кадрами в секунду

В этой заметке расскажу откуда появились 24 кадра в секунду, почему в США их 29,97. Зачем играм так много FPS и почему 25 кадр не работает.

Вступление

Любая анимация существует благодаря инертности зрения. Если изображения сменяются достаточно быстро, то мозг не видит их по отдельности, а создаёт иллюзию непрерывного движения. Скорость смены изображений должна быть выше 10-12 в секунду, иначе мозг воспринимает картинки по-отдельности. Казалось бы, вот и подходящая для человека кадровая частота — 12 FPS и больше. Но не всё так просто.

Немые фильмы

Представьте себе ленту немого фильма, в которой 1 500 отдельных изображений. Если мы покажем фильм со скоростью 12 кадров в секунду, то увидим что-то такое. Гифку сделал по ссылке, чтобы не раздражала мерцанием.

Движение есть, но мерцание в кадре всё портит. Оно появилось из-за того, что мы должны закрыть проектор, чтобы прокрутить ленту дальше и показать новое изображение. По словам Томаса Эдисона, наше зрение не заметит мерцание, если мы будем прокручивать ленту со скоростью 46 кадров в секунду. Но это не лучший вариант, и вот почему.

Сейчас у нас фильм состоит из 1 500 изображений и мы его проигрываем со скоростью 12 кадров в секунду.
Получается 1 500 кадров / 12 кадров в секунду = 125 секунд
Значит, нам достаточно 1 500 кадров, что создать двухминутный фильм.

Со скоростью 46 кадров в секунду наш фильм будет идти всего 32 секунды. То есть, чтобы восстановить хронометраж мы должны создать не 1 500 кадров, а 5 750 = 125 секунд * 46 кадров в секунду. Кинолента будет длиннее в четыре раза, количество кадров больше, а значит отснять, смонтировать и показать фильм выйдет намного дороже.

Легче изменить конструкцию проектора. Поэтому вместо обычного обтюратора поставили трёхлезвийный.

проектор с трёхлезвийным обтюратором

Теперь один кадр показывают три раза и только потом сменяют на новый. Получается частота кадров (хоть и одинаковых) увеличилась. Количество мерцания увеличилось по количеству, но в три раза сократилось по времени. Таким образом инертность зрения стала «съедать» мерцание в кадре.

Мы сменяем кадры со скоростью 16 FPS, но зрителям показываем один и тот же кадр три раза.
И получаем 48 спроецированных кадра в секунду = 16 кадров * 3 повторения. Прямо как и хотел Эдисон, даже лучше.

Мы взяли 16 FPS, а не 12 или 14, так как 16 — минимальное целое число, которое умножается на 3 и в результате даёт число больше 46.

Вот мы и получили первую кадровую частоту — 16 FPS для немых фильмов. Плюс немых фильмов в том, что мы можем легко увеличить или уменьшить количество кадров в секунду, это повлияет только на скорость воспроизведения. Ручку проектора крутил человек и мог варьировать скорость кадров от 14 до 26 FPS.

Звук

Всё сложнее стало со звуком. Теперь нельзя крутить фильм быстрее или медленнее. Нужно соблюдать постоянную кадровую частоту, чтобы скорость, а значит и тембр голоса не изменялся на протяжении фильма. С 16 FPS была проблема, звук не звучал точно, как задумывалось. Нужно было выбрать новую частоту, чтобы она была больше 16 и в итоге давала 48 проецируемых FPS. В итоге, вместо трёхлезвийного обтюратора стали использовать двулезвийный. И утвердили новый фрейм рейт — 24 FPS.

проектор с двулезвийным обтюратором

24 кадра * 2 повторения = 48 проецируемых кадров в секунду. Всё просто и удобно. 24 нацело делится на 2, 3 и 4. То есть мы знаем, что половина секунды — 12 FPS, треть — 8, а четверть — 6.

Тут вроде становится понятно — мы и сейчас используем 24 FPS. Тогда зачем нам 25, 30 и тем более 29,97?

Телевизор

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

interlaced video
Кадр из людей в чёрном 3
В телевизоре происходит то же самое, только намного быстрее.

По-умному, это называется чересстрочная развёртка и обозначается буквой «i», от слова «interlaced». Ролик с чересстрочной развёрткой и разрешением 1920 × 1080 будет называтся 1080i. А такой же ролик с прогрессивной развёрткой — 1080p. Это означает «progressive» или то, что кадры передаются целиком.

Чтобы не было лишних шумов и конструкция телевизора была проще, полукадры решили обновлять с частотой электросети. Для Европы это 50 Гц. Получилось 50 полукадров в секунду или 25 целых кадров в секунду. В США частота электросетей 60 Гц, значит полукадров будет 60, а кадров соответственно 30.

И вот вроде как всё хорошо, но тут появляется цвет.

Цвет

Теперь через тот же канал нужно донести больше информации. Мы должны передать чёрно-белое изображение для старых телевизоров, цветное изображение и звук. И сделать это было довольно сложно. Потому что как только мы добавляем в электромагнитный спектр информацию о цвете его частота пересекается со звуком и создаёт помехи. Чтобы чётко разделить цвет и звук решили снизить частоту полукадров на 0,1%.

60 полукадров — 0,1% = 59,94 полукадров в секунду
59,94 полукадров в секунду/2 = 29,97 кадров в секунду

Система вещания с такой странной кадровой частотой называется NTSC и использовалась в США и ещё парочке стран.

В Европе таких сложностей не было, в качестве стандарта сразу взяли PAL, который был создан, чтобы решить проблемы с цветом. Поэтому как было 25 кадров в секунду, так и осталось.

>30 FPS

Зачем же тогда делают фильмы в 60 FPS?
Дело в том, что камера размывает любое резкое движение в сторону направления объекта. Величина размытия зависит от расстояния, которое объект прошёл за 1 кадр. И чем больше количество кадров в секунду, тем меньше размытие.

1 секунда / 25 фпс = 0,04
1 секунда / 60 фпс = 0,016

Это называется моушн-блюр.

Разница между фильмами с 25 FPS и 60 FPS только в плавности движения. Резкие движения в фильме выглядят менее размытыми. За счёт этого картинка кажется более реалистичной. Вот в этом и смысл.

25 кадр

Представьте, что мы берём книгу в которой 24 страницы — 23 белые и 1 красная. Если мы пролистнём книгу за одну секунду, то точно заметим, что одна страница другого цвета. Если страниц в книге 25, то ничего не изменится. Страница не станет невидимой и тем более не будет влиять на подсознание, она просто пролистнётся не за 1/24 секунды, а за 1/25. Вот и вся разница. Даже если страниц будет больше 100 — глаз поймёт, что одна из них отличается. Абсолютно то же самое с видео.

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

Слоумоушн и таймлапс

Слоумоушн это, когда мы снимаем видео с большей частотой кадров, а смотрим с меньшей — снимаем в 120, смотрим в 25.

Снимем на айфон 6 секунд в 120 FPS. Это значит, что за секунду он создаст 120 изображений. За 6 секунд — 720. А смотреть мы их будем в 25 FPS. Это значит, что 720 изображений / 25 FPS мы будем смотреть почти 29 секунд. За это время мы и рассмотрим все детали.

А если мы возьмём высокоскоростную камеру, снимем 1 секунду с фреймрейтом 5 000 FPS и посмотрим в 25 FPS.

27 000 * 1 / 25 = 1 080 секунд или 18 минут

Одну секунду реального времени мы смотрим целых 18 минут. Можно в деталях рассмотреть выстрел пистолета под водой.

После таких расчётов становится понятно почему Slow Mo Guys не выкладывают свои ролики в 60 FPS. Мы просто увидим меньше деталей.

27 000 * 1 / 60 = 450 секунд или 7 минут 30 секунд

Также, есть противоположность для слоумоушна — timelapse. Снимаем видео с меньшей частотой, а проигрываем с большей. Ставим штатив на балкон и делаем одну фотографию в день на протяжении года. Получается, что у нас получилось видео с частотой кадров — 1 кадр в день. За год у нас получилось 365 кадров. Теперь мы включаем скорость 25 FPS. В итоге, получаем 365 / 25 = 14,6 секунд в которые уместился целый год.

Игры

Почему тогда играм недостаточно 25 FPS? А нужно намного больше: 60 или даже 100 FPS.

Как написано в абзаце про фильмы с 60 FPS — камера всегда снимает с небольшим размытием в движении. Компьютер же создаёт абсолютно чёткие изображения. Из-за этого мозгу сложнее складывать их в непрерывную картинку. И чем больше движения в игре, тем больше чётких кадров нам нужно для корректного восприятия.

Для сапёра нам хватит и 2 FPS. Два раза в секунду компьютер будет обновлять изображение на мониторе и показывать попали мы в бомбу или нет. А для Counter-Strike не хватит и 30. Просто потому, что движения там слишком динамичные.

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

На восприятие также влияет то, что фильмы мы смотрим с постоянной кадровой частотой. В играх же, в зависимости от происходящего, FPS меняется. Как только FPS резко падает, мозг сразу же замечает это. То же самое было бы и с фильмами, если бы кадров в секунду было то 25, то 60.

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

Похоже, что всё, что хотел рассказать — рассказал. Вот кратко все тезисы этой заметки.

Итоги

1) Первый фрейм рейт — 16 FPS
2) Звук увеличил кадровую частоту и сделал её постоянной — 24 FPS
3) Частота электросети определила новую кадровую частоту для телевизоров — 25 FPS и 30 FPS
4) Цвет превратил 30 FPS в 29,97 FPS из-за того, что не дружил со звуком
5) Фильмы в 60 FPS плавнее
6) Слоумоушн — снимаем с бóльшим FPS, смотрим с меньшим. В таймлапсе наоборот
7) Игры генерируют абсолютно чёткие кадры, поэтому нужно больше FPS, чтобы создать плавное движение
8) В фильмах кадры в секунду постоянные, в играх зависят от ситуации

Источники

The History of Frame Rate for Film
Why is TV 29.97 frames per second?
Почему нам мало 30 fps?
Why aren’t Slow Mo Guys videos 60fps?

Логотип Газелькина

Частенько в Питере вижу рекламу Газелькина. Как я понимаю, это такое грузовое такси. Не знаю, может это отличная служба грузоперевозок, но, судя по логотипу — Газелькин просто не доедет до заказа. У него же отвалилась часть кузова и блокирует колёса.

газелькин анимация

Или посмотрим с другой стороны. Как вещи довезёт машина с дыркой в кузове? Часть мелких вещей просто потеряется по пути.

газелькин анимация

Дизайнеры задумали кузов в виде комиксового баббла. Мол, быстро реагируем на вызов и всегда на связи. Проблема в том, что эта концепция даже не используется в рекламе.

Реклама Газелькина в метро
Речь девушки почему-то в белом прямоугольнике.

Грузоперевозки должны быстро приехать по вызову и бережно перевезти вещи. А логотип всеми силами говорит, что произойдёт наоборот

Хронология развития российских метрополитенов

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

Чем ниже гифка, тем больше станций. В начале девять, в конце двести три.

хронология развития метро в Екатеринбурге
хронология развития метро в Самаре
хронология развития метро в Казани
хронология развития метро в Новосибирске
хронология развития метро в Нижнем Новгороде
хронология развития метро в Санкт-Петербурге
Оказывается, одиннадцать лет у красной ветки конечная была на улице.
Обратите внимание на 1966 и 1977 год — появляется и исчезает станция «Дачное».
хронология развития метро в Москве

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

Ранее Ctrl + ↓