Создавайте раскадровки для веб-анимации

Страница 1 из 2: Введение в раскадровку

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

В этой статье мы подробнее рассмотрим, что такое раскадровки и как вы можете использовать их в своих веб-проектах. На этой странице Стивен Робертс дает обзор ключевых терминов, которые вам необходимо знать. Если вы уже в курсе, перейти на страницу 2 , где Рэйчел Нэборс более подробно рассказывает, как создать раскадровку.

Идея раскадровки возникла, когда Disney Studios создала свой первый полнометражный анимационный фильм - «Белоснежка и семь гномов», и ей был нужен способ координировать работу нескольких различных команд.



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

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

Что такое раскадровка?

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

Какие элементы раскадровки?

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

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

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

Как создать раскадровку?

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

Почему раскадровка для веб-анимации?

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

Следующая страница: узнайте, как создать раскадровку для веб-анимации

  • 1
  • два

Текущая страница: Введение в раскадровку

Следующая Страница Как создать раскадровку