Коллаж. Итоговая работа.

 Дата проведения занятия 12.05.21

В качестве итоговой работы создайте плакат, который хотелось бы повесить на стенку. В плакате объедините несколько изображений и красивый текст.
Завершенный плакат экспортируйте в формат jpg.
В конце работы обязательно перенесите созданный вами плакат в формате jpg и пять подготовленных для создания плаката изображений в вашу папку на облачном диске.
Подготовка к работе
Практическая работа

Урок 25. GIMP. Специальные шрифты и фильтры

 Дата проведения занятий 14.04.21

ШРИФТЫ ДЛЯ ЗАГОЛОВКОВ

Термин «Антиквенный шрифт» в полиграфии обозначает семейство шрифтов, которые обладают общими графическими признаками: наличием серифов (засечек) в окончании штрихов и контрастом в толщинах вертикальных и горизонтальных линий, образующих графику знаков.

Рукописные формы антиквенного шрифта

В конце 14 столетия в Европе зародился новый стиль письма. Прогрессивно настроенные люди раннего Возрождения, гуманисты, изучали и пропагандировали наследие Древнего Рима и Греции. В своей корреспонденции они использовали не готический стиль письма, а копировали более ранние формы начертания букв, которыми были написаны древние рукописи. Отсюда и название шрифта – «антиква», то есть, древний.

Акцидентный набор - Изготовление наборных печатных форм для печатания бланков, аттестатов, грамот, пригласительных билетов, свидетельств, меню, различных объявлений.

Гротески, Гротесковые шрифты, Рубленые шрифты (Sans Serif, Gothic)

Собирательное название шрифтов без засечек. В Англии и Франции они чаще называются Sans Serif, в Америке Gothic, в Германии Grotesk. Первый известный гротеск появился в Англии в 1816 г. в образцах шрифтов лондонского словолитчика Уильяма Кэзлона IV (William Caslon IV, 1780–1869).

ФИЛЬТРЫ

По теории смотрим презентацию «Компьютерная графика и анимация». Часть I  (слайды 46 - 48)

Фильтры в GIMP – специальные процедуры обработки изображений, которые проводят с активным фрагментом (слоем, выделением) различные математические преобразования. В результате получается измененное изображение.Доступ к фильтрам: Меню — Фильтры. 

Фильтры разделены на группы, каждая из которых включает несколько процедур.

Практическая работа 1 - специальные шрифты
Практическая работа 2 - фильтры

Урок 23. Подготовка к контрольной работе, решение задач

 Дата проведения занятия 17.03.21, 31.03.21

 

Ребята! Напоминаем, 07.04.21 - контрольная работа по GIMP.
Сегодня решаем задачи, готовимся к контрольной работе. 
В тетради для контрольных работ решайте задачи:

Вариант 1     Вариант 2

Дома для подготовки еще раз посмотрите все уроки, начиная с 14 урока.
 Здесь кратко изложена теория кодирования графических изображений и разобраны решения типовых задач.
Самостоятельно прочитайте документ о типах шрифтов
 Здесь типы задач и вопросы для контрольной.

Урок 22. Работа с текстом

 

Дата проведения занятия 10.03.21

Создание и редактирование текста

Смотрим презентацию К.Ю.Полякова 

К главе 8: «Компьютерная графика и анимация». Часть II (слайд 7)

Тезисы по теории

В графическом редакторе можно вводить текстовую надпись с помощью инструмента
Текст (А).
Текст появляется в виде отдельного слоя в диалоговом окне Слои. Этот слой помечен буквой Т.

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

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

Диалоговая панель инструмента Текст позволяет устанавливать параметры текста: гарнитура, начертание, кегль, цвет. 

В GIMP можно использовать как имеющиеся в системе гарнитуры, так и семейства гарнитур Serif (для шрифтов с засечкам) и Sans (для шрифтов без засечек). Режим Антиалиасинг отвечает за сглаживание границ символов и его лучше включать. Чтобы закончить работу с текущим текстом, надо поставить птичку рядом с  «Использовать выбранный шрифт» и Закрыть окно.

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

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

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

• создать новый текстовый слой с текстом существующего слоя, оставив существующий слой неизмененным.
• отмена;
• всё равно редактировать текст;

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

Домашняя работа

Для подготовки к контрольной работе прочитайте статью, в которой приводятся необходимые сведения о шрифтах

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

Урок 20. Создание коллажа

 

СОЗДАНИЕ КОЛЛАЖА

