Как вставить видео в скретч
Урок 1. Моя первая анимация (мультфильм)
Первый урок состоит из двух основных частей, в каждой из которых создаются небольшие мультфильмы. Читай внимательно поясняющий текст, смотри видео (их здесь несколько) и повторяй за учителем, выполняй задания и закрепляй пройденное. Успехов!
Замечание: с января 2019 года на сайте Scratch доступна новая версия редактора — Scratch 3.0, который внешне немного отличается от Scratch 2.0, в котором записывался данный урок. Поэтому если возникнут вопросы, пиши их, пожалуйста, в комментариях к видео или внизу этой страницы сайта. Мы провели сравнение двух версий языка в серии прямых эфиров.
Scratch 2.0 по-прежнему можно использовать, скачав и установив программу на свой компьютер. Мы записали также видео-уроки о том, как установить Scratch 2.0 и Scratch 3.0 на свой компьютер.
Часть 1. Оживим кота Scratch
В этой части урока мы оживим Кота Scratch и заставим его ходить по сцене. Чтобы узнать подробности или повторить пройденное после урока, можно нажать на кнопку «Показать» под этим видео.
После первой части урока подготовлены три маленьких видео, с помощью которых ты научишься:
Эти маленькие уроки можно будет смотреть и позже, если что-нибудь понадобится вспомнить.
Как сохранить анимацию в файл
Итак, мы изучили несколько важных понятий, которые необходимо знать каждому IT-специалисту и программисту:
Когда мы работаем с проектом на сайте Scratch, чтобы сохранить свой мультфильм на компьютере, необходимо использовать пункт меню Файл — Скачать на свой компьютер.
Если же мы работаем с оффлайн-редактором, то используется также пункт меню Файл, но выбирается подпункт Сохранить или Сохранить как… (в случае если мы хотим сохранить свой проект в файле с другим именем). Подробнее сохранение проекта в оффлайн-редакторе Scratch смотри в 1-й части урока 3 (11:21 мин).
Аналогичным образом сохраняются файлы в любых других программах на компьютере: картинки, тексты, видео и другие. Практически в любой программе есть пункт меню Файл и подпункт Сохранить. По-английски эти пункты меню пишутся так: File, Save.
После того как файл сохранён, можно создать новый мультфильм (проект Scratch). Смотри следующее видео и учись!
Как создать новую анимацию в Scratch
Почти во всех программах новые проекты создаются аналогично. Пункт меню Файл всегда содержит подпункт Новый (по-английски New).
Как открыть сохраненную анимацию Scratch
Чтобы продолжить работу с ранее созданной анимацией или игрой, которую мы сохранили в файл, необходимо использовать пункт меню
Файл — Загрузить с компьютера.
Так мы делаем в случае, если используем редактор Scratch на сайте.
Если используется оффлайн-редактор, то нам потребуется пункт меню
Файл — Открыть.
Именно так открываются файлы в любых других редакторах на компьютере. Это стандарт.
Поздравляю! Теперь ты знаешь намного больше, чем просто создание мультфильмов в Scratch!
Часть 2. Танцующая балерина
А сейчас мы сделаем балерину, которая станцует для нас ;).
0:14 — определение анимации. Сценарий. Алгоритм. Анимация
3:14 — думаем о сценарии анимации
4:02 — добавляем новый спрайт (нового персонажа анимации)
4:23 — пишем скрипт, чтобы балерина танцевала. Блоки-команды «Когда щёлкнут по зелёному флажку», «Всегда», «Следующий костюм», «Ждать 0.3 секунды»
5:12 — физкультминутка: встань и потанцуй немного вместе с балериной
5:40 — выполни задание: добавь нового персонажа (спрайт) из библиотеки Scratch и напиши для него скрипт
6:15 — что будет в следующем уроке: мы научимся писать сценарий анимации и создавать на его основе анимацию
6:30 — подсказка: скрипт, оживляющий танцовщицу
Ну как, тебе нравится твоя первая анимация? 😉
Поздравляем! Ты знаешь ещё несколько новых блоков-команд Scratch:
Теперь можешь поэкспериментировать с блоками и сделать свою анимацию самостоятельно.
Использование 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. Указать размер окна записи;
6. Включить анимацию спрайта;
7. Завершить запись.
Записавшееся видео по умолчанию сохранится на рабочем столе вашего компьютера. После этого переходим к следующему этапу.
Четвертый этап. Использование анимации в видео
На данном этапе необходимо вставить анимацию в видео. Для того чтобы это сделать, можно использовать разнообразные программы для редактирования и монтажа. Я выбрал Sony Vegas Pro (V. 15.0). Запустив программу, необходимо загрузить туда нужное видео и сделанную анимацию. Для того чтобы убрать задний фон, анимации потребуется наложить видеоспецэффект. Чтобы это сделать, нужно выбрать функцию «разделить по цветовому тону». Лучше всего использовать задний фон зеленого цвета («green screen») или, как еще его называют, хромакей. С его помощью можно «удалить» фон и «подложить» изображение или видео. Отредактировав местоположение анимации на видео, мы должны его визуализировать (визуализация или рендеринг – процесс получения изображения по модели с помощью компьютерной программы). Вот и все – видео с использованием анимации, созданной при помощи Scratch 3.0, готово!
Вывод: используя среду программирования Scratch 3.0, можно создавать различные виды анимации, которые будут использоваться при создании видеоконтента. Несмотря на то, что Scratch, в первую очередь, это язык программирования для обучения детей, с его помощью можно разнообразить, украсить и сделать лучше любое видео, прикладывая минимум усилий, так как не придется нерационально тратить время на изучение других, более узконаправленных, программ для создания анимации. Так можно создать целый анимационный фрагмент видеоролика!
Как разместить анимацию или игру Scratch на своем сайте?
Узнаём о том, как работать со своим сайтом и размещать на нём игры и анимацию Scratch.
Внимание! В Scratch 3.0, Который вышел в январе 2019 г., на сайте уже нет кнопки Embed.
Но мы можем использовать знания языка гипертекстовой разметки HTML. Достаточно лишь внести в системе управления сайтом в режиме редактирования исходного кода страницы (часто это вкладка или кнопка типа «Текст», «Редактирование кода» и подобное) html-код следующего вида:
Здесь надо заменить текст:
Например, если ссылка на наш проект, который мы хотим разместить на сайте, имеет вид:
то нам необходимо её отредактировать следующим образом:
https: // scratch.mit.edu/projects/ embed/ 137093699/
и в этом виде вставить эту ссылку в код:
Главное, следить за тем, чтобы не пропали знаки кавычек, слэшей, угловых скобок и пр.
А ещё проще (теперь, когда мы научились немного разбираться в html-коде 😉 ) можно сделать следующее. Взять, к примеру, вот эту строку html-кода:
и заменить только цифры, задающие номер проекта на сайте Scratch (ниже выделяем их красным цветом):
137093699 /?autostart=false» width=»485″ height=»402″ frameborder=»0″ allowfullscreen=»allowfullscreen»>
Нужные цифры аналогичным образом надо скопировать из адресной строки окна браузера, в котором открыта необходимая игра или анимация.
Вот так! Теперь и без кнопки Embed мы можем публиковать свои scratch-игры на своём сайте так, чтобы в них можно было играть, не уходя со своего сайта.
Экспорт и импорт
Содержание
Экспорт [ ]
Некоторые файлы можно извлекать из Скретч. Это называется экспортом.
Проект [ ]
Спрайт [ ]
Костюм [ ]
Фоны можно экспортировать как костюмы: нажать правой кнопкой мыши (или ⌘ + левая кнопка мыши на Mac) на фон и выбрать Сохранить в локальный файл. Форматы файлов такие же, как и у костюмов.не работает
Звук также можно сохранить, нажав на него правой кнопкой мыши (или ⌘ + левая кнопка мыши на Mac) и выбрав Сохранить в локальный файл.
Скрипт [ ]
Скрипты могут быть экспортированы только в рюкзак. Для экспорта открой рюкзак и перемести туда нужный скрипт. Все скрипты сохраняются на сервере.
Примечание: для того, чтобы использовать рюкзак, нужно войти в систему или зарегистрироваться.
Импорт [ ]
Импорт – это процесс вставки объекта в проект.
Проект [ ]
Спрайт [ ]
Костюм [ ]
Чтобы импортировать костюм нажми на кнопку «Импорт» в графическом редакторе Скретч у спрайта и выбери файл для загрузки ( Скретч 1.4 не поддерживает векторную графику ).
Чтобы импортировать фон нажми на кнопку «Импорт» в графическом редакторе Скретч у сцены и выбери файл для загрузки ( Скретч 1.4 не поддерживает векторную графику ). Если файл будет слишком маленький по размеру остальное место заполнится белым цветом.
Скрипт [ ]
Примечание: для того, чтобы использовать рюкзак, нужно войти в систему или зарегистрироваться.
Урок 21. Звук и музыка в Scratch
Замечание: с января 2019 года на сайте Scratch доступна новая версия редактора — Scratch 3.0, который внешне немного отличается от Scratch 2.0, в котором записывался данный урок. Поэтому если возникнут вопросы, пиши их, пожалуйста, в комментариях к видео или внизу этой страницы сайта. Мы провели сравнение двух версий языка в серии прямых эфиров.
Scratch 2.0 по-прежнему можно использовать, скачав и установив программу на свой компьютер. Мы записали также видео-уроки о том, как установить Scratch 2.0 и Scratch 3.0 на свой компьютер.
Часть 1. Основы работы со звуком. Запись звука через микрофон
В первой части урока мы знакомимся с основами работы со звуком, записываем звук с помощью микрофона и учимся обрабатывать записанный звук с помощью инструментов звукового редактора Scratch. Оказывается, звук можно не только слышать, но и видеть! 😉 И поможет нам в этом осциллограмма звука.
Примечание: в Scratch 3.0 появились новые возможности обработки звука. Ппоробуй изучить их самостоятельно. Например, сделай звук выше или ниже. Очень это очень интересно!
Часть 2. Звук как элемент игры
Во второй части урока мы говорим о работе со звуком для игр, как профессионалы, рассматриваем примеры технического задания (ТЗ) на звук и пишем свои.
Ссылки на примеры, которые рассматриваются в видео:
О звуках и музыке в играх
Со звуком при создании игр работают специалисты, которых называют саунд-дизайнерами (звуковыми дизайнерами, по английски, sound-design). Мы взяли несколько интервью у представителей этой творческой профессии.