Скачать 127.45 Kb.
|
Министерство образования и науки Республики Марий Эл МОУ СОШ «№30» Образовательный модуль факультативного курса по информатике «Основы графики. Графические редакторы» Объём модуля: 4 часа. 6 класс Модуль разработала: студентка гр. ПМ-43 Казакова Елена Йошкар-Ола 2011 Аннотация Данный проект предназначен на изучение основ компьютерной графики. Учащиеся создают творческие работы (коллаж, рисунок) в различных графических редакторах. В проекте даются на изучения редакторы, не требующие лицензии. На защите проекта учащиеся демонстрируют свои творческие работы. Защита будет на свободную тему, учащиеся смогут проявить себя, дать волю своим фантазиям. Цель: Изучить основы графики. Рассмотреть графические редакторы, не требующие лицензии (GIMP, Paint.Net). Задачи: Обучающие: научить учащихся пользоваться графическими редакторами. Развивающие: Формирование и проявление творческих способностей; Воспитательные: формирование интеллектуальных чувств (новизны, интереса); Целевая аудитория: Учащиеся средней школы – 6 класс. Методы изучения:
Требования к слушателям: Слушатель должен иметь начальные навыки работы на компьютере. В результате изучения модуля слушатель должен: Знать: назначение и возможности программ GIMP, Paint.Net; основы работы инструментов в программах. Уметь: самостоятельно создавать и редактировать графические объекты, создавать и редактировать текстовую информацию, применять спецэффекты к объектам. Тематический план
Содержание разделов курса Раздел 1. Введение в компьютерную графику. Растровая и векторная графика. Их преимущества и недостатки. Раздел 2. Знакомство с Gimp. Рисование. Обработка фото. Текст. Эффекты. Раздел 3. Знакомство с Paint.Net Как сделать блик света? Здесь мы рассмотрим довольно простой и эффектный момент, как сделать световой блик на изображении при помощи Paint.NET. Этот вопрос не случайно размещен в разделе уроки Paint.NET для новичков, потому что выполняется он в одно действие.Создавать солнечный блик мы будем на объемном смайлике, рисовать который, можно научиться на уроке Paint.NET - Как создать смешной трехмерный смайлик в Paint.NET. Для рисования блика света мы будем использовать инструмент Paint.NET градиент. Итак, выберем в качестве основного цвета белый цвет, а в качестве дополнительного цвета установим прозрачный. Для этого параметр "Прозрачность (альфа)" в окне палитра в Paint.NET нужно установить 0. На приведенном выше рисунке можно увидеть, что этот параметр расположен в нижнем правом углу. На рисунке значение этого параметра указано как 225, потому что рисунок представлен для основного цвета - белого, который не является прозрачным. Выберете тип градиента - круговой, как он выглядит можно увидеть на выше приведенном рисунке в левом верхнем углу. И при помощи левой кнопки мыши сделайте градиент в том месте изображения, где должен быть цветовой блик. Результат, который получился у нас можно увидеть на рисунке ниже. Мы специально сохранили маркеры градиента Paint.NET на рисунке ниже. Как сделать рисунок с прозрачным фоном? Как заменить белый цвет фона на прозрачный? Если вы хотите сделать картинку с прозрачным фоном, например для того, что бы поместить ее на сайте, то, прежде всего, можно сразу нарисовать изображение на прозрачном слое в Paint.NET. Если же вам уже досталась картинка, например, с белым фоном, как у бабочки на рисунке, то сначала нужно будет удалить белый фон.Для удаления фона можно воспользоваться, например, инструментом "волшебная палочка", в нашем примере на крайнем левом рисунке. После того, как необходимая для удаления область будет выделена - средний рисунок, по нажатию на кнопку Del можно ее удалить. Если в результате под изображением вы увидите шахматный узор, как на крайнем правом рисунке, то это обозначает, что область изображения, на которой вы видите шахматный узор, является прозрачной. Обратите внимание, что прозрачный фон поддерживают два основных формата PNG или GIF. Если вы сохраните изображение с прозрачным фоном, например, в формате JPG, то Paint.NET заменит прозрачный цвет фона на белый цвет, потому что формат JPG не поддерживает прозрачные изображения. Что лучше формат PNG или GIF? Оба этих формата поддерживают прозрачные цвета и могут использоваться для отображения в современных интернет-браузерах. В отличие от формата GIF, 32-х битный формат PNG поддерживает не просто прозрачный цвет, но и полупрозрачные тона. С другой стороны прозрачные цвета в изображениях в 32-х битном формате PNG не всегда корректно отображаются в старых интернет-браузерах, например в Internet Explorer 6. Как уменьшить выделенное изображение с сохранением пропорций? Как нарисовать апельсин?Раздел 4. Демонстрация и оценивание работ. Учащиеся демонстрируют свои работы, а одноклассники их оценивают. Формы и виды контроля Текущее оценивание: Устный опрос, направленный на повторение уже пройденного материала. Формирующее оценивание: Создание работы на свободную тему. Итоговое оценивание: Самооценка учащегося. Оценка работы одноклассниками. Учебно-методическое обеспечение курса Раздел 1. Введение в компьютерную графику. Примеры вопросов для устного опроса:
Раздел 2. Знакомство с Gimp.
Раздел 3. Знакомство с Paint.Net Например, как нарисовать апельсин: Для начала создадим в Paint.NET новое изображение, например, размером 600 на 600 пикселей. Белый слой с фоном использовать пока не будем, а создадим новый прозрачный слой, который назовем "апельсин". Выберем в качестве основного цвета - оранжевый (шестнадцатеричное значение этого цвета FFAE00), а в качестве дополнительного цвета - тыквенный (шестнадцатеричное значение этого цвета FF7B00). Заполним созданный нами только что прозрачный слой "апельсин" градиентом (инструмент Paint.NET "градиент") из этих двух цветов. В принципе сейчас для нас не имеет значения, каким видом градиента и как вы его заполните, это одна из возможностей для ваших будущих экспериментов. Мы в нашем примере использовали обычный линейный градиент из верхнего левого угла изображения в нижний правый угол. Теперь применим к слою "апельсин" дополнительный эффект к Paint.NET "Трехмерное изображение" - Shape3D. Для простоты урока мы использовали многочисленные значения параметров этого эффекта по умолчанию. Единственное значение, которое мы изменили - это параметр "Ambient Lighting", установив значение 0,55. Иначе апельсин получился бы слишком темным. Управление параметрами этого эффекта - это еще одно поле деятельности, где можно применив фантазию получить очень интересные результаты. Нас же полученный на рисунке справа результат, для целей данного урока пока устраивает. 2. Рисуем дольки апельсина в Paint.NETДля будущего среза апельсина нам сначала необходимо подготовить дольки, которые обычно видны на срезе. Для этого создадим три новых прозрачных слоя выше существующих "служебный", "дольки 1" и "дольки 2" в указанном порядке. Т.е. слой "дольки 2" сейчас самый верхний, хотя, как вы увидите дальше, порядок следования этих слоев не особенно критичен. На слое "служебный" посередине создадим, используя инструмент "овал" форму будущего среза. Желательно что бы овал быль чуть больше апельсина и по возможности располагался посередине слоя. Как следует из названия слоя, непосредственно этот овал в окончательном изображении участвовать не будет, поэтому нам все равно какого цвета он будет, и мы сделали его черным. Теперь перейдем к созданию долек. Сделаем слой "дольки 1" активным и применим к нему дополнительный эффект для Paint.NET "Лучи света" - "Light Rays". Первый основной цвет оставим оранжевым, второй дополнительный цвет должен быть абсолютно прозрачным (значение прозрачности альфа равно 0). Значения параметров эффекта можно оставить по умолчанию, кроме параметра "Number of Rays", который надо уменьшить. Мы использовали в качестве этого параметра количество лучей, равное 12. Кстати, если после использования эффекта вы заметили, что служебный черный овал находится не посередине изображения, еще не поздно его передвинуть так, как надо. Теперь на слое "дольки 2" опять применим дополнительный эффект для Paint.NET "Лучи света" - "Light Rays". Первый основной цвет теперь будет тыквенный, второй дополнительный цвет опять должен быть абсолютно прозрачным. Значения параметра "Number of Rays" опять 12. Однако теперь в настройках эффекта необходимо включить галочку "Swap colors", для того что бы заполнить пустующие места. Теперь нам необходимо убрать лишнее со слоев с дольками, для этого нам пригодится "служебный" слой. С помощью инструмента "волшебная палочка" выделим на слое "служебный" пустое место вокруг черного овала перейдем, активизируем слой "дольки1" и нажмем клавишу "Delete", что бы удалить все что попало в выделенную область на слое "дольки 1". Ту же самую процедуру проделаем со слоем "дольки 2". Теперь создадим разделители между дольками. Выделим при помощи инструмента "волшебная палочка" дольки на слое "дольки 1". Установим в качестве основного цвета - цвет сливочный (шестнадцатеричное значение этого цвета EAE3C0) и применим к выделенной области дополнительный эффект для Paint.NET "Обработка края выделенной области" - "Outline Selection", значение толщины линии мы использовали, равное 3. Теперь создадим видимость кожуры апельсина на срезе. Для этого снова воспользуемся служебным слоем, выделим при помощи инструмента "волшебная палочка" черный овал. Активируем слой "дольки 2" и снова применим к выделенной области дополнительный эффект для Paint.NET "Обработка края выделенной области" - "Outline Selection". Значение толщины линии в этот раз установим максимальное 10. С помощью инструмента "овал" можно нарисовать на слое "дольки 2" сливочным цветом сердцевину апельсина. 3. Создаем прожилки на срезе долек апельсинаТеперь слои "дольки 1" и "дольки 2" можно объединить. "Служебный" слой нам больше не понадобится, так что его можно просто удалить. Для создания большей реальности нарисуем прожилки на дольках апельсина. Для этого с помощью инструмента Paint.NET "волшебная палочка" выделим оранжевые и тыквенные части долек, на единственном уже слое с дольками. Для выделения нескольких областей можно в процессе выделения держать нажатой клавишу "Ctrl". Теперь, например, при помощи инструмента "карандаш" нарисуем хаотичные линии и точки внутри выделенной области на слое с дольками. В качестве основного цвета мы продолжали использовать - сливочный цвет. Не снимая выделения с выбранной области, применим к нарисованным нами хаотическим линиям и точкам стандартный эффект Paint.NET - "Вмятины" (эффект находится в меню "Эффекты" - "Искажения"). Мы использовали следующие параметры этого эффекта: Масштаб: 86; Преломление: 74; Шероховатость: 28; Давление: 25; Качество: 2. Изменяя параметры этого эффекта, а так же в зависимости от интенсивности нанесенных вами хаотических линий можно получить более интересные результаты, чем получили мы. 4. Наложение среза апельсинаПоследний этап заключается в наложении среза на рисунок апельсина. Для этого сначала при помощи функции "Поворот и масштаб" (находится в меню "Слои" или клавиши Ctrl+Shift+Z) на слое с дольками нужно повернуть срез так, как вам это необходимо. Потом с помощью инструмента "волшебная палочка" выделить изображение среза на слое с дольками. Для этого проще выделить пустую область на этом слое, а потом инвертировать выделение - комбинация клавиш Ctrl+I и при помощи инструмента "Перемещение выделенной области" расположить срез, подогнав под размеры апельсина, если необходимо. Лишние участки апельсина нужно будет удалить. Удалить лишние части самого апельсина можно либо большим ластиком, либо создать новый слой, область для удаления на котором разделить линией, выделить эту область при помощи инструмента "волшебная палочка", а потом удалить ее на слое "апельсин". Раздел 4. Защита работы на свободную тему. Демонстрация самостоятельных работ. Самооценка ученика Фамилия, имя ученика_________________________________________________________
Итоговая оценка выводится как среднее арифметическое всех баллов. Критерии оценивания рисунка Фамилия, имя ученика_________________________________________________________
Итоговая оценка выводится как среднее арифметическое всех баллов. |