Файл: Министерство общего и профессионального образования Свердловской области Учебнотехнический центр ооо Омега1 выпускная квалификационная работа применение компьютерной графики в мультимедиа исполнитель антипин С. С группа вм409 Екатеринбург, 2022.docx

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 10.01.2024

Просмотров: 164

Скачиваний: 1

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

СОДЕРЖАНИЕ

Оглавление

1.1. Виды компьютерной графики

1.1.1. Растровая графика

1.1.1.1. Форматы растровой графики

1.1.2. Векторная графика

1.1.2.1. Объекты векторной графики

1.1.2.2. Форматы векторной графики

1.1.3. 3D-графика

1.1.1.3. Форматы трехмерной графики

1.2. Понятие Мультимедиа

1.2.1. Применение растровой графики

1.2.2. Применение векторная графики

1.2.3. Применение трехмерной графики

1.3. Программы для работы с мультимедиа

1.3.1. Программы для работы с Flash-анимацией

1.3.1.1. Программа Adobe Flash CS4 Professional

1.3.1.2. Программа SWiSH Max

1.3.2. Программы для работы с видео

1.3.2.1. Программа Vegas Pro 14

1.3.2.2. Программа Adobe Premiere Pro CS5

1.3.3. Программы для разработки видоеоигр

1.3.3.1. Программа Unity3D

1.3.3.2. Программа Clickteam Fusion 2.5

1.3.4. Программы для работы со звуком

1.3.4.1. Adobe Audition CC 2017

1.3.4.2. Sony Sound Forge Pro 11

2.1. Рабочее окно

2.2. Работа с графикой

2.2.1. Режимы рисования

2.2.2. Работа с текстом

2.2.3. Маски в Adobe Flash

2.3. Анимация в Adobe Flash

2.3.1. Анимация эталонов

2.4. Использование языка ActionScript 3.0

2.4.1. Терминология языка

2.4.2. Синтаксис языка

2.5. Публикация ролика

3.1. Сюжет мультфильма

3.2. Подготовка материала

3.3. Подготовка документа

3.4. Подготовка эталонов

3.5. Создание сцен

3.5.1. Создание входной заставки

3.5.4. Создание сцен пути до школы

3.5.5. Создание первой сцены в холле

3.5.6. Создание сцены «Спустя 5 часов»

3.5.7. Создание сцены возвращения к спортзалу

3.5.8. Создание сцены в спортзале

3.5.9. Титры в мультфильме

3.2. Подготовка материала


Для начала необходимо подготовить набор материалов. Для этого будут использоваться программы Microsoft Paint и Adobe Photoshop CS6. Необходимо нарисовать набор конечностей, и несколько различных тел и голов, которые будут использоваться для создания толпы, а также фоны для сцен. Некоторые материалы будут взяты из открытых источников сети Интернет. В толпе люди будут созданы аналогичным образом, отличаться будут только тела.

Начнем с того, что создадим набор конечностей (рис. 29), несколько разных туловищ (рис. 30) и голов (рис. 31). Нарисуем в программе Microsoft Paint все элементы, а в программе Adobe Photoshop CS6 добавим эффект прозрачности. Это нужно для того, чтобы у элементов не было белой рамки.


Рис. 29. Набор конечностей


Рис. 30. Набор тел


Рис. 31. Набор голов
После того, как материалы для создания персонажей подготовлены, необходимо создать фоны для сцен (рис. 32). Для этого необходимо их нарисовать в Microsoft Paint. К одному из изображений был применен инструмент Палец программы Adobe Photoshop CS6.



Рис. 32. Набор фонов для сцен
Когда графические материалы подготовлены, можно приступить к подготовке звуков. Сначала необходимо подготовить реплики персонажей. Для этого будет использован синтезатор голоса ODDCAST (рис. 33), однако некоторые реплики будут взяты из сети Интернет. Затем необходимо подобрать музыку. Кроме того, понадобится звуковая дорожка «реп-баттла», она является ключевой в сюжете.



Рис. 33. Синтезатор речи ODDCAST

3.3. Подготовка документа


Теперь, когда все материалы готовы, необходимо создать Flash-документ и настроить его. Для этого необходимо в окне приветствия (рис. 34) программы Adobe Flash CS4 Professional выбрать пункт Flash File (ActionScript 3.0). Далее нужно выставить размер сцены согласно размеру изображений, подготовленных заранее. В данном случае разрешение составит 720*480 пикселей. Кроме того, нужно установить значение частоты кадров 60.




Рис. 34. Окно приветствия Adobe Flash CS4 Professional

3.4. Подготовка эталонов


После того, как документ и материал подготовлен, необходимо импортировать весь материал в библиотеку документа, систематизировать его, а далее создать несколько эталонов персонажей (рис. 35). Для этого необходимо в выпадающем меню Insert выбрать пункт New Symbol, в появившемся окне выбрать тип Movie Clip и нажать ОК. Все созданные эталоны для удобства можно также систематизировать.



Рис. 35. Созданные эталоны

3.5. Создание сцен


После того, как все эталоны созданы, можно приступить к созданию сцен. Всего в ролике будет 14 сцен: входная заставка, комната главного героя, столовая в его квартире, двор его дома, путь до школы, школьное крыльцо, школьный холл, подход к спортзалу, еще раз школьный холл, заставка «Спустя 5 часов», еще раз школьный холл, еще раз подход к спортзалу, сам спортзал и выходная заставка. В основу большинства сцен лягут изображения, созданные заранее, однако три сцены будут созданы в программе Adobe Flash CS4 Professional полностью.

3.5.1. Создание входной заставки


