Знакомство с анимацией. Основы компьютерной анимации

Ставь
+
в чат, если хорошо слышно и видно

О GeekSchool

Образовательный проект GeekBrains

Лицензия на образовательную деятельность

Более 5 000 детей-учащихся на

Аня Матушкина

Преподаватель курса. Веду уроки, проверяю домашние задания и помогаю в

Обо мне:

Автор и ведущий.
Буду подсказывать вам нужные кнопки и действия

Мой

Обо мне:

Куратор потока, буду помогать вам с организационными вопросами

Мой опыт:

С какими

Давайте знакомиться!

Найти себе интересное хобби и научиться новому

Весело провести время и найти

Наши правила

Придумаем правила вместе!

1.

2.

Ставь палец вверх, если согласен

Что вы сделаете за время работы на курсе?

Научитесь создавать 2D- и

Такие работы у вас получатся за время обучения на курсе:

ZOOM — вебинары, TELEGRAM — ДЗ, вопросы и общение вне урока,

geekbrains.ru

Зайдите в geekbrains.ru
Откройте раздел «Обучение»
Выберите свой курс
Начните проходить

А что вы знаете об анимации?

А теперь заполним небольшую форму

Как получить максимум от урока?

Отключить телефон на ближайшие 1,5 часа

Уважать

Сегодня вы узнаете:

Что такое покадровая анимация. Этапы работы

Что такое Pixel Art

Сегодня у вас получится

Анимация

Создание иллюзии движущихся изображений посредством последовательности неподвижных изображений (кадров), сменяющих друг

Виды анимации

Покадровая (рисованная или перекладка)
Трёхмерная
Предметная

Покадровая анимация: рисованная, пиксельная и перекладка

Художник рисует каждый кадр и персонажа

Трёхмерная анимация

Компьютерная анимация. Художник покадрово двигает уже готового трёхмерного персонажа.

Предметная анимация

Съёмка ведётся на камеру. Анимация различных предметов под камерой. К

Сегодня мы займёмся покадровой пиксельной анимацией

Пиксель (Pixel)

Отдельная цветная или чёрно-белая точка. Из этих точек состоит кадр.

Пиксель

Кадр (Frame)

Отдельная картинка в анимации, входящая в цепочку других, видимая часть

Анимационная сцена

Логически завершённый фрагмент анимации, состоящий из нескольких кадров.

Правила работы над анимационной сценой

От простого к сложному

Рисуем кадр за кадром — картинку можно и нужно копировать

Смотрим в прошлое и в будущее — используем onion skin

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

Время размять наши глазки

Перерыв

Перейдем к практике

Наш сегодняшний редактор

https://www.piskelapp.com

Что нарисовать? Начнём с огонька!

Инструменты рисования

Кадры: кнопки копирования и удаления
Frame

Скорость анимации и «луковка»
FPS
Onion skin

Настройки
размера листа

Настройки
размера листа

Рисуем карандашом
в кадре

Выбираем
цвет

Размер картинки в точках

«Скачать»

Сохранение или экспорт

Сегодня вы узнали

Домашнее задание

Доделайте пламя: анимация в 6–8 кадров
Добавьте в сцену фон, а

Полезные ссылки

Словарик аниматора

Спрайт — одна картинка из набора или сам набор

Словарик аниматора

Арт — любая законченная картинка: персонаж, фон, предмет для

Словарик аниматора

Персонаж — узнаваемый герой ваших рисунков и анимации

Силуэт —

ЛЕСЕНКА УСПЕХА

Вопросы?

А на следующем уроке мы узнаем:

Основные правила и принципы анимации: три

Домашнее задание