- •Введение
- •Раздел 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-анимации
- •Ход работы
- •Литература
Рисование и закрашивание Ход работы
Создайте новый документ 300х300.
С помощью «Выделение эллипса» нарисуйте один круг, а потом зажав Shift второй круг.
Заполняем выделение чёрным цветом.
Создаём новое эллиптическое выделение внутри и заполняем градиентом.
Так же рисуем живот.
Рисуем глаза. Создаем новый слой на нем рисуем белый кружок ( выделение эллипс, заливка) дублируем этот слой, и перетаскиваем его на место, где будет второй глаз.
Зрачки рисуем также, только заливаем черным цветом.
Создаём овальное выделение для рта. Заполняем тёмно-красным цветом.
Выделяем верхнюю часть рта, берем инструмент масштаб и уменьшаем. Прикрепляем плавающий слой. И сдвигаем нос куда надо.
Выделяем нос, инструментом волшебная палочка внутрь красного носа. Выполняем команды правка - обвести выделенное, обводим оранжевым в 3 пикселя.
Рисуем ноги. Новый слой. Выделение эллипс, заливаем оранжевым. Выделение - уменьшить на 3 пикселя, теперь берем градиент основной в прозрачный, перед этим берем цвет посветлее.
Копируем слой с ногой и помещаем на место второй ноги.
Рисуем крылья, создаем слой, рисуем одно крыло инструментом « контур». Жмем выделение из текста. заливаем крыло черным и копируем. Слой – преобразование - отразить по горизонтали. И помещаем на место второго крыла
По желанию можно что-нибудь добавить свое.
Практическая работа №8**
Корректировка цвета и тона Ход работы
Откройте отсканированную «черно-белую» фотографию.
Произвести тоновую коррекцию данного изображения различными способами. Справка: команда Image - Mode - Grayscale позволяет преобразовать изображение в оттенки серого тона. 41 2. Оцените цветовой баланс изображения: Справка: Image - Histogram
Воспользуйтесь командой Image - Adjustments -Levels (Ctrl+L) для тоновой коррекции изображения.
Выделите текст, используя Magic Wand (Волшебная палочка). Справка Удобнее выделить фон и затем Select - Inverse
Примените фильтр Filter - Noise - Add Noise (- Monochromatic – 70%)
Снимите выделение и примените фильтр Filter - Blur - Gaussian Blur (2pix)
Image - Adjustments - Curves… и рисуем кривую
Инвертируем цвета: Crtl+I
Переверните форт, т.к. некоторые фильтры можно применить в одном направлении. Image - Rotate Canvas - 900CW
Примените фильтр Filter - Stylize - Wind (два раза – Ctrl+F)
Image - Rotate Canvas - 900CСW
Измените тон надписи. Image - Adjustments - Hue/Saturation… Параметры: 198, 54, 0 - Colorize
Установите цвет кисти 198, 54, 97 (в модели HSB), тип кисти – звезда.
Практическая работа №8***
Обработка цифровых фотографий Ход работы
Открываем изображение над которым будем работать. Лучше чтобы размер его был побольше, например фото из интернета размером 800×600 пикселей.
Теперь нужно создать слой для рамки, например 200×200 пикселей.
Выберем Плоскую заливку (Shift+B) и зальем этот слой каким-нибудь цветом или текстурой. Тип заливки будет определять то, как будут выглядеть рамки фотографий, поэтому цвет выбирайте на свое усмотрение. Например, Заливку текстурой и текстуру Ice из стандартного набора.
Переместим слой с верхнего левого угла, где он оказался по-умолчанию при создании, в какое-нибудь более достойное место и займемся клонированием фоторамок.
Создадим несколько дубликатов слоя Рамка1 и назовем их соответственно Рамка2 и т. д. Порядок слоев пока значения не имеет. Мы создали всего 5 слоев с рамками (чтобы скопировать слой достаточно нажать кнопочку под списком слоев или клавиши Shift+Ctrl+D). Все слои с рамками у нас оказались один под другим, поэтому мы выбираем инструмент Перемещение (M) и разместим наши рамки по всему изображению. Сразу бросается в глаза, что рамки лежат слишком уж ровно, поэтому мы приведем их в творческий беспорядок инструментом Вращение (Shift+R).
Теперь начинаем самое интересное! Щелкните правой кнопкой мыши на одном из слоев Рамка и в контекстном меню выберите Альфа-канал в выделение (то же самое доступно в меню Слой ►Прозрачность). Вокруг выбранной рамки на изображении появится выделение. Теперь уменьшите его на 9 пикселей через меню Выделение ►Уменьшить. Контур выделения должен стать чуть меньше. Смело нажимайте клавишу Delete, тем самым удалив внутреннюю часть рамки. Не снимая выделения переходим на слой с фотографией, у нас это слой Фон, и копируем выделенную часть изображения Ctrl+C (Правка ►Копировать). Снова возвращаемся на тот же слой с подготовленной рамкой и жмём Ctrl+V (Правка ►Вставить). Проделав те же манипуляции с остальными рамками получим следующее:
Теперь убираем видимость фона, или просто удаляем его. Ставим любой другой фон. Например, фотографии должны лежать на столе или фотографию космоса.