GIMP предоставляет инструмент для сохранения выделенной области как канал. Для одного изображения можно сохранить несколько выделенных областей.
Благодаря этому появляется возможность использовать сохраненные в каналах фрагменты для создания и редактирования нового изображения.
Таким образом можно создать, например, коллаж из разных фрагментов.

ИЛЛЮСТРАЦИИ ДЛЯ ВЕБ-САЙТОВ

Смотрим презентацию К.Ю.Полякова «Компьютерная графика и анимация». Часть II

Иллюстрации для веб-сайтов должны быть сохранены только в тех форматах, которые умеют отображать браузеры (слайд 16).
Эти форматы предназначены для однослойных изображений. Поэтому все слои приходится сводить в один слой.
В перечисленных форматах используется сжатие данных. Если увеличивать степень сжатия, то качество изображения ухудшается, и наоборот (слайды 17 -22).
Форматы GIF и PNG плохо подходят для хранения изображения с плавными переходами цветов (градиентами). Поэтому для хранения фотографий желательно использовать формат JPG 

В Конструкторе сайтов Google для установки иллюстраций на веб-страницу в режиме редактирования используем кнопку "Вставить изображение".
Практическая работа 1 

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

 Дата проведения занятия 17.02.21

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

МНОГОСЛОЙНЫЕ ИЗОБРАЖЕНИЯ

Зачем нужны слои? Слои помогают человеку избежать необратимых изменений в сложном изображении. Каждый содержательный с точки зрения человека объект рисуется на отдельном слое (слайд 3).
Каждый слой можно изменять и перемещать независимо от других. Однако, если смотреть на стопку слоев сверху, то увидим полный рисунок.
Для управления слоями предназначено диалоговое окно Слои.
Структура диалогового окна Слои (слайд 4).
Список Режим определяет, как текущий слой влияет на изображение, полученное с нижних слоев (слайд 5).
Операции со слоями (слайд 6).
Текстовый слой создается при использовании инструмента Текст (слайд 7). этот слой существует в векторном формате, но может быть преобразован в растровое изображение.
Маска слоя позволяет сделать часть изображения на слое невидимой или полупрозрачной, ничего не удаляя (слайд 8-9).

КАНАЛЫ

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

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

ПРАКТИЧЕСКАЯ РАБОТА

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

 Дата проведения занятия 10.02.21

АНИМИРОВАННЫЕ ИЗОБРАЖЕНИЯ

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

Подробнее про слои смотрим  презентацию К. Полякова, слайд 1-9  «Компьютерная графика и анимация». Часть II
Лучше всего познакомиться с понятием слоя на практике.

ПРАКТИЧЕСКАЯ РАБОТА

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

 Дата проведения занятия 3.02.21

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

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

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

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

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

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

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

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

Урок 16. Цветовые модели

 Дата проведения занятия 27.01.21

Мы видим предметы, потому, что они излучают или отражают свет.

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

 Существует много различных типов цветовых моделей, но в компьютерной графике, как правило, применяется не более трех. Эти модели известны под названиями: RGB, CMYK и HSB.

1. Система аддитивных цветов - цветовая модель RGB наиболее проста для понимания и очевидна. В этой модели работают мониторы и бытовые телевизоры. Любой цвет считается состоящим из трех основных компонентов: красного (Red), зеленого (Green) и синего (Blue). Эти цвета называются основными.  Эти цвета смешиваются (складываются). Яркость каждой составляющей кодируется числом от 0 до 255.

2. Система субтрактивных цветов - цветовая модель CMYK служит для описания цвета, получаемого на бумаге.

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

В системе субтрактивных цветов основными являются голубой (Cyan), пурпурный (Magenta) и желтый (Yellow).

3. Модель HSB (V) - Тон — Насыщенность — Яркость»

Системы RGB и CMYK базируются на ограничениях, накладываемых аппаратным обеспечением (экрана монитора и типографскими красками). Более интуитивным способом описания цвета является его представление в виде оттенка цвета (Hue),  насыщенности (Saturation) и яркости (Brightness). Обозначение этой системы — HSB,

Тон — конкретный оттенок цвета — красный, желтый, зеленый и т.д.

Насыщенность  характеризует чистоту цвета: уменьшая насыщенность, мы разбавляем его белым цветом.

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

Более полно  - Теория в документе. 

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

Урок 15.

 Дата проведения занятия 13.01.21 и 20.01.21

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

В презентации К. Полякова Презентация 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. 

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

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

Практическая работа-2021 и Домашняя работа
Практическая работа-2021 Часть 2 - сравнение интерполяций