Създайте раскадки за уеб анимации

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

Storyboarding е техника, използвана в много дисциплини и индустрии. Например, той се използва за видео игри, телевизионни предавания, филми, музикални видеоклипове и всяка друга дисциплина с разказ и визуален елемент. Раскадровките са чудесен начин да планирате уеб анимациите си (просто не забравяйте да пазите цифровите копия в безопасност съхранение в облака !)

В тази статия ще разгледаме по-отблизо какво представляват раскадровките и как можете да ги използвате във вашите уеб проекти. На тази страница Стивън Робъртс дава общ преглед на ключовите термини, които трябва да знаете. Ако вече сте на скорост, преминете към страница 2 , където Рейчъл Наборс разглежда как да създаде по-задълбочена сценария.

Идеята за разкадровката започва, когато студио „Дисни“ създава първия си пълнометражен анимационен филм „Снежанка и седемте джуджета“ и се нуждае от начин да координира редица различни екипи.



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

Това донесе това, което сега наричаме гъвкаво развитие, в студийната анимация. От тези дни раскадровките се превърнаха в основен продукт за филми, дизайн на взаимодействие и дизайн на игри. Днес, когато анимациите започват да се появяват все повече и повече в интерфейсите, изглежда, че разкадровките могат да станат от съществено значение инструмент за уеб дизайн също. (За по-полезни инструменти за уеб дизайн вижте нашия избор на най-добрите уеб хостинг услуги и най-добрите уеб конструктор .)

Какво е разкадровката?

Раскадровките са илюстрации на ключовите рамки или елементи, които ще съставят финалните произведения. Това позволява идеите на визуалните елементи, които ще отнемат много време, за да се произведат изцяло, да бъдат заснети бързо, лесно и евтино.

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

Панели
Панелите са полето за преглед на вашата анимация. Вашите панели могат да бъдат с всякакъв размер или форма, които искате, но трябва да съответстват на размера на съда и съотношението на страните, когато ги поставите в браузъра.

Рамкиране и композиция
Това е изборът къде във вашия панел да поставите елементите, които ще анимирате. Това е важно за преценката дали ръбът на панела ви ще се вижда или не. Ако не искате да се вижда, трябва да държите всичко в рамка по всяко време.

Стрелки
Стрелките в раскадровката се използват за предаване на движение, показвайки посоката, в която ще се движи елемент.

Как да създам табла?

Няма твърди правила, когато става въпрос за раскадровки, и не е нужно да можете да рисувате. Идеята е да предадете времевата линия, като използвате възможно най-малко скици. Можете да анотирате панелите си, за да обясните някои функции на вашата анимация, където е необходимо.

Защо раскадка за уеб анимации?

Ако създавате нещо повече от обикновен преход, разкадровката на елементите може да ви спести много време. Преди дори да напишете какъвто и да е код, вие разбирате как да разбивате участващите елементи и къде всеки от ключовите рамки на вашата анимация трябва да лежи на времевата линия.

Следваща страница: Научете как да проектирате раскадровка за уеб анимация

  • 1
  • две

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

Следваща страница Как да създадете раскадровка