- •Введение
- •Раздел 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-анимации
- •Ход работы
- •Литература
Растровая графика
Растровое изображение представляет из себя мозаику из очень мелких элементов — пикселей. Растровый рисунок похож на лист клетчатой бумаги, на котором каждая клеточка закрашена определённым цветом, и в результате такой раскраски формируется изображение.
Принцип растровой графики чрезвычайно прост. Он был изобретен и использовался людьми за много веков до появления компьютеров. Во-первых, это такие направления искусства, как мозаика, витражи, вышивка. В любой из этих техник изображение строится из дискретных элементов. Во-вторых, это рисование «по клеточкам» — эффективный способ переноса изображения с подготовительного картона на стену, предназначенную для фрески. Суть этого метода заключается в следующем. Картон и стена, на которую будет переноситься рисунок, покрываются равным количеством клеток, затем фрагмент рисунка из каждой клетки картона тождественно изображается в соответствующей клетке стены.
Создание изображения в растровом графическом редакторе (Paint, Fractal Design Painter, Corel Photo-PAINT, Adobe PhotoShop) похоже на работу художника, когда он пишет картину на настоящем холсте настоящими красками. Здесь компьютерный художник водит «кистью» — курсором мыши по «электронному полотну» — экрану, закрашивая каждый из пикселей рисунка в нужный цвет. Таким образом каждому пикселю присваивается цвет. Этот цвет закрепляется за определённым местом экрана и как бы «высыхает» подобно тому, как высыхает краска на настоящем холсте. Перемещение фрагмента изображения «снимает» краску с электронного холста и, следовательно, разрушает рисунок.
Растровая графика (рис. 1.3) работает с сотнями и тысячами пикселей, которые формируют рисунок. Пиксели «не знают», какие объекты (линии, эллипсы, прямоугольники и т. д.) они составляют.
Рис. 1.3. Растровое изображение (вверху увеличенный глаз)
В компьютерной графике термин «пиксель» – отдельный элемент растрового изображения .
При этом для изображения одного пикселя на экране компьютера может быть использован один или несколько видеопикселей .
Экран дисплея разбит на фиксированное число видеопикселей , которые образуют графическую сетку (растр) из фиксированного числа строк и столбцов. Размер графической сетки обычно представляется в форме N×M , где N — количество видеопикселей по горизонтали, а М — по вертикали. На современных дисплеях используются, например, такие размеры графической сетки: 640×480, 800×600, 1024×768, 1240×1024 и др. Изображение на экране дисплея создается путем избирательной засветки электронным лучом определенных видеопикселей экрана. Чтобы изображение могло восприниматься глазом, его необходимо составить из сотен или тысяч видеопикселей , каждый из которых должен быть подсвечен.
Сравнение растровой и векторной графики Достоинства векторной графики
1. Векторные рисунки, состоящие из тысяч примитивов, занимают память, объём которой не превышает нескольких сотен килобайт. Аналогичный растровый рисунок требует памяти в 10-1000 раз больше. Таким образом, векторные изображения занимают относительно небольшой объём памяти.
2. Векторные объекты задаются с помощью описаний. Поэтому, чтобы изменить размер векторного рисунка, нужно исправить его описание. Например, для увеличения или уменьшения эллипса достаточно изменить координаты левого верхнего и правого нижнего угла прямоугольника, ограничивающего этот эллипс. И снова для рисования объекта будет использоваться максимально возможное число элементов (видеопикселей или точек). Следовательно, векторные изображения могут быть легко масштабированы без потери качества.
Замечание. В ряде случаев возможно преобразование растровых изображений в векторные. Этот процесс называется трассировкой. Программа трассировки растровых изображений отыскивает группы пикселей с одинаковым цветом, а затем создаёт соответствующие им векторные объекты. Однако получаемые результаты чаще всего нуждаются в дополнительной обработке.
