- •Введение
- •Раздел 1. Основные понятия и средства компьютерной графики § 1. Виды и параметры компьютерной графики
- •Векторная графика
- •Растровая графика
- •Сравнение растровой и векторной графики Достоинства векторной графики
- •Недостатки векторной графики
- •Достоинства растровой графики
- •Недостатки растровой графики
- •§ 2. Цветовые режимы и модели
- •Цветовая модель rgb
- •Цветовая модель cmyk
- •Цветовая модель hsb
- •Цветовая модель Lab
- •Цветовая модель Пантон
- •Преобразование цветовых моделей
- •Цветовые модели
- •§ 3. Обзор основных графических редакторов
- •Основные графические форматы и их сравнение
- •§ 4. Использование графических браузеров
- •§ 5. Сканирование изображений
- •Использование графического браузера Раздел 2. Векторная графика § 6. Знакомство с программой Inkscape
- •Интерфейс редактора векторной графики Inkscape
- •Учимся работать с элементами окна Inkscape
- •§ 7. Инструменты рисования. Рисование геометрических фигур
- •§ 8. Понятие графического объекта. Операции с объектами
- •Создание изображение по образцу (рис. 8.4)
- •§ 9. Заливка объектов, управление заливками
- •Дублирование градиентов
- •Редактирование градиента
- •Повтор градиента
- •Создание простых рисунков
- •Ход работы
- •§ 10. Создание рисунков из кривых и ломаных
- •Использование кривых и ломаных
- •Ход работы
- •§ 11. Порядок следования, выравнивание и группировка объектов Изменение порядка следования объектов
- •Выравнивание и размещение объектов на холсте
- •Группировка объектов
- •§ 12. Применение к объектам эффектов объемности и перетекания § 13. Добавление и форматирование текста Создание текстового объекта
- •Работа с текстом в графических изображениях
- •Ход работы
- •§ 13*. Работа с растровыми изображениями Вставка растровых фрагментов
- •Перевод векторного изображения в растровое
- •Раздел 3. Растровая графика
- •§ 14. Источники и параметры растровых изображений
- •Источники и параметры растровых изображений.
- •Понятие о разрешении и его связь с качеством растровых изображений.
- •Глубина цвета
- •Связь глубины цвета с количеством цветов
- •§ 15. Графический редактор gimp Среда программы gimp
- •Основные инструменты и панели свойств
- •Окно изображения
- •Диалоги и панели
- •Создание новых файлов
- •Открытие файлов
- •Основные приемы работы в среде gimp
- •Ход работы
- •§ 16. Выделение областей на изображениях. Использование масок и каналов Выделение областей на изображениях. Уточнение выделения.
- •Параметры инструментов выделения
- •Инструменты Прямоугольная область и Эллиптическая область
- •Выделить внутреннюю часть рамы (полотно)
- •Выполнение поворота фрагмента изображения
- •Выделение произвольной области изображения
- •Выделение связанных областей изображения
- •Выделение связанных областей изображения (вариант 2)
- •Маски и каналы
- •Сохранение выделений в контуры
- •Выделение областей и их обработка
- •§ 17. Создание коллажей. Работа со слоями на изображениях Работа со слоями на изображениях
- •Основные приемы работы
- •Функции меню
- •§ 18. Рисование и закрашивание
- •Изменение основного и фонового цвета
- •Установка размера и параметров карандаша и создание простого рисунка «от руки»
- •§ 19. Операции над фрагментами, слоями и прочими объектами изображений Инструменты преобразования
- •Инструмент Выравнивание
- •Инструмент Кадрирование
- •Прочие инструменты трансформации
- •Выполнение кадрирования изображения
- •Выполнение зеркального отображения фрагмента изображения
- •Выполнение поворота фрагмента изображения
- •§ 20. Управление цветом Инструменты цвета
- •Инструмент Цветовой баланс
- •Инструмент Тон-Насыщенность
- •Инструмент Тонирование
- •Инструмент Яркость-Контраст
- •Инструмент Порог
- •Инструмент Уровни
- •Инструмент Кривые
- •Инструмент Постеризация
- •Инструмент Обесцвечивание
- •Коррекция цвета
- •§ 21. Использование различных цветовых моделей. Работа с каналами Цветовые модели
- •Работа с каналами
- •Кнопки вкладки Каналы
- •Кадрирование
- •Инструмент Размывание/Резкость
- •Устранение эффекта «красных глаз»
- •Обработка многослойных изображений, создания коллажей
- •Ход работы
- •Рисование и закрашивание Ход работы
- •Корректировка цвета и тона Ход работы
- •Обработка цифровых фотографий Ход работы
- •Раздел 4. Конвертация и обмен изображениями § 23. Распространенные форматы графических файлов, их преимущества, недостатки и области применения
- •Методы сжатия информации
- •Метод сжатия rle
- •Метод сжатия lzw
- •Метод сжатия Хаффмана
- •Метод сжатия ccitt
- •Графические форматы файлов Растровый формат
- •Формат pdf
- •Векторный формат
- •Формат ai (Adobe Illustrator)
- •Комплексный формат
- •Коротко о главном
- •Выбор растрового формата
- •Сравнение форматов gif и jpeg
- •§ 24. Импорт и экспорт изображений в редакторах Inkscape и gimp. Преобразование файлов из одного формата в другой
- •Импорт растрового изображения в Inkscape
- •Экспортирование изображения
- •Импорт из Open Clip Library
- •Gimp. Загрузка изображения gimp. Импорт изображения.
- •Экспорт изображения в gimp
- •Экспорт в tiff
- •Экспорт в png
- •Экспорт в jpeg
- •Экспорт в gif
- •Параметры gif
- •Параметры анимированного gif
- •Преобразование файлов из одного формата в другой
- •Преобразование файлов из растрового формата в векторный
- •Преобразование файлов одного векторного формата в другой
- •Преобразование файлов из векторного формата в растровый
- •Преобразование файлов одного растрового формата в другой
- •Коротко о главном
- •Экспортирование векторного изображения в растровый формат
- •Преобразование файлов одного растрового формата в другой
- •§ 25. Растеризация и векторизация изображений
- •Растровые изображения и вектор
- •Ручная векторизация
- •Растеризация
- •Обзор программ, предназначенных для автоматической и полуавтоматической векторизации.
- •Коротко о главном
- •Растеризация и векторизация изображений
- •Ход работы
- •§ 26. Понятие ole объекта. Технология ole-Automation
- •Понятие ole
- •Последовательность действий по внедрению и связыванию объектов
- •Технология автоматизации – ole Automation
- •Достоинства и недостатки
- •Коротко о главном
- •Раздел 5. Создание анимированных изображений
- •§ 27. Технологии компьютерной анимации
- •Технологии компьютерной анимации
- •Понятие о Flash-анимации
- •Понятие о gif-анимации
- •§ 28. Программы для создания gif-анимации. Интерфейс программы. Работа с последовательностью кадров. Параметры gif-анимации
- •Программы для создания gif-анимации
- •Интерфейс программы
- •Создание кадров с использованием графического пакета ms Paint
- •Интерфейс программы. Работа с последовательностью кадров. Сохранение анимации
- •Создание gif анимации в редакторе gimp и оптимизация
- •Создание gif анимации первым способом. Сохранение анимации
- •Создание gif анимации вторым способом (содание анимированного глобуса)
- •Параметры gif-файлов
- •Параметры анимированного gif
- •§ 29. Специальные эффекты. Прозрачный цвет. Создание анимационных изображений и настройки их параметров
- •Воспроизведение
- •Оптимизация и разоптимизация
- •Встроенные фильтры для создание анимации
- •Фильтр Плавный переход
- •Фильтр Выжигание
- •Фильтр Рябь
- •Фильтр Волны
- •Фильтр Эффект дождя
- •Прозрачный цвет. Создание анимационных изображений и настройка их параметров
- •Создание прозрачного фона
- •Прозрачность и оптимизация
- •Создание gif-анимации
- •Ход работы
- •Литература
Технологии компьютерной анимации
Компьютерная анимация на сегодня получила широкое применение как в области развлечений, так и в производственной, научной и деловой сферах, в мультимедиа технологиях. Являясь производной от компьютерной графики, анимация наследует те же способы создания изображений:
Векторная графика
Растровая графика
Фрактальная графика
Трёхмерная графика (3D)
Так что же такое компьютерная анимация?
Компьютерная анимация (Computer animation) – оживление изображений на экране дисплея, синтез динамических изображений на компьютере.
В настоящее время существуют различные технологии создания компьютерной анимации.
Рис. 30.8
Классическая (традиционная) анимация представляет собой поочередную смену рисунков, каждый из которых нарисован отдельно.
Рис. 30.9
Это очень трудоемкий процесс, так как аниматорам приходится отдельно создавать каждый кадр.
Стоп-кадровая (кукольная) анимация. Размещенные в пространстве объекты фиксируются кадром, после чего их положение изменяется и вновь фиксируется.
Спрайтовая анимация реализуется при помощи языка программирования. Широкое применение в сети получили два языка, с помощью которых программируются движения анимируемых объектов:
Java-Script — браузерный язык
Action-Script — язык работы с приложениями Flash
Преимущество программируемой анимации — в уменьшении размера исходного файла, недостаток — нагрузка на процессор ПК.
Рис.30.10
Пример фрагмента кода:
frame { width: 280px; height: 456px; background: url("http://thewebivore.com/demos/collie/deer-sprite.png"); animation: play 1s steps(7) infinite;}
Морфинг – преобразование одного объекта в другой за счет генерации заданного количества промежуточных кадров.
Рис. 30.11
Цветовая анимация – при ней изменяется лишь цвет, а не положение объекта.
3D-анимация создается при помощи специальных программ (например, 3DMAX). Картинки получаются путем визуализации сцены, а каждая сцена представляет собой набор объектов, источников света, текстур.
Рис. 30.12
Захват движения (Motion Capture) – первое направление анимации, которое дает возможность передавать естественные, реалистичные движения в реальном времени. Датчики прикрепляются на живого актера в тех местах, которые будут приведены в соответствие с контрольными точками компьютерной модели для ввода и оцифровки движения. Координаты актера и его ориентация в пространстве передаются графической станции, и анимационные модели оживают.
Рис. 30.13
Понятие о Flash-анимации
В основе анимации во Flash лежит векторный морфинг, то есть плавное «перетекание» одного ключевого кадра в другой. Это позволяет делать сложные мультипликационные сцены, задавая лишь несколько ключевых кадров. Если кадров много, то анимация получается плавной, если мало, то быстрой. Можно задать количество кадров, появляющихся в секунду. Чем их больше, тем качество анимации лучше. Еще один положительный момент в том, что файлы с Flash-анимацией занимают немного места, поэтому широко используются на Web-сайтах в Интернете.
Производительность Flash Player при воспроизведении анимации в несколько раз превышает производительность виртуальной машины JavaScript в браузерах, поддерживающих предварительный стандарт HTML5, хотя во много раз уступает приложениям, работающим вообще без использования виртуальных машин.
Flash использует язык программирования ActionScript, основанный на ECMAScript.
Flash – это технология и интегрированная среда для создания интерактивной векторной анимации.
Программа Flash впервые появилась в 1996 году. В переводе с английского «flash» – это нечто очень быстрое и очень яркое. Например, вспышка молнии или проблеск надежды.
Программа Flash позволяет:
создавать и редактировать графические изображения и экспортировать их как в векторные, так и растровые редакторы;
работать с текстом;
производить изменение формы, цвета и положения объекта (его частей) во времени и пространстве;
создавать элементы управления (кнопки, меню и пр.) для интерактивной анимации;
озвучивать ролик и пользовательские события (движения мыши, нажатие кнопки);
использовать для создания интерактивной анимации язык программирования Action Script;
создавать диалоговые окна, элементы ввода данных пользователем;
получать конечный продукт в виде gif-анимации, Flash-фильма, исполнимого exe-файла.
Анимировать – значит заставить объект плавно, на наших глазах, изменять свои свойства. И тут на сцену выходит такое понятие, как время. Наша жизнь протекает в пространстве и во времени. Система Flash позволяет рисовать плоские, двухмерные объекты. Но остается время. При создании анимации его также надо учитывать.
Для учета времени используется шкала времени Timeline.
Рис. 30.14
Каждая клеточка шкалы соответствует одной абстрактной единице времени. Это не минута и не секунда. Это момент времени, которому соответствует моментальный снимок состояния объектов. А состояние объекта характеризуется его размером, цветом, положением в пространстве, формой. Научиться создавать простейшую анимацию объекта – значит научиться инструментами системы Flash изменять эти свойства.
Система Flash также позволяет создавать фильм, рисуя каждый кадр по отдельности, как в былые времена поступали художники-мультипликаторы. Такая анимация называется покадровой. Но гораздо эффективней другой тип анимации, когда создаются только начальный и конечный кадры некоторого фрагмента, а все промежуточные кадры система достраивает сама. Такой тип анимации называется автоматической (tweened-анимация).
С точки зрения способа построения различаются два типа анимации:
анимация движения (motion tweening);
анимация формы (shape tweening).
Flash – революционная по своим возможностям система, предоставляющая невиданную прежде свободу творчества. Главное преимущество Flash – возможность делать интерактивные элементы интерфейса. С помощью Flash можно создавать баннеры, собственные игры, мультфильмы, презентации, меню сайтов, заставки.
