Урок 25. Рисование и закрашивание

По теории об инструментах рисования и их параметрах смотрим сообщение блога Графический редактор GIMP 

Инструменты рисования GIMP

Инструменты рисования: Кисть, Карандаш, Аэрограф, Ластик, Заливка, Градиент, Пипетка, Палец...

Цвет

При выборе цвета различают цвет переднего плана и цвет заднего плана.Цвет переднего плана (основной) — используется для рисования, заливки выделенных областей. Цвет переднего плана используется в качестве начального цвета градиента.Цвет заднего плана (фоновый) — появляется при стирании ластиком (удалении пикселей). Фоновый цвет используется при завершении градиента.

По умолчанию основной цвет — черный, а фоновый — белый. Основной и фоновый цвета можно менять местами.

GIMP не имеет очевидных инструментов для рисования примитивов, но есть способы создания правильных геометрических фигур:

• использование возможностей стандартных инструментов рисования;
• использование обводки по выделению

Карандаш и клавиша Shift

Карандаш при нажатой клавише Shift рисует прямую линию следующим образом: установить курсор в 1-ю точку прямой и щелкнуть левой клавишей мыши. Затем, не отпуская клавишу Shift, щелкнуть левой клавишей мыши по 2-ой точке прямой, отпустить клавишу Shift.

Направляющие

Направляющие служат для разметки окна изображения для точного рисования. Направляющие можно вытянуть из верхней и боковой линеек, если выбран инструмент Перемещение (смотри Панель инструментов).

Направляющими можно управлять с помощью инструментов Направляющие в окне изображение: Меню — Изображение — Направляющие.

Выделение и клавиши Shift и Ctrl

При нажатой клавише Shift прямоугольное выделение превращается в квадрат, а эллиптическое — в круг: начинаем выделение, потом нажимаем Shift, заканчиваем выделение, отпускаем клавишу Shift. 

При нажатой клавише Ctrl выделенная область центрируется относительно начала выделения: начинаем выделение, потом нажимаем Ctrl, заканчиваем выделение, отпускаем клавишу Ctrl.

При нажатой клавише Shift происходит объединение выделенных областей: делаем первое выделение, потом при нажатой Shift, делаем следующие выделения. Клавишу Shift отпускаем после щелчка вне выделенных областей.

Если выделена какая-то область и создаются новые области при нажатой клавише Ctrl, то они вычитаются из первоначальной. Клавишу Ctrl отпускаем после щелчка вне выделенных областей.Обводка по выделению

Область, созданная инструментом выделения обрисовывается линией заданного цвета и стиля: Меню — Правка — Обвести выделенное.

Скругление прямоугольника

Инструмент Прямоугольное выделение имеет параметр Закругленные углы. Значение этого параметра — размер угла дуги. Дугу можно сделать вогнутой: Меню  — Выделение — Закруглить прямоугольник. Откроется диалоговое окно, в котором отметить флажком параметр Вогнутое. Нажать кнопку Ок. Получился прямоугольник с вогнутыми углами.

Практическая работа
Домашнее задание

1. Повторить теорию по сообщению блога и по документу собщение блога Графический редактор GIMP
2. Завершить отчет по практической работе 

Урок 21. Каналы. Сохранение выделенной области

По теории смотрим  презентацию  «Компьютерная графика и анимация». Часть II слайды со 2  по 14.

Многослойные изображения

Зачем нужны слои? Слои помогают человеку избежать необратимых изменений в сложном изображении. Каждый содержательный с точки зрения человека объект рисуется на отдельном слое (слайд 3).

Каждый слой можно изменять и перемещать независимо от других. Однако, если смотреть на топку слоев сверху, то увидим полный рисунок.

Для управления слоями предназначено диалоговое окно Слои.

Структура диалогового окна Слои (слайд 4).

Список Режим  определяет, как текущий слой влияет на изображение, полученное с нижних слоев (слайд 5).

Операции со слоями (слайд 6).

Текстовый слой создается при использовании инструмента Текст (слайд 7).  этот слой  существует в векторном формате, но может быть преобразован в растровое изображение.

Маска слоя позволяет сделать часть изображения на слое невидимой или полупрозрачной, ничего не удаляя (слайд 8-9). 

Каналы

Канал - инструмент, с помощью которого показывается совокупность точек изображения с одинаковым эффектом. Каждый канал имеет тот же размер, что и все изображение. Смысл этого понятия зависит от типа канала.

