Интерфейс GIMP. Многооконный режим, стыкуемые диалоги, однооконный режим.

Группа Т(О), ТГ(О), С(О)–24-02, 2025 год

Занятие по рабочей программе №35

Дисциплина: ОД.08 «Информатика»

Прикладной модуль 2. Введение в создание графических изображений.

Тема: Слои в GIMP.

Цель занятия:

1. Дидактическая:

• сформулировать представление студентов о компьютерной графике;

• выяснить понятие растровая и векторная графика;

• раскрыть алгоритм работы с интерфейсом графического редактора;

• выяснить принципы и методы создания изображений;

• систематизировать и обобщить знания при работе с компьютерной графикой;

• углубить и закрепить знания по дисциплине «Информатика».

Воспитательная:

• развивать коммуникативные способности;

• развивать аналитические способности;

• развивать творческий подход к процессу обучения.

• воспитывать самостоятельность, дисциплинированность;

• стимулировать студентов к изучению дисциплины;

• побуждать к формированию активной жизненной позиции;

• прививать уважение и любовь к будущей профессии.

Вид занятия: лекция.

Тип занятия: обобщение и систематизация знаний.

Форма проведения занятия: репродуктивная и эвристическая беседа.

Междисциплинарные связи:

Обеспечивающие Математика, Охрана труда, Безопасность жизнедеятельности.

Обеспечиваемые

Информационные технологии в профессиональной деятельности, и др.

Методическое обеспечение: опорный конспект.

Литература:

1. Филимонова, Е. В. Информатика и информационные технологии в профессиональной деятельности: учебник / Е. В. Филимонова. – Москва: Юстиция, 2019. – 213 с. – (Среднее профессиональное образование). - ISBN 978-5-4365-2703-1.

2. GNU Image Manipulation Program. Руководство пользователя.

3. Р. П. Борисов, М. А. Корнилов, М. В. Устинов, Н. Д. Шульгин. GIMP и Inkscape : электронное учебно-методическое пособие [Электронный ресурс] / Р. П. Борисов [и др.]; ФГБОУ ВО «Московский политехнический университет» ― Режим доступа: https://mpudelta.github.io/gimp-inkscape/

ХОД ЗАНЯТИЯ

1. Ознакомление с темой, целью и планом занятия.

Тема: Слои в GIMP.

ПЛАН

1. Термины.

2. Что такое Слои?

3. Как использовать Слои в Gimp?

4. Опции диалогового окна слоев.

1. Изложение и изучение нового материала.

ЛИТЕРАТУРА: [3], стр.

1. Термины

Стопка слоев – название, под которым понимается весь список слоев в диалоговом окне.

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

Окно Слои (панель все слои, с которыми вы работаете в настоящий момент). Каждому слою соответствует одно из основных диалоговых окон графической программы GIMP, в котором расположены, присвоено собственное имя, что облегчит навигацию по слоям, когда у вас их будет много. Имя слоя легко изменить, щелкнув два раза по слою.

Активный слой — текущий слой программы, в котором совершается редактирование, обычно выделен цветной полосой.

Непрозрачность слоя – характеризует прозрачность слоя, задается шкалой от 0 до 100%. При нулевом значении активный слой полностью прозрачен (невидим для нас).При значении 100, слой полностью видим нами, т. е. непрозрачен.

Р ежим слоя — один выбранный из 21 режима слоя программы GIMP. Режимы слоя иногда называются «режимами смешивания». Выбор режима слоя изменяет внешний вид слоя или изображения в зависимости от нижележащих слоёв. Если у вас есть только один слой, то режим слоя ни на что не повлияет. Поэтому должно быть, по крайней мере, два слоя, чтобы использовать режимы слоя. Помните об этом.

2. Что такое Слои?

Давайте это рассмотрим на простом примере. У нас на столе лежит чистый листок бумаги, на котором нарисован цветок, но не целиком.

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

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

Как видите, сложением многих прозрачных пленок (слоев) с исходным листом (фоновым слоем) у нас получится, готовое изображение.

3. Как использовать Слои в Gimp?

Д авайте перенесем чистый листок и прозрачные пленки в наш графический редактор. И так мы впервые с вами запустили программу, и перед нашим взором откроется следующая картина.

