Урок 22. Создание коллажа. Иллюстрации для веб-сайтов

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

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

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

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

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

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

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

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

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

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

Зачем нужны слои? Слои помогают человеку избежать необратимых изменений в сложном изображении. Каждый содержательный с точки зрения человека объект рисуется на отдельном слое (слайд 3).

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

Для управления слоями предназначено диалоговое окно Слои.

Структура диалогового окна Слои (слайд 4).

Список Режим  определяет, как текущий слой влияет на изображение, полученное с нижних слоев (слайд 5).

Операции со слоями (слайд 6).

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

Маска слоя позволяет сделать часть изображения на слое невидимой или полупрозрачной, ничего не удаляя (слайд 8-9). 

Каналы

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

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

Выделенную область можно сохранить с помощью Диалога каналов  (слайд 14).

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

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

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

Слои

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

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

Лучше всего познакомиться  с понятием слои на практике.

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

Безопасность в интернете

Урок подготовлен по материалам учителя информатики МКОУ СОШ №6 Молодшевой В.А.

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

 Но сеть Интернет скрывает и угрозы. Какие? Прочитайте и поясните, откуда берется угроза и как она вредит:

1. Угроза заражения вредоносным программным обеспечением (ПО).
2. Доступ к нежелательному содержимому.
3. Контакты с незнакомыми людьми с помощью чатов или электронной почты.
4. Поиск развлечений (например, игр) в Интернете.
5. Неконтролируемые покупки.  

Прочитайте сказку. О чем она?

А теперь, работая парами, заполните таблицы (каждая таблица на отдельной картонке), перечислив, что при работе в сети Интернет надо делать ВСЕГДА и что не делать НИКОГДА. Например, так:

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

Перечислите все ВСЕГДА и НИКОГДА, которые вы знаете.

Можно заглянуть на этот сайт Онлайн помощь в киберпространстве

Еще информация о безопасной работе в сети

Рассказы для учащихся
Тесты для учащихся 

Урок 19. Цветовые модели. Коррекция фотографий

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

Теория в документе. 

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

Коррекция фотографий

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

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

Исправление перспективы

Выделить все изображение. Затем применить инструмент 

Меню - Выделение - Все - Перспектива

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

Коррекция уровней

Гистограмма - график, который показывает распределение пикселей по яркости. Чтобы увидеть гистограмму для открытого изображения, выберите инструмент

Меню - Окно - Прикрепляющиеся диалоги - Гистограмма

Высота вертикальных отрезков определяет количество пикселей, имеющих одинаковую яркость, от самых темных (слева) до самых светлых (справа).

Если фото слишком темное, то все пиксели сосредоточены слева.Если фото слишком светлое, то все пиксели сосредоточены справаВ малоконтрастном фото есть средние тона, но нет темных.Четкое контрастное фото содержит пиксели всех уровней яркости.

Откроем  последовательно фотографии morning.jpg, evening.jpg, sun.jpg и lake.jpg.

Сравним гистограммы для них. 

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

Для этого используется инструмент

Меню - Цвет Уровни

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

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

Меню - Цвет - Яркость - Контраст

Коррекция цвета

В некоторых фотографиях явно видно, что один оттенок сильнее, чем нужно, и из-за этого листва деревьев может оказаться синей...

Для коррекции цвета используется инструмент

 Меню - Цвет - Цветовой баланс

Ретушь

Ретушью называют устранение дефектов фотографий.

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