- •Введение
- •Раздел 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;
получить навыки работы с текстом в графическом векторном редакторе;
получить навыки импортирования растровых изображений в векторный редактор;
создать изображение по описанию в практической работе;
выполнить творческую работу.
Постановка задачи: Создать открытку о Донецке
Этапы работы:
Добавление, редактирование и форматирование текста;
применение команды размещение текста по контуру;
импорт растрового изображения;
Ход работы
Задание 1. Создайте заголовок текста
Создайте в Inkscape новый документ.
Выберите инструмент
Создать и править текстовые объекты
(F8);Установите курсор на начало текста и щелкните левой кнопкой мыши.
Введите текст: Донецк
Для завершения набора текста выберите инструмент
(выделение) или щелкните на рабочем
поле листа.
Замечание: Текст будет введен шрифтом и размером, который установлен по умолчанию. В задании 3 рассмотрим, как это можно исправить.
Задание 2. Создайте абзац простого текста.
Замечание: Простой текст создаётся внутри текстовой рамки.
Выберите инструмент
Создать и править текстовые объекты
(F8);Нажмите кнопку мыши и, не отпуская её, перемещать мышь вправо вниз.
Появиться «резиновый» прямоугольник.
Отпустить кнопку мыши, когда прямоугольник достигнет нужных размеров.
Введите текст:
«Донецк – город нежной мечты.
Донецк – океан красоты.
Донецк – современный рассвет,
Звезда над просторами лет.
Донецк – наша совесть и честь!
Ведь здесь жизнь такая, как есть,
Ведь здесь ценят правду и труд,
К заре через шахту идут.
Анна Сыромятникова»
Для завершения набора текста выберите инструмент (выделение) или щелкните на рабочем поле листа.
Задание 3. Отформатируйте набранный текст.
Выделите фрагмент текста (или весь текст) инструментом .
Выберите инструмент
.Поместите курсор в начало текста, который необходимо выделить, и нажмите левую кнопку мыши, переместите мышь по тексту. Текст выделиться чёрной полосой.
Выполните команду Текст ►Текст и шрифт (Shift+Ctrl+T).
Откроется диалоговое окно.
Установите параметры текста для заголовка («Донецк»): шрифт – Courier New, размер – 56 , начертание – жирный (Bold).
Для последующего текста установите параметры: шрифт – Georgiya, размер - 20, начертание – жирный курсив (Bold Italic).
Замечание. Как и любой графический объект, каждая буква имеет свою заливку и контур. Можно изменить цвет контура, его толщину, к тексту разрешается применять любые заливки.
Измените цвет текста для каждой строки самостоятельно.
Задание 4. Измените расстояние между буквами заголовка (кернинг) текста.
Выделите текст «Донецк» инструментом .
Установите курсор между двумя символами
Нажмите сочетание клавиш Alt+ для увеличения расстояния между символами. В итоге получим текст с разреженным интервалом. Проделайте аналогичным способом с остальными буквами.
Задание 5. Измените расстояние между строками
Выделите текст четверостишья инструментом .
Установите выравнивание – по ширине.
Для увеличения межстрочного интервала нажмите несколько раз сочетание клавиш Ctrl+Al +.
Задание 6. Сместите текст заголовка по вертикали
Выделите текст: «Донецк» инструментом .
Выделите первый символ.
Нажмите сочетание клавиш Alt+↑ или Alt+↓. Проделайте аналогичным способом с остальными буквами. В итоге получим текст:
Задание 7. Создание приподнятого текста заголовка.
Выделите текст «Донецк» инструментом .
Создайте дубликат текста. Копия располагается на оригинале.
Закрасьте копию синим (#0000FF) цветом.
Переместите дубликат вверх и в сторону, так что бы получить изображение:
Сгруппируйте объекты.
Задание 8. Импортируйте изображение любой картины Донецка художницы Юлии Киселевой.
Найдите в Internet подходящее растровое изображение картины Донецка;
Сохраните изображение в вашу папку;
Выполните команду меню Файл ►Импортировать, укажите путь к нужному файлу, нажмите кнопку Открыть;
Установите растровое изображение между заголовком и четверостишьем.
Задание 9. Самостоятельно создайте градиентный фон для вашей открытки (рис. 52).
Рис. 52. Примерное изображение открытки
Задание 10. Сохраните полученное изображение с именем Открытка в свою папку.