Так как сегодня мы говорим только о слоях, то давайте подробнее остановимся на этом диалоговом окне. На скриншоте оно обозначено зеленой стрелкой. Если случайным образом у вас данное диалоговое не открылось, то сделаем следующие идем в «Окна – Недавние прикрепляющие диалоги – Слои, Каналы, Контуры…». Данное диалоговое окно из-за его длинного названия, будем называть просто «Окно слои».

Продолжаем знакомство и рассмотрим диалоговое окно поближе, что же мы с вами увидим.

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

Вот теперь появился первый слой, который сражу же, получил имя «Фон» (по англ. Background). По умолчанию данный слой будет белым, хотя мы можем сделать его любым цветом, каким захотим.

4. Опции диалогового окна слоев

Давайте более подробно рассмотрим опции диалогового окна слоев и начнем с первой пиктограммы, которая называется «Создать новый слой».

К ак это звучит из названия, с помощью данной пиктограммы вы можете создать новый слой. Не будем терять время и создадим новый слой. Щелкаем по пиктограмме. И вы сразу же увидите окно создания нового слоя где можно выбрать различные настройки создания нового слоя, а также задать имя будущего слоя. Новый слой может быть как прозрачным, так и быть закрашен либо цветом переднего плана, либо цветом фона. В нашем примере я закрасил данный слой зеленым цветом и переименовал его в «Слой №1».

Следующие две пиктограммы позволяют изменять положение слоя в стопке слоев. Т.е. с помощью данных кнопок вы легко можете переместить текущий слой вверх или вниз, соответственно нажав на нужную кнопку. Так как у нас сейчас активен верхний зеленый слой, то пиктограмма «Переместить слой вверх» будет не активна. Это и понятно, что перемещать данный слой вверх некуда.

Нажмем на пиктограмму «Переместить текущий слой вниз»

Мы переместили слой вниз, и самым верхним слоем у нас стал фоновый белый слой. Таким образом, в графическом редакторе gimp, видимость слоев идет сверху вниз, наш взгляд направлен сверху на все слои и самым первым видимым слоем у нас будет самый верхний слой в диалоговом окне. Это и видно из нашего простого примера, переместив зеленый слой вниз, мы тем самым переместили фоновый слой вверх, что сейчас и видно на рабочей области программы — чистое белое поле.

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

Пиктограмма с изображением якоря позволяет прикрепить плавающее выделение в активный слой в стопке слоев. Здесь стоит остановиться более подробно. В gimp плавающим выделением называется временный слой, который создается путем копирования и вставкой слоя, т.е. командами «Копировать» (Ctrl+C) и командой «Вставить» ( Ctrl+V).

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

Чтобы понять это скопируйте «Слой №1». Для этого выполните команды «Правка -Копировать», «Правка — Вставить». Получится у вас следующее.

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

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

Чтобы сделать видимым ТОЛЬКО ОДИН СЛОЙ вы должны зажать на клавиатуре клавишу Shift и щелкнуть по пиктограмме глаза. Чтобы вернуть обратно видимость всех слоев, повторите процедуру.

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

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

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

Продолжаем наше знакомство со слоями и переходим к опции «Режим», которая находится выше рабочего пространства окна, и представляет собой выпадающее меню с разнообразными названиями режимов смешивания слоя. Более подробно о режимах мы с вами поговорим во второй части урока, не пропустите. А сейчас просто порекомендую вам поэкспериментировать с различными режимами, чтобы посмотреть, что они делают. По умолчанию всегда установлен режим «Нормальный».

Следующая опция называется «Непрозрачность» слоя, с помощью данной настройки мы можем регулировать (перемещать ползунок или вводить цифровое значение) непрозрачность слоя. При значении непрозрачности 100% текущий (активный слой) полностью непрозрачен, т. е. за данным слоем не будут видны остальные слои в стопке слоев. Но если мы сдвинем, ползунок в левую сторону, за активным слоем начнет проявляться следующий слой, который расположен ниже. Чтобы это понять возвратимся к нашему примеру. Выделите в стопке слоев верхний белый слой и сдвиньте ползунок до 50%.

