Основы анимации

1.

Основы анимации
Часть 1

2.

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

3.

Нарисуйте своего первого персонажа
Создаём проект
1. Перейдите на scratch.mit.edu или откройте Scratch 3 Offline Editor.
2. Если работаете онлайн — нажмите Создать. Если офлайн — выберите
Файл → Новый.
3. Назовите свой проект Анимация человечка-палочки.
4. Удалите кота.

4.

Нарисуйте своего первого персонажа
Рисуем части тела
Чтобы создать человечка-палочку, вам понадобятся: круг
для головы, прямоугольник для тела, линии для рук и ног.
Рисовать каждую часть отдельно — проще!
1. Наведите курсор на иконку
Выбрать спрайт, а затем нажмите на
Нарисовать.
2. Нажмите на кнопку
Конвертировать в растровую
графику.
3. Один раз увеличьте масштаб
кнопкой Увеличить. Так удобнее
работать.

5.

Нарисуйте своего первого персонажа
Рисуем части тела
4. Выберите инструмент Круг.
5. Уберите параметр Заливка.
6. Измените Толщину линии в ячейке
справа.
7. Нарисуйте маленький круг, удерживая Shift,
чтобы он был ровным.
8. Выберите инструмент Прямоугольник и
нарисуйте тело.
9. Выберите инструмент Линия, чтобы добавить
руки и ноги.

6.

Нарисуйте своего первого персонажа
Придаём форму телу с помощью инструмента Изменение
формы
1. Выберите инструмент Изменение формы
и кликните по контуру тела.
2. Потяните углы прямоугольника, чтобы
изменить форму тела.
3. Перетащите концы рук к верхним углам
тела — там, где должны быть плечи.
4. Перетащите верхние части ног к нижним
углам тела.

7.

Нарисуйте своего первого персонажа
Изменяем толщину линий
1. Выберите инструмент Выбрать.
2. Обведите человечка целиком, чтобы выделить все
линии.
3. С помощью ячейки Толщина линии увеличьте
толщину.
4. Проверьте на сцене, как выглядит
фигурка, и выберите идеальную толщину.

8.

Оживляем человека-палочку
В Scratch можно анимировать персонажа двумя способами: 1. меняя его
положение на сцене, 2. или переключая костюмы (образы).
Допустим, вы хотите, чтобы человечек делал «звёздочки» — прыжки с
разведением рук и ног. У вас уже есть поза с разведёнными руками и ногами,
теперь нужно сделать вторую — с опущенными.
1. Нажмите правой кнопке мыши по Костюм 1 и
выберите Дублировать.
2. Выберите инструмент Изменение формы, нажмите
на левую руку и потяните вниз.
3. Повторите то же для второй руки и обеих ног.
4. Переключайтесь между костюмами, чтобы
увидеть, как человечек двигается.

9.

Оживляем человека-палочку
Рисуем простой фон
Чтобы анимация выглядела как настоящий прыжок, нужно показать, что
движется всё тело, а не только руки и ноги. Для этого добавим линию земли,
чтобы человечек не «парил в воздухе».
1. Нажмите на Сцену справа.
2. Нажмите на кнопку Конвертировать в
растровую графику.
3. С помощью инструмента Линия
нарисуйте чёрную горизонтальную линию
внизу окна, удерживая Shift, чтобы линия
получилась ровной.
4. Если нужно, отрегулируйте толщину
линии.

10.

Оживляем человека-палочку
Настраиваем движение с фоном
В каждом прыжке ноги человечка должны стоять на земле.
Чтобы все позы совпадали, будем считать нижний край холста «землёй».
1. Кликните по спрайту человечка и выберите Костюм 1.
2. Инструментом Выбрать выделите всего человечка.
3. Нажимайте стрелку вниз на клавиатуре
несколько раз, пока его ноги не окажутся на
нижней границе окна.
4. Если нужно, с помощью Изменение формы
подкорректируйте ноги, чтобы они стояли ровно.
5. Повторите шаги 1-4 для Костюм 2.

11.

Оживляем человека-палочку
Настраиваем прыжок
Если просто менять костюмы, кажется, что человечек скользит по полу, а не
прыгает. Чтобы анимация выглядела реалистично, добавим ещё одну позу —
середину прыжка.
1. Кликните по Костюм 1, переименуйте его в Руки
вверх.
2. Кликните по Костюм 2, переименуйте его в Руки
вниз.
3. Сделайте дубликат костюма Руки вверх.
4. Перетащите новый костюм между верхним и нижним,
чтобы он был посередине.
5. Переименуйте его в Руки посередине.

12.

Оживляем человека-палочку
Настраиваем прыжок
1. Выберите инструмент Выбрать.
2. Выделите всё тело человечка.
3. Нажмите стрелку вверх примерно 50 раз, чтобы поднять
человечка.
4. Используйте Изменение формы, чтобы немного сблизить
руки и ноги — ведь во время прыжка они сходятся.

13.

Анимируем с помощью блоков кода
Скрипт 1
Скрипт 2

14.

Анимируем с помощью блоков кода
Скрипт 1
Скрипт 2
Скрипт 3