- •Введение
- •Раздел 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
Запустите программу Inkscape.
В строке меню выберите команду Вид ►Показать или скрыть ►Панель команд и кликните по ней, при этом установленный в виде галочки флажок должен исчезнуть.
Проверьте как изменилось окно программы. Выполнив те же действия, что и в предыдущем пункте отобразите Панель команд в вашем окне.
Проделайте те же действия для остальных панелей.
Обратите внимание, что рядом с некоторыми панелями отображаются комбинации клавиш – горячие клавиши, которые позволяют быстро отобразить или скрыть соответствующую панель. Запишите данные клавиши в свою тетрадь.
Контрольные вопросы
Каково назначение программы Inkscape?
Из каких элементов состоит окно векторного редактора Inkscape?
Каково назначение Строки меню?
Каково назначение Панели параметров инструментов?
§ 7. Инструменты рисования. Рисование геометрических фигур
Инструменты рисования в Inkscape, представляют собой пиктограммы, которые находятся на вертикальной панели (Панель инструментов) слева от рабочей зоны (рис. 2). В рабочей зоне располагается лист в книжном или альбомном варианте.
Рис. 2. Панель инструментов
К инструментам рисования относятся: Прямоугольник, Параллелограмм, Овал, Звезда или многоугольник, Спираль, Карандаш, Перо Безье. С помощью данных инструментов мы можем создавать различные фигуры: прямые линии, ломанные кривые, геометрические фигуры и др.
Для того чтобы создать фигуру необходимо:
Выбрать соответствующий инструмент рисования,
Указатель выбранного инструмента переместить при удерживаемой левой клавиши мыши от начальной точки до конечной.
Каждая созданная (и выбранная) фигура, отображает свои узлы управления в виде белых кристаллоподобных меток прямоугольной и круглой формы. Перемещая эти узлы, мы можем быстро редактировать созданное изображение, если это необходимо (Например: изменить угол наклона у грани звезды, увеличить или уменьшить количество витков спирали и т.д.).
Панель параметров инструментов, в данном случае, содержит поля ввода для точной настройки параметров фигуры. Они (так же как и маркеры) изменяют ту фигуру, которая в данный момент выделена, а также определяют параметры, с которыми создаются новые фигуры.
Рассмотрим инструменты, с помощью которых мы можем создавать простые геометрические фигуры:
– инструмент Прямоугольник
– предназначен для создания изображений
прямоугольника и квадрата. Квадрат
создается если в процессе рисования
удерживать нажатой клавишу
Ctrl
(рис. 3).
В программе Inkscape есть возможность создавать изображения с круглеными углами (рис. 3), для этого необходимо на Панели параметров инструментов задать Горизонтальный радиус и Вертикальный радиус (то же самое, но с меньшей точностью, можно сделать при помощи круглых угловых маркеров).
Для
того чтобы отменить закругление объекта
и вернуть его в исходное состояние
(прямоугольник), можно нажать на панели
свойств кнопку Убрать
закругление узлов
(
).
– инструмент Овал.
С помощью данного инструмента можно
создать круги, эллипсы и дуги. Для
создания изображения круга, необходимо
при рисовании фигуры держать нажатой
клавишу Ctrl.
Используя настройки параметров на
панели расположенной вверху можно
получить сегмент круга либо превратить
сектор в сегмент. Для получения сегмента
круга достаточно задать значения на
Панели параметров инструментов Начало
и Конец
либо использовать круглые угловые
маркеры на изображении. Используя кнопки
переключиться на сегмент, переключиться
на дугу (
),
можно превратить сектор в сегмент и
наоборот (рис. 3).
Для
того, чтобы вернуть объект в исходное
состояние (эллипс), можно нажать на
панели параметров кнопку Сделать
целым (
).
Рис. 3. Варианты использования инструментов Прямоугольник и Овал
– инструмент Звезды
и многоугольники.
Этот инструмент позволяет создавать
наиболее сложные и захватывающие фигуры
в Inkscape. С помощью данного
инструментов мы можем создавать два
типа объектов: звёзды и многоугольники
(рис. 5). Звезда содержит два узла
управления, которые определяют длину
и форму лучей. Многоугольник содержит
только один узел управления, который
просто поворачивает или меняет
многоугольник, когда за этот узел тянут.
При выборе инструмента Звезды и многоугольник установленной фигурой по умолчанию является звезда, для того что бы создать изображение многоугольника необходимо на Панели параметров инструментов выбрать пиктограмму многоугольника. Изменение параметра Отношение радиусов (верхняя панель) дает возможность получать различные фигуры от выпуклого много угольника до (значение равно 1) до звезды очень тонкими лучами (значение равно 0,1).
Помимо этого с помощью Панели параметров инструментов можно задавать следующие значения для фигуры (рис. 4): количество углов, закругленность углов, искажение фигуры, сброс параметров фигуры до первоначального варианта. Для того чтобы установить необходимые изменения достаточно в соответствующем поле параметра задать значение.
Рис. 4. Панель параметров инструментов для инструмента Звезды и многоугольники
– инструмент Спираль.
Как вы уже догадались по названию, с
помощью этого инструмента создаются
фигуры в виде разнообразных спиралей
(от простых до логарифмических). Данная
фигура, как и звезда и рисуется, и
редактируется от центра (рис. 5).
Нарисованная спираль имеет два узла:
один находится на конце внутри фигуры,
другой – на конце снаружи, перемещая
эти узлы мы можем легко изменять
количество витков.
Параметр Нелинейность спирали позволяет задать меру расхождения витков. В случае, когда нелинейность равна 1, спираль однообразная; если мы установим этот параметр меньше единицы – спираль плотнее к окружности; в случае увеличения его более единицы – спираль плотнее к центру.
Инструмент для создания спиралей полезен для создания кривых со слабо меняющейся кривизной.
Рис. 5. Варианты использования инструментов Звезды и многоугольники и Спираль
Упражнение
Для того что бы лучше понять особенности создания простых геометрических фигур в векторном редакторе Inkscape создайте:
Прямоугольник, квадрат, прямоугольник со скругленными углами;
Эллипс, круг, сегмент круга;
Пятиконечную звезду, звезду со скругленными углами и тонкими лучами, многоугольник, многоугольник со скруглёнными углами;
Спираль с количеством витков равным 15; 1,58; 5 с произвольными параметрами Нелинейности спирали для каждой из них.
Сохраните документ с изображениями в свою папку. (Чтобы сохранить документ, используйте команду меню Файл ►Сохранить или Ctrl+S, либо Сохранить как или Shift+Ctrl+S, чтобы сохранить под новым именем).
При сохранении документа векторный редактор Inkscape использует формат SVG (масштабируемая векторная графика). SVG-формат представляет собой открытый стандарт векторной графики. Кроме этого SVG файлы Inkscape можно импортировать и экспортировать в другие форматы, например, EPS, PNG и другие.
Контрольные вопросы
Назовите основные инструменты, предназначенные для рисования геометрических фигур?
Как выбрать нужный инструмент?
Какие операции необходимо провести для того что бы создать изображение прямоугольника, эллипса, шестигранника?