Как видно, теперь на рабочей области стал, заметен и следующий зеленый слой.

В завершении рассмотрим последнею опцию окна слои под названием «Запереть» (Lock).

Если поставить галочку в данной настройке, то произойдет блокирование прозрачных пикселей в активном слое. Что это значит? Ну, это означает, что вы можете редактировать только те области, на этом слое, которые не являются прозрачными.

Рассмотрим это на нашем примере. Отключим видимость верхнего белого и среднего слоя. Далее выберем на панели инструментов «Овальное выделение» и создадим круг как на скриншоте

Теперь нажмите «Del» на клавиатуре.

Выполняем команду «Выделение — Снять»

Таким образом, вы с вами сделали круглое прозрачное «окно», через которое будет виден слой расположенный ниже, но так как в настоящее время данный слой находится в самым низу стопки слоев и больше нет слоев под ним, то через данное окно видна шахматная доска.

Наличие такой шахматной доски говорит нам, что в текущем слое присутствует информация о прозрачности, т.е. в данном слое есть альфа-канал. Вот теперь если нажать на пункт «Запереть», то мы не сможем с вами нечего сделать с прозрачной областью. В дальнейшем, при работе в графических редакторах, использование данной опции значительно помогает при редактировании фотографий.

Источник: https://www.gimpart.org/osnovyi-rabotyi/sloi-v-gimp-znakomstvo-chast-1

P.S. Слои очень важная и необходимая область знаний при работе с любым графическим редактором. И наверно самой главной особенность слоев, является возможность сохранения их для дальнейшего редактирования в основной файл программы. У фотошопа таким файлом является собственный формат PSD, а у графического редактора GIMP формат XCF. Сохраняя слои, вы спустя какое-то время можете легко продолжить их редактирование.

Контрольные вопросы:

1. Как сделать слои в GIMP?

2. Как открыть панель слоев?

3. Как редактировать слой?

4. Как изменить порядок слоев в графическом редакторе GIMP?

ДОМАШНЕЕ ЗАДАНИЕ

1. Изучить теоретический материал по данной теме.

2. Ответить письменно на контрольные вопросы.

Перечень рекомендуемых учебных изданий, Интернет-ресурсов, дополнительной литературы.

Основные источники:

1. Информатика. 10 класс : учебник для общеобразоват. организаций: базовый и углубленный уровни / [А.Г.Гейн , А.Б Ливчак, А.И. Сенокосов, Н.А. Юнерман]. – 4-е изд. – М. : Просвещение, 2018. – 272 с. : ил. – ISBN 978-5-09-058130-1

2. Информатика. 11 класс : учебник для общеобразоват. организаций: базовый и углубленный уровни / [А.Г.Гейн, А.И. Сенокосов]. – 6-е изд. – М. : Просвещение, 2019. – 336 с. : ил. – ISBN 978-5-09-072326-8.

Электронные источники:

1. Зимин, В. П.  Информатика. Лабораторный практикум в 2 ч. Часть 1 : учебное пособие для среднего профессионального образования / В. П. Зимин. — 2-е изд., испр. и доп. — Москва : Издательство Юрайт, 2023. — 126 с. — (Профессиональное образование). — ISBN 978-5-534-11851-3. — Текст : электронный // Образовательная платформа Юрайт [сайт]. — URL: https://urait.ru/bcode/514893

2. Зимин, В. П.  Информатика. Лабораторный практикум в 2 ч. Часть 2 : учебное пособие для среднего профессионального образования / В. П. Зимин. — 2-е изд. — Москва : Издательство Юрайт, 2023. — 153 с. — (Профессиональное образование). — ISBN 978-5-534-11854-4. — Текст : электронный // Образовательная платформа Юрайт [сайт]. — URL: https://urait.ru/bcode/514918

3. Мойзес, О. Е. Информатика. Углубленный курс : учебное пособие для среднего профессионального образования / О. Е. Мойзес, Е. А. Кузьменко. — Москва: Издательство Юрайт, 2020. — 164 с. — (Профессиональное образование). — ISBN 978-5-534-07980-7. — Текст : электронный // ЭБС Юрайт [сайт]. — URL: https://urait.ru/bcode/455803 .

