- •Введение
- •Раздел 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-анимации
- •Ход работы
- •Литература
Создание изображение по образцу (рис. 8.4)
Рис. 8.4
Определите из каких элементов состоит данное изображение.
Для создания центральной части орнамента используйте объекты: прямоугольник и круг.
Используя инструмент Прямоугольник создайте прямоугольник, затем с помощью инструмента Эллипс создайте небольшой круг и продублируйте его так, чтобы у вас получилось изображение на рис.8.5.
Рис. 8.5
Используя команду Контур ►Разность, вырежьте последовательно каждый круг из прямоугольника.
С помощью инструмента Эллипс и логических операций Сумма и Разность создайте изображение цветка (рис. 8.6).
Рис. 8.6
Клонируйте изображение цветка, так что бы получить итоговое изображение на рис. 8.4.
Контрольные вопросы
Какой инструмент используется для выделения объектов?
Какую операцию необходимо выполнить над объектом перед его перемещением, вращением, масштабированием?
Какие логические операции можно проводить над объектами? Опишите особенность каждой из них.
В чем отличие дублирования объекта от его клонирования?
§ 9. Заливка объектов, управление заливками
Каждый объект созданный в векторной графике имеет контур (замкнутый или разомкнутый), его внутреннюю область (пустую или с заливкой). В любом векторном редакторе существует несколько типов заливки, самые распространенные из них это: обычная заливка и цветовой переход (градиентная заливка).
Для того что бы установить заливку для объекта в Inkscape можно использовать один из нескольких существующих способов, а именно:
Команда меню Объект ►Заливка и обводка;
Пункт Заливка и обводка в контекстном меню (щелчок правой кнопкой мыши по объекту);
Сочетание клавиш Shift+Ctrl+F.
В результате в окне графического редактора Inkscape появится диалоговое окно (рис. 12), состоящее из трех вкладок: заливка, обводка, стиль обводки. Рассмотрим каждую из вкладок подробней.
Рис. 12. Диалоговое окно Заливка и обводка
Заливка. Используя параметры, размещенные на данной вкладке мы можем установить для графического объекта тип заливки (сплошной цвет, линейный градиент, радиальный градиент или текстура); цвет (представляется согласно одной из цветовых моделей – RGB, HLS, CMYK), значение цвета может быть задано в шестнадцатеричном формате для RGBА, где к модели RGB добавляется еще альфа-канал, указывающий на прозрачность цвета. Так же здесь мы можем задать значение размывания нашего изображения.
Обводка. Данная вкладка содержит настройки, аналогичные настройкам на вкладке Заливка и обводка, но изменения значений параметров на данной вкладке применяется для редактирования обводки (граничной линии) объектов.
Стиль обводки. С помощью изменения значений параметров, расположенных на данной вкладке мы можем задать: толщину линии, тип соединения (скругленное, под прямым углом, скошенное), предел острия, окончание линии (плоское, круглое, квадратное), тип линии (сплошная, пунктир и т.д.), маркеры начала соединения и окончания (например: стрелки) (рис. 13).
Рис. 13. Диалоговое окно Заливка и обводка – Стиль обводки
Вместо сплошной окраски, можно использовать градиенты как для заливки всего изображения в целом, так и для контура. Градиент – плавный переход цветов один в другой. Чаще всего градиентная заливка используется для сложных заливок. Градиент может содержать в себе переход между двумя и более цветами.
В графическом редакторе Inkscape имеется 2 вида градиента: линейный, радиальный (рис 14).
Рис. 14. Градиентная заливка объекта
Линейный градиент представляет собой линию с опорными начальной и конечной точками, которая растягивается вдоль прямой в любом направлении. Расположение линии градиента относительно самого объекта может быть произвольным.
Радиальный градиент состоит из центральной опорной точки и двух конечных опорных точек, которые можно располагать на разном расстоянии от центра градиента. Положение линии градиента относительно объекта тоже может быть произвольным.
Для того что бы отобразить Линию градиента со всеми опорными точками необходимо дважды щелкнуть левой кнопкой мыши на объекте, залитом градиентом или выбрать инструмент Градиент на панели инструментов (клавиша G).
Начальная опорная точка имеет форму квадрата, конечная – форму круга, а все остальные — форму ромба. Выделенная (текущая, активная) опорная точка окрашивается в синий цвет (рис. 15).
Рис. 15. Опорные точки градиента в Inkscape
Если указатель мыши расположен точно над опорной точкой, но она еще не выделена, то точка окрашивается красным цветом. Опорные точки можно добавлять, перемещать и удалять.
Градиент имеет направление и изменяется от начальной к конечной опорной точке. Для изменения направления градиента необходимо поменять местами (переместить конечные точки, развернув градиент на нужный угол) начальную и конечную точки градиента на линии градиента.
Чтобы залить объект градиентом необходимо для активного объекта на палитре Заливка и обводка выбрать пиктограмму нужного градиента.
По умолчанию любой градиент имеет две опорные точки. Конечная опорная точка соответствует полной прозрачности. Начальная опорная точка соответствует цвету исходной заливки объекта. Если объект изначально не имел заливки, то начальная опорная точка соответствует черному цвету (в зависимости от типа цветовой модели имеет свои параметры).
Залить градиент можно и с помощью инструмента Градиент.
Все градиенты документа содержатся в списке градиентов на палитре Заливка и обводка или на панели Параметры инструментов для инструмента Градиент. Каждый градиент отображается в виде линейного градиента и имеет свое уникальное имя. Объект можно залить любым из представленных в списке градиентов образцом (рис. 16).
Рис. 16. Список градиентов документа Inkscape
Над градиентами мы можем производить следующие операции:
Продублировать;
Изменить;
Повторить.