Например, в цветовой модели RGB значение канала R означает количество красного цвета, добавляемого к другим цветам пикселей. Здесь канал — совокупность точек указанного цвета в изображении.
Цветовые каналы применяются ко всему изображению, а не к отдельному слою. Есть основные каналы — красный, зеленый и голубой. Можно создавать свои каналы. (слайды 11-13)
Маска выделения. При выделении вы видите "муравьиную дорожку", которая вычерчивает его контур, который разделяет  выделение и маску (закрытую область). Маска — это канал в градациях серого, покрывающий изображение.
Для управление каналами используется  окно Диалог каналов (слайд 11).

Выделенную область можно сохранить с помощью Диалога каналов  (слайд 14).

Каналы используются в двух целях, поэтому диалог каналов разделён на две части: первая часть для цветовых каналов и вторая для масок выделения.

Практическая работа

Урок 20. Работа со слоями

Слои

Если изображение подобно книге, то слой можно сравнить со страницей внутри книги. Простейшее изображение содержит только один слой и, продолжая аналогию, является листом бумаги. Слои могут быть прозрачными и могут покрывать не все пространство изображения.

Слои позволяют создать анимацию, показать разнообразные эффекты с фрагментами изображения и с текстом.

Лучше всего познакомиться  с понятием слои на практике.

Практическая работа

Урок 19. Цветовые модели. Коррекция фотографий

Цветовые модели

Теория в документе. 

По теории смотрим в презентации «Компьютерная графика и анимация». Часть I слайды с 11 по 16 .

Коррекция фотографий

По практике смотрим в презентации «Компьютерная графика и анимация». Часть I слайды с 25 по 37 

Поскольку растровый рисунок хранится как набор чисел, кодирующих цвета пикселей, коррекция фотографий сводится к математической обработке этих данных с помощью специально разработанных алгоритмов.

Исправление перспективы

Выделить все изображение. Затем применить инструмент 

Меню - Выделение - Все - Перспектива

После этого углы рисунка, выделенные квадратами, перетащить так, чтобы выровнять вертикальные линии. 

Коррекция уровней

Гистограмма - график, который показывает распределение пикселей по яркости. Чтобы увидеть гистограмму для открытого изображения, выберите инструмент

Меню - Окно - Прикрепляющиеся диалоги - Гистограмма

Высота вертикальных отрезков определяет количество пикселей, имеющих одинаковую яркость, от самых темных (слева) до самых светлых (справа).

Если фото слишком темное, то все пиксели сосредоточены слева.Если фото слишком светлое, то все пиксели сосредоточены справаВ малоконтрастном фото есть средние тона, но нет темных.Четкое контрастное фото содержит пиксели всех уровней яркости.

Откроем  последовательно фотографии morning.jpg, evening.jpg, sun.jpg и lake.jpg.

Сравним гистограммы для них. 

Чтобы улучшить контрастность, нужно "растянуть" гистограмму так, чтобы она занимала весь диапазон тонов от черного до белого.

Для этого используется инструмент

Меню - Цвет Уровни

 В появившемся окне нужно отрегулировать положение черного, серого и белого движков под гистограммой.

Для выравнивания уровней можно также использовать инструмент

Меню - Цвет - Яркость - Контраст

Коррекция цвета

В некоторых фотографиях явно видно, что один оттенок сильнее, чем нужно, и из-за этого листва деревьев может оказаться синей...

Для коррекции цвета используется инструмент

 Меню - Цвет - Цветовой баланс

Ретушь

Ретушью называют устранение дефектов фотографий.

Практическая работа и домашнее задание

Урок 17. Работа с выделенным областями

Смотреть слайды 38 - 42 презентации «Компьютерная графика и анимация». Часть I

Инструменты выделения

Часто нужно работать с некоторой областью изображения, а пиксели вне этой области не должны меняться. Для выделения областей в редакторе GIMP предназначены несколько инструментов (слайды 39 - 40). 

Если в момент выделения области была нажата клавиши Shift, новая область добавляется к уже выделенной.Если в момент выделения области была нажата клавиши CTRL, новая область вычитается из  уже выделенной.

Таким образом можно можно строить сложные выделенные области.

Сглаживание и растушевка

Любой пиксель может быть выделен частчно, например на 25. Это значит, что для такого пикселя эффект, примененный к области, будет ослаблен в 4 раза (слайд 41). 
Частичное выделение получается при использовании двух параметров  - сглаживания и растушевки. 
Эти параметры задаются в окне параметров выбранного инструмента выделения (слайд 42).

Практическое задание и Домашнее задание

Урок 16. Разрешение и ввод изображений

Размеры изображения при просмотре

В презентации Презентация GIMP Ч.1 смотрим  слайды 2-10 

При выводе изображения  нужно указать  его размеры на экране монитора  или на бумаге. 

