План-конспект урока icon

План-конспект урока



НазваниеПлан-конспект урока
Дата конвертации10.07.2012
Размер84.03 Kb.
ТипУрок

3D рисование с градиентом Цилиндр

План-конспект урока


Дело не в том, чтобы научиться рисовать,
а в том, чтобы научиться мыслить.
Стендаль




  • ЦелЬ урока

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

  • ТИП урока

Практическое занятие.

  • ОБОРУДОВАНИЕ

Персональный компьютер с установленной операционной системой Windows XP и графическим редактором INKSCAPE 0.45.



ХОД урока

Организационный момент

Введение в тему, постановка целей и задач урока, план хода урока.

Градиент (от лат. gradiens, род. падеж gradientis — шагающий) — характеристика, показывающая направление наискорейшего возрастания некоторой величины, значение которой меняется от одной точки пространства к другой.

Например, если взять высоту поверхности Земли над уровнем моря (2-мерное пространство), то её градиент в каждой точке поверхности будет показывать «в горку».

^ Градиент — вид заливки в компьютерной графике, в которой необходимо задать цвет и прозрачность определённых (ключевых) точек, а цвет и прозрачность остальных точек рассчитываются относительно их по определённым математическим алгоритмам. Таким образом можно получать плавные переходы из одного цвета в другой, задав координаты и цвет начальной и конечной точек.

Основные виды градиентов:

линейный — ключевые точки располагаются на одной прямой,

круговой — относительно первой ключевой точки строются концентрические org/wiki/окружность">окружности, цвет которых зависит от расположения остальных ключевых точек,

угловой — ключевые точки располагаются по кругу.

Градиенты используются как в растровой так и в векторной графике.

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

    Открытие программы графического редактора INKSCAPE.
    Конкретные действия указывает учитель.

  2. Установка параметров холста.


    1. Откройте окно Свойства документа (Файл ? Свойства документа…).

    2. Во вкладке Страница установите Другой размер:
      Ширина = 200 px, Высота = 200 px).

    3. Во вкладке Сетка/ Направление включите сетку, т.е. поставьте галочку
      Показывать сетку, установите Интервал по Х = 5 px и Интервал по Y = 5 px.

    4. Во вкладке Прилипание включите Узлы прилипают к сетке и Всегда прилипать, а также включите режим Всегда прилипать. Остальные галочки уберите. Установите Чувствительность прилипания = 10.

    5. Закройте окно Свойства документа.

    6. Установите масштаб отображения холста во все окно программы
      (Вид ? Масштаб ? Страница).

  3. Рисование цилиндра.

    1. Рисование верхней плоскости цилиндра.

      1. На панели инструментов выберите инструмент Рисовать круги, эллипсы и дуги.

      2. Нарисуйте эллипс между координатами 50 и 150 пикселей по горизонтальной оси и между отметками 150 и 180 пикселей по вертикальной.

      3. При выбранном объекте (эллипсе) откройте окно
        Заливка и штрих (Объект ?  Заливка и штрих…).

      4. Во вкладке Заливка выберите Плоский цвет и установите его пурпурным.
        (Плоский цвет ? вкладка RGB ? R: 255, G: 0, B: 255, A: 255, Размывание = 0 %, Общая прозрачность = 100 %)

      5. Во вкладке Стиль штриха установите: Ширина = 1 px.

    2. Рисование дна цилиндра.