Для создания входной заставки необходимо сначала назвать сцену «Входная заставка», затем окрасить ее фон в черный цвет и нарисовать логотип и создать надпись «ПРЕДСТАВЛЯЕТ» со следующими параметрами: гарнитура – Comic Sans MS, кегль – 55, начертание – обычное (рис. 36). Далее к тексту нужно дважды применить операцию Break Apart, чтобы он превратился в рисунок. После этого нужно превратить объекты в символ типа Графика, установить эффект цвета Alpha и установить ползунок на 0%. Затем необходимо создать ключевой кадр на позиции 60, убрать эффект цвета, создать анимацию движения, создать еще один ключевой кадр на позиции 120, снова установить на нем указанный эффект и снова создать анимацию движения. Теперь логотип и надпись будут появляться и исчезать.




Рис. 36. Логотип и надпись
Теперь нужно аналогичным образом создать надпись «#пятнадцатыйгод» и анимацию для нее, но на другом слое и со сдвигом на 30 кадров. Таким же образом нужно вписать имя автора.

Теперь сцена состоит из трех слоев. Необходимо создать четвертый слой для звука. Далее нужно выбрать первый кадр, в панели Свойства выбрать нужный звук из библиотеки. Входная заставка завершена.

3.5.2. Создание сцены в комнате героя


Теперь необходимо создать сцену в комнате главного героя. Для этого нужно на панели Сцены нажать кнопку Новая сцена. Назовем ее «Комната ГГ». Это простая сцена (рис. 37), на ней нужно расположить только одно изображение и три звуковые дорожки. Для этого нужно создать два дополнительных слоя. На первый нужно нанести соответствующее изображение из библиотеки. На второй слой нужно установить звуковую дорожку будильника с наложенным эффектом Custom (рис. 38). На третий – реплики персонажа без эффектов: фразу «О нет, снова в школу» на ключевой кадр 110, а фразу «Ладно, пойду поем» на ключевой кадр 460.



Рис. 37. Сцена «Комната ГГ»


Рис. 38. Параметры звуковой дорожки будильника
Когда звук установлен, нужно создать эффект проявления изображения. Для этого нужно преобразовать изображение в символ, создать ключевые кадры на позициях 90, 510 и 600, установить цветовой эффект Прозрачность на 100% в первом кадре и в последнем и создать анимацию движения.

3.5.3. Создание сцены завтрака


Когда готова сцена пробуждения главного героя, нужно создать сцену завтрака. Как и сцена пробуждения, она не является сложной, однако требует двух дополнительных предметов: яичницы (рис. 39) и вилки (рис. 40). Их можно нарисовать прямо в Adobe Flash CS4 Professional в виде символов. Далее необходимо создать под яичницу и руку с вилкой по отдельному слою и вставить на них соответствующие элементы. Однако руку с вилкой нужно вставить за пределами сцены.



Рис. 39. Яичница



Рис. 40. Вилка



Рис. 41. Рука с вилкой


Теперь необходимо наложить фон на сцену (рис. 42), а на него наложить эффект проявления и угасания аналогично предыдущей сцене. Также нужно создать эффект проявления для яичницы. Далее нужно вставить реплики: фразу «О, яичница» на ключевой кадр 100, фразу «Вкусно» на ключевой кадр 340 и фразу «А теперь бегом в школу» на 440 ключевой кадр.




Рис. 42. Сцена завтрака
Когда звук настроен, необходимо создать анимацию поедания яичницы. Для этого надо на слое с яичницей создать ключевые кадры на позициях 225 и 330 и создать эффект ее угасания. Кроме того, необходимо создать двигающуюся руку с вилкой. Для этого нужно на слое с рукой создать ключевые кадры на позициях 225, 236, 246, 257, 267, 278, 288, 299, 309, 320 и 330, на каждом втором из этих кадров переместить руку к тарелке и создать анимации движения.

3.5.4. Создание сцен пути до школы


Сцены пути до школы не являются сложными. Их всего 3: выход из дома, дорога, вход в школу. На каждую нужно вставить фон, создать эффекты проявления и угасания, нанести эталон бегущего главного героя и создать анимацию его движения. Кроме того, на первую сцену нужно наложить музыку. За счет того, что длина композиции примерно равна длительности трех сцен, музыка будет играть на всех трех сценах.

3.5.5. Создание первой сцены в холле


Когда сцены пути до школы созданы, необходимо создать сцену в холле (рис. 43).



Рис. 43. Сцена в холле
Для этого необходимо создать слой для фона, слой для главного героя, а также слой для музыки и слой для реплик героя, разместить на них соответствующие элементы, создать эффекты проявления и угасания для фона, анимировать движение героя и установить фразу «Что за дичь?» на ключевом кадре 95. Для того, чтобы персонаж не двигал ногами, стоя на месте, нужно после ключевого кадра, в котором он останавливается, создать еще один ключевой кадр и заменить эталон идущего героя на статичный эталон соответствующего размера. Аналогично выполняется обратная операция. Далее нужно вывести персонажа со сцены.

3.5.6. Создание сцены «Спустя 5 часов»


Для создания сцены «Спустя пять часов» нужно создать 4 слоя: для циферблата и надписи «Спустя пять часов», для часовой стрелки, для минутной стрелки и для музыки. Все элементы сцены будут нарисованы в самой программе Adobe Flash CS4 Professional.

В первую очередь необходимо узнать, сколько кадров показывается на экране за время проигрывания композиции. Для этого нужно создать большое количество кадров, наложить музыку на специально выделенный для этого слой, запустить проигрыватель и остановить его тогда, когда закончится композиция. Далее нужно создать ключевые кадры на слоях для стрелок и циферблата с надписью в полученной позиции (в данном случае 260), а лишние кадры удалить.