Урок 8 — Анимируем спрайт
(Вы можете скачать этот урок как отдельный видеофайл для просмотра на своём компьютере. Формат файла mp4. Ссылка на скачивание : http://scratch.sostradanie.org/videos/scratch1/lesson_8/scratch_lesson_8.mp4 (Размер файла ~ 6Мб)
Цель урока: научиться создавать анимацию готовых спрайтов ( то есть «оживлять» спрайтов), или создавать собственную анимацию из самостоятельно созданных спрайтов.
Задание урока: «оживи» свой спрайт!
Работа со Scratch: повтори действия из видео урока. Попробуй изменять порядок появления костюмов и анимации.
Попробуй создать собственные костюмы для спрайтов и создай из этих костюмов свою анимацию для спрайта.
Попробуй создавать анимацию тех спрайтов, которые уже есть в готовых библиотеках программы Scratch.
Попробуй анимировать два и более спрайтов одновременно.
Добавляй звуки, которые будут сопровождать движение твоих спрайтов.
Пояснения к уроку:
Анимированный персонаж — это один и тот же персонаж, который «оживляется» сменой немного отличающихся изображений.
В этом упражнении мы научимся создавать эффект анимации (то есть оживления) спрайта, используя блок «следующий костюм» из меню группы «внешность» (фиолетовый блок). Мы также будем использовать вкладку «костюмы» из рабочей области Scratch, а для добавления звука и музыки — вкладку «звуки» из рабочей области.
С каждым спрайтом мы будем связывать несколько костюмов.
Мы можем использовать готовые костюмы или нарисовать свои костюмы.
Чтобы посмотреть, как двигается анимированный спрайт, щелкни по блоку «следующий костюм».
Анимация
Анимационный проект — обычно некий мультфильм, короткометражный фильм (часто с чувством юмора) или музыкальный клип. Большая часть проектов была сделана в 2010 году, часть которых была опубликована на главной странице Скретч. Такое событие было прозвано многими «Годом анимации».
- 1 Основные отличия
- 1.1 Синхронизация говорения
- 1.2 Анимация хождения
- 2.1 3D анимация
- 2.2 Анимированые музыкальные проекты
- 2.3 Полосовая анимация
- 2.4 Пластилиновая анимация
- 2.5 Пугалки
- 2.6 Stop Motion
Основные отличия
Синхронизация говорения
Синхронизация говорения подразумевает под собой синхронизацию анимации рта и звука.
Анимация хождения
Основная статья: Анимация хождения
Само собой это отличие состоит в том, что спрайт умеет естественно передвигаться. Нужно добиться очень высокой реалистичности, чтобы получилось красиво.
Виды
3D анимация
Это особый вид Stop Motion анимации, сделанной путём создания большого количества кадров 3D-объекта, полученного из 3D-приложения такого как Blender или Google Sketchup и запущенных в быстрой последовательности, что создает 3D эффект.
Анимированые музыкальные проекты
Основная статья: Музыкальные проекты#Анимированые музыкальные проекты
В таких проектах спрайт обычно что-то поёт. Соответственно, здесь присутствует синхронизация говорения.
Полосовая анимация
Очень редкая анимация. Её очень сложно создать. Обычно это некая рамка, в которой в особой последовательности двигаются полосы. Если полосы правильно двигать, появляется анимация. Очень часто эти проекты имеют очень маленькую картинку.
Пластилиновая анимация
Она создается путем многократного съемки пластилиновой (либо глиняной) фигуры, минимально изменяя ее каждый раз, так что, когда изображения воспроизводятся в быстрой последовательности, фигура как бы движется. Это трудно сделать, и поэтому такая анимация не очень популярна. Такая анимация, как правило, имеет очень большие размеры файлов.
Пугалки
Основная статья: Пугающий проект
В таких проектах присутствует внезапное появления какой-либо картинки, пугающей зрителя. Если картинка является слишком жестокой, на проект нужно пожаловаться.
Stop Motion
Широко известный способ анимации. В Скретче используется реже, чем анимация с помощью программирования, но всё же достаточно широко.
Выполняется покадровое фотографирование объектов или прорисовка сцен, затем используются скрипты анимации. Такая анимация не часто получает признание, хотя они требуют гораздо большей работы, чтобы её создать (каждый кадр должен быть нарисован отдельно).
Смотри также
- Анимация спрайта
- Типы проектов
Cookie-файлы помогают нам предоставлять наши услуги. Используя наши сервисы, вы соглашаетесь с использованием cookie-файлов.
Вики работает в тёмной теме, и она включена! Есть советы? Отправьте их сюда: Тема форума о Скретч Вики
- Эта страница в последний раз была отредактирована 22 апреля 2023 в 13:39.
- К этой странице обращались 1031 раз.
- Политика конфиденциальности
- О Скретч Вики
- Отказ от ответственности
Как сделать движение в Scratch
Скретч – это современная популярная среда программирования, позволяющая создать анимированных персонажей или видеоигру. В данной программе движение выполняет специальный объект – спрайт. Движение спрайта происходит сразу на экране в рабочей зоне. Скретч активно используется детьми и подростками для создания собственных уникальных анимированных историй и последующем размещении их в Интернете. Запишите ребенка на курс «Скретч программирование для детей» от ITMouse, где он под контролем профессиональных преподователей получить навыки создания программ и знания в популярной и востребованной IT-сфере. Эта программная среда позволяет детям развить творческие и мыслительные навыки.
В статье будет рассказано, как сделать движения в sctatch.
Команда «Движение»
Создание объекта – половина работы. Чтобы он стал реалистичным, необходимо поработать с командой «Движение». Расскажем подробно, какие движения существуют и как их сделать.
Повернуть направо
Созданный персонаж появится в рабочей области программы. Чтобы повернуть изображение направо, нужно перейти во вкладку «Код», далее выбрать раздел «движение» и «повернуть направо на 15 градусов». Это действие позволит вращать персонажа вокруг своей оси.
Повернуть налево
Сделать движение в левую сторону поможет команда «повернуть налево на 15 градусов». Спрайт можно вращать неограниченное количество раз пока вы не найдёте нужное положение.
Повернуть в направлении
Повернуть в направлении – полезная команда, которая помогает в ускоренном режиме изменить расположение объекта. Чтобы это сделать, нужно:
- Выбрать «повернуться в направлении».
- Рядом с командой будет установлено стандартное значение «90». Кликнув на нём, можно изменить значение от 0 до 360 («90» – направо, «-90» – налево, 0 – вверх, 180 – вниз).
Перейти к позиции
Действие переместит объект на случайное место, к указателю мыши или ко второму спрайту. Чтобы осуществить действие, нужно выбрать «повернуть в x: y:». «Х» и «y» являются координатами на Сцене. Рассмотрим пример перехода к позиции.
- Устанавливаем координаты.
- Листаем бегунок в разделе «Код», «движение» вниз и видим заготовленные фразы для персонажей.
- Выбираем понравившуюся, также текст можно установить свой, нажав на белое поле.
Если все действия выполнены верно, при нажатии зелёного флажка (показано на скриншоте), персонаж будет говорить напечатанный текст. Обратите внимание, что все выбранные действия должны быть перемещены в рабочую область.
Повернуть к
В скретч движение персонажа можно повернуть к определённому объекту. Для этого необходимо выбрать блок «повернуться к» рядом в поле автоматически будет установлено «повернуться к указателю мыши».
Перейти в курсор или спрайт
Действие переместит спрайт по направлению курсора мыши, в случайное место или в расположение другого спрайта. Для этого нужно выбрать «перейти в…» и из списка выбрать необходимое положение. Важно отметить, что команда будет активна при нажатии пробела.
Плыть в точку
Scratch движение спрайта переместит объект в другое место. Анимация будет плывущей. Чтобы создать такой эффект, нужно выбрать «плыть» и установить координаты. Спрайт будет плавно передвигаться, если выбрать «скольжение». Плыть объект может как в случайном положении, так и в определённое место. Спрайт передвигается только при нажатии зелёного флажка.
Изменить Х – координату спрайта
Действие изменит положение спрайта. Нужно работать с разделом «изменить х на». Рядом будет белое окно, в котором нужно установить число. При отрицательном значении спрайт переместится влево, а при положительном – вправо. Спрайт можно поместить на Сцену или вынести его за Сцену. При координатах от -240 до 240 объект будет находиться на Сцене. Х – координата будет активна, если нажать зелёный флажок.
Если касается края, оттолкнутся
Функция поможет оттолкнуть спрайт от края Сцены. В случае если координаты превысят площадь Сцены, программа автоматически не допустит, чтобы объект выходит за границы.
Изменить Y-координату спрайта
Данная функция поможет переместить спрайт вверх или вниз. В блоке «Код» «Движение» нужно выбрать «изменить у на» и в белом поле установить своё значение. При положительном значении спрайт будет вверху, а при отрицательном снизу.
Установить Y-координату
Установка координаты изменит расположение спрайта. В блоке «Движение» требуется выбрать «установить у в» и указать своё значение. Значений «у» будет 3: верх, низ и вертикальное размещение объекта.
Установить стиль вращения
Функция устанавливает стиль вращения объекта. Чтобы спрайт вращался налево и направо, нужно выбрать в пункте «установить вращение» соответствующие стороны. Чтобы спрайт двигался по кругу, следует выбрать «кругом». Действие «не вращать» оставит спрайт в одном направлении.
Примеры использования движения в скретч
Покажем несколько примеров движения персонажей в программе на примере встроенного котика.
Идущий котик
- Выберите в разделе «Движение» «идти на 10 шагов» (значение можно изменить на совё).
- Переместите блок в рабочую зону.
- Чтобы котик начал идти, нужно кликнуть по перенесённому блоку левой кнопкой мыши.
Анимированный говорящий кот
Можно создать движущейся персонаж, который будет говорить установленную фразу, для этого необходимо:
- В разделе «Движение» выбрать «идти на 10 шагов» для того, чтобы объект двигался.
- В пункте «Звук» из предложенного перечне выбрать понравившуюся фразу или написать свою и перетащить её в рабочую область.
- Чтобы котик одновременно шёл и издавал звук, необходимо первое действие соединить со вторым (просто перетащить первый блок ко второму).
- При нажатии на блок котик идёт и одновременно мяукает.
Два персонажа
Добавим друга для котика. Для этого необходимо выбрать «добавить спрайта» (находится в правом нижнем углу в виде мордочки кота). Появится перечень готовых персонажей, откроем понравившегося. Теперь можно осуществить взаимодействие с героями. В поле, где располагаются герои можно добавить движение для каждого, достаточно кликнуть на персонажа и установить действия. Установим шаги для каждого персонажа.
- Кликаем на котика и выбираем «идти 15 шагов».
- Кликаем на летучую мышь и выбираем «идти на 10 шагов».
Для каждого персонажа можно добавить различные действия и звуковые эффекты из раздела «Звук».
Арктический котик
Помимо анимации персонажа можно добавить фон. Чтобы это сделать, необходимо:
- В правом нижнем углу кликнуть на «Выбрать фон» (иконка с изображением).
- Появятся предлагаемые фоны, кликните на понравившийся, и он появится в рабочей области.
Спящая красавица
Создадим уютную домашнюю атмосферу со спящей принцессой.
- Выберите необходимый фон и спрайт.
- Поместите спрайт в реалистичное положение при помощи клавиши «повернуть на».
- Чтобы создать обстановку сна, добавьте специальный звук «Zzz…» (выберите «Внешний вид», «Сказать Привет», вместо «привет» напишите свой текст.
- Перетащите «повернуть на» и «Сказать…» в рабочую область.
Заключение
Скретч позволяет детям развить свои творческие навыки и пофантазировать. При помощи данной программы маленькие выдумщики смогут воздать собственное анимированное изображение, мини – фильм или игру. В скретче большой функционал, можно найти фон и спрайты на любой вкус. Спектр возможностей велик, ребёнок сможет бесконечно создавать необычные истории и размещать их в сети Интернет.
Использование Scratch 3.0 при создании видеоконтента
Школа дает возможность всестороннего развития каждого ребенка. Но с появлением новых технологий не все школьные предметы могут соответствовать современным запросам общества. Именно поэтому все большее количество учреждений образования начинает вводить в школьную программу такие факультативные предметы, которые могли бы дать ребенку информационную базу для получения в будущем перспективной ИТ-профессии.
Помимо традиционных объединений по интересам, на которых дети учатся вязать, шить, петь, танцевать или плести из соломки, сегодня все чаще можно встретить в школе «кружки», посвященные изучению компьютерных технологий, программированию и даже робототехнике. Наша школа, несмотря на свою отдаленность от мегаполисов, не стала исключением. Сегодня наши ученики имеют возможность заниматься на факультативном занятии «Творческая деятельность в среде программирования Scratch», где они знакомятся с азами программирования, учатся разрабатывать собственные проекты, создавать анимации и компьютерные игры. Кроме того, на базе нашей школы действует объединение по интересам «Кадр». Его основная задача – научить ребят пользоваться различными программами, такими как Adobe Photoshop, Sony Vegas Pro, Adobe Premiere Pro, Bandicam и другими, которые помогают создать и смонтировать видеоролик. Качественный видеоролик должен отвечать всем эстетическим требованиям, а для этого необходима квалитативная анимация. Существует множество программ, в которых можно ее создать, но наиболее подходящий, интересный и несложный в использовании для детей и подростков путь – создание анимации при помощи Scratch. С выходом версии Scratch 3.0 создавать анимацию стало намного удобнее, при этом она получается более плавной, яркой, красивой и эффектной.
До выхода Scratch 3.0 мы использовали версию 2.0. Что же изменилось с появлением новой версии Scratch?
Бета версию Scratch 3.0 выпустили 1 августа 2018 года. Уже тогда мы стали использовать ее при создании видеоконтента. Полный релиз был выпущен в январе 2019 года, тогда стало доступно большее количество функций. Новая версия Scratch имеет более современный дизайн интерфейса (удобство нового интерфейса позволяет быстрее создавать качественную анимацию, которую можно использовать в видеоролике), здесь появились новые команды и звуковой редактор, в котором теперь можно добавлять к звукам разнообразные эффекты, такие как эхо, искажение, голос робота и многие другие. Кроме того, здесь были произведены изменения и в графическом редакторе, что, собственно, и позволяет создавать анимацию на более высоком уровне и открывает множество возможностей для художников. Кроме незначительных изменений в дизайне редактора (теперь в векторном режиме все команды для рисования расположены слева, а не справа, как в Scratch 2.0), были и более значительные, как, например, появление вместо цветовой палитры выбора цветов по оттенкам, что намного увеличивает количество вариантов цвета. Также был добавлен ластик. Сейчас каждый костюм по умолчанию рисуется в векторном режиме, но редактировать их можно и в растровом, для этого необходимо лишь нажать кнопку «Преобразовать в битмап» в нижнем левом углу редактора костюма.
Если раньше работа с анимацией занимала много времени из-за того, что загрузка элементов шла слишком долго, то сейчас работать стало намного быстрее, были устранены все технические неполадки и неточности. Теперь работать со Scratch можно не только на компьютере, но и на планшете или телефоне, что тоже очень удобно.
Единственным недостатком Scratch 3.0, на мой взгляд, является то, что, в отличие от версии 2.0, здесь нельзя сохранить анимацию в видеофайл на самом сайте. В Scratch 2.0 для этого необходимо было лишь создать собственный аккаунт, в котором на вкладке «Файл» нажать кнопку «Record & Export Video», потом нужно его запустить и подождать, пока оно запишется.
Сейчас же приходится использовать сторонние программы для сохранения анимации. Возможно, в будущем и эта функция будет добавлена в Scratch 3.0.
А теперь от теории перейдем к практике. Как же использовать Scratch 3.0 при создании видеоконтента?
Наша школа участвует в большом количестве районных, областных, республиканских и международных конкурсов. Зачастую обязательным условием участия в них является создание видеоролика. Для того чтобы ролик прошел отбор, необходимо сделать его ярким и запоминающимся. При этом каждое разработанное нами видео представляет школу, а значит, в нем должен присутствовать элемент, который отличал бы нас от других школ, к примеру логотип учреждения образования. Как раз такой логотип можно сделать при помощи Scratch 3.0.
Рассмотрим поэтапно процесс создания логотипа и последующее использование его в видео.
Первый этап. Создание логотипа в Scratch 3.0
Для начала создается спрайт, из которого будет создан логотип. Наше учреждение образования носит название «Рассветовская средняя школа», следовательно, естественной ассоциацией к названию будет изображение восходящего солнца и одного из символов образования – книги. Далее создается логотип. Для этого я сделал набросок простого рисунка из геометрических фигур, предложенных программой – прямоугольника, круга и линий. После редактирую фигуры при помощи новой функции, появившейся в графическом редакторе Scratch 3.0, которая позволяет с легкостью менять контуры любой фигуры. После этого перехожу к осуществлению второй ступени – программирование анимации.
Второй этап. Программирование анимации
Анимация – это последовательный показ (слайд-шоу) заранее подготовленных графических файлов, а также движение с помощью изменения (и перерисовки) формы объектов или показа последовательных изображений с фазами движения. В данном случае солнце и его лучи на логотипе меняют размер, а левая сторона книги приходит в движение. Для того чтобы это сделать, я покадрово прорисовал каждый костюм и запрограммировал спрайт на смену его костюмов. Они, сменяя друг друга, и создают анимацию. Также я запрограммировал спрайт на смену местоположения. Так я получил эффект плавного движения логотипа
Для лучшего эффекта объект вашей анимации нужно разбить на несколько спрайтов и задать каждому из них свой алгоритм действий.
Третий этап. Сохранение анимации в видеофайл
Поскольку в Scratch 3.0 отсутствует функция сохранения анимации в видеофайл, возникает необходимость воспользоваться сторонней программой. Нам потребуется та, которая будет производить захват видео с экрана монитора. Я использовал самую популярную программу для записи видео с экрана – Bandicam.
Далее нам потребуется произвести следующие действия:
1. Запустить программу Bandicam;
2. Выбрать формат записи «область экрана»;
3. Открыть «сцену» Scratch на весь экран;
4. Указать размер окна записи;
5. Начать запись;
6. Включить анимацию спрайта;
7. Завершить запись.
Записавшееся видео по умолчанию сохранится на рабочем столе вашего компьютера. После этого переходим к следующему этапу.
Четвертый этап. Использование анимации в видео
На данном этапе необходимо вставить анимацию в видео. Для того чтобы это сделать, можно использовать разнообразные программы для редактирования и монтажа. Я выбрал Sony Vegas Pro (V. 15.0). Запустив программу, необходимо загрузить туда нужное видео и сделанную анимацию. Для того чтобы убрать задний фон, анимации потребуется наложить видеоспецэффект. Чтобы это сделать, нужно выбрать функцию «разделить по цветовому тону». Лучше всего использовать задний фон зеленого цвета («green screen») или, как еще его называют, хромакей. С его помощью можно «удалить» фон и «подложить» изображение или видео. Отредактировав местоположение анимации на видео, мы должны его визуализировать (визуализация или рендеринг – процесс получения изображения по модели с помощью компьютерной программы). Вот и все – видео с использованием анимации, созданной при помощи Scratch 3.0, готово!
Вывод: используя среду программирования Scratch 3.0, можно создавать различные виды анимации, которые будут использоваться при создании видеоконтента. Несмотря на то, что Scratch, в первую очередь, это язык программирования для обучения детей, с его помощью можно разнообразить, украсить и сделать лучше любое видео, прикладывая минимум усилий, так как не придется нерационально тратить время на изучение других, более узконаправленных, программ для создания анимации. Так можно создать целый анимационный фрагмент видеоролика!