Основы работы в графическом редакторе GIMP

1.

Государственное бюджетное учреждение
дополнительного профессионального педагогического образования
центр повышения квалификации специалистов
ИНФОРМАЦИОННО-МЕТОДИЧЕСКИЙ ЦЕНТР
Центрального района Санкт-Петербурга
ОСНОВЫ РАБОТЫ В
ГРАФИЧЕСКОМ РЕДАКТОРЕ GIMP

2.

БАЗОВЫЙ КУРС РАЗВИТИЯ ИКТ-КОМПЕТЕНЦИИ
ПЕДАГОГИЧЕСКОГО РАБОТНИКА В ОБЛАСТИ
КОМПЬЮТЕРНОЙ ГРАФИКИ, С ПОМОЩЬЮ
ИЗУЧЕНИЯ И ОВЛАДЕНИЯ ИНСТРУМЕНТАРИЕМ
ПРОГРАММЫ GIMP
1. Введение в компьютерную графику
2. Графический редактор GIMP
3. GIMP - терминология и интерфейс
4. Работа с файлами в GIMP
5. Рисование в GIMP
6. Фильтры в GIMP
7. Работа со слоями в GIMP
8. Работа с фотографиями в GIMP
9. Итоговая работа

3.

РИСОВАНИЕ В GIMP

4.

ПРОВЕРЯЕМ НАВЫК РИСОВАНИ НА БУМАГЕ
На листе бумаги нарисуйте конструктивного человечка
используя 5 типов геометрических фигур

5.

НАСТРОЙКА РАБОЧЕГО ПРОСТРАНСТВА
В ГРАФИЧЕСКОМ РЕДАКТОРЕ GIMP
1. Закройте все лишние окна и откройте программу GIMP
2. Установите Однооконный режим работы программы GIMP
3. Закройте все вкладки в панели стыкуемых диалогов
4. Через меню
Правка - Параметры – Панель
инструментов настройте
видимость инструментов
Прямоугольное выделение
Эллиптическое выделение
Пипетка
Перемещение
Вращение
Масштаб
Плоская заливка
Кисть
Ластик
Отображение цвета переднего плана и фона

6.

РИСОВАНИЕ ПРОСТЫХ ГЕОМЕТРИЧЕСКИХ ФИГУР
Точка
В открытом редакторе GIMP создаем пустое изображение из шаблона 800*600 с
цветом фона (белый), сохраняем изображение как файл Рис_5_1.xcf
Выбираем инструмент кисть одним щелчком мышки. Внимание нажать 1 РАЗ.
Переместить курсор на изображение и визуально проверить, что отображается
инструмент кисть. Можно проверить и другие доступные инструменты.
При двойном нажатии откроется стыкуемая панель Параметры инструмента.
В Параметрах инструмента выберите кисть 1.Pixel и установите Размер – 5
(режим нормальный, непрозрачность 100%, динамика рисования Off)
Внимание, если необходимо сменить форму кисти, откройте диалог кисти и в
редакторе кисти смените форму на требуемую.
Выберите цвет переднего плана для цвета точки.
Рисование точки: Поместите курсор кисти в требуем месте изображения.
Щелкните левой кнопки мыши один раз. Точка нарисована.
6

7.

РИСОВАНИЕ ПРОСТЫХ ГЕОМЕТРИЧЕСКИХ ФИГУР
Точка
Если точка нарисована с
первого раза значит вы
МОЛОДЕЦ!
7

8.

РИСОВАНИЕ ПРОСТЫХ ГЕОМЕТРИЧЕСКИХ ФИГУР
Точка
Как узнать
координаты точки?
• Создайте направляющие
на изображении
• Или подведите к точке
курсор

9.

РИСОВАНИЕ ПРОСТЫХ ГЕОМЕТРИЧЕСКИХ ФИГУР
Направляющие
В открытом редакторе GIMP работаем с изображением из файла Рис_5_1.xcf
Выбираем пункт меню Изображение – Направляющие , создаём
вертикальную и горизонтальную направляющую.
Для перемещения направляющих можно использовать инструмент
Перемещение либо щелкнуть левой кнопкой мышки один раз на шкале.
Сдвигаем направляющие к точке, на шкале координат отобразится значение
по высоте и ширине. Активная направляющая меняет цвет с синего на
красный.
Создайте 4 горизонтальные и 4 вертикальные направляющие либо
заданием значений либо в процентах.
Сохраните изображение в файле Рис_5_2.xcf

10.

РИСОВАНИЕ ПРОСТЫХ ГЕОМЕТРИЧЕСКИХ ФИГУР
Направляющие

11.