4. Советов, Б. Я. Информационные технологии : учебник для среднего профессионального образования / Б. Я. Советов, В. В. Цехановский. — 7-е изд., перераб. и доп. — Москва : Издательство Юрайт, 2020. — 327 с. — (Профессиональное образование). — ISBN 978-5-534-06399-8. — Текст: электронный // ЭБС Юрайт [сайт]. — URL: https://urait.ru/bcode/450686 .

5. Новожилов, О. П. Информатика в 2 ч. Часть 1 : учебник для среднего профессионального образования / О. П. Новожилов. — 3-е изд., перераб. и доп. — Москва: Издательство Юрайт, 2020. — 320 с. — (Профессиональное образование). — ISBN 978-5-534-06372-1. — Текст : электронный // ЭБС Юрайт [сайт]. — URL: https://urait.ru/bcode/448995 .

6. Новожилов, О. П. Информатика в 2 ч. Часть 2 : учебник для среднего профессионального образования / О. П. Новожилов. — 3-е изд., перераб. и доп. — Москва: Издательство Юрайт, 2020. — 302 с. — (Профессиональное образование). — ISBN 978-5-534-06374-5. — Текст : электронный // ЭБС Юрайт [сайт]. — URL: https://urait.ru/bcode/448996

7. Гаврилов, М. В. Информатика и информационные технологии : учебник для среднего профессионального образования / М. В. Гаврилов, В. А. Климов. — 4-е изд., перераб. и доп. — Москва: Издательство Юрайт, 2020. — 383 с. — (Профессиональное образование). — ISBN 978-5-534-03051-8. — Текст: электронный // ЭБС Юрайт [сайт]. — URL: https://urait.ru/bcode/449286

Дополнительные источники:

1. Филимонова, Е. В. Информатика и информационные технологии в профессиональной деятельности: учебник / Е. В. Филимонова. – Москва: Юстиция, 2019. – 213 с. – (Среднее профессиональное образование). - ISBN 978-5-4365-2703-1.

2. Цветкова М.С., Информатика. Практикум для профессий и специальностей естественно-научного и гуманитарного профилей: : учеб. пособие для студентов учреждений сред. проф. образования / М.С. Цветкова, И.Ю. Хлобыстова. - 5-е изд., стер. - М. : Издательский центр "Академия", 2019. - 240 с. ISBN 978-5-4468-7901-4

3. Боресков А.В., Шикин А.В., Шикина Г.Е. Компьютерная графика: первое знакомство М.: Финансы и статистика.. 1996. –176 с.

Электронные источники:

1. Гаврилов, М. В.  Информатика и информационные технологии : учебник для среднего профессионального образования / М. В. Гаврилов, В. А. Климов. — 4-е изд., перераб. и доп. — Москва : Издательство Юрайт, 2021. — 383 с. — (Профессиональное образование). — ISBN 978-5-534-03051-8. — Текст : электронный // Образовательная платформа Юрайт [сайт]. — URL: https://urait.ru/bcode/469424

2. Акопов, А. С.  Компьютерное моделирование : учебник и практикум для среднего профессионального образования / А. С. Акопов. — Москва : Издательство Юрайт, 2023. — 389 с. — (Профессиональное образование). — ISBN 978-5-534-10712-8. — Текст : электронный // Образовательная платформа Юрайт [сайт]. — URL: https://urait.ru/bcode/517999

3. Демин, А. Ю.  Информатика. Лабораторный практикум : учебное пособие для среднего профессионального образования / А. Ю. Демин, В. А. Дорофеев. — Москва : Издательство Юрайт, 2023. — 133 с. — (Профессиональное образование). — ISBN 978-5-534-07984-5. — Текст : электронный // Образовательная платформа Юрайт [сайт]. — URL: https://urait.ru/bcode/516857

4. Р. П. Борисов, М. А. Корнилов, М. В. Устинов, Н. Д. Шульгин. GIMP и Inkscape : электронное учебно-методическое пособие [Электронный ресурс] / Р. П. Борисов [и др.]; ФГБОУ ВО «Московский политехнический университет» ― Режим доступа: https://mpudelta.github.io/gimp-inkscape/

Преподаватель: Владимир Александрович Волков