вторник, 16 апреля 2019 г.

Урок 30-31. Решаем задачи - готовимся к контрольной

Дата проведения занятия 17.04.19
 
Ребята! Напоминаем, 24.04.19 - контрольная работа по GIMP.
Сегодня решаем задачи, готовимся к контрольной работе. 

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

среда, 3 апреля 2019 г.

Урок 28-29. Создание коллажа

Создание коллажа

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

Иллюстрации для веб-сайтов

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

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

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

вторник, 12 марта 2019 г.

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

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

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

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

Каналы

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

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


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

вторник, 26 февраля 2019 г.

Урок 24-25. Работа со слоями

Дата проведения занятия 27.02.19, 5.03.19

Анимированные изображения


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

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

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

среда, 13 февраля 2019 г.

Урок 22-23. Цветовые модели. Работа с выделенными областями


Дата проведения занятия 13.02.19
Мы видим предметы, потому, что они излучают или отражают свет.
Свет — электромагнитное излучение.
Цвет — характеризует действие излучения на глаз человека.
Лучи света, попадая на сетчатку глаза, производят ощущение цвета.
Излучаемый свет — свет, исходящий из источника (солнце, лампочка).
Отражаемый цвет — свет, отраженный от поверхности объекта.
Излучаемый свет, идущий непосредственно от источника, сохраняет в себе все цвета, из которых он создан.
Отражаемый свет может измениться по сравнению с излучаемым.
 Существует много различных типов цветовых моделей, но в компьютерной графике, как правило, применяется не более трех. Эти модели известны под названиями: 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 .

Работа с выделенными областями

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

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



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

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

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

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

вторник, 29 января 2019 г.

Урок 20-21. Изменение размеров изображения в Gimp

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

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

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

Урок 18-19. Графические редакторы

Дата проведения занятия 16.01.19
Правила жизни. Татьяна Владимировна Черниговская. Эфир от 21.05.18 / Телеканал Культура (9 минут)
Зачем нужно читать книги? Татьяна Владимировна Черниговская 17.11.17. (16 минут)
Графические редакторы - это специализированные программы для работы с изображениями.
Графические редакторы делятся на две большие группы: растровые и векторные редакторы
Ребята, самостоятельно найдите в сети ответы на следующие вопросы:

  • Что такое растровый редактор, для чего предназначен, с какими форматами работает
  • Примеры растровых изображений
  • Что такое векторный редактор, для чего предназначен, с какими форматами работает
  • Примеры векторных изображений
  • Сравнение двух типов редакторов. Достоинства и недостатки
А теперь создайте новое сообщение в своем блоге и поместите туда ответы на эти вопросы.
Не забудьте вставить ссылки на используемые интернет-ресурсы!
Название сообщения в блоге: Графические редакторы. 
Ярлык сообщения: ИКТ
Здесь ссылки на ваши блоги