Вопросы на собеседовании: Моушн-дизайнер
100 реальных вопросов с образцовыми ответами и пояснениями для уровня Junior.
Смотреть пример резюме: Моушн-дизайнер →Тренировка флешкарточками
Интервальное повторение · Hunter Pass
Вопросы
Тайминг и спейсинг управляют разными сторонами восприятия движения.
- Тайминг определяет длительность действия, которую обычно измеряют в кадрах или секундах.
- Спейсинг определяет расстояние, которое объект проходит между соседними кадрами.
- При одном тайминге движение может казаться плавным, резким, ускоряющимся или замедляющимся из-за разного спейсинга.
Зачем это спрашивают: Тайминг задает продолжительность действия, а спейсинг формирует его скорость и характер внутри этого времени.
В After Effects Easy Ease In смягчает движение при подходе к выбранному ключевому кадру, а Easy Ease Out при выходе из него.
- Easy Ease In снижает входящую скорость по мере приближения свойства к ключевому кадру.
- Easy Ease Out начинает выход с малой скорости, после чего свойство ускоряется.
- Easy Ease воздействует на обе стороны ключевого кадра, создавая плавные приход и выход.
Зачем это спрашивают: Названия In и Out относятся к выбранному ключевому кадру, и понимание этого правила помогает не перепутать направление easing.
Squash and stretch меняет пропорции объекта, не создавая ощущения, что его общая масса изменилась.
- Если один размер уменьшается, другой должен увеличиться, чтобы компенсировать изменение.
- При сжатии мяч становится шире и ниже, а при растяжении становится уже и выше.
- Постоянный объем сохраняет ощущение цельности объекта даже при сильной стилизованной деформации.
Зачем это спрашивают: Сохранение объема позволяет показать гибкость и силу воздействия, не создавая впечатления, что в объекте стало больше или меньше материала.
Anticipation представляет собой подготовительное движение, которое заранее сообщает об основном действии.
- Оно часто ненадолго направлено в сторону, противоположную основному действию.
- Оно дает зрителю время заметить, где произойдет важное движение.
- Его амплитуда и длительность помогают передать силу и масштаб следующего действия.
Зачем это спрашивают: Anticipation делает основное действие понятнее и создает ощущение причины вместо внезапного движения.
Follow-through и overlapping action описывают движение связанных частей, которые реагируют и меняют скорость не одновременно.
- Follow-through возникает, когда свободные или гибкие части продолжают двигаться после остановки основной массы.
- Overlapping action возникает, когда разные части начинают, заканчивают или меняют направление движения в разные моменты.
- Запаздывание волос, одежды или других подвижных деталей помогает передать вес, гибкость и инерцию.
Зачем это спрашивают: Эти принципы не дают всем частям двигаться как единому жесткому блоку и делают их движение физически связанным.
Дуги задают движению изогнутую траекторию, которая обычно выглядит естественнее и плавнее.
- Конечности вращаются вокруг суставов, поэтому их крайние точки движутся по дугам.
- Изогнутые траектории помогают сохранить непрерывность направления и инерции.
- Прямые траектории лучше подходят для намеренно механического, резкого или графичного движения.
Зачем это спрашивают: Подходящая траектория помогает зрителю понять связь частей объекта, его вес и направление приложенной силы.
Staging в движущейся сцене направляет внимание зрителя на самое важное действие в каждый момент.
- Композиция и четкие силуэты сохраняют читаемость главного объекта при смене его положения.
- Контраст масштаба, цвета, скорости или направления отделяет главное действие от фонового движения.
- Тайминг появлений, уходов и пауз не позволяет нескольким действиям одновременно бороться за внимание.
Зачем это спрашивают: Хороший staging поддерживает понятную визуальную иерархию во времени, а не только удачную композицию одного кадра.
Pose-to-pose и straight-ahead по-разному организуют развитие движения.
- В pose-to-pose сначала задают ключевые позы, а затем связывают их промежуточными положениями.
- В straight-ahead кадры создают последовательно от начала действия к его завершению.
- Pose-to-pose дает больше контроля и структуры, а straight-ahead добавляет спонтанность и текучую вариативность.
Зачем это спрашивают: Оба подхода можно сочетать, чтобы сохранить ясность главных фаз и свободу движения гибких деталей.
Secondary action представляет собой дополнительное движение, которое поддерживает смысл основного действия.
- Оно может раскрывать отношение, эмоцию или намерение, не заменяя основное действие.
- Оно должно быть менее заметным за счет меньшего масштаба, слабого контраста или более спокойного тайминга.
- Оно должно усиливать ту же идею, что и основное действие, а не создавать конкурирующее сообщение.
Зачем это спрашивают: Хорошо настроенное secondary action добавляет информацию и выразительность, сохраняя главный смысл сцены.
Exaggeration намеренно усиливает движение по сравнению с буквальной реальностью, чтобы яснее или выразительнее передать идею.
- Можно усилить тайминг, спейсинг, позу, масштаб, деформацию или реакцию.
- Усиленный элемент должен подчеркивать нужный вес, эмоцию, иерархию или силу воздействия.
- Внутренняя последовательность сохраняет понятность преувеличенного движения в рамках выбранного визуального стиля.
Зачем это спрашивают: Удачное преувеличение проясняет нужное впечатление и не превращает движение в случайное искажение.
Ключевой кадр фиксирует свойство в конкретный момент времени.
- Время определяет положение ключевого кадра на шкале времени.
- Значением может быть число, цвет, позиция, форма или другое состояние свойства.
- Настройки интерполяции описывают, как свойство приходит к этому значению, выходит из него или удерживает его.
Зачем это спрашивают: Ключевые кадры задают важные состояния, а интерполяция создает изменение между ними.
Временная интерполяция управляет изменением во времени, а пространственная задает маршрут в пространстве.
- Временная интерполяция определяет тайминг, скорость и плавность между ключевыми кадрами.
- Пространственная интерполяция формирует траекторию свойства позиции.
- Объект может пройти один путь с разным таймингом или разные пути с одинаковым таймингом.
Зачем это спрашивают: Разделение тайминга и траектории позволяет менять характер движения, не меняя его маршрут.
Эти типы интерполяции создают разные изменения между ключевыми кадрами.
- Линейная интерполяция меняет значение с постоянной скоростью без плавного разгона и торможения.
- Интерполяция Безье создает настраиваемую кривую для плавного входа в значение и выхода из него.
- Удержание сохраняет предыдущее значение до мгновенного перехода к значению следующего ключевого кадра.
Зачем это спрашивают: Тип интерполяции задает основной характер перехода до более точной настройки тайминга.
График значений показывает значения свойства, а график скорости показывает темп их изменения.
- На графике значений по горизонтали идет время, а по вертикали откладывается значение свойства.
- Наклон графика значений показывает скорость, и более крутой наклон означает более быстрое изменение.
- На графике скорости высота кривой прямо обозначает скорость, поэтому пики соответствуют быстрому движению, а точки около нуля медленному.
Зачем это спрашивают: График значений удобен для чтения точных значений и направления, а график скорости нагляднее показывает ускорение и плавность.
Influence и рукоятки формируют плавность движения около ключевого кадра.
- Influence показывает, какая часть соседнего временного интервала охвачена плавным изменением от ключевого кадра.
- Более длинная горизонтальная рукоятка обычно растягивает это изменение на большую часть интервала.
- Изменение угла или высоты рукоятки меняет наклон кривой либо скорость в ключевом кадре в зависимости от типа графика.
Зачем это спрашивают: Рукоятки позволяют визуально управлять протяженностью и формой ускорения около ключевых кадров.
Скорость видна по расстоянию, которое объект проходит между соседними кадрами.
- Одинаковые промежутки между позициями означают постоянную скорость.
- Растущие промежутки означают ускорение, потому что за каждый кадр объект проходит большее расстояние.
- Уменьшающиеся промежутки означают замедление, потому что за каждый кадр объект проходит меньшее расстояние.
Зачем это спрашивают: При равных временных интервалах изменение пройденного расстояния напрямую показывает изменение скорости.
Длительность движения равна количеству кадров, деленному на частоту кадров.
- Движение из 24 кадров длится одну секунду при частоте 24 кадра в секунду.
- Те же 24 кадра длятся полсекунды при частоте 48 кадров в секунду.
- Если длительность не меняется, более высокая частота дает движению больше кадров, а не делает его длиннее.
Зачем это спрашивают: Частота кадров определяет их количество в одной секунде, поэтому длительность зависит и от частоты, и от числа кадров.
Размытие в движении имитирует изображение, записанное во время перемещения объекта за период экспозиции кадра.
- Угол затвора 180 градусов означает экспозицию длительностью в половину интервала кадра.
- Больший угол затвора дает более длинное и мягкое размытие из-за более долгой экспозиции.
- Меньший угол затвора дает более короткое и четкое размытие из-за меньшей длительности экспозиции.
Зачем это спрашивают: Угол затвора задает длительность размытия относительно интервала кадра, а скорость объекта определяет пройденное за экспозицию расстояние.
Принцип solid drawing сохраняет убедительность и читаемость форм при смене позы даже без рисованного объема.
- Пропорции и видимый объем должны оставаться последовательными при вращении, масштабировании или деформации.
- Перспектива и перекрытия должны одинаково передавать ориентацию и глубину от кадра к кадру.
- Четкие силуэты и сбалансированные позы сохраняют читаемость действия в его важных моментах.
Зачем это спрашивают: Принцип проверяет понимание формы, веса и пространства, а не навык традиционного рисунка.
Траектория движения задает путь свойства позиции в пространстве.
- Ключевые кадры позиции размещают точки, через которые проходит траектория.
- Пространственные рукоятки Безье задают направления входящей и исходящей касательных в этих точках.
- Перемещение рукояток меняет кривизну пути, но напрямую не меняет его тайминг.
Зачем это спрашивают: Пространственные рукоятки формируют маршрут объекта, а временная интерполяция управляет скоростью движения по этому маршруту.
Закрытые вопросы
- 21
Что такое композиция в After Effects и за что отвечают ее ширина, высота, частота кадров и длительность?
animationoopcomposition - 22
Как порядок слоев и точки In и Out влияют на композицию?
compositionlayersoop - 23
Что такое маска в After Effects и как работают основные режимы маски?
tools - 24
Чем трек-мат отличается от маски в After Effects?
tools - 25
Что такое прекомпозиция и какую границу она создает для трансформаций и эффектов?
rendering - 26
Как работают родительские связи и null object в After Effects?
toolsfundamentals - 27
Почему anchor point важна для вращения и масштаба в After Effects?
tools - 28
Как устроен shape layer с контурами, заливками, обводками и трансформациями групп?
layerscomposition - 29
Что делает Trim Paths на shape layer?
layerscomposition - 30
Что делают text animator и range selector в After Effects?
tools - 31
Как сохранить читаемость кинетической типографики во время движения текста?
typography - 32
Какие свойства контуров нужны для чистого морфинга одной фигуры в другую?
composition - 33
Как тайминг и повторение создают визуальный ритм в движении?
motionanimation - 34
Что означает appeal как принцип анимации в моушн-дизайне?
animationmotiondesign - 35
Почему паузы и удержания позы считаются частью тайминга анимации?
animation - 36
Для чего в моушн-дизайне нужна раскадровка?
motionstoryboarddesign - 37
Что позволяет проверить аниматик помимо самой раскадровки?
storyboardvalidation - 38
Что такое траектория взгляда и как она поддерживает непрерывность между планами?
- 39
Как звуковая волна и маркеры на временной шкале помогают с базовой синхронизацией?
- 40
Чем синхронизация движения с битом отличается от синхронизации со смысловыми звуковыми акцентами?
motion - 41
Как перевести черты бренда в характер движения?
motionbranding - 42
Как сохранить пропорции, охранное поле и читаемость логотипа в анимации?
animationbranding - 43
Как поддерживать единые тайминг и плавность ускорения во всей системе движения?
animationmotionsystem-design - 44
Как использовать фирменную типографику и цвет в движении?
typographycolorbranding - 45
Чем разрешение отличается от соотношения сторон?
- 46
Как выбрать частоту кадров для экспорта и почему нельзя менять ее вслепую?
animation - 47
Чем контейнер отличается от кодека?
deliverycontainers - 48
Когда использовать H.264, а когда ProRes?
- 49
Что такое альфа-канал и чем прямой альфа-канал отличается от предварительно умноженного?
rendering - 50
Что такое Lottie, какую роль играет Bodymovin и какая графика подходит для этого процесса?
- 51
Вам дали простой геометрический знак и попросили сделать короткое, живое, но сдержанное появление логотипа. Как использовать подготовительное движение и доводку, чтобы логотип не выглядел резиновым?
brandingforms - 52
Нужно сделать индикатор загрузки из трех точек, который может повторяться сколько угодно. Как вы построите его ритм и цикл?
- 53
В двух сценах есть один и тот же круглый графический элемент, но его размер и положение различаются. Как с его помощью связать сцены переходом?
animation - 54
Вы анимируете короткую фразу «Сделай работу заметной» для ролика в соцсетях. Как сохранить выразительность кинетической типографики и правильный порядок чтения?
typography - 55
Спроектируйте микроанимацию иконки закладки для обычного состояния, нажатия, сохранения и отмены сохранения. Как сделать каждое состояние понятным?
design - 56
Для десятисекундного фрагмента интервью нужна плашка с именем и должностью. Как спланировать ее вход, удержание и выход, чтобы текст было легко прочитать?
- 57
В анимации подтверждения круг должен превратиться в галочку через изменение формы. Как сделать это превращением одного объекта, а не подменой двух иконок?
animationcomposition - 58
На панели есть ряд из четырех карточек, которые должны появиться с небольшой задержкой друг за другом. Как настроить задержку, чтобы интерфейс не казался медленным?
types - 59
В демонстрации продукта выноска должна направить внимание на небольшой элемент управления и не закрыть его. Как вы расположите и анимируете выноску?
- 60
У вас есть три секунды на финальный экран с логотипом и призывом «Начните бесплатный пробный период». Как его анимировать, чтобы зритель успел прочитать оба элемента?
branding - 61
Логотип вовремя проходит все ключевые позы, но движение между ними выглядит деревянным и механическим. Как это исправить?
branding - 62
В середине плавного жеста рука персонажа на один кадр резко дергается. Что нужно проверить и изменить?
animationcharacter-design - 63
Тяжелый ящик выдвигается с нужной скоростью, но действие начинается так внезапно, что кажется немотивированным. Как улучшить сцену?
- 64
Карточка слишком далеко проскакивает финальную позицию и из-за этого кажется невесомой. Как исправить анимацию, сохранив немного энергии?
animation - 65
В анимации бега корпус, руки, пальто и волосы меняют направление в одном кадре, поэтому движение выглядит жестким. Что нужно изменить?
motionanimationdirection - 66
Иконка должна пройти по чистой дуге между двумя кнопками, но траектория создает небольшой крюк и боковое колебание. Как ее починить?
motionanimationhooks - 67
Кинетическая типографика выглядит энергично, но зрители не успевают дочитать фразы до их исчезновения. Как переработать последовательность?
animation - 68
При морфинге круга в логотип форма пережимается и скручивается в середине, хотя обе конечные формы выглядят правильно. Что нужно проверить и исправить?
brandingcomposition - 69
Зацикленная анимация загрузки идет плавно до последнего кадра, а затем заметно прыгает к началу. Как сделать стык бесшовным?
animation - 70
Размытие движения почти полностью скрывает быстро движущиеся тонкие линии в интерфейсной анимации. Как сохранить четкость и не сделать движение рваным?
animationmotiontypes - 71
У вас есть готовый горизонтальный ролик, из которого нужен вертикальный вариант для соцсетей без простого обрезания краев. Как вы подготовите экспорт?
motionscaling - 72
Для кампании нужен один motion-ассет в форматах 16:9, 1:1 и 9:16 с узнаваемой композицией. Как вы его соберете и экспортируете?
motionoopcomposition - 73
Монтажеру нужна ваша анимированная накладка с прозрачным фоном. Как вы ее экспортируете и проверите?
composition - 74
Веб-превью выглядит хорошо, но слишком долго загружается. Как сделать более легкий файл для просмотра без заметных дефектов сжатия?
rendering - 75
Экспорт Bodymovin отличается от композиции After Effects из-за нескольких неподдерживаемых эффектов. Что вы сделаете?
toolsoopcomposition - 76
Lottie JSON работает, но весит слишком много из-за сложных контуров и плотных ключевых кадров. Как вы его уменьшите?
animation - 77
Плавная motion-графика начинает дергаться после конвертации частоты кадров для доставки. Как вы найдете и исправите причину?
motionanimation - 78
После экспорта градиенты и фирменные цвета отличаются от проекта. Что вы проверите перед отправкой нового файла?
colorbranding - 79
Для простой веб-анимации нужно выбрать GIF, MP4 или Lottie. Как вы примете решение по реальным ограничениям доставки?
animation - 80
Клиент просит качественный мастер и компактный файл для просмотра или доставки. Как вы подготовите оба результата?
client - 81
Нужно передать проект After Effects, в котором остались непонятные названия, разрозненные ассеты и брошенные тесты. Что вы приведете в порядок перед отправкой?
toolstesting - 82
Коллега должен открыть ваш проект After Effects на другом компьютере без пропавших файлов и неожиданных замен шрифтов. Как вы подготовите передачу?
toolstypography - 83
В композиции есть двенадцать копий одного анимированного бейджа, а дизайн еще будет меняться. Как вы построите проект, чтобы управлять всеми копиями?
compositiondesignoop - 84
Нужно бесконечно повторять анимацию иконки по ключевым кадрам в After Effects. Как вы подготовите надежный цикл и примените loopOut()?
animationtools - 85
Несколько слоев должны реагировать на один простой контроллер, например на общую силу размытия. Как вы свяжете их без запутанной системы expressions?
toolslayers - 86
Тяжелая сцена After Effects воспроизводится слишком медленно для нормальной работы, но анимацию нужно продолжать. Какие практические изменения вы внесете?
tools - 87
Один слой или эффект замедляет композицию, но причина неочевидна. Как вы найдете ее с помощью переключателей слоев и эффектов?
compositionlayersoop - 88
После создания прекомпа масштаб графики или результат эффекта выглядит иначе в родительской композиции. Как вы проверите границу прекомпа и настройку Collapse Transformations?
compositionrenderingillustration - 89
Вы готовите редактируемый motion template для человека, который должен менять только текст и фирменные цвета. Как вы явно откроете эти настройки?
colorbrandingmotion - 90
В композиции цикл выглядит плавно, но готовый файл делает паузу, потому что последний кадр повторяет первый. Как вы проверите и исправите диапазон экспорта?
compositionrenderingoop - 91
Голос выделяет название продукта между музыкальными долями, а вскоре после него звучит сильная доля. Куда вы поставите главное визуальное раскрытие?
- 92
Кинетическую типографику нужно синхронизировать с закадровым голосом, но не анимировать отдельно каждое слово. Как это сделать?
typography - 93
Сейчас каждый элемент движется на каждый музыкальный бит, поэтому результат стал монотонным. Как перестроить акценты?
- 94
Нужно уложить logo sting в очень короткий музыкальный фрагмент и сохранить читаемый финальный логотип. Как выстроить тайминг?
branding - 95
Визуальный акцент совмещен с пиком звукового удара, но все равно кажется запоздалым. Что нужно изменить?
- 96
Анимацию для большого экрана нужно использовать в небольшой мобильной рекламе, где мелкие детали и длинные перемещения плохо читаются. Как вы ее адаптируете?
animationrendering - 97
Вертикальную анимацию в соцсети частично закроют субтитры, данные аккаунта и кнопки действий. Как подготовить макет?
animationrendering - 98
Короткий ролик в соцсети будет запускаться автоматически без звука, а внимание зрителя может длиться лишь несколько секунд. Как адаптировать тайминг?
animation - 99
Нужно сделать web loader для процесса, который может занять намного больше времени, чем ожидает пользователь. Как не отвлекать его движением?
motionconcurrency - 100
Готовый анимационный файл экспортирован для целевой платформы. Какую практическую проверку качества нужно провести перед передачей?
motion