- •Введение
- •Раздел 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-анимации
- •Ход работы
- •Литература
Кадрирование
Кадрирование — это вырезание части изображения. С начала нужно выделить нужную область картинки, а затем выполнить саму операцию. После этого всё, что находилось за пределами выделенной области, будет удалено.
Откройте любое изображение
Выберите инструмент Инструменты Преобразования ►Кадрирование;
Выделите прямоугольную область;
Нажмите клавишу Enter или щёлкните левой кнопкой мыши на выделенной области. Результат кадрирования представлен справа.
Если что-то не получилось, сделайте отмену последней операции: Правка ►Отменить действие Кадрирование изображения.
Упражнение 4
Инструмент Размывание/Резкость
Иногда отдельные участки картинки нужно «размыть», чтобы скрыть их от посторонних глаз.
Откройте любое изображение
Активируйте инструмент Размывание/Резкость.
Выберите кисть (обычно круглую), установите режим Размывание и скорость;
Размойте участок изображения. Чтобы размытие выполнялось быстрее, можно выбрать кисть большего размера или увеличить масштаб, или увеличить скорость действия инструмента.
Упражнение 5
Устранение эффекта «красных глаз»
Эффект «красных глаз» возникает из-за отражения фотовспышки от глазного дна человека. Кровеносные сосуды глазного дна имеют красный цвет, поэтому и появляется такой эффект.
Откройте файл;
Увеличьте масштаб до 150-200% (т.к. файл небольшого размера).
Дальше нужно будет выделить зрачки глаз, поэтому масштаб должен быть такой, при котором это удобно делать.
Активируйте инструмент Выделение эллипса;
Выделите зрачки глаз.
Выполните команду меню окна изображения Цвет/Тон-Насыщенность;
Выберите красный цвет и установите подходящий, по вашему мнению, параметр Насыщенность (в данном случае это - 81). Результат на правом изображении.
Практическая работа №8
Обработка многослойных изображений, создания коллажей
Цель: познакомить учащихся с градиентными масками и показать, как с их помощью можно создать коллаж
Ход работы
Открыть фотографию две фотографии школы в одном окне, для этого в меню Файл - Открыть как слои, и выбрать в списке сразу оба изображения. После чего они разместятся каждый на своем слое в одном окне.
Выровняйте изображения по нижнему краю, перемещая инструментом Перемещение
(M).Вызовите Быструю маску. Это можно сделать либо с помощью горячих клавиш Shift+Q, или нажав на вот этот маленький значок, который находится в нижнем левом углу каждого окна с изображением.
После этого все изображение у вас станет красным. Красный цвет - это маска. Он помогает нам понять какая часть изображения сейчас выделена. Изначально все изображение закрыто маской, и следовательно ничего не выделено.
Возьмите инструмент «Градиент» и протяните по рисунку от одного из краев. Параметры градиента –линейный, от белого к черному Рисуем по маске используя белый цвет.
Переключитесь обратно в нормальный режим, нажав на том же значке быстрой маски или клавишами Shift+Q. Должно получиться выделение.
Обратите внимание на то, что здесь выделение показано с четкими краями, на самом же деле внутри муравьиной дорожки заключены лишь те пиксели, которые выделены более чем наполовину. В реальности же выделение сейчас имеет размытый край.
Удалим выделенную область, нажав клавишу Delete. Внимание! Если при этом вы не увидели картинки показанной ниже, а вместо этого выделенная область заполнилась белым(черным) цветом, это означает что у вас не включен канал прозрачности (Альфа-канал). Просто выберите в меню Слой - Прозрачность - Добавить альфа-канал.
Откройте фото учителя Открыть как слои, у вас появиться еще один слой.
Переключитесь в режим Быстрая маска.
Выделите понравившуюся область, используя инструмент Кисть, параметры Кисти. Проведите несколько раз по фото, до получения необходимого результата.
Переключитесь обратно в нормальный режим, нажав на значке быстрой маски или клавишами Shift+Q. Должно получиться выделение.
В меню выберите Выделение ►Инвертировать. Нажмите Delete.
Возьмите инструмент Масштаб.
Придайте выделенной области нужный размер.
Выберите инструмент перемещение и разместите фото на фоне в необходимом месте.
Проделайте пункты 9-16 столько раз, сколько фотографий вы хотите вставить, но не меньше 3.
Практическая работа №8*
