четверг, 29 января 2015 г.

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



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

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

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

Каналы

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

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


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

четверг, 22 января 2015 г.

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

Слои


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

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

четверг, 15 января 2015 г.

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

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


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



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



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

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

В системе субтрактивных цветов основными являются голубой (Cyan), пурпурный (Magneta) и желтый (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).

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

четверг, 25 декабря 2014 г.

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

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

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

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

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

среда, 10 декабря 2014 г.

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

Виды компьютерной графики
Давайте посмотрим на изображения, которые вы создавали в предыдущих классах: телефон в Paint, многоугольники в среде Логомиры, вазы в Компасе, схемы в  Draw и другие.
Посмотрим презентацию Компьютерная графика (скачать), обсудим  и запишем основные тезисы.
Мы будем работать с растровой графикой. Для работы будем использовать свободно распространяемый графический редактор GIMP.
Для закрепления материала выполните тест  по вариантам в зависимости от номера ПК.
Вариант I  (нечетные ПК) -  Растровая графика
Вариант II  (четные ПК)    - Векторная графика
Результаты выполнения теста всем классом мы можем увидеть на следующих изображениях.
Эти облака  слов построены программой Worditout из ваших ответов на тест. Те слова, которые встречались в ваших ответах чаще, написаны большими буквами, а те которые - реже, может быть 1 раз, написаны мелким шрифтом.  
Растровая графика


Векторная графика


Практическая работа
Выполните задание для работы на компьютере Практическая работа 1

вторник, 2 декабря 2014 г.

Внимание! Контрольная работа

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

четверг, 20 ноября 2014 г.

Урок 9. Сжатие данных

  1. Избыточность данных

Приложения создают документы, обладающие избыточностью
Наиболее избыточны видеоданные, менее – графические данные, еще менее – тексты
Интересно, что документы на русском на 20-30% избыточнее документов на английском языке!
  1. Объекты сжатия

    Объект
    Цель сжатия
    Файл
    Хранение, подготовка к передаче
    Папка
    Длительное хранение
    Диск
    Повышение эффективности использования
  2. Обратимость сжатия

Уменьшения избыточности можно добиться:
  • изменением содержания данных;
  • изменением структуры данных;
  • сочетанием обоих методов.
Изменение содержания данных -
необратимое сжатие
(Методы сжатия с регулируемой потерей информации)
Обычно обеспечивают гораздо более высокую степень сжатия, чем обратимые
Изменение структуры данных -
обратимое сжатие
Применимы только для тех типов данных, для которых формальная утрата части содержания не приводит к значительному снижению потребительских свойств
Нельзя применять к текстовым документам, БД, к программному коду.
Можно применять к мультимедийным данным:
  • видеоряды;
  • музыкальные записи;
  • звукозаписи;
  • рисунки и др. графические данные

Применимы для всех типов данных
Можно применять к текстовым документам, БД, к программному коду.
Из результирующего кода можно восстановить исходный массив данных путем применения обратного метода.

Характерные форматы сжатия с потерей информации:
  • .JPG – для графических данных;
  • .MPG, .MPG4 – для видеоданных;
  • .MP3 – для звуковых данных
Характерные форматы сжатия без потери информации:
  • .GIF, .TIF, .PCX и др. – для графических данных;
  • .AVI – для видеоданных;
  • .ZIP, .RAR, .ARJ, .LZH, .LH и др. – для для всех типов данных

Алгоритмы обратимого сжатия

можно посмотреть здесь.

Практическая работа на ПК Архивация  

Во время этой работы на ПК надо создать несколько архивов с помощью архиватора 7-zip

Практическая работа разархивация