- •Введение
- •Раздел 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-анимации
- •Ход работы
- •Литература
Растровые изображения и вектор
Векторный графический редактор Inkscape идеально подходит для ручной векторизации в режиме рисования поверх растра. Имеется в нём и встроенный инструмент для автоматической векторизации, основанный на утилите Potrace Питера Селинджера (potrace.sourceforge.net). Возможно в будущем будут добавлены и другие программы, но даже на данном этапе имеющихся возможностей вполне достаточно.
Обратите внимание на то, что целью векторизации (перевода растра в контуры) не является создание точной копии исходного изображения или готового рисунка. Ни одному существующему алгоритму это пока не под силу. Все, что может сделать алгоритм векторизации - это превратить растровое изображение, например, фотографию в набор контуров, которые вы можете использовать в своих работах.
Как правило, чем темнее пиксели в изображениях, тем больше работы для алгоритма векторизации. Чем больше работает векторизатор, тем больше ему потребуется ресурсов компьютера и тем дольше ему придется работать. Поэтому рекомендуется начать с более светлых версий изображения, постепенно затемняя их до получения оптимального уровня детализации контура и пропорций.
Для того чтобы сделать из растрового изображения векторные контуры загрузите или импортируйте растровое изображение.
Наиболее естественным и простым способом добавления изображений на холст является перетаскивание мышкой файлов из файлового менеджера или окна браузера прямо в рабочую область Inkscape. Так же просто работает и вставка графических данных из буфера обмена (Ctrl+V или «Правка ►Вставить» из основного меню, «Вставить» из контекстного меню).
Предварительно поместить данные в буфер обмена можно из любого растрового редактора или того же браузера, если в нём предусмотрена такая возможность.
Имеется в Inkscape и специально предусмотренный механизм для импорта файлов. Достаточно вызывать диалог импорта из меню «Файл ►Импортировать…» (или Ctrl+I) и выбрать нужное изображение.
Добавленные на холст растровые изображения являются такими же графическими объектами как и все остальные. Их можно перемещать, масштабировать, вращать, в общем, применять к ним любые трансформации, накладывать маски и фильтры, составлять из них текстуры.
Выберите объект растровое изображение, которые будете переводить в контуры и в главном меню выберите команду Контуры ►Векторизовать растр..., либо используйте комбинацию клавиш Shift+Alt+B (рис. 28.1).
Рис. 28.1
Режимы разбиты на две группы. Первая — одиночное сканирование. В ней находятся режимы, формирующие один контур, который соответствует исходному растровому изображению. Вторая — множественное сканирование. Здесь создаются группы контуров (цветовые градации). Три параметра, влияющие на результирующий контур, по каким-то причинам вынесены на отдельную вкладку, остальные же перемешаны с режимами. Часть параметров влияет лишь на ту группу режимов, в которой они расположены, но некоторые применимы и к определённым режимам из другой группы. Например, инвертирование изображения может применяться в режиме «Шаги яркости», но не применяется в остальных режимах множественного сканирования.
В группе «Одиночное сканирование» вы увидите три фильтра. Первый из них "сокращение яркости". Этот фильтр просто использует сумму красного, зелёного и синего компонентов пикселя (иначе говоря, оттенки серого) в качестве индикатора, и решает, воспринимать ли его, как чёрный или как белый. Значение порога яркости может быть задано в диапазоне от 0,0 (чёрный) до 1,0 (белый). Чем выше значение, тем меньше пикселей будет воспринято как "белые" и тем больше черного станет на изображении (рис. 28.2).
Рис. 28.2
Вариант второй - "Определение краев". Этот фильтр использует алгоритм определения краев, придуманный Дж. Канни (J. Canny). Этот алгоритм векторизации представляет собой способ быстрого поиска изоклин (изоклина - линия, на всём протяжении которой наклон, определяемый уравнением, сохраняет постоянное значение) и подобных контрастов. Этот фильтр создает картинку, меньше похожую на оригинал, чем результат первого фильтра, но предоставляет информацию о кривых, которая при использовании других фильтров была бы проигнорирована. Значение порога здесь (от 0,0 до 1,0) регулирует порог яркости между смежными пикселями, в зависимости от которого смежные пиксели будут или не будут становиться частью контрастного края и, соответственно, попадать в контур. Фактически, этот параметр определяет темноту или толщину края (рис. 28.3).
Рис. 28.3
Третий вариант "Квантование цветов". Результатом работы этого фильтра является изображение, которое заметно отличается от результата работы двух предыдущих фильтров, но при этом тоже может оказаться полезным. Вместо того чтобы показывать изоклины яркости или контраста, этот фильтр ищет края, где меняется цвет, даже если смежные пиксели имеют одинаковую яркость и контраст. Параметр этого фильтра (количество цветов) определяет количество цветов на выходе, как если бы растровое изображение было цветным. После этого фильтр определяет чёрный это пиксель или белый в зависимости от чётности индекса цвета (рис. 28.4).
Рис. 28.4
Обратите внимание, что результат работы векторизатора хоть и расположен поверх исходного растрового рисунка, но представляет собой отдельный объект контуров. Этот объект сразу является выделенным и можно переместить его мышкой или стрелочками клавиатуры, что бы убедиться в его самостоятельности. Узлы объекта можно редактировать с помощью инструмента управления узлами. Стоит попробовать все три фильтра и внимательно рассмотреть различия в результатах обработки разных изображений. Все изображения индивидуальны. Обязательно найдётся такой рисунок, на котором один фильтр работает лучше, а другие хуже.
Результат применения вариантов множественного сканирования «цвет» и «градации серого» представлен на рис. 28.5.
Рис. 28.5
После векторизации рекомендуется воспользоваться функцией упрощения контуров, чтобы уменьшить количество узлов. Эта функция находится в главном меню Контуры ►Упростить или комбинация клавиш Ctrl+L. C уменьшением узлов результат работы после векторизации более лёгкий для редактирования (рис. 28.6).
Рис. 28.6
