Учебное пособие для 8 классаучреждений общего среднего образования с русским языком обучения Допущено Министерством образования Республики Беларусь Минск «Народная асвета» 2018 Правообладатель Народная асвета
УДК 004(075.3=161.1)ББК 32.81я721 И74 А в т о р ы: В. М. Котов, А. И. Лапо, Ю. А. Быкадоров, Е. Н. Войтехович Р е ц е н з е н т ы: кафедра современных технологий программирования факультета математики и информатики учреждения образования «Гродненский государственный университет имени Янки Купалы» (кандидат педагогических наук, доцент Н. П. Макарова); учитель информатики высшей квалификационной категории государственного учреждения образования «Средняя школа № 4 г. Дзержинска» С. Г. ПузиновскаяISBN 978-985-03-2982-0 © Оформление. УП «Народная асвета», 2018Правообладатель Народная асвета
СОДЕРЖАНИЕОт авторов . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 Г л а в а 1. Технология обработки аудио- и видеоинформации§ 1. Запись аудио- и видеоинформации . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 1.1. Аудио- и видеофайлы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 1.2. Программные средства записи и воспроизведения . . . . . . . . . . . . . . . . 9 1.3. Форматы аудиофайлов . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 1.4. Форматы видеофайлов . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10§ 2. Введение в редактирование аудиофайлов . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 2.1. Редактирование и конвертация . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 2.2. Загрузка и воспроизведение звукозаписи в аудиоредакторе . . . . . . . . — 2.3. Выделение фрагмента звукозаписи . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 2.4. Обрезка фрагмента звукозаписи и применение эффекта . . . . . . . . . . . 14 2.5. Сохранение аудиофайла . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . —§ 3. Основные операции редактирования аудиофайла . . . . . . . . . . . . . . . . . . . . 16 3.1. Основные задачи редактирования . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 3.2. Алгоритм нахождения точного отсчета . . . . . . . . . . . . . . . . . . . . . . . . . — 3.3. Основные операции редактирования . . . . . . . . . . . . . . . . . . . . . . . . . . . 17§ 4. Введение в компьютерный видеомонтаж . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 4.1. Видеомонтаж и конвертация . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 4.2. Основные операции видеомонтажа . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 4.3. Загрузка, деление и обрезка видеофрагментов . . . . . . . . . . . . . . . . . . . — 4.4. Создание видеофильма из фрагментов . . . . . . . . . . . . . . . . . . . . . . . . . . 21 4.5. Сохранение видеофильма . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . —§ 5. Компьютерный видеомонтаж с текстами и фонограммой . . . . . . . . . . . . . . 23 5.1. Создание текстовых клипов . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 5.2. Вставка и наложение текстовых клипов . . . . . . . . . . . . . . . . . . . . . . . . 24 5.3. Видеопереходы между клипами . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 5.4. Добавление и настройка фонограммы . . . . . . . . . . . . . . . . . . . . . . . . . . 25 Г л а в а 2. Основы анимации§ 6. Основные понятия. Редактор для создания анимации . . . . . . . . . . . . . . . . . 27 6.1. Анимация. Виды анимации . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 6.2. Редактор Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29§ 7. Создание изображений и редактирование объектов . . . . . . . . . . . . . . . . . . . 32 7.1. Создание изображений . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 7.2. Редактирование изображений . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34 Правообладатель Народная асвета
4 Содержание§ 8. Слои. Библиотека объектов. Импорт объектов . . . . . . . . . . . . . . . . . . . . . . 37 8.1. Работа со слоями . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 8.2. Библиотека объектов . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38 8.3. Импорт и использование объектов . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40 43§ 9. Покадровая анимация . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47§ 10. Анимация движения . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 48 10.1. Прямолинейное движение . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51 10.2. Движение по траектории . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54§ 11. Анимация формы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .§ 12. Анимация текста . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Г л а в а 3. Основы алгоритмизации и программирования§ 13. Основные алгоритмические конструкции . . . . . . . . . . . . . . . . . . . . . . . . 59 13.1. Алгоритм и алгоритмические конструкции . . . . . . . . . . . . . . . . . . — 13.2. Алгоритмическая конструкция следование . . . . . . . . . . . . . . . . . . 60§ 14. Графические возможности среды программирования PascalABC . . . . . . 65 14.1. Основы работы с графикой . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 14.2. Работа со справочной системой среды программирования PascalABC . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66 14.3. Основные графические примитивы . . . . . . . . . . . . . . . . . . . . . . . . . — 14.4. Работа с Пером и Кистью . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67§ 15. Простые и составные условия . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71 15.1. Логический тип данных . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 15.2. Составные условия . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73§ 16. Оператор ветвления . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76 16.1. Запись оператора ветвления . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 16.2. Решение задач с использованием оператора ветвления . . . . . . . . . . 77§ 17. Оператор цикла . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83 17.1. Оператор цикла с предусловием . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 17.2. Оператор цикла с параметром . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85 17.3. Решение задач с использованием оператора цикла . . . . . . . . . . . . . 86§ 18. Составление алгоритмов для работы с графикой . . . . . . . . . . . . . . . . . . . 89 18.1. Расчеты в графических построениях . . . . . . . . . . . . . . . . . . . . . . . . — 18.2. Использование вспомогательных алгоритмов . . . . . . . . . . . . . . . . . 92§ 19. Использование основных алгоритмических конструкций для решения практических задач . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97 19.1. Использование числовых последовательностей . . . . . . . . . . . . . . . . — 19.2. Нахождение суммы элементов числовой последовательности . . . . 100 19.3. Возведение числа в степень . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101 19.4. Построение таблицы значений функции . . . . . . . . . . . . . . . . . . . . . 102 19.5. Выделение цифр из числа . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103 19.6. Наибольший общий делитель двух чисел . . . . . . . . . . . . . . . . . . . . 104 Правообладатель Народная асвета
Содержание 5 Г л а в а 4. Технология обработки текстовых документов§ 20. Редактирование текста . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110 20.1. Поиск и замена в тексте . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 20.2. Проверка правописания . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111§ 21. Списки и колонки . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115 21.1. Создание и форматирование списков . . . . . . . . . . . . . . . . . . . . . . . . — 21.2. Колонки в текстовом документе . . . . . . . . . . . . . . . . . . . . . . . . . . . . 117§ 22. Таблицы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121 22.1. Создание таблиц . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 22.2. Форматирование таблиц . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122§ 23. Вставка символов и формул . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128 23.1. Вставка и размещение символов в текстовом документе . . . . . . . . — 23.2. Создание и редактирование формул . . . . . . . . . . . . . . . . . . . . . . . . . 129§ 24. Графические объекты в текстовом документе . . . . . . . . . . . . . . . . . . . . . 133 24.1. Вставка рисунков . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 24.2. Вставка объектов WordArt и SmartArt . . . . . . . . . . . . . . . . . . . . . . . 134 24.3. Форматирование объектов . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135§ 25. Использование стилей . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 141 25.1. Понятие стиля . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 25.2. Стилевое оформление заголовков . . . . . . . . . . . . . . . . . . . . . . . . . . . 143 25.3. Генерация оглавления . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 144§ 26. Форматирование страницы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148 26.1. Параметры страницы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . — 26.2. Колонтитулы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149 26.3. Подготовка документа к печати . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151Приложения . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153 Правообладатель Народная асвета
6 От авторов От авторов Дорогие восьмиклассники! Вы держите в руках учебное пособие по ин- форматике. Исследования, проводимые в этой науке, востребованы как в естественно- математических, так и в социально-гуманитарных областях знания. Мы, авторы учебного пособия, постарались сделать так, чтобы оно помог- ло вам освоить новые знания и углубить уже имеющиеся. Надеемся, что в дальнейшем вы сможете применить полученные умения для решения прак- тических задач из различных предметных областей. Материал каждого параграфа в данном учебном пособии разделен на две колонки. Цвет фона определяет назначение размещенной на нем инфор- мации: — основной материал, обязательный для изучения; — примеры, иллюстрирующие основной материал; — определения основных понятий; — исторические сведения, информация об ученых, внесших вклад в развитие информатики, и другие интересные факты. Условные обозначения, которые используются в учебном пособии: ? — вопросы для проверки знаний; — раздел «Упражнения» содержит задания, при выполнении кото- рых используется компьютер; — раздел «Упражнения» содержит задания для выполнения в те- тради; — раздел «Упражнения» содержит задания, при выполнении ко- торых может быть использована информация, размещенная в электрон- ном образовательном ресурсе на Национальном образовательном портале (http://e-vedy.adu.by). В таких заданиях вам будет предложено открыть или загрузить файл. Кроме ссылки, вы можете воспользоваться матричным QR-кодом: * — задание или пример для любознательных. Правообладатель Народная асвета
От авторов 7 Имя файла для скачивания содержит номер параграфа и номер упраж-нения после этого параграфа. Например, имя файла upr3_1 означает,что файл относится к первому упражнению после третьего параграфа.Также на портале размещены файлы с программами, рассмотреннымив примерах. Такие файлы имеют имя Program13_5.pas (программа дляпримера 13.5). В этом учебном году вы сможете научиться обрабатывать звук и видео,создавать анимированные фильмы. Также вы продолжите изучать алгорит-мы и программирование и усовершенствуете свои навыки по созданию иоформлению текстового документа. Вам предстоит освоить новые инстру-менты в известных программах и познакомиться с новыми программами.В учебном пособии много различного иллюстративного материала. Экран-ные копии предназначены для первоначального ознакомления с интерфей-сами программ, для указания расположения отдельных элементов. Подроб-но рассмотреть все структурные элементы окна используемой программыможно на экране компьютера. К данному учебному пособию разработано электронное приложение, раз-мещенное на Национальном образовательном портале. Желаем вам успехов в изучении информатики! Правообладатель Народная асвета
8 Глава 1. Технология обработки аудио- и видеоинформации Глава 1ТЕХНОЛОГИЯ ОБРАБОТКИ АУДИО- И ВИДЕОИНФОРМАЦИИ § 1. Запись аудио- и видеоинформации Пример 1.1. Аналоговая форма 1.1. Аудио- и видеофайлызвукового сигнала. Аудиоинформация (звукозапись) — История записи аналогово- звуковая информация, записаннаяго звука началась в 1857 г., когда каким-либо образом, пригодным дляфранцуз Эдуард Леон Скотт де воспроизведения.Мартенвиль изобрел прибор, вы-царапывавший звуковые дорожки на Звуковые колебания воздуха (звуко-закопченной бумаге. вые сигналы) имеют форму, которую называют аналоговой (пример 1.1). Пример 1.2. Схема оцифровкианалогового звукового сигнала. Ранее аудиоинформация в аналого- вой форме записывалась в студиях, а Волна заменяется набором точеч- воспроизводилась с помощью фоногра-ных (импульсных) сигналов, а вели- фов, граммофонов, патефонов, магни-чина импульсов задается числами. тофонов и электропроигрывателей.Набор точек преобразуется в наборчисел: (2)(8)(11)(13)(14)(13)(12)(10)(7)... С началом компьютерной эры звуко- вые сигналы начали оцифровывать, т. е. История кинематографа началась волны стали заменять наборами точеч-в 1885 г., когда французы О г ю с т и ных (импульсных) сигналов, а вели-Лу и Л ю м ь е р ы впервые провели де- чину импульсов — числовыми кодамимонстрацию кинофильмов. (пример 1.2). Аудиоинформация полу- чила цифровую форму. Пример 1.3. Набор кадров циф-рового видео можно воспринимать Аудиофайл — файл с аудиоинфор-как набор электронных кадров кино- мацией в цифровой форме.фильма. Видеоинформация — изображе- ние движущихся объектов, записан- ное каким-либо образом, пригодным для воспроизведения. Сначала видеоинформацию записы- вали в форме кинофильмов. При де- монстрации отдельные фотокадры на кинопленке сливались на экране в дви- жущееся изображение. Видеоинформация в цифровой фор- ме является набором электронных фо- тографий (пример 1.3).Правообладатель Народная асвета
Видеофайл — файл с видеоинфор- § 1. Запись аудио- и видеоинформации 9мацией и сопровождающей ее аудиоин- Пример 1.4. Приложение «Дикто-формацией в цифровой форме. фон» в одном из современных смарт-1.2. Программные средства записи фонов.и воспроизведения Пример 1.5. Окно стандартной для В смартфонах программные сред- Windows программы «Звукозапись».ства записи звука при помощи микро-фона представлены диктофонами (при- Пример 1.6. На компьютерах чащемер 1.4). всего устанавливаются аудиоплее- ры AIMP, Winamp Lite, медиаплее- На компьютерах с операционной ры Windows Media Player (WMP),системой Windows стандартной про- Winamp, Quicktime, KM Player, VLCграммой для записи звука при помощи Media Player и др. К настоящему вре-микрофона является программа «Зву- мени разработан целый ряд аудио- икозапись» (пример 1.5). Более широкие медиаплееров для смартфонов.возможности имеет бесплатная про-грамма UV SoundRecorder. Пример 1.7. Окно медиаплеера WMP. Для записи видеоинформации всмартфонах широко используется при- Кнопки управления воспроизве-ложение «Камера» в режиме записи дением размещены в нижней частивидео. Этот режим имеют и цифровые окна.фотоаппараты. Записывать видео позволяют компью-теры с микрофоном и веб-камерой. Длякомпьютеров разработаны также про-граммы для записи звука и видео, вос-производимых другими программами. Программы для воспроизведенияаудио- и видеофайлов называютсяплеерами. Медиаплееры — плееры,которые воспроизводят как звук, так ивидео (примеры 1.6 и 1.7). Аудио- и видеофайлы могут иметьлицензионные ограничения на бес-платное копирование, воспроизведениеи распространение.1.3. Форматы аудиофайлов Аудиофайлы, как и видеофайлы,могут различаться способами цифро-вой записи — форматами.Правообладатель Народная асвета
10 Глава 1. Технология обработки аудио- и видеоинформации Пример 1.8. Названия основных Формат аудиофайла — структураформатов аудиофайлов: и особенности записи в файле цифро- вой аудиоинформации.WAV MP3 WMA OGG Существует более 40 форматов аудио-AAC FLAC MP2 MIDI файлов (пример 1.8). Название форма- та служит расширением имени (типом) Цифровая звукозапись может аудиофайла (пример 1.9).иметь несколько каналов: моно (1 ка-нал), стерео (2 канала), Dolby Digital Для высококачественной записи зву-(6 каналов) и т. д. ка используется формат WAV. По срав- нению с файлами других форматов фай- Пример 1.9. Имена аудиофайлов лы этого формата имеют очень большиеразных форматов: объемы.golos2.wav; karaoke.midi; Формат MP3 самый распространен-cкрипка.mp3; test31.wma. ный. Использует специальные методы сжатия аудиофайлов за счет небольшо- Пример 1.10. Одна минута записи в го снижения качества звука.формате WAV имеет объем около 10 Мб,в формате MP3 — от 0,5 до 2,4 Мб. (Рассмотрите пример 1.10.) Формат MIDI (MID) является цифро- Формат WMA (Windows Media вым представлением нотных записейAudio) разработан компанией для использования на электронныхMicrosoft как конкурент формата музыкальных инструментах. Воспро-MP3 и включает поддержку системы изведению разных нотных партий мож-управления авторскими правами. но придать окраску звуков фортепиано, скрипки, трубы и других инструментов. Это означает, что прослушиватьзащищенные композиции можно 1.4. Форматы видеофайловтолько на компьютере, с которогокомпозиция была загружена из му- Формат видеофайла — структуразыкального магазина. и особенности записи в файле циф- ровой видеоинформации и сопрово- Пример 1.11. Наиболее популяр- ждающей ее аудиоинформации.ные форматы видеофайлов: Форматы для записи в видеофайлAVI MP4 WMV DVD только видеоинформации не предусмо- трены. Но видео можно сохранять вMPEG MOV FLV SWF файле и без звука. Компания Apple активно использу- Известно более 70 форматов видео-ет собственные обозначения для фор- файлов (пример 1.11). Название фор-матов видеофайлов, аналогов MP4, мата служит расширением имени (ти-например m4a, m4b, m4v, m4p, m4r. пом) видеофайла. Для записи аудио- и видеофайлов, кроме программ записи, Для мобильных телефонов разра- используют кодеки.ботан формат 3GP, который исполь-зует мощное сжатие. Это позволяетиспользовать его на слабых мобиль-ных телефонах. Правообладатель Народная асвета
§ 1. Запись аудио- и видеоинформации 11 Кодек — специальная программа, Пример 1.12. Названия основныхкоторая сжимает (уменьшает) и вос- видеокодеков:станавливает первоначальный объемаудио- или видеофайла. Пример 1.13. Популярный формат видеофайлов AVI может использо- Различают аудиокодеки и видеоко- вать видеокодек H.264 и аудиокодекдеки. Аудиокодеки носят имена фор- MP3.матов аудиофайлов. Имена видеокоде-ков с именами форматов не совпадают Возможны и другие сочетания, на-(пример 1.12). пример видеокодек MPEG4 и аудио- кодек AC3, видеокодек XviD и аудио- При записи и воспроизведении ви- кодек MP3.деофайла всегда используется пара извидеокодека и аудиокодека. Форматывидеофайлов используют разные парыкодеков (пример 1.13).? 1. Что такое аудиоинформация? 2. В каком виде записывается аудиоинформация в цифровой форме? 3. Что такое видеоинформация? 4. Что такое видеоинформация в цифровой форме? 5. Как называются программы воспроизведения цифровых аудио- и видеофайлов? 6. Что такое формат аудиофайла? 7. Чем интересен формат аудиофайлов MIDI? 8. Что такое формат видеофайла? 9. Существуют ли форматы для записи в видеофайл только видеоинформации? 10. Что такое кодек? 11. Какие виды кодеков используются для работы с видеофайлами? 12. Сколько кодеков требуется для записи видеофайла? Упражнения Приведите примеры форматов аудиофайлов. Приведите примеры форматов видеофайлов. Приведите примеры аудиокодеков. Приведите примеры видеокодеков. Откройте в смартфоне приложение «Диктофон». Произнесите и запишите опре-деление формата видеофайла. Воспроизведите запись. С помощью соответствующего приложения найдите в смартфоне папку с аудио-файлами и определите их форматы. Откройте в смартфоне приложение «Камера». Попросите одноклассника прочи-тать вслух определение формата аудиофайла перед камерой. Запишите видео и вос-произведите его.Правообладатель Народная асвета
12 Глава 1. Технология обработки аудио- и видеоинформации С помощью подходящего приложения найдите в смартфоне папку с видеофайла-ми и определите их форматы. Включите компьютер, подключите к нему микрофон и наушники. Произнеситеопределение формата видеофайла и с помощью программы «Звукозапись» запиши-те его в аудиофайл. § 2. Введение в редактирование аудиофайлов Пример 2.1. Необходимость в ре- 2.1. Редактирование и конвертациядактировании звукозаписи возни-кает, когда ее длительность нужно Известны два вида обработки аудио-уменьшить или увеличить. Напри- файлов: редактирование и конвертация.мер, когда длительности подобранноймузыкальной композиции недостаточ- Редактирование аудиофайла — про-но для сопровождения готовящегося цесс его изменения, который заключа-выступления певцов или танцоров. ется в вырезании, вставке, удалении иВ таких случаях какой-то фрагмент комбинировании частей аудиофайла,звукозаписи дублируют несколько раз. которые называются фрагментами. Ре- дактирование включает также приме- Применение звукового эффекта нение звуковых эффектов ко всей звуко-позволяет изменить стиль звучания записи и к ее фрагментам (пример 2.1).звукозаписи, например громкостьзвучания, скорость или темп воспро- Для редактирования аудиофайловизведения, высоту тона. С помощью используются программные средства,звуковых эффектов можно удалять которые называются аудиоредактора-щелчки и треск, добавлять эхо, уда- ми (пример 2.2).лять из музыкальной композициизвучание голоса. Редактировать аудиофайлы мы будем с помощью аудиоредактора Audacity1. Пример 2.2. Среди бесплатных С интерфейсом данной программы можноаудиоредакторов выделим Audacity, познакомиться в Приложении 1 (с. 153).WavePad Sound Editor, Wavosaur,FREE Wave MP3 Editor, Swifturn Конвертация аудиофайла — процессFree Audio Editor. изменения его формата (пример 2.3). Чтобы выполнить конвертацию аудио- Пример 2.3. Конвертация аудио- файлов, можно использовать аудиоре-файла может понадобиться, напри- дакторы (пример 2.4).мер, если в мультимедийную пре-зентацию нужно вставить звуковую 2.2. Загрузка и воспроизведениезапись с CD-диска. Программа для звукозаписи в аудиоредакторесоздания мультимедийных презен-таций не допускает вставку на слайд Загрузку аудиофайла в редактораудиофайлов такого формата. Audacity начинают командой главного меню Файл → Открыть ... . Пример 2.4. Аудиоредакторы по-зволяют сохранять аудиофайлы в раз-ных форматах, поэтому для конвер-тации достаточно загрузить аудио-файл в одном формате, а потом со-хранить его в другом.1 Доступен для скачивания на сайте https://www.audacityteam.orgПравообладатель Народная асвета
§ 2. Введение в редактирование аудиофайлов 13 Аудиоредактор автоматически кон- Пример 2.5. Кнопки Панели вос-вертирует файл в свой внутренний произведения и записи.формат, и в окне появляется изображе-ние звукозаписи в виде одной или двух ¬ÍÅËÎϽÊË¿ÅÏÙ ¤½ÌÅνÏÙаудиодорожек (треков). ËÎÌÍËÅÄ¿ÂÎÏÅ «ÎϽÊË¿ÅÏÙ Воспроизводить звукозапись, приоста-навливать и останавливать воспроиз- ¬ÂÍÂÆÏÅÇʽԽÈÐÁËÍËÃÇÅведение позволяют первые три кноп- ¬ÂÍÂÆÏÅÇÇËÊÓÐÁËÍËÃÇÅки Панели воспроизведения и записи(пример 2.5). Названия кнопок отражают их функции. Во время воспроизведения вправо подорожкам движется вертикальная ли- Воспроизведение звукозаписи так-ния — курсор. Воспроизведение звуко- же можно начать/остановить нажати-записи всегда начинается с заданного ем клавиши Пробел на клавиатуре.положения курсора. Когда воспроизве-дение остановлено, курсор можно пере- Пример 2.6. Курсор можно перене-нести в любое другое место дорожки сти в другое место дорожки щелчком(пример 2.6). мыши. Точно в начало дорожки кур- сор переносится кнопкой Перейти к2.3. Выделение фрагмента звукозаписи началу дорожки панели Воспроизве- дения и записи, а точно в конец до- В аудиоредакторе любой фрагмент рожки — кнопкой Перейти к концузвукозаписи можно выделить. Заме- дорожки.тим, что на Панели инструментов ре-дактора должна быть нажата кнопка Пример 2.7. Кнопка Выделение наВыделение (пример 2.7). Панели инструментов. Выделенный фрагмент на дорожке Пример 2.8. Изображение выде-получает другой цвет фона (пример 2.8). ленного фрагмента звукозаписи.Если фрагмент звукозаписи выделен,то воспроизвести и прослушать можнотолько его. Выделение фрагмента сни-мается щелчком мыши по свободномуместу дорожки. Различают два способа выделенияфрагментов: обзорный и точный. Обзорный способ выделения фраг-ментов используется с целью прослу-шивания фрагментов и проводится про-тяжкой указателя мыши по дорожке. Границы выделенного фрагментавсегда можно переместить. Для этогоПравообладатель Народная асвета
14 Глава 1. Технология обработки аудио- и видеоинформации Пример 2.9. Числовые поля на Па- достаточно подвести указатель мышинели выделения фрагментов. к границе выделенного фрагмента из- нутри (указатель принимает вид ) и Поле Начало выделения пока- перетащить границу.зывает отсчет начала выделенногофрагмента. Точный способ выделения фрагмен- тов используется для их копирования. Поле Конец выделения показыва- Этим способом фрагмент выделяется сет отсчет конца выделенного фраг- помощью отсчетов времени от началамента. записи на Панели выделения фраг- ментов (пример 2.9). Поле Позиция аудио показываетотсчет положения курсора. Чтобы выделить фрагмент, в поля Начало и Конец выделения вводят Пример 2.10. Введем в числовое время начала и конца фрагмента соот-поле Начало выделения отсчет 6,9 с: ветственно (пример 2.10). 1. Щелкаем мышью по разряду 2.4. Обрезка фрагмента звукозаписисекунд в поле (разряд выделяется бе- и применение эффекталым цветом). Операция обрезки используется в 2. Колесиком мыши устанавлива- случаях, когда длительность звукоза-ем значение 6. писи нужно сократить. В звукозапи- си выделяется фрагмент нужной дли- 3. Аналогично после щелчка в раз- тельности и используется кнопкаряд десятых долей секунды вводим Обрезать на Панели редактированияцифру 9. (пример 2.11). В итоге в звукозаписи остается только выделенный фрагмент Пример 2.11. Кнопка Обрезать на (пример 2.12).Панели редактирования. Чтобы звук обрезанной звукозапи- Пример 2.12. Обрежем звукоза- си при воспроизведении не обрывалсяпись до длительности 2 мин 30 с. резко, нужно применить один из эф- фектов, например Плавное затухание Точным способом выделяем фраг- (эффект плавного уменьшения громко-мент длительностью 2 мин 30 с от на- сти звучания) (пример 2.13).чала записи и нажимаем кнопкуна Панели редактирования. 2.5. Сохранение аудиофайла Пример 2.13. Для применения эф- Для сохранения аудиофайла в ре-фекта Плавное затухание в конце дакторе Audacity есть две возможности.записи выделяют фрагмент длитель-ностью 2—4 с и используют команду Если работу со звукозаписью надоЭффекты. Выпадает большой список продолжить, то командой Файл → Со-эффектов, в котором нужно найти хранить проект звукозапись сохраня-требуемый. ют во внутреннем формате редактораПравообладатель Народная асвета
§ 2. Введение в редактирование аудиофайлов 15как файл проекта с расширением .aup Пример 2.14. Форматы, которые(тип AUP). Воспроизвести такой аудио- поддерживает редактор Audacity прифайл на плеерах невозможно. загрузке и экспорте аудиофайлов. Чтобы сохранить аудиофайл в дру- Пример 2.15. Связь величины би-гом формате, его экспортируют (конвер- трейта и качества двухканальнойтируют). Для этого командой Файл → звукозаписи в формате MP3:→ Export Audio... вызывается окноExport Audio, в котором вводится имя 32 кбит/с — качество записиаудиофайла и выбирается его формат речи в диктофонах;(пример 2.14). 96 кбит/с — качество записи для Кнопка Параметры в окне Export передачи речи или звука низкого ка-Audio позволяет вызвать окно для чества по каналам связи;установки параметров качества сохра-няемой звукозаписи. Основной пара- 192 кбит/с — приемлемый уро-метр качества цифровой записи звука вень качества для записи музыки;и видео носит название битрейт. 256 кбит/с — высокий уровень Битрейт (скорость потока) — коли- качества для записи музыки;чество бит двоичной записи, котороеприходится на секунду воспроизведения. 320 кбит/с — наивысший уровень качества звукозаписи, поддержи- Битрейт измеряется в килобитах в ваемый форматом MP3.секунду (кбит/с, или kbps). Чем больше битрейт, тем выше ка-чество записи и больше объем файла(пример 2.15).? 1. Что такое курсор аудиоредактора Audacity? 2. Каким образом выделенный фрагмент звукозаписи отображается в редакторе Audacity? 3. Чем различаются обзорный и точный способы выделения фрагментов? 4. Как производится обрезка фрагмента звукозаписи? 5. Какое изменение фрагмента производит эффект Плавное затухание? 6. Какие возможности для сохранения аудиофайлов имеет редактор Audacity? 7. Что такое битрейт? Упражнения Откройте в аудиоредакторе файл с музыкальной композицией (данная компози-ция лицензионных ограничений не имеет). Прослушайте ее. Выделите любой фрагмент загруженной звукозаписи обзорным способом. Вос-произведите его с помощью кнопок Панели воспроизведения и записи и с помо-щью клавиши Пробел. Установите, чем различаются действия кнопок Остановить и Приостановить?Правообладатель Народная асвета
16 Глава 1. Технология обработки аудио- и видеоинформации Выделите и прослушайте фрагмент загруженной звукозаписи от 31 с до 1 мин 27 с. Сократите звучание загруженной звукозаписи до 1 мин с использованием эф-фекта Плавное затухание. Сохраните результат предыдущего упражнения как проект формата AUP и какаудиофайл формата MP3 с битрейтом 192 кбит/с.§ 3. Основные операции редактирования аудиофайла Основные задачи редактирования 3.1. Основные задачи редактированияаудиофайла удобно рассмотреть напримере редактирования музыкаль- Основными задачами редактирова-ных композиций. Задача сокраще- ния аудиофайла являются:ния музыкальной композиции боль-ших трудностей не вызывает. Компо- сокращение аудиофайла;зицию достаточно обрезать и в конце изменение структуры фрагментовприглушить звук. аудиофайла. Сокращение аудиофайла требуется, Структура музыкальной компози- когда длительность его звучания пре-ции определяется набором ее фраг- вышает нужную, например требуемуюментов. Многие музыкальные компо- длительность звучания музыкальногозиции (песни) имеют форму, которую сопровождения. Один из способов ре-называют куплетной, т. е. состоящей шения этой задачи рассмотрен в преды-из куплетов. В куплете, как прави- дущем параграфе.ло, два фрагмента: запев и припев. Задача изменения структуры фраг-В композиции также возможны ментов аудиофайла возникает, когдафрагменты, которые называют всту- отдельные фрагменты звукозаписиплениями и проигрышами. нужно удалить, переставить или про- дублировать (пример 3.1). Пример 3.1. Музыкальные компо- Для музыкальных композиций за-зиции, используемые для сопрово- дача усложняется тем, что выделятьждения выступлений на концертах фрагменты (куплеты, припевы и т. д.)или капустниках (фонограммы), ча- следует точным способом. Чтобы не на-сто требуют увеличения или умень- рушить плавности звучания, отсчетышения числа куплетов. Это связано времени для начала и конца фрагмен-с тем, что самодельные тексты песен тов определяют максимально точно.редко совпадают по числу куплетов сисходными фонограммами. 3.2. Алгоритм нахождения точного отсчета Кроме того, в таких фонограммахбывает необходимо удалить или по- Аудиоредактор Audacity позволяет сменять местами припевы или проиг- высокой точностью находить отсчетырыши. для моментов начала куплетов, припе- вов и других фрагментов с использова- При создании фонограмм для ви-деофильмов длительности одной му-зыкальной композиции часто такжене хватает на весь фильм. В такомслучае ее нужно увеличивать дубли-рованием всей композиции или неко-торых ее фрагментов.Правообладатель Народная асвета
§ 3. Основные операции редактирования аудиофайла 17нием инструментов масштабирования. Пример 3.2. Группа кнопок ин- струментов масштабирования на Па-Инструменты масштабирования в аудио- нели редактирования:редакторе применяются для увеличе- °ÉÂÎÏÅÏÙ¿ØÁÂÈÂÊÅ ¬ÍžÈÅÄÅÏÙния или уменьшения изображения зву-козаписи на дорожке (пример 3.2).Для нахождения точного отсчетадля моментов начала музыкальныхфрагментов будем использовать следу-ющий алгоритм: «ÏÁ½ÈÅÏÙ °ÉÂÎÏÅÏÙÌÍËÂÇÏ1. Прослушать композицию и с лю-бой точностью выделить фрагмент, ко-торый содержит нужный момент. 1. Кнопка Приблизить увеличива- ет изображение звукозаписи.2. Щелкнуть по кнопке Уме- 2. Кнопка Отдалить уменьшаетстить выделение. Изображение фраг- изображение звукозаписи.мента увеличивается, но выделение не 3. Кнопка Уместить выделение по- казывает весь выделенный фрагмент.снимается. 4. Кнопка Уместить проект пока-3. Прослушать выделенный фраг- зывает всю звукозапись.мент (можно несколько раз). В нужныймомент, определяемый на слух, щелк- Пример 3.3. Определим отсчетнуть по кнопке Приостановить. времени для начала второго куплетаКурсор замирает. Требуемый момент в некоторой музыкальной компози-определен, а отсчет времени показан в ции, исполняя шаги алгоритма:поле Текущая позиция. 1. Композиция прослушивается, 4. Для уточнения отсчета около по- и выделяется фрагмент с моментомложения курсора выделить небольшой начала второго куплета.фрагмент и щелкнуть по кнопке 2. Кнопкой Уместить выделе-Остановить. Курсор перемещается в ние изображение фрагмента увели-начало выделенного фрагмента. Далее чивается.перейти к шагу 2. 3. Выделенный фрагмент прослу-Уточнение достаточно провести 2 ра- шивается, и в нужный момент про-за (пример 3.3). водится щелчок по кнопке При-3.3. Основные операции остановить.редактирования 4. Около положения курсора вы- Редактирование аудиофайлов вклю- деляется небольшой фрагмент и про-чает следующие основные операции с водится щелчок по кнопке Оста-фрагментами: выделение, обрезку, ко- новить.пирование, вставку, удаление и при-менение эффекта. 5. Повторяются шаги 2—4. 6. Повторяются шаги 2—3. Отсчет — в поле Текущая позиция. Правообладатель Народная асвета
18 Глава 1. Технология обработки аудио- и видеоинформации Пример 3.4. Кнопки удаления, ко- С операциями выделения, обрезки ипирования и вставки фрагментов на применения эффекта мы уже познако-Панели редактирования. мились. Операции копирования, встав- ки и удаления фрагментов известны Пример 3.5. Увеличим на один вам по другим программам и прово-куплет длительность музыкального дятся при помощи кнопок на Панелисопровождения к песне. редактирования (пример 3.4). Вместо этих кнопок можно использовать ком- В соответствии с алгоритмом из бинации клавиш клавиатуры, извест-пункта 3.2 устанавливаем отсчеты ные вам из курса 6-го класса.для моментов начала и конца второ-го куплета. Операции копирования, вставки и удаления фрагментов используются По отсчетам точным способом вы- для изменения структуры фрагментовделяем фрагмент записи для копи- аудиофайла (пример 3.5).рования. Фрагмент копируем в бу-фер обмена с помощью кнопки Операции редактирования приКопировать и нажимаем клавишу- необходимости можно отменить и вер-стрелку Вправо клавиатуры. В ре-зультате выделение пропадает, а нуть, используя кнопки Отменитькурсор смещается в конец использо- и Вернуть на Панели редактирова-ванного фрагмента. ния. Эти кнопки позволяют отменить Щелкаем по кнопке Вставить. или вернуть целый набор последнихФрагмент (куплет) вставляется. операций редактирования. При необходимости операцию встав-ки можно повторить несколько раз.? 1. Какие задачи являются основными при редактировании аудиофайла? 2. Почему при редактировании моменты начала куплета или припева в песне нужно находить с максимальной точностью? 3. Для чего предназначены инструменты масштабирования в аудиоредакторе? 4. Какие операции редактирования аудиофайла являются основными? 5. Какие операции редактирования аудиофайла обеспечивают изменение струк- туры аудиофайла? 6. Какие кнопки на Панели редактирования используются при копировании, вставке и удалении фрагментов? Упражнения Откройте в аудиоредакторе файл с музыкальной композицией (данная компози-ция лицензионных ограничений не имеет). Прослушайте ее. Выделите и прослушайте фрагмент загруженной звукозаписи от 2 мин 08 сдо 2 мин 40 с. Увеличьте изображение фрагмента, выделенного в задании 2, на всю дорожку.Верните изображение всей звукозаписи.Правообладатель Народная асвета
§ 4. Введение в компьютерный видеомонтаж 19 Загруженная композиция начинается с припева, включает два куплета и закан-чивается половиной припева. Удалите второй куплет и половину припева после него.На это место вставьте два раза первый куплет. Сохраните результат упр. 4 как проект формата AUP и как аудиофайл форматаMP3 с максимальным битрейтом. Прослушайте полученную композицию.§ 4. Введение в компьютерный видеомонтаж4.1. Видеомонтаж и конвертация Пример 4.1. Среди бесплатных ви- деоредакторов для компьютеров вы- Все видеофайлы делятся на видео- делим редакторы Videopad, Shotcut,фрагменты, которые получены в ре- OpenShot Video Editor, Windowsзультате записи, и видеофильмы, кото- Movie Maker (или Киностудия),рые предназначены для демонстрации. Lightworks. Для видеофайлов известны два вида Разработаны видеоредакторы иобработки: видеомонтаж и конвертация. для смартфонов на Andriod: Video Editor, PowerDirector, KineMaster — Компьютерный видеомонтаж — Pro Video Editor. Есть они на других это процесс создания видеофильма платформах. из видеофрагментов с помощью спе- циального программного средства. Пример 4.2. На современных ком- пьютерах установлены кодеки для Программное средство для видео- известных форматов видеофайлов.монтажа называется видеоредактором О портативных устройствах такого(пример 4.1). Мы будем использовать сказать нельзя. Поэтому видео, за-видеоредактор VideoPad1. С интерфей- качанное на смартфон, часто не от-сом программы можно познакомиться крывается, и его обычно подверга-в Приложении 1 (с. 154). ют конвертации. Для видеомонтажа иногда приходится конвертировать Конвертация видеофайла заклю- видеофрагменты, снятые на разныхчается в изменении его формата (при- мобильных устройствах.мер 4.2). Для конвертации видеофайловиспользуются программные средства, Пример 4.3. Многие видеокон-которые называются видеоконверте- вертеры позволяют конвертироватьрами (пример 4.3). Мы будем исполь- и аудиофайлы. Среди бесплатныхзовать видеоконвертер Convertilla2. видеоконвертеров для компьютеровС интерфейсом программы можно по- следует выделить Convertilla, VSDCзнакомиться в Приложении 1 (с. 155). Free Video Converter, Any Video Converter Free, Format Factory и др. Конвертировать видеофайлы мож- но и с помощью онлайн-видеоконвер- теров3. 1 Доступен для скачивания на сайте https://www.nchsoftware.com/videopad/ru 2 Доступен для скачивания на сайте http://convertilla.com/ru/ 3 Информация получена с сайтов https://convert-video-online.com/ru/ и https://www.online-convert.com/ru (дата доступа 10.01.2018).Правообладатель Народная асвета
20 Глава 1. Технология обработки аудио- и видеоинформации Пример 4.4. Одно из возможных ви- 4.2. Основные операции видеомонтажазуальных представлений видеоряда. Компьютерный видеомонтаж вклю- Создавая видеофильм из фрагмен- чает следующие основные операции:тов, видеоряд можно изменять —удалять, добавлять и перемещать ви- деление и обрезку видеофрагментов;деофрагменты. создание видеофильма из фрагмен- тов; Пример 4.5. Текстовые видеофраг- сохранение видеофильма.менты позволяют включать в видео- Создание видеофильма из фрагмен-фильм текстовые надписи (название тов использует понятие видеоряда.фильма, его частей и др.). Видеоряд — полоса из условных изображений видеофрагментов, кото- Пример 4.6. Все видеофрагменты, рая отражает структуру видеофильмакак правило, имеют собственное зву- (пример 4.4).ковое сопровождение. В результате При необходимости компьютерныйнарезки видеофрагментов и сборки видеомонтаж может также включатьфильма этот вид звукового сопрово- следующие операции:ждения становится фрагментарным создание и добавление в видео-и очень плохо воспринимается. Тре- фильм текстовых видеофрагментовбуется добавление фонограммы. (пример 4.5); добавление в видеофильм музы- Пример 4.7. Кнопка Добавить кального сопровождения (фонограммы)файл(ы) на вкладке Главная. из внешнего аудиофайла (пример 4.6). Загруженные файлы автомати- 4.3. Загрузка, делениечески распределяются по разделам и обрезка видеофрагментов(папкам) Видеофайлы и Аудиофай-лы. В разделе Видеоряды находит- Видеоредактор VideoPad позволя-ся автоматически создаваемый файл ет загружать как видеофайлы (видео-проекта. фрагменты), так и аудиофайлы (фоно- граммы). Загрузку проводят с помощью Пример 4.8. Видеоклип в окне кнопки Добавить файл(ы) на вкладкепредпросмотра. Главная (пример 4.7).Действие кнопки Воспроиз- Загруженные файлы в видеоредак- торе VideoPad называются клипами.ведение/Пауза дублирует клавиша Если открыты вкладки ГлавнаяПробел. Видеоклип можно воспроиз- или Клипы, то щелчок по видеоклипуводить покадрово. автоматически открывает его в окне предпросмотра на вкладке Предпро- смотр клипа (пример 4.8). В этом окне видеофрагмент можно просмотреть, разделить или обрезать.Правообладатель Народная асвета
§ 4. Введение в компьютерный видеомонтаж 21 Курсор в окне предпросмотра — Пример 4.9. Обрезка видеоклипа ввертикальная красная линия на поло- окне предпросмотра.се эскизов и шкале времени, котораяпоказывает положение текущего кадра Числовые поля над кнопками На-в клипе. чало и Конец открываются для ввода щелчком мыши. Отсчеты времени на- Видеоклип можно разделить на две чала и конца оставляемой части кли-части по положению курсора (кнопкой па можно ввести точно в числовых по-Разделить). лях над кнопками Начало и Конец. Для обрезки клипа достаточно пере- Пример 4.10. Видеофайлы, кото-тащить в новое положение по шка- рые перенесены в видеоряд, в разде-ле времени красную и синюю скобки ле Видеофайлы автоматически отме-(пример 4.9). чаются зеленой «галочкой». Клип обрезается виртуально. Это Пример 4.11. Вкладка Предпро-означает, что границы обрезки всегда смотр видеоряда окна предпро-можно сдвинуть. смотра имеет свою систему кнопок управления.4.4. Создание видеофильмаиз фрагментов В набор кнопок управления воспро- изведением добавляются две кнопки: Создание видеофильма заключается Перейти к краю предыдущего клипав сборке видеоряда из видеофрагментов. и Перейти к краю следующего клипа. Клипы из раздела Видеофайлы по Кнопка Разделить получает меню,одному переносятся в окно видеоряда, в котором можно выбрать дорожкикоторое должно находиться в режиме для разделения. Появляется кнопкаРаскадровка. Клип можно перетащить Снимок, которая позволяет сделатьмышью либо выделить его и исполь- снимок кадра видеофильма. Кнопказовать комбинацию клавиш: Ctrl + Включить 360 гр предназначена для+ Shift + End — в конец видеоряда, добавления сложного видеоэффекта.Ctrl + Shift + Home — в начало видео-ряда (пример 4.10). Курсор видеоряда находится в окне видеоряда, а управлять им мож- В окне предпросмотра теперь можно но как мышью в окне видеоряда, такпросмотреть и видеоряд. Переключе- и кнопками в окне предпросмотра.ние между объектами просмотра про-водят выбором вкладок в заголовкеокна предпросмотра (пример 4.11).4.5. Сохранение видеофильма Сохранение видеофильма как проек-та в файле с расширением .vpj внутрен-него формата начинается кнопкой Со-хранить проект на вкладке Главная.Правообладатель Народная асвета
22 Глава 1. Технология обработки аудио- и видеоинформации Пример 4.12. Окно Экспортиро- В окне Сохранить проект как выбира-вать видео в разделе Настройки экс- ется папка и имя проекта.порта файла содержит 7 настраивае-мых параметров. Сохранение видеофильма в другом формате называется экспортом. В поле 1-й строки Имя файла: вво-дится имя создаваемого видеофайла. Экспорт начинается щелчком по кнопке Видеофайл на вкладке Экс- В поле 2-й строки Сохранить в: порт. В ответ открывается окно Экс-вводится имя папки для сохране- портировать видео, где проводитсяния файла. Имя папки выбирается настройка параметров экспорта видео-в окне, которое вызывается в той же файла (пример 4.12).строке кнопкой Обзор. После настройки параметров щел- В поле 4-й строки Формат: назва- чок по кнопке Создать в этом окне на-ние формата будущего видеофайла чинает довольно длительный процессвыбирается в списке форматов. При сохранения видеофильма, ход которо-необходимости можно использовать го отображается в другом диалоговомПродвинутые настройки кодека. окне Очередь на экспорт. Остальные настройки экспорта ре-комендуется не изменять.? 1. Что такое компьютерный видеомонтаж? 2. Какие основные операции включает компьютерный видеомонтаж? 3. Какие операции, кроме основных, может включать компьютерный видеомонтаж? 4. Как проводят загрузку видео- и аудиофайлов в редактор VideoPad? 5. Для чего в редакторе VideoPad предназначено окно предпросмотра? 6. Что такое курсор в окне предпросмотра? 7. Как проводится обрезка видеоклипов в редакторе VideoPad? 8. Можно ли изменить обрезку видеоклипа в редакторе VideoPad? 9. В каком режиме окна видеоряда проводится создание видеоряда? 10. Каким образом в редакторе VideoPad клипы перемещаются в видеоряд? 11. Какой элемент окна предпросмотра отвечает за выбор между просмотром клипа и видеоряда? 12. Что такое сохранение проекта в редакторе VideoPad? 13. Что такое экспорт видеофильма в редакторе VideoPad? Упражнения В видеоредакторе VideoPad создайте новый проект и откройте (загрузите в ви-деоредактор) готовые видеофрагменты (все видеофрагменты лицензионных ограни-чений не имеют). Выполните перечисленные действия, используя редактор VideoPad. 1. Обрежьте все видеозаписи из раздела Видеофайлы до длительности 4 с. 2. Создайте из фрагментов видеоряд в порядке их нумерации. 3. Просмотрите полученный видеоряд. 4. Сохраните созданный видеофильм как проект в файле с именем Вода.vpj. 5. Сохраните созданный видеофильм в видеофайле Вода.avi.Правообладатель Народная асвета
§ 5. Компьютерный видеомонтаж с текстами и фонограммой 23Используя конвертер Convertilla, сконвертируйте файл Вода.avi в формат MP4. Операция РезультатЗапустить программу Convertilla. Появляется окно программы.Щелкнуть по кнопке Открыть. Появляется окно Выбор файла видео.В окне Выбор файла видео найти В нижнем поле Файл: предлагаютсяи выделить файл Вода.avi, а затем папка и имя файла для сохранениящелкнуть по кнопке Открыть. результата конвертации, которые можно изменить.В списке Формат: выбрать MP4. Кодеки подбираются автоматически.Щелкнуть по кнопке Конверти- Видеофайл конвертируется и сохраня-ровать. ется в формате MP4.§ 5. Компьютерный видеомонтаж с текстами и фонограммой5.1. Создание текстовых клипов Пример 5.1. Имена нескольких текстовых клипов в разделе Изобра- Текстовый клип — видеофрагмент жения.с текстовой надписью на прозрачномили цветном фоне. Для создания тек- Пример 5.2. Диалоговое окно длястового клипа на вкладке Клипы ис- ввода текста в текстовый клип на-пользуют кнопку Добавить текст. Но- поминает окно простого текстовоговый клип под именем Текстовый клип редактора.появляется в разделе Изображениядля исходных файлов. Для последую-щих текстовых клипов к имени добав-ляется номер в скобках (пример 5.1). Новый текстовый клип сразу откры-вается в окне предпросмотра и име-ет прозрачный фон, на что указываетшахматная текстура. Одновременно от-крывается диалоговое окно для вводатекста в клип (пример 5.2). Текст надписи вводится с клавиа-туры. Параметры шрифта изменяютсяинструментами, которые расположеныв левой части панели окна. Размеры иположение вводимого текста контроли-руются в окне предпросмотра. Там же Правообладатель Народная асвета
24 Глава 1. Технология обработки аудио- и видеоинформации Пример 5.3. В окне предпросмо- в числовом поле отображается длитель-тра выделены: кнопка вызова окна ность текстового клипа (пример 5.3).для ввода текста (в форме текстовогополя) и поле длительности текстово- Для создания в текстовом клипего клипа. цветного фона в диалоговом окне для ввода текста используют кнопку Фо- Длительность текстового клипа новый редактор. Щелчок по кнопкеможно изменить после щелчка по вызывает меню, в котором выбирает-числовому полю. Обычно вводится ся пункт Заполненный фон, а затемчисло секунд. Числовые значения щелчком по квадратному полю правееправее числа секунд можно удалять. начинается выбор цвета (пример 5.4). Пример 5.4. Меню кнопки Фоно- Теперь уже в меню кнопки Запол-вый редактор в окне ввода текста. ненный фон выбор пункта Фоновый редактор возвращает прозрачность фону текстового клипа. В диалоговом окне для ввода текста прозрачность фо- на не отображается. Выбор пункта Заполненный фон 5.2. Вставка и наложениев меню кнопки Фоновый редактор текстовых клиповодновременно меняет и надпись наэтой кнопке. Кнопка получает назва- Текстовые клипы вставляются в ви-ние Заполненный фон. деоряд как обычные видеофрагменты. Пример 5.5. Полоса над Видеодо- Текстовые клипы с прозрачным фо-рожкой 1 для наложения текстового ном накладываются поверх видеорядаклипа с прозрачным фоном поверх в режиме Шкала времени окна видео-видеоряда. ряда. В этом режиме видна основная Видеодорожка 1 и над ней — полоса Пример 5.6. Сдвиг клипа по видео- для новой видеодорожки (пример 5.5).дорожке вправо-влево перетаскива- Именно в эту полосу (новую видеодо-нием мыши облегчается удержива- рожку) текстовый клип перетаскива-нием клавиши Shift клавиатуры. ется мышью из раздела Изображения для файлов. Положение добавленного текстового клипа можно изменить перетаскивани- ем изображения клипа вправо-влево по новой видеодорожке при помощи мы- ши (пример 5.6). При перетаскивании текстового 5.3. Видеопереходы между клипамиклипа около указателя мыши отоб-ражается величина сдвига. Как и между слайдами в компью- терных презентациях, между клипами можно вставлять эффекты смены, ко-Правообладатель Народная асвета
§ 5. Компьютерный видеомонтаж с текстами и фонограммой 25торые называются видеопереходами. Пример 5.7. Значки видеопереходаВ окне видеоряда на изображении на изображении видеофрагментов вкаждого видеоклипа есть Х-образный видеоряде.значок видеоперехода (пример 5.7). Значки видеоперехода отобража- Щелчок по значку видеоперехода ются в окне видеоряда в обоих егооткрывает обширное меню для выбо- режимах.ра вида перехода к следующему клипу(пример 5.8). Пример 5.8. Часть меню значка видеоперехода. Видеопереход между клипами за-нимает некоторое время, и в это времяклипы должны показываться одновре-менно. Поэтому редактор предлага-ет выбрать способ создания перехода.Следующий клип можно сдвинуть ле-вее на время перехода. А можно клипне сдвигать (заморозить его положение)и заполнить время перехода показомтолько его первого кадра.5.4. Добавление и настройка В меню также есть числовое полефонограммы для изменения длительности пере- хода. Добавление и настройку музыкаль-ной фонограммы к фильму проводят Пример 5.9. Кнопки управленияв режиме Шкала времени окна видео- дорожками в режиме Шкала време-ряда. В этом режиме видео- и аудиодо- ни окна видеоряда. Их назначениерожки имеют по четыре кнопки управ- покажут подсказки около указателяления (пример 5.9). мыши. Аудиофайл (новую фонограмму) из Если клипы в видеоряде имеютраздела Аудиофайлы перетаскивают в свои аудиодорожки, то все они рас-полосу под Аудиодорожкой 1. Образу- положены на Аудиодорожке 1. Этуется новая аудиодорожка. Фонограмму аудиодорожку обычно отключаютпо ней можно перетаскивать мышью кнопкой управления Выключитьвправо-влево. звук дорожки. Настройка фонограммы заключа-ется в ее обрезке до длительности ви-деоряда и добавлении эффектов По-явление и Исчезновение, которые вредакторе привязаны соответственно кначалу и к концу фонограммы.Правообладатель Народная асвета
26 Глава 1. Технология обработки аудио- и видеоинформации Пример 5.10. Курсор видеоряда Обрезка фонограммы до длительно-кнопками управления в окне пред- сти видеоряда включает ее разделениепросмотра устанавливают в конец на две части и удаление второй частивидеоряда и в этом же окне щелкают (пример 5.10).по кнопке Разделить. Фонограмма вокне видеоряда делится на две части. Чтобы добавить один из эффектов, фонограмму в окне видеоряда выделя- В окне видеоряда 2-ю часть фоно- ют и щелкают по кнопке Затухание награммы выделяют щелчком мыши и вкладке Видеоряд. Название эффектаудаляют клавишей Delete клавиатуры. выбирается в выпадающем меню (при- мер 5.11). Под конец открывается диа- Пример 5.11. Кнопка Затухание логовое окно Появление или Исчез-открывает меню с названиями эф- новение, в котором в текстовое полефектов. вводится длительность эффекта. Прак- тика показывает, что для длительности Эффекты применяются поочередно. эффектов появления и исчезновения 2 с вполне достаточно.? 1. Что такое текстовый клип? 2. Каким образом текстовые клипы вставляют в видеоряд? 3. Каким образом текстовые клипы накладывают поверх видеоряда? 4. Что такое переходы между клипами? 5. Для чего служит значок перехода на изображении клипа? 6. Как проводится добавление музыкальной фонограммы к фильму? 7. В чем состоит обрезка фонограммы до длительности видеоряда? Упражнения Загрузите в видеоредактор VideoPad файл проекта Вода.vpj. Откройте (загрузите в видеоредактор) аудиофайл с музыкальной композицией(данная композиция лицензионных ограничений не имеет). Прослушайте ее. На базе проекта Вода.vpj создайте и сохраните в файле Вода.avi видеофильм,при создании которого должны быть выполнены перечисленные требования. 1. Название фильма «Вода» должно быть размещено на фоне первого клипа. 2. Текстовый клип с надписью «Конец» на черном фоне должен быть размещен в конце фильма. 3. Между клипами должны быть установлены переходы. 4. В качестве фонограммы к фильму должна быть использована музы- кальная композиция из загруженного аудиофайла.Правообладатель Народная асвета
§ 6. Основные понятия. Редактор для создания анимации 27 Глава 2ОСНОВЫ АНИМАЦИИ§ 6. Основные понятия. Редактор для создания анимации6.1. Анимация. Виды анимации Самый ранний образец анимации создан примерно 5000 лет назад. Он Человек с древности пытался запе- представлен на кубке из необожжен-чатлеть движение в рисунке. Сегодня ной глины, обнаруженном во времядвижение изображений можно видеть раскопок в Иране. На кубке изобра-в мультфильмах, в видеофильмах, в жена коза, которая подпрыгивает ирекламных баннерах на веб-страницах срывает листья с пальмового дерева.и др. А слово анимация известно дажемаленьким детям. Каждое отдельное изображение козы на кубке представляет собой Анимация (от лат. animare — отдельный кадр. оживить) — процесс изменения раз- мера, положения, цвета или формы В 1877 г. было запатентовано изоб- объекта с течением времени. ретение француза Ш а р л я-Э м и л я Ре й н о (1844—1918) — праксиноскоп. Анимация представляет собой по-следовательную демонстрацию серии Шарль-Эмиль Праксиноскопизображений (кадров). Кадр отобража- Рейноется некоторое время, после чего исче-зает, а на его месте появляется новый. Праксиноскоп представлял со- бой устройство из открытого цилин- Кадры — изображения последова- дра, в центре которого находиласьтельных фаз движения объектов или зеркальная призма. Число гранейих частей. призмы соответствовало количеству изображений-миниатюр. При бы- Анимация основана на свойстве че- стром вращении цилиндра на види-ловеческого зрения «помнить» изобра- мой грани призмы создавалась ил-жение в течение некоторого времени, люзия движения.после того как наблюдение прекра-щается. Чем больше кадров содержитанимация, тем более сглаженным будетдвижение в процессе ее проигрывания.Для создания иллюзии непрерывногодвижения частота смены кадров долж-на быть не менее 12 кадров в секунду. Первоначально, при подготовке кад-ров для анимации, каждый кадр рисо-вался отдельно и полностью, что отни-мало много времени даже у большогоПравообладатель Народная асвета
28 Глава 2. Основы анимации коллектива художников. Затем стала использоваться послойная техника ри- Уолт Дисней Н. Н. Константинов сования объектов и фонов на прозрач- ных пленках, накладываемых друг на Послойную технику в мультиплика- друга. Это снизило трудоемкость работ, ции впервые применил Уолт Дисней т. к. не нужно было рисовать каждый (1901—1966) — американский худож- кадр полностью. Современные анима- ник-мультипликатор, основатель ком- ционные технологии переведены на пании Walt Disney Productions. компьютерную основу. В 1968 г. группа советских уче- Компьютерная анимация — соз- ных во главе с Николаем Нико- дание анимации с помощью компью- лаеви чем Конста нтиновым (со- тера. ветским и российским математиком, род. в 1932 г.) создала математиче- Работая над созданием компьютер- скую модель движения животного. ной анимации, художник обычно про- Вычислительная машина БЭСМ-4, рисовывает начальное и конечное по- выполняя программу, прорисовыва- ложение движущихся объектов, а все ла кадры мультфильма с анимацией промежуточные состояния рассчитыва- движений кошки. Для создания ки- ет и изображает компьютер. Объекты нопленки с мультфильмом каждый компьютерной анимации размещаются кадр был распечатан на принтере, на разных слоях (подобно прозрачным роль пикселя играла буква «Ш». пленкам в классической анимации). В настоящее время существуют При создании компьютерной анима- различные технологии создания ком- ции могут использоваться растровые пьютерной анимации. Например: изображения (Gif-анимация) и вектор- ные рисунки (Flash-анимация). Запись движения. Актеры в спе- циальных костюмах с датчиками Выделяют два способа создания совершают движения, которые за- компьютерной анимации: писываются камерами и анализи- руются специальным программным покадровая анимация; обеспечением. Итоговые данные о расчетная анимация — анимация перемещении суставов и конечностей движения объектов и анимация формы. актеров применяют к трехмерным При создании покадровой анима- скелетам виртуальных персонажей, ции прорисовываются все фазы движе- благодаря чему добиваются высокого ния объекта. Такая технология незаме- уровня достоверности их движения. нима при создании сложной анимации с разнообразной графикой. Процедурная анимация полно- Анимация движения или формы стью или частично рассчитывается предполагает рисование только от- компьютером. дельных кадров. В этих кадрах объект располагается в начале и в конце дви- При программируемой анима- ции движения объектов программи- руются с помощью браузерного язы- ка JavaScript и языка работы с Flash- приложениями ActionScript.Правообладатель Народная асвета
§ 6. Основные понятия. Редактор для создания анимации 29жения. Все остальные кадры — проме- Пример 6.1. Для создания аними-жуточные. Изображение в них создает рованных изображений существуеткомпьютерная программа, которая вы- множество программ, как платных,числяет, где и в какой момент должен так и бесплатных. Например:находиться объект. Расчетная анима-ция используется для создания анима- Vectorian Giottoционных эффектов на веб-страницах, атакже при создании рекламных, учеб- Adobe Animateных и развлекательных фильмов. Easy GIF Animator6.2. Редактор Flash Pivot Stickfigure Появлению компьютерной анима- Animatorции способствовало развитие программдля работы с графикой. История Flash началась в 1996 г., когда компания Macromedia выпу- Программы для работы с анимацией стила продукт под названием Flash.представлены в примере 6.1. Одним изнаиболее популярных редакторов для В 2005 г. вышла версия Macromediaсоздания анимации является Flash. Flash Professional 8. В этой версииПреимущество Flash в том, что с его улучшена работа с графикой и ани- мацией. В том же году фирма Adobeпомощью можно создать красивую ани- купила Macromedia вместе с ее про- дуктами, включая Flash.мацию, а файлы будут небольшого раз- Значки различных версий редак-мера. Редактор Flash имеет интерфейс, тора Flash:многие элементы которого знакомы Macromedia Flash MX 2002вам по опыту работы в графических Macromedia Flashредакторах (см. Приложение 2, с. 156). Professional 8 2005В начале работы в редакторе необхо- Adobe Flash Professional CC 2015димо создать новый документ (File → Для устройств, которые не под-→ New...) либо открыть уже существу- держивают Flash, можно сохранить фильм в форматах HTML и GIF. Вющий (File → Open...). этом случае мультипликация может быть воспроизведена практически наДокумент, созданный в Flash, приня- всех устройствах.то называть фильмом. В окне редактора Редактор Flash поддерживает язык сценариев (описания поведения объ-Flash можно одновременно открывать екта) ActionScript. Используя этот язык, можно создавать интерактив-несколько файлов с фильмами. Вклад- ные (содержащие элементы взаимо- действия с пользователем) фильмы.ки открытых файлов располагаютсяпод строкой меню: .Для перехода к нужному файлу до-статочно щелкнуть мышью по вкладкес его именем. Звездочка справа от име-ни файла обозначает, что в нем сдела-ны изменения, которые не сохранены.Правообладатель Народная асвета
30 Глава 2. Основы анимации В левой части окна редактора Flash Пример 6.2. Разделы Панели ин- располагается Панель инструментов, состоящая из четырех разделов: струментов редактора Flash. Инструменты (Tools) — инструмен- Пример 6.3. Изменение размеров ты рисования и редактирования; монтажного стола. Просмотр (View) — способ просмо- Пример 6.4. тра; Шкала времени Список слоев Цвета (Colors) — цвета обводки и заливки; Параметры (Options) — настройка свойств выбранного инструмента. (Рассмотрите пример 6.2.) В рабочей области редактора Flash можно выполнять операции создания и редактирования объектов (см. Прило- жение 2, с. 156). В кадр попадают толь- ко те объекты, которые расположены в пределах монтажного стола. Осталь- ная часть рабочей области нужна для предварительных рисунков и для реа- лизации эффекта постепенного входа объекта в кадр (или выхода из кадра). Размеры монтажного стола можно изменить (пример 6.3) в окне Свойства документа (Document Properties). Над рабочей областью находится шкала времени и список слоев (при- мер 6.4). Шкала времени (Timeline) предназначена для работы с кадрами. Слои (Layers) — компьютерный аналог прозрачных пленок, которые применя- ются в традиционной мультипликации. В правой части окна размещаются дополнительные панели (пример 6.5). Редактор Flash поддерживает век- торную графику, однако позволяет ис- пользовать и растровые изображения, импортированные из внешних файлов. При сохранении фильма в редакторе Flash обычно используют два типа фай- лов: .fla и .swf. Собственным форматомПравообладатель Народная асвета
§ 6. Основные понятия. Редактор для создания анимации 31Flash является формат FLA. В этом Пример 6.5. Дополнительныеформате фильм сохраняется для после- панели.дующего редактирования. Для реализа-ции возможности просмотра фильма его Смеситель цветов Библиотеканужно опубликовать. (Color Mixer) (Library) Публикация — сохранение фильма Пример 6.6. Экспорт файлов.в формате SWF. Опубликовать файлможно, выполнив команду Файл →→ Опубликовать (File → Publish) илис помощью комбинации клавиш Ctrl ++ Enter. Файл при публикации сохра-няется в папку, в которой находитсяфайл формата FLA. Опубликованныйфильм можно просмотреть в любом про-игрывателе Flash, а также в браузере. Редактор Flash позволяет экспор-тировать результаты работы в другиеформаты. Для этого необходимо выпол-нить команду Файл → Экспорт → Экс-порт фильма (File → Export → ExportMovie) и выбрать формат файла (при-мер 6.6).? 1. Что называют анимацией? 2. Что представляет собой кадр? 3. С какой минимальной частотой должна происходить смена кадров, чтобы соз- давалась иллюзия непрерывного движения? 4. В чем заключается покадровая анимация? 5. Чем расчетная анимация отличается от покадровой? 6. В каком формате нужно сохранить фильм, чтобы его можно было редактировать? 7. Что значит опубликовать фильм?Упражнения Откройте редактор Flash. Создайте новый документ. Используя материал § 6и Приложения 2 (с. 156), изучите интерфейс окна редактора. Выполните:1. В меню выберите Вид → Сетка → Показать сетку (View → Grid →→ Show Grid). Как изменилась страница в Рабочей области?2. Установите размеры монтажного стола .3. Изучите инструменты раздела Просмотр (View) на Панели инстру-ментов. С помощью инструмента Рука (Hand Tool) ( ) переместитестраницу в Рабочей области. Увеличьте видимый размер страницы иПравообладатель Народная асвета
32 Глава 2. Основы анимации уменьшите его с помощью инструмента Лупа (Zoom Tool). Настрой- те увеличение (уменьшение) масштаба в разделе Параметры ( ). 4. Откройте (закройте) дополнительные окна Смеситель Цветов и Би- блиотека. Откройте в редакторе Flash файл. Сохраните файл под новым именем. Выполни-те публикацию фильма. Просмотрите фильм в проигрывателе Flash.§ 7. Создание изображений и редактирование объектов Пример 7.1. Рисование линий. 7.1. Создание изображений Перед рисованием линии на Пане-ли свойств выбрать: Основным анимируемым объектом1. Толщину: редактора Flash является векторное2. Цвет: изображение. Создание векторных изоб- ражений в Flash имеет много общего с3. Стиль: аналогичным процессом в векторных редакторах. Рассмотрим особенности Пример 7.2. Рисование прямо- использования инструментов рисова-угольника с закругленными углами. ния редактора Flash. Пример 7.3. Диалоговое окно Tool Для рисования линий в редакто-Settings. ре Flash используется инструмент Линия (Line). Определить цвет, стиль и толщину можно на Панели свойств (пример 7.1). Линии с углом наклона, кратным 45°, рисуются при нажатой клавише Shift. Овал можно нарисовать с помощью инструмента Овал (Oval). Этот ин- струмент также используется для рисо- вания круга и окружности (при нажа- той клавише Shift). Для рисования прямоугольников ис- пользуют инструмент Прямоуголь- ник (Rectangle). Чтобы задать радиус закругления углов прямоугольника, нужно на Панели инструментов в раз- деле Параметры выбрать и в диа- логовом окне Настройки прямоуголь- ника (Rectangle Settings) ввести зна- чение радиуса в пикселях (пример 7.2).Правообладатель Народная асвета
§ 7. Создание изображений и редактирование объектов 33 Для рисования многоугольников и Пример 7.4. Рисование много-звезд нужно выбрать инструмент угольников и звезд.Многоугольник/Звезда (PolyStar), раз-вернув список инструмента :Когда инструмент активен, наПанели свойств находится кнопка, которая вызывает окно на-стройки инструмента (пример 7.3). В нем Пример 7.5. Рисование ломанойможно выбрать тип фигуры (много- линии инструментом Перо.угольник/звезда), задать количество сто-рон (лучей) и их размер (пример 7.4). uËÌËÍÊØÂÏËÔÇÅ Пример 7.6. Выбор режима рисо- Для рисования линий и кривых ис- вания для инструмента Карандаш.пользуется инструмент Перо (Pen)(пример 7.5). С помощью этого инстру- Пример 7.7. Использование ин-мента легко рисовать ломаную линию. струмента Карандаш в режиме Вы-Щелчками мыши рисуется отрезок прямление.или контур, состоящий из отрезковпрямых линий, соединенных угловы- Во время После завершениями (опорными) точками. рисования рисования Для рисования контуров произволь-ной формы используется инструмент Карандаш (Pencil). Для инструмен-та Карандаш можно выбрать различ-ные режимы рисования (пример 7.6): Выпрямление (Straighten) позво-ляет преобразовать исходное изобра-жение в одну из геометрических фигур(пример 7.7); Сглаживание (Smooth) сглажива-ет линии. Степень сглаживания линийзадается на Панели свойств в поле; Рисунок чернилами (Ink) похож нарежим Smooth. Степень сглаживаниянезначительна и не изменяется. Правообладатель Народная асвета
34 Глава 2. Основы анимации Пример 7.8. Инструменты выде- 7.2. Редактирование изображенийления: При подготовке кадров анимации — Выбор (Selection); приходится редактировать существую- — Выбор подобласти щие объекты. Свойства обводки и за-(Subselection); ливки (цвет, форма, взаимное располо-— Петля (Lasso); жение) могут изменяться пользователем — Произвольная трансформа- независимо друг от друга. Заливку иция (Free Transform); обводку можно удалять по отдельности.— Перо (Pen Tool). Прежде чем выполнить какие-либо действия с объектом, его необходимоПример 7.9. Выделение объектов. выделить. Редактор Flash обладаетВесь объект Заливка большим спектром инструментов вы- деления (пример 7.8). Основной ин- струмент выделения — Выбор (Selection). С его помощью можно выде- лить весь объект, заключив его в прямо-Часть обводки Все части угольник. Тот же результат получит- обводки (с Shift) ся, если выполнить двойной щелчок по объекту. Несколько объектов выде- ляются при нажатой клавише Shift. Выделенный объект покрывается мел- кой сеткой. Щелчком можно выделять заливку или обводку по отдельности Пример 7.10. Использование ин- (пример 7.9).струмента . С помощью инструмента можно Перемещение выполнять следующие операции ре- Изменение положения вершин дактирования объектов: Изменение контура Перемещение. Выделить объект. При появлении крестика из двунаправ- ленных стрелок переместить объект. Изменение положения вершин. Подвести курсор к вершине и переме- стить вершину. Изменение контура. Не выделяя контур, подвести курсор к контуру и переместить в нужном направлении. (Рассмотрите пример 7.10.) Многие операции изменения объек- тов могут быть выполнены с помощью инструмента Произвольная транс- Правообладатель Народная асвета
§ 7. Создание изображений и редактирование объектов 35формация (Free Transform). При ра- Пример 7.11. Кнопки выбора ре-боте с инструментом после выделе- жима для инструмента Произволь-ния объекта на Панели инструментов ная трансформация.становятся доступными кнопки выборарежимов: Options Поворот и наклон (Rotate and Пример 7.12. Использование ин-Skew); струмента Произвольная трансфор- мация. Масштабирование (Scale); Искажение (Distort); Исходное изображение Изгиб (Envelope). (Рассмотрите пример 7.11.) Поворот Наклон Пример 7.12 иллюстрирует измене-ние объекта при использовании инстру- Масштабирование Искажениемента Произвольная трансформация вразных режимах. Трансформация вы- Изгибполняется с помощью маркеров, рас-положенных на выделяющей рамке.Каждый маркер связан с определеннойоперацией. Разным маркерам соответ-ствует свой вариант указателя мыши. С помощью команд меню Изменить(Modify) можно выполнить операциинад объектами: Преобразование (изменение разме-ра, поворот, отражение и др.) — Транс-формация (Transform); Группировку (объединение не-скольких объектов в один) — Группи-ровка (Group); Выравнивание (по горизонтали ипо вертикали, относительно границобъектов и относительно центра) —Выравнивание (Align).? 1. Какие инструменты редактора Flash используются для рисования? 2. В каком режиме инструмента Карандаш рисуются геометрические фигуры? 3. Для чего предназначен инструмент Выбор? 4. Какие преобразования объекта можно выполнить с помощью инструмента Произвольная трансформация?Правообладатель Народная асвета
36 Глава 2. Основы анимацииУпражнения Откройте файл. Дополните изображение автомобиля. Пририсовании окна используйте градиентную заливку. Скопируй-те изображение окна, примените к копии операцию отраже-ния. Сохраните изменения в файле. Создайте изображения, воспользовавшись рекомендациями.Изображения Рекомендации Используйте инструменты и с настройками: Примените инструмент для преобразования линий в дуги либо нарисуйте дуги как часть окружности. Для рисования используйте инструменты и . Ин- струмент применяйте в различных режимах. Кор- ректируйте изображение с помощью инструмента . Копирование окон выполняйте, удерживая клавишу Shift. Для изгиба дома используйте инструмент . Скорректируйте контур с помощью инструмента .Сохраните изображения в формате FLA.Нарисуйте одного из роботов. Для рисования используйте инструменты , , и инструмент редактирования . Сохраните изображение с именем, соответ-ствующим эмоции робота.Правообладатель Народная асвета
§ 8. Слои. Библиотека объектов. Импорт объектов 37§ 8. Слои. Библиотека объектов. Импорт объектов8.1. Работа со слоями Пример 8.1. Применение слоев. Пример 8.2. Создание нового слоя. Слои — важнейший элемент анима- Пример 8.3. Создание папки слоев.ции. Применение слоев позволяет соз-давать сложные многоплановые сценыфильма, редактируя каждый объектна отдельном слое. Один из слоев мо-жет использоваться в качестве фо-на, другой содержать анимированныеобъекты, а третий — элементы зву-кового сопровождения фильма (при-мер 8.1). Имена слоев показаны слева от вре-менной шкалы. После создания файлав списке слоев находится один слой сименем Layer 1 (Слой 1). Для создания нового слоя требует-ся выделить тот слой, над которым выхотите поместить новый, а затем на-жать кнопку Вставить слой (InsertLayer). Новый слой появляется в спи-ске слоев над выделенным слоем, каквидно из примера 8.2. Новому слою присваивается имяLayer с указанием порядкового номера.Это имя обычно заменяют именем, по-ясняющим назначение или содержаниеслоя. Для удобства работы со слоями вFlash реализована возможность хране-ния каждого набора взаимосвязанныхслоев в отдельной папке слоев (при-мер 8.3). Все слои абсолютно прозрачны. Объ-екты, расположенные на различныхслоях, визуально воспринимаются какэлементы единой сцены. Объект, на-ходящийся на верхнем слое, заслоняетПравообладатель Народная асвета
38 Глава 2. Основы анимации объекты, находящиеся в той же пози- Пример 8.4. Отображение слоев ции на нижних слоях (пример 8.4). в зависимости от их расположения. Можно изменять порядок располо- Пример 8.5. Отображение слоев с различными свойствами. жения слоев. Объекты одного слоя редактируются независимо от объек- тов других слоев. При необходимости можно одновременно выбрать объекты из разных слоев и работать с ними как с единым целым. Например, изменить их цвет. Удалить слой (папку) можно щелчком по кнопке Удалить слой (Delete Layer), расположенной в нижнем правом углу Панели управления слоями. При удалении папки удаляются также и входящие в нее слои. Значки справа от имени слоя отоб- ражают его свойства: Активность. В этом слое объ- екты создают или редактируют. Слой выделяется в списке цветом и поме- чается значком . Видимость. Объекты скрытого слоя не видны, слой помечается . Блокировка. Слой помечается в списке значком . (Рассмотрите пример 8.5.) На заблокированном или скрытом слое нельзя радактировать и создавать объекты. При создании анимации для нередактируемых слоев устанавлива- ется блокировка и отключается види- мость. 8.2. Библиотека объектов При создании анимации возникает необходимость использовать некоторые объекты несколько раз. Для хране- ния таких объектов в редакторе Flash предназначена Библиотека (Library).Правообладатель Народная асвета
§ 8. Слои. Библиотека объектов. Импорт объектов 39Объекты, помещенные в библиотеку, Пример 8.6. Создание символаназывают символами. Использование типа Графика.символов существенно ускоряет про-цесс разработки фильма. 1. Перетащить выделенное изо- бражение в список символов панели Один раз созданное изображение Библиотека:можно многократно использовать какв одном, так и в разных фильмах. 2. В окне Convert to Symbol вы- брать тип Graphic и дать имя символу: Существуют три типа символов: 1. Графика (Graphic). Содержит изо- 3. Просмотреть содержимое библио-бражение одного кадра. теки: 2. Кнопка (Button). Содержит кноп-ки, реагирующие на действия пользо-вателя и управляющие воспроизведе-нием фильма. 3. Клип (MovieСlip). Может содер-жать анимацию с любым количествомкадров. Для преобразования объекта в сим-вол нужно нажать клавишу F8 или пе-ретащить изображение в окно Библио-тека. Затем в области просмотра верх-ней части панели Библиотека можноувидеть изображение символа, а всписке символов — имя символа (при-мер 8.6). Копию символа, помещенную в рабо-чую область, называют экземпляром.Экземпляры могут значительно отли-чаться от самого символа. При редак-тировании экземпляра символ не изме-няется. И напротив, любые изменениясимвола приводят к соответствующимизменениям всех его экземпляров. Каждый экземпляр имеет собствен-ные свойства, которые могут редакти-роваться без изменения соответствую-щих свойств символа. Так, можно изме-нять цвет и прозрачность экземпляра,переопределять его тип (например,преобразовать графический символПравообладатель Народная асвета
40 Глава 2. Основы анимации в кнопку). Можно также наклонять, Пример 8.7. Создание экземпляров вращать или масштабировать экземп- ляр без того, чтобы воздействовать на символа. символ. Перетащить изображение символа При выделении экземпляра вокруг с панели Библиотека на холст. него появляется голубая рамка (при- мер 8.7). Пример 8.8. Редактирование сим- вола. Редактирование символа осущест- вляется в специальном режиме, перей- Пример 8.9. Редактирование эк- ти в который можно с помощью двой- земпляра. ного щелчка по изображению символа на панели Библиотека. Для выхода 1. С помощью инструментов транс- из этого режима необходимо нажать формации. кнопку , расположенную над спи- ском слоев (пример 8.8). 2. Изменение цвета на панели Properties. Для редактирования свойств эк- земпляра используются инструменты трансформации и инструменты Панели свойств (Properties) (пример 8.9). Преобразовать экземпляр символа в обычную векторную графику можно, выбрав команду Break Apart из кон- текстного меню экземпляра или нажав комбинацию клавиш Ctrl + B. 8.3. Импорт и использование объектов Редактор Flash поддерживает мно- гие форматы для импорта изображе- ний — JPEG, GIF, PNG и PSD. Существуют следующие варианты импорта изображений (меню Файл → → Импорт): непосредственно в рабочую область (Import to Stage); в библиотеку (Import to Library). Импортированные в библиотеку изо- бражения представляют собой символы.Правообладатель Народная асвета
§ 8. Слои. Библиотека объектов. Импорт объектов 41 Для импортирования изображений с Пример 8.10. Импорт изображе-прозрачностью фона рекомендуется ис- ний разных форматов.пользовать формат PNG (пример 8.10). Пример 8.11. Редактирование век- Импортированные растровые изобра- торного изображения, преобразован-жения преобразуются в векторные для ного из растрового.последующего редактирования с по-мощью команды Изменить (Modify) →→ Bitmap → Trace Bitmap (пример 8.11). Размер импортированных изображе-ний может не соответствовать разме-ру монтажного стола. Для устраненияэтого несоответствия изменяют либоразмер монтажного стола, либо размеризображения. Выбор команды Открыть внешнююбиблиотеку (Open External Library) ме-ню Файл (File) → Import (Импорт) по-зволяет открывать библиотеку любогофайла Flash (формата .fla) и использо-вать ее символы.? 1. С какой целью используют слои? 2. Для чего предназначена библиотека объектов? 3. Что представляет собой символ? 4. Как преобразовать объект в символ? 5. Что такое экземпляр символа? 6. Как перейти в режим редактирования символа? 7. Куда можно импортировать изображения в редакторе Flash? УпражненияОткройте файл и выполните задания.1. Измените порядок следованияслоев (слой «дом» перетащитевверх). Уберите видимость слоя«дом».2. Между слоями «дом» и «фон»создайте слой «облака». Нарисуйтев этом слое облако и преобразуйтев символ. Разместите несколькоэкземпляров символа «облако» наПравообладатель Народная асвета
42 Глава 2. Основы анимации слое. Преобразуйте экземпляры (размер, поворот, наклон, цвет). Открой- те видимость слоя «дом». 3. Создайте в списке слоев папку «задний план» и перетащите в нее слои «фон» и «об- лака». Установите блокировку папки. 4. Активизируйте слой «дом», снимите его блокировку. Поместите на слой из библиоте- ки несколько экземпляров символа «окно». Измените цвет окон, исполь- зуя возможности панели Properties. 5. Сохраните результат работы в файл с именем upr8_2.fla. В редакторе Flash откройте одновременно файл upr8_2.fla и файл с изобра- жением автомобиля, полученный в результате выполнения упражнения 1 после § 7. Выполните перечисленные действия: 1. Создайте символ изображения автомобиля на новом слое. 2. Возвратитесь в файл upr8_2.fla и, выбрав библиотеку файла с авто- мобилем, создайте экземпляр автомобиля. Измените цвет экземпляра. 3. Сохраните изменения в файле. Правообладатель Народная асвета
§ 9. Покадровая анимация 43 В файле upr8_2.fla добавьте новые слои с изображениями и преобразуйте их всимволы: Дополните изображение в upr8_2.flaэкземплярами символов. Измените символыв соответствии с рисунком. Сохраните изме-нения в файле.§ 9. Покадровая анимация Основным инструментом при соз- Пример 9.1. Отображение кадровдании анимации является шкала на шкале времени.времени. С ее помощью можно вы-полнять различные операции с кад- ¤ÁÂÎÙÅÄ˾ͽÃÂÊÅÂÊÂÉÂÊÜÂÏÎÜрами. ©½ÍÇÂÍǽÁͽ На шкале времени каждому слою Пример 9.2. Отображение кадровсоответствует строка с сеткой. Каждой на шкале времени.ячейке соответствует отдельный кадр.Числа над шкалой обозначают номера Ключевой кадр с содержи-кадров. На кадр, находящийся на мон- мым (редактируется, являет-тажном столе, указывает маркер кад- ся исходным)ра — красный прямоугольник с лини-ей (пример 9.1). Ключевой кадр без содержи- мого Кадры, содержимое которых опреде- Простые кадры (продлеваютляется автором анимации, называются видимость предшествующегоключевыми. ключевого кадра) Промежуточные кадры (ото- Отображение кадров на шкале вре- бражают трансформацию объ-мени зависит от их предназначения. екта между двумя ключевы- ми кадрами) (Рассмотрите пример 9.2.) При выполнении операций с кадра-ми можно использовать команды кон-текстного меню кадра, а также «горя-чие» клавиши:Правообладатель Народная асвета
44 Глава 2. Основы анимации Insert Keyframe , F6 — вставка копии ключевого кадра; Пример 9.3. Вставка ключевого кадра. Insert Blank Keyframe , F7 — вставка пусто- го ключевого кадра; 1. Выделить ячейку сетки. Insert Frame , F5 — вставка простого 2. Нажать F6. кадра; Пример 9.4. Создание фонового Clear Keyframe , Shift + F6 — очистка слоя. ключевого кадра; При создании покадровой анима- Remove Frames , Shift + F5 — удаление ции рекомендуется придерживаться кадра. следующих правил: Перед вставкой кадра необходимо 1. Выполняя сжатие и растяже- предварительно выделить ячейку сет- ние, сохраняйте объем (удлиняя объ- ки, предназначенную для размещения ект, не забывайте сужать его). нового кадра (пример 9.3). Операции выделения группы кадров выполняют- 2. Объект не должен слишком рез- ся так же, как и операции выделения ко останавливаться и замирать — группы других объектов. количество кадров должно быть та- ким, чтобы движение объекта было Для изменения положения кадра в плавным. шкале времени достаточно перетащить его в требуемую позицию. 3. Медленный выход и медленный вход. Анимация, полностью состоящая из ключевых кадров, называется пока- 4. Верный расчет времени — важ- дровой анимацией. но задать достаточно времени, чтобы подготовить зрителя к ожиданию При создании покадровой анимации действия, самому действию и реак- для каждого ключевого кадра устанав- ции на действие. ливается длительность проигрывания. Обычно на монтажном столе на- Чем больше кадров в покадровой ходится один кадр. Чтобы упростить анимации, тем естественнее движения размещение и редактирование пока- персонажей. Чтобы движения объектов дровой анимации, можно просматри- в анимации не были резкими, а фильм вать на монтажном столе два и не- слишком коротким или быстрым, сколько кадров одновременно. Такой можно добавить: режим называется режимом кальки- рования. ключевые кадры с промежуточным положением анимируемого объекта; простые кадры после каждого клю- чевого кадра. Для добавления к анимации фона нужно создать еще один слой. При соз- дании нового слоя сразу создается пу- стой ключевой кадр и простые кадрыПравообладатель Народная асвета
по длине уже готовой анимации. Одно- § 9. Покадровая анимация 45го ключевого кадра достаточно, т. к. Пример 9.5. Создание покадровойфон статичен (пример 9.4). анимации. 1. Открыть файл UG с изобра- Перед публикацией анимацию нуж- жением лучей солнца.но протестировать — выбрать в менюредактора команду Контроль → Те- 2. Создать копию кадра.стирование фильма (Control → TestMovie). 3. Изменить второй кадр, допол- нив его копией лучей. Для изменения В примере 9.5 показан процесс соз- копии применить инструментдания покадровой анимации. (поворот, масштабирование). Совме- стить центры копии и исходного изоб- Преимуществом покадровой анима- ражения (Modify → Align → Hori-ции является ее естественность, по- zontal Center + Vertical Center):скольку каждый следующий кадр непохож на предыдущий. 4. Создать новый слой «диск» с изображением диска солнца: Недостатки покадровой анимации: при необходимости изменения всейанимации нужно изменять каждыйкадр; занимает большой объем, т. к. при-ходится хранить информацию о каж-дом кадре. В Flash есть инструменты для кальки-рования анимации. Например, функцияЛуковая шелуха (Onion Skin), позволя-ющая аниматору просматривать любоеколичество последовательных кадров. После выбора режима калькирова- 5. В кадре 2 слоя «диск» создатьния содержимое выделенного в данный простой кадр:момент кадра отображается в полномцвете, а содержимое соседних кадров 6. Сохранить изменения в файле.отображается в виде полупрозрачного 7. Протестировать анимацию.шлейфа. 8. Опубликовать фильм.Правообладатель Народная асвета
46 Глава 2. Основы анимации ? 1. Для чего предназначена шкала времени? 2. Какие кадры называются ключевыми? 3. Как создается дубль ключевого кадра? 4. Какую анимацию называют покадровой? 5. Какую комбинацию клавиш используют для тестирования анимации? Упражнения Откройте файл. С помощью покадровой ани- мации измените эмоцию робота, как показано на рисунке. Сохраните файл. Опубликуйте получившуюся у вас анимацию. Откройте файл (результат выполне- ния задания 1 из упражнения 2 после § 7). Создайте покадровую анимацию из четы- рех ключевых кадров. Сохраните изменения в файле. Опубликуйте анимацию. Откройте файл (результат выполнения упражнения 1 после § 8). Создайте пока- дровую анимацию из пяти ключевых кадров в слое «дом». 1. В кадрах 2 и 4 измените цвет окон. 2. Добавьте простые кадры в со- ответствующих слоях. Дополните анимацию, полученную после выполнения упражнения 3, ани- мацией перемещения облаков. Сохраните анимацию в файле upr9_4.fla. Опубликуйте анимацию. Добавьте к анимации, полученной после выполнения упражнения 4, анимацию солнца из примера 9.5. Правообладатель Народная асвета
§ 10. Анимация движения 47§ 10. Анимация движения10.1. Прямолинейное движение Пример 10.1. Использование кон- текстного меню начального кадра. При работе над покадровой анимациейкадры, содержащие промежуточные 1. Создание движения:фазы движения объектов, вы создавалисами. Создание промежуточных кадров 2. Удаление движения:можно доверить компьютеру. В этомслучае достаточно задать состояние Пример 10.2. Создание анимацииобъекта анимации в начале и в конце прямолинейного движения.движения, а все промежуточные фазыдвижения рассчитает программа Flash. 1. Поместить фоновый рисунок и парашютиста на разные слои. Такая анимация называется анима-цией движения и применима только к 2. Изображение парашютиста пре-символам. На слое может находиться образовать в символ (F8).один анимированный символ. 3. Выделить в слое с фоном кадр 45 Изображения в анимации движения и добавить простые кадры (F5).находятся в ключевых кадрах. Про-межуточные кадры хранят ссылки на 4. Выделить в слое с парашюти-первый ключевой кадр, что позволяет стом кадр 45 и преобразовать его всократить размер файла с анимацией. ключевой (F6). Включить/выключить режим ани- 5. Изменить размеры и положениемации движения можно с помощью парашютиста в кадре 45:команд контекстного меню начальногокадра: 6. Создать анимацию движения парашютиста по прямой. Создать анимацию движения(Create Motion Tween); Удалить движение (RemoveTween). (Рассмотрите пример 10.1.) Самая простая анимация движе-ния — движение по прямой (при-мер 10.2). После выполнения команды Создатьанимацию движения между ключе-выми кадрами появляется сплошнаястрелка, расположенная на лилово-голубом фоне. Промежуточные кадрыотражают последовательность фазПравообладатель Народная асвета
48 Глава 2. Основы анимации движения (пример 10.3). При создании анимации движения важно, чтобы: Пример 10.3. 1. Начальная и конечная фазы ани- Появление вместо стрелки штри- мации были получены из точных ко- ховой линии означает, что допущена пий одного и того же объекта. ошибка и анимация не создана. 2. В начальном и в конечном клю- Пример 10.4. Создание анимации чевых кадрах находились только един- движения по траектории. ственные объекты. 1. Нарисовать или импортировать 10.2. Движение по траектории изображение. Для создания анимации движения 2. Создать направляющий слой и по заданной траектории необходим спе- изобразить на нем траекторию. циальный направляющий слой. 3. В кадр 40 слоя с изображени- Направляющий слой размещается ем вставить копию ключевого кадра над слоем с анимируемым объектом. (F6), а в слой с траекторией добавить Для добавления направляющего слоя простые кадры (F5). нужно: 1. Выделить слой с анимируемым объектом. 2. Нажать кнопку Добавить движе- ние (Add Motion Guide): 4. Убедиться, что на Панели ин-струментов активен параметр За-щелка: . 5. Переместить изображение в На направляющем слое изображает-ключевых кадрах в положение, ког- ся траектория, по которой будет пере-да точки трансформации совпадают с мещаться анимируемый объект. Приконцами линии траектории. просмотре фильма линия траектории не отображается. В слое с анимируе- 6. В слое с изображением вклю- мым объектом задается анимация дви-чить режим анимации движения. жения, как в случае прямолинейного движения (пример 10.4). Для привязки объекта к траектории необходимо: 1. Включить параметр Защелка (Snap) на Панели инструментов. Правообладатель Народная асвета
§ 10. Анимация движения 49 2. Совместить точку трансформации При создании анимации движе-объекта (кружок в центре) с началом ния нескольких объектов для каж-линии траектории (в первом кадре) и дого слоя с объектами создается свойконцом (в конечном кадре). слой направляющих. Также можно привязать несколько слоев к одному Если объект не привязать к траек- слою направляющих, чтобы несколь-тории, то он будет двигаться прямоли- ко объектов двигались по одной инейно. той же траектории.? 1. К каким объектам можно применить анимацию движения? 2. Как создать анимацию движения? 3. Как удалить анимацию движения? 4. Для чего предназначен направляющий слой? 5. Как создается направляющий слой? 6. Как связать траекторию с объектом движения? Упражнения Откройте файл. Выполните пример 10.2. Сохраните изменения в файле upr10_1.fla.Опубликуйте анимацию. Внесите изменения в файл upr9_4.fla (результат выполнения упражнения 4 по-сле § 9). 1. В слое «облака» замените покадровую анимацию на анимацию дви- жения. 2. Создайте анимацию прямолинейного движения автомобиля слева на- право. 3. Добавьте второй экземпляр автомобиля и создайте прямолинейную анимацию движения автомобиля справа налево.Сохраните созданную анимацию в файле upr10_2.fla. Опубликуйте анимацию. Правообладатель Народная асвета
Search
Read the Text Version
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
- 87
- 88
- 89
- 90
- 91
- 92
- 93
- 94
- 95
- 96
- 97
- 98
- 99
- 100
- 101
- 102
- 103
- 104
- 105
- 106
- 107
- 108
- 109
- 110
- 111
- 112
- 113
- 114
- 115
- 116
- 117
- 118
- 119
- 120
- 121
- 122
- 123
- 124
- 125
- 126
- 127
- 128
- 129
- 130
- 131
- 132
- 133
- 134
- 135
- 136
- 137
- 138
- 139
- 140
- 141
- 142
- 143
- 144
- 145
- 146
- 147
- 148
- 149
- 150
- 151
- 152
- 153
- 154
- 155
- 156
- 157
- 158
- 159
- 160
- 161
- 162
- 163
- 164
- 165
- 166
- 167
- 168
- 169