Если ваш эллипс не выделен, то выделите его инструментом ^ Выделение и трансформация объектов, продублируйте командой Правка ? Продублировать и смещайте вниз, удерживая нажатую клавишу Ctrl, пока его верх не окажется на метке 50 px по вертикальной оси.

    1. Рисование боковой поверхности цилиндра.

      1. Выберите верхний эллипс и еще раз продублируйте его, как мы это уже делали раньше.

      2. Замените цвет дубликата на красный.

      3. Далее, при выделенном дубликате, переведите эллипс в кривые командой Оконтурить объект (Контуры ?  Оконтурить объект).

      4. Выберите инструмент Редактировать узлы контура или усы узлов ().

      5. У верхнего эллипса выделите верхний узел и удалите его, нажав на иконку Удалить выделенные узлы ().

      6. У этого же объекта (измененного верхнего эллипса) выделите левый узел и, удерживая нажатой клавишу SHIFT, правый узел, и нажмите на иконку Разбить контур между двумя неоконечными узлами (). Повторите указанные шаги для нижнего эллипса (за исключением его дублирования).



      1. При помощи клавиши SHIFT выделите контуры верхней (красной) и нижней половин эллипсов, и сгруппируйте их в один объект, выполнив команду Контуры  Объединить.

      2. При помощи указателя Редактировать узлы контура или усы узлов () выделите два самых левых узла (один с верхнего, а другой с нижнего полуэллипса).

      3. Соедините их, выполнив команду Соединить контуры по выделенным оконечным узлам новым сегментом, нажав на иконку .

      4. Повторите эту операцию c двумя аналогичными узлами справа.

      5. Замените цвет боковой поверхности цилиндра на красный.



  1. Добавление градиентной заливки для 3D эффекта.

    1. Откройте окно Заливка и штрих (Объект ? Заливка и штрих…).

    2. Выберите закладку Заливка, если она еще не открыта, и при выделенной боковой поверхности цилиндра, кликните на иконке Линейный градиент ( ).

    3. На панели инструментов выберите инструмент Создавать и править градиенты ().

    4. Откройте окно Редактор градиентов, нажав на панели настройки инструмента кнопку Изменить…



    5. Добавьте третью опорную точку, в окне Редактор градиентов, нажав кнопку
      Добавить опорную точку.

    6. Придадим нашему цилиндру блестящий металлический оттенок.
      Откройте раскрывающееся меню опорных точек stop, нажав на черный треугольничек в окне Редактор градиентов, и выберите самую верхнюю опорную точку, обозначенную, например, "stop2221" (в вашем случае цифра, скорее всего, будет другой). Это – крайняя левая опорная точка. Измените Цвет опорной точки в RGB вкладке на R: 60, G: 60, B: 60, A: 255 (После ввода последней цифры нажмите клавишу ENTER).

    7. Выберите следующую опорную точку и установите ее RGB цвет на: R: 255, G: 255, B: 255, A: 255.

    8. Выберите последнюю (третью) опорную точку и установите ее цвет на R:60, G: 60, B: 60, A: 255. (Теперь вы должны получить металлический цилиндр с самой светлой областью, находящейся в центре цилиндра.)



    1. Закройте окно Редактор градиентов.

    2. Давайте, переместим светлую область на стенке цилиндра из центра в сторону. Это возможно осуществить дополнительным редактированием градиента, изменяя смещение средней опорной точки, а также осветлением и затемнением боковых опорных точек. Однако самым легким способом является использование «усов» градиента, что мы и сделаем, потянув вправо за правую точку «уса» градиента (для точного горизонтального перемещения держите нажатой клавишу Ctrl).



    1. Выключите контурные линии верхней и боковой поверхностей цилиндра (Объект ? Заливка и штрих… ? Стиль штриха), выделив и установив их ширину равную нулевой.

    2. Измените цвет верхней поверхности цилиндра на серебряный (R: 160, G: 160, B: 160).



  1. Добавление тени.

    1. Создание тени объекта.

      1. Выделите верхнюю поверхность цилиндра (эллипс), продублируйте ее и измените ее цвет на другой, например, розовый.

      2. Переведите новый эллипс в кривые (Контуры ?  Оконтурить объект).

      3. Удалите нижний узел (, ).

      4. Выберите два боковых узла и удалите кривую между ними ( ).

      5. Выберите боковую поверхность цилиндра, продублируйте ее и измените ее цвет.

      6. Удалите три верхних узла у боковой поверхности дубликата.

      7. Выберите два оставшихся боковых узла и удалите отрезок между ними.

      8. Выделите оба новых объекта.

      9. Объедините их в один (Контуры Объединить).

      10. Выделите два боковых левых узла и соедините их ( ).

      11. Преобразуйте эти сегменты в прямые, выполнив команду Сделать выделенные сегменты прямыми ( ).

      12. Повторите эти операции для правой стороны.

    2. Изменение формы тени.

      1. Выберите три верхних узла и переместите их ниже и в сторону, как показано на рисунке ниже:



      1. Переместите тень за цилиндр (Объект ? Опустить на задний план).

      2. Узлы, указанные стрелками на следующем рисунке, требуют подстройки, согласно рисунку. Для выполнения вращения, крутите «усик», взяв его за дальний от узла конец, при этом удерживая нажатой клавишу Alt, что сохранит постоянным расстояние между редактируемым узлом и концом «усика».



      1. Измените цвет тени на серый (R: 127 G: 127 B: 127).

    1. Смягчение углов тени.

      1. Инструментом Редактировать узлы контура или усы узлов () выделите тень и выполните команду:
        Эффекты?Использование контура ? Втяжка/Растяжка ореола
        с параметрами Ширина = 5, Количество шагов = 11.

      2. Оригинал тени все еще выделен. Он больше не нужен. Удалите его нажатием клавиши Del.

      3. Выделите новую размытую тень и переместите тень за цилиндр (Объект ? Опустить на задний план).

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