РИСОВАНИЕ ПРОСТЫХ ГЕОМЕТРИЧЕСКИХ ФИГУР
Линия
В открытом редакторе GIMP работаем с изображением из файла
Рис_5_2.xcf
Выбираем инструмент Кисть, при необходимость проверяем и
меняем параметры и цвет переднего плана.
Представляем какую линию хотим нарисовать (цвет, длина,
направление)
Перемещаем курсор в начало воображаемой линии, нажимаем
левую кнопку мыши и не отпуская кнопку перемещаем курсор в
нужном направлении на необходимую длину.
Внимание, если результат превзошёл ожидания, выполните
отмену действия и повторите рисование линии.
Для получения ровной линии (примитива) следует отметить
начальную точку, нажать и не отпускать кнопку Shift, при нажатой
кнопке Shift мышкой переместить курсор в конечную точку.
Отпускайте кнопки.
Линия нарисована.
Программа Gimp запоминает координаты курсора.
11

12.

РИСОВАНИЕ ПРОСТЫХ ГЕОМЕТРИЧЕСКИХ ФИГУР
Буквы из линий
В открытом редакторе GIMP восстановим изображение из
файла Рис_5_2.xcf
Используя прямые линии нарисуйте по направляющим
любые печатные буквы Н М Ш Т К Г Х Д
И
Для удаления нарисованной буквы используйте любой
метод:
Восстановить файл Рис_5_2.xcf
Сделать отмену действия Кисть
Инструмент ластик (размер инструмента можно
изменить)
Используя прямые линии нарисуйте по направляющим
цифры 5 3
Сохраните изображение в файле Рис_5_3.xcf

13.

РИСОВАНИЕ ПРОСТЫХ ГЕОМЕТРИЧЕСКИХ ФИГУР
Геометрические фигуры
Простую геометрическую фигуру можно нарисовать Кистью
Нарисуйте прямоугольники с скругленными углами (кисть круглая) и с прямыми углами
Цвет и ширину рамки выберите на своё усмотрение.
13

14.

РИСОВАНИЕ ПРОСТЫХ ГЕОМЕТРИЧЕСКИХ ФИГУР
Геометрические фигуры
В открытом редакторе GIMP работаем с изображением из файла
Рис_5_2.xcf
Простую геометрическую фигуру можно нарисовать
следующими способами:
• Кистью
Нарисуйте прямоугольники с скругленными углами (кисть
круглая) и с прямыми углами
Цвет и ширину рамки выберите на своё усмотрение.
Используя Инструмент Плоская заливка заполните
прямоугольник
цветом отличным от цвета переднего плана
Тоже самое сделайте для треугольника.
• Методом выделения
Выделяя Прямоугольную или Эллиптическую область, используя
инструмент Контур и Сплошная заливка + Вращение
Сохраните изображение в файле Рис_5_4.xcf

15.

РИСОВАНИЕ ПРОСТЫХ ГЕОМЕТРИЧЕСКИХ ФИГУР
Контуры
Кривые в GIMP принадлежат к математическому типу – «Кривые Безье».
На практике это означает, что кривая определяется количеством управляющих точек, их
замкнутостью и управляющими рычагами.

16.

РИСОВАНИЕ ПРОСТЫХ ГЕОМЕТРИЧЕСКИХ ФИГУР
Контуры
Для создания замкнутого контура достаточно выбрать
любую из двух конечных точек, зажимаем Ctrl, а затем
кликаем левой кнопкой мыши по другой конечной точке.
Для перемещения контура, зажимаем Alt, наводим курсов
на любую часть контура и зажав левую кнопку мыши
перетаскиваем контур.
Для превращения выделения в контур в пункте Меню
выбираем Выделение – в контур.
Текст можно преобразовать в контур, нажав на текстовом
слое в списке правой кнопкой мыши, выбрав в появившемся
меню «Текст в контур».
При включенной галочке «Многоугольник» контур будет
создаваться только из прямолинейных отрезков, которые
нельзя будет изгибать.
Любой созданный контур сохраняется во вкладке
«Контуры».

17.

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

18.

Создание конструктивного портрета человека в GIMP
Перенесите конструктивного человечка с бумаги
в графический редактор GIMP

19.

Создание конструктивного портрета человека в GIMP

20.

ПРАКТИЧЕСКАЯ РАБОТА 5.1. РИСОВАНИЕ в GIMP
1. Нарисуйте примитивы: ТОЧКА и ПРЯМАЯ;
2. Нарисуйте из прямых незамкнутую ломаную линию;
3. С помощью инструментов Кисть и Сплошная заливка нарисуйте простые
геометрические фигуры;
4. Используя Прямоугольное, Эллиптическое выделение и Сплошную заливку
нарисуйте простые геометрические фигуры;
5. Используя инструмент Контуры нарисуйте простые геометрические фигуры;
6. Используя прямые линии нарисуйте по направляющим цифры;
7. Нарисуйте конструктивного человечка используя 5 типов простых
геометрических фигур.
8. Сохраните изображение как файл Рис_5_5.xcf

21.

ПРАКТИЧЕСКАЯ РАБОТА 5.2. РИСОВАНИЕ в GIMP
«ЧТО НАМ СТОИТ ДОМ ПОСТРОИТЬ? – НАРИСУЕМ БУДЕМ ЖИТЬ!»
В GIMP нарисуйте используя примитивы ДОМ
Сохраните работу под названием Рис_5_6.xcf

22.

УДАЧИ!
В ДОБРЫЙ ПУТЬ!