Связь между шириной и высотой изображения  в пикселях и его размерами в см или мм устанавливает разрешение, т.е. число пикселей на некоторой единичной площади изображения. Разрешение измеряется в пикселях на дюйм (ppi -  pixel per inch, 1 дюйм = 2,54 см примерно). Чем больше разрешение, но тем выше качество изображения, но тем больше места оно занимает в памяти. 

Изображение размером 10х15 см при выводе на экран имеет следующие размеры в пикселях при разрешении 96 ppi:

высота: 10х96 / 2,54 = 378 пикселей 

ширина: 15х96 / 2,54 = 567 пикселей

Печатающие устройства могут обеспечить значительно большее разрешение, чем экран.

Для получения отпечатков среднего качества  требуется разрешение около 300 ppi. При этом размер изображения в пикселях:

высота: 10х300 / 2,54 = 1181 пикселей 

ширина: 15х300 / 2,54 = 1772 пикселей

В редаторе GIMP размер изображения на экране меняется в диалоговом окне Смена размера изображения. Чтобы попасть в это окно, щелкните правой клавишей по изображению и выберите: Изображение - Размер изображения

При этом для управления качеством преобразования используйте параметр Интерполяция. 

Размер изображения дл] печати меняется в  диалоговом окне Смена разрешения при печати. Чтобы попасть в это окно, щелкните правой клавишей по изображению и выберите: Изображение - Размер при печати.

Ввод изображений

Растровые изображения чаще всего вводятся с цифровых фотоаппаратов и сканера. 

В фотоаппарате фотографии сохраняются на встроенной карте памяти в форматах RAW  и JPEG. Для загрузки изображений с фотоаппарата в компьютер эти устройства соединяются  кабелем через порт USB. После подключения фотоаппарат появляется как новый съемный диск.

Сканировать изображение можно прямо из приложения GIMP (Меню - Файл - Создать (2) - Сканер). При этом рекомендуется параметр Разрешение установить несколько большим, чем потом предполагается  применять. Если изображение сканируется для вывода на экран (с разрешением 72 - 96 ppi), то для сканирования рекомендуется выбрать разрешение 150 - 200 ppi. 

Кадрирование

После сканирования полученное изображение обычно нужно выполнить  кадрирование, т.е. выбрать нужные границы и обрезать лишнее. Для кадрирования выбираем инструмент  Изображение - Автокадрирование или   Изображение - Усердное кадрирование. 

Практическая работа и Домашняя работа

Урок 15. Компьютерная графика. Основы работы в GIMP

Технология работы с растровым графическим редактором на примере GIMP

Виды компьютерной графики

Презентация Компьютерная графика (скачать)

Посмотрим презентацию и запишем основные тезисы.

Теоретический материал 

Дополнительно можно почитать на  Сайте по GIMP

Мы будем работать с растровой графикой. Для работы будем использовать свободно распространяемый графический редактор GIMP.

Практическая работа 1

Цели работы

1. Знакомство с интерфейсом GIMP 
2. Научиться открывать  изображения в GIMP  разными способами
3. Научиться создавать новые изображения
4. Сравнить работу с GIMP  в ОС Windows и Linux

План работы

1. На локальном компьютере в своей папке создайте папку  Graph. Все документы, получаемые в ходе задания, сохраняйте в этой папке.
2. Откройте Блог о GIMP и прочитайте сведения о редакторе GIMP
3. Откройте страницу Практические работы этого блога. Выберите задание Основные принципы и приемы работы  в графическом редакторе GIMP. 
4. Выполните это задание в ОС  Windows
5. Выполните это задание в ОС  Linux
6. Создайте на своем облачном диске папку Графика-Фамилия и предоставьте к ней учителю доступ Редактора.
7. В папке Графика-Фамилия создайте документ Отчет-лаб1-фамилия и предоставьте к ней учителю доступ Редактора
8. Напишите в документе Отчет-лаб1-фамилия 

Отчет по заданию составьте по следующему плану:

1. Придумайте заголовок для отчета.
2. Перечислите способы открытия изображения в GIMP, которые вы использовали.
3. Запишите путь к файлу, который вы сохранили, выполняя пункт 7 задания.
4. Запишите расширение (тип) этого же файла
5. Запишите исходный размер этого файла и размер области, которую он занимает на диске (в байтах).
6. Запишите размер сохраненного изображения в пикселях (WxH), где W - ширина, H -  высота изображения.
7. Сравните работу с редактором  GIMP в разных ОС (Windows и Linux) по критериям:

• интерфейс (одинаковый или нет, похожий)

• Время загрузки приложения

• Время открытия изображения 

Дополнительная работа в группах
Сегодня День рождения школы!
Сделайте рекламу школы или поздравление школе в связи с этим событием:
Придумайте текст, подберите  или создайте рисунок. Все объедините в общем документе или презентации.
Ссылки на созданные документы поместите в таблицу.