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

ФГАОУ ВПО «Российский государственный профессиональнопедагогический университет»
Дисциплина
«Мультимедиа технологии
в обучении»
Преподаватель: канд. пед. наук, доцент
Власова Наталья Сергеевна
Екатеринбург 2016
Дисциплина
«Мультимедиа технологии в обучении»
Заканчивается экзаменом
Оценка за экзамен – по результатам рейтинговой
системы:
85-100 баллов – «отлично»
71-84 балла – «хорошо»
55-70 баллов – «удовлетворительно»
Итог дисциплины – два проекта
1. Электронный учебник
2. Обучающий видеофильм
Дисциплина
«Мультимедиа технологии в обучении»
Обучающие лабораторные работы по программам
(все программное обеспечение – бесплатное)
1. Gimp – программа растровой графики для
создания и обработки изображений
2. Inkscape – программа векторной графики для
создания и обработки изображений
3. Movie Maker – программа видеомонтажа
4. KompoZer и Ebook – программы для создания
электронного учебника
Дисциплина
«Мультимедиа технологии в обучении»
Тексты лабораторных работ и заданий расположены на
сайте web-grafika.pro
• в верхнем меню выбрать раздел Студентам,
• на этой странице щелкнуть по вкладке «РГППУ. Группы
мЭУ-101, мПТ-101. Дисциплина «Мультимедиа технологии
в обучении»
• пока задание сформулировано только для раздела
«Растровая графика»
Что такое мультимедиа?
Определений мультимедиа множество.
«Мультимедиа – соединение различных типов
цифрового контента, таких как текст, изображения,
звук и видео, в интегрированное мультисенсорное
интерактивное приложение или представление для
доставки сообщений или информации аудитории»
Мао Нео и Кен Т.К. Нео,
факультет мультимедиа
Малазийского университета
Мультимедийный продукт
2D и 3D-графика,
анимация
Звук
Мультимедиапродукты, видео
Компьютерные социальные коммуникации
(обучение, web-сайты, сети, реклама)
Мультимедийный продукт
Растровая графика
Векторная графика
3D-графика
Анимация
Видеомонтаж
Создание HTML-документов (web-страниц)
Верстка электронного учебника
(электронной книги)
Растровая графика
Область применения растровой графики –
создание и редактирование следующих видов
изображений:
• сканированные фотоснимки;
• изображения, полученные с помощью
цифровых камер любого типа;
• изображения, насыщенные цветовыми
тонами;
• логотипы и эмблемы с нечеткими границами,
бликами и тенями;
• спецэффекты с применением фильтров и
коррекцией цвета.
2D-графика. Растровая графика
2D-графика. Растровая графика
Растровая графика
Растровая
графика
оперирует
двумерным
массивом (матрицей) пикселов. Каждому пикселю
задаются значения: яркости, цвета, прозрачности –
или
комбинация
этих
значений.
Растровое
изображение имеет некоторое число строк и столбцов.
В
растровом
изображение.
виде
представимо
любое
Растровая графика
Недостатки растровых изображений
Основной недостаток: их трудно увеличивать или
уменьшать, то есть масштабировать:
•
при уменьшении несколько соседних точек
преобразуются
в
одну,
поэтому
теряется
разборчивость мелких деталей изображения;
•
при увеличении – увеличивается размер
каждой точки, поэтому появляется ступенчатый
эффект пикселизации;
•
добавление пикселей приводит к ухудшению
резкости и яркости изображения, т.к. новым точкам
приходится давать оттенки, средние между двумя и
более граничащими цветами.
•
занимают много места в памяти и на диске.
Растровая графика
Программное обеспечение
-
MS Paint (компания Microsoft)
-
Adobe PhotoShop (компания Adobe)
-
Corel PHOTO-PAINT (компании Corel)
-
Gimp (компания GIMP Team) – бесплатная
2D-графика. Векторная графика
Векторная графика представляет изображение как
набор геометрических примитивов: точек, прямых,
окружностей, прямоугольников, сплайнов.
Объектам
присваиваются
атрибуты,
например,
толщина линий, цвет заливки.
Рисунок хранится как набор координат (x и y).
Не всякое изображение можно представить как
набор из примитивов.
Применяется для схем, шрифтов, деловой графики,
создания мультфильмов и роликов.
2D-графика. Векторная графика
Область применения – создание и
редактирование стилизованных изображений:
• плакаты и другая высококонтрастная
графика
• диаграммы
• логотипы и тексты
Преимущества векторной графики
1. Возможность неограниченного
масштабирования изображения без потери
качества и без увеличения размеров исходного
файла (либо с незначительным увеличением
размеров)
2. Высокая точность рисования
3. Размеры векторных файлов имеют
значительно меньший размер, чем файлы
растровой графики
Недостатки векторной графики
1. Трудно осуществить экспорт изображения из
растрового формата в векторный
2. Ограниченность в живописных средствах,
некоторая условность получаемых изображений.
Трудно получить реалистичное изображение
3. Невозможность автоматизации ввода
графической информации: не существует
векторных мониторов и сканеров
Программное обеспечение векторной
графики
- CorelDraw (в пакет также входит программа
обработки растровых изображений Corel
Photo-Paint и программа создания анимации
Corel R.A.V.E.)
- Corel XARA
- Adobe Illustrator
- Autodesk AutoCAD (программа САПР)
- Inkscape – бесплатная
3D-графика
Трехмерная графика оперирует с объектами
в трехмерном пространстве.
В трехмерной компьютерной графике все
объекты
представляются
как
набор
поверхностей или частиц.
Минимальную
поверхность
называют
полигоном. В качестве полигона обычно
выбирают треугольники.
Каждая
точка
координаты: x, y, z
объекта
имеет
три
3D-графика. 3D MAX
3D-графика. 3D MAX
3D-графика. AutoCAD
3D-графика. AutoCAD
Анимация по ключевым кадрам
Суть метода сводится к установке заданных
положений объектов в ключевых кадрах.
Положения объекта между ключевыми кадрами
компьютер дорисовывает автоматически. Этот
метод схож с традиционной рисованной
мультипликацией: художник рисует основные
фазы движения и отдает их раскадровщику,
который дорисовывает все остальные кадры.
Анимация по ключевым кадрам является
базовым методом создания движения в
компьютерной графике. Все остальные методы
в той или иной степени базируются на ней.
Программное обеспечение для создания
анимации и флэш-баннеров
Специализированные программы
- Adobe Flash
- множество бесплатных программ (утилит)
Встроенные возможности по созданию
анимации:
- Adobe Photoshop
- CorelDRAW
- 3D MAX и др.
Видеомонтаж
Видеомонтаж бывает линейным и нелинейным
Линейный монтаж чаще всего осуществляется в
реальном времени, когда видеосигнал поступает сразу из
нескольких источников – видеокамер. Переключением
между этими источниками занимается режиссер
линейного монтажа, который и выводит финальную
картинку на экран (то, что мы и видим)
Яркий пример линейного монтажа: трансляция
телепередачи или спортивного матча в прямом эфире. В
это время много камер одновременно снимают один и тот
же объект, а режиссер переключается между ними, в
результате мы видим событие с разных ракурсов
Видеомонтаж
Нелинейный монтаж предполагает наличие уже
отснятого материала.
Этот видеоматериал делится на определенные отрезки,
расставляется согласно сюжету или сценарию (то есть в
определенной последовательности), совмещается со
звуком, накладываются эффекты, титры и др., а потом все
это выводится в один цельный файл.
Программное обеспечение видеомонтажа
• Adobe Premiere
• Sony Vegas
• Pinnacle Studio HD и др.
• множество бесплатных программ в т.ч.
Windows Movie Maker
Электронные учебники
Программное обеспечение для создания
электронных книг:
• eBooksWriter LITE
• SunRav BookOffice
• Help & Manual
• AutoPlay Media Studio 8 for Windows
• EBook Maestro FREE
• и др.
• HTML-технологии
Проект 1. Электронный учебник
1. Выберите тему электронного учебника в соответствии с
Вашим направлением обучения.
2. Структура учебника:
Главная страница
Введение
Глава 1
Глава 2
Глава 3
Об авторе.
3. Подберите материал по выбранной теме: тексты и
изображения для каждого раздела (главы) учебника.
5. К каждой главе предварительно подготовьте
изображения, обработайте в графическом редакторе.
6. Средствами KompoZer и Ebook создайте электронный
учебник.
Проект 2. Обучающий видеоролик
Задание: создать обучающий видеоролик.
Требования к видеоролику:
• выбрать тему, согласовать с преподавателем
• всего не более 20 слайдов
• продолжительность ролика 3-4 минуты
• титульный кадр со своей фамилией, именем,
отчеством, номером группы, названием
направления обучения
• основная часть: кадры с текстом,
изображениями, видео
• заключительный кадр «Спасибо за внимание!»
• к кадрам должны быть применены
видеоэффекты, видеопереходы, наложена
фоновая музыка
• сохранить в формате wmv
Спасибо за внимание!