РЕЗУЛЬТАТ Практической работы



Итог урока

Оценка результатов работы учащихся, разбор допущенных ошибок и анализ их вызвавших причин,

ДоМАШНЕЕ ЗАДАНИЕ

Нарисовать горизонтально расположенный цилиндр.

ИСПОЛЬЗОВАННЫЙ МАТЕРИАЛ

Tavmjong Bah. Inkscape: Guide to a Vector Drawing Program. (http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html)



 Альгимантас Понишкайтис, 2009




Похожие:

План-конспект урока iconКонспект урока по информатике учителя Оганьян Э. А. Тема урока : Основные операторы языка Бейсик Тип урока: урок обобщение План урока
Каждый из них должен написать, что появится на экране при выполнении данных задач
План-конспект урока iconПлан конспект урока
Организационный момент (приветствие учащихся, объявление темы и цели, плана урока)
План-конспект урока iconSophocles План-конспект урока по теме
Цель урока: ознакомление учащихся с обычаями и традициями празднования праздника “St. Valentine’s Day”
План-конспект урока iconПлан-конспект урока химии с учащимися 9класса Тема урока: «Алюминий металл будущего». Цели урока: Изучить свойства металлов а группы на примере алюминия
Дать характеристику элемента по его положению в периодической системе химических элементов
План-конспект урока iconПлан-конспект урока по технологии тема урока: комнатные растения в жизни человека и их размещение в интерьере квартиры слайд Цели урока
Обучающие: создать условия для формирования практических умений и навыков, учащихся при работе с творческими проектами
План-конспект урока iconПлан-конспект урока русского языка в 6 б классе. Учитель: Гречаниченко М. В. Тема урока : Устаревшие слова. Цели урока
Ознакомить учащихся с устаревшей лексикой русского языка, закрепить навыки пользования словарем
План-конспект урока iconПлан-конспект урока по курсу «Окружающий мир», 2 класс, умк «Начальная школа XXI века» Учитель: Куприянова Елена Николаевна Тема урока: в некотором царстве…
Цели урока: Создать условия для формирования первичного представления о живых участниках круговорота веществ в природе
План-конспект урока iconПлан-конспект урока «Расчет геометрических параметров объекта в электронных таблицах»
План-конспект урока «Расчет геометрических параметров объекта в электронных таблицах» с использованием компьютера
План-конспект урока iconПлан-конспект урока по теме

План-конспект урока iconПлан-конспект урока по физической культуре для учащихся 5-х классов. Тип урока: обучающий. Задача урока: 1) Развитие ловкости. 2) Обучение техники упора на перекладине (мальчики)
...
План-конспект урока iconПлан-конспект урока географии в 9 классе выравнивания. Тема: «Северный Кавказ». Место урока: урок проводится согласно тематическому планированию в теме «Региональная экономическая география рф»
Цель урока: сформировать знания об экономическом развитии региона на основании аналитического описания экономики региона по плану...
Разместите кнопку на своём сайте:
Документы


База данных защищена авторским правом ©podelise.ru 2000-2014
При копировании материала обязательно указание активной ссылки открытой для индексации.
обратиться к администрации
Документы

Разработка сайта — Веб студия Адаманов