Инфоурок / Информатика / Другие методич. материалы / Открытый урок на тему: "Техника рисования"

Открытый урок на тему: "Техника рисования"

Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 22 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

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

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>

библиотека
материалов

Министерство образования и науки Российской Федерации

Министерство общего и профессионального образования Ростовской области

Государственное бюджетное профессиональное образовательное учреждение Ростовской области

Батайский техникум информационных технологий

и радиоэлектроники «Донинтех» (ГПБОУ РО «БТИТиР»)













Методическая разработка открытого урока по МДК 05.02

«Современные программные средства»


Специальность 09.02.05 «Прикладная информатика» (по отраслям)





На тему: «Техника рисования в Adobe Photoshop»







Разработала:

Преподаватель 1-й категории

Редькина Я.В.







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

24.11.2016 г.



Группа П-33















Батайск

2016

hello_html_7a3a67c3.png





Открытый урок – это маленький шедевр.

Иначе за него не стоит браться.

М.М. Поташник.



Урок 39-40.

Раздел программы: Обработка растровой графики с помощью программы Adobe Photoshop.



Тема урока: Техника рисования.

Цели урока: сформировать у студентов представление о технике рисования, объяснить кими инструментами можно создавать изображение, научиться использовать инструменты рисования в программе Adobe Photoshop.

Задачи урока:

образовательные: Углубление знаний и умений работы с растровым графическим редактором Adobe Photoshop, ознакомление с инструментами рисования. Изучить особенности заливки графических примитивов. Создать условия для изучения и запоминания данной темы.

развивающие: развитие способности логически рассуждать, развитие технического мышления. Развивать общие и профессиональные компетенции (ПК 1.1, ПК 5.7)

воспитательные: сформировать у студентов готовность к информационно-учебной деятельности, способствовать формирования у студентов инициативы

Материалы и оборудование к уроку: ПК, экран, мультимедийный проектор, программа Adobe Photoshop, программа Power Point, презентация, опорный конспект.

Тип урока: комбинированный: усвоение нового материала и применение полученных знаний на практике

Форма проведения урока: традиционная

Уровень усвоения: 2

План урока:

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

      • Постановка темы и цели урока.

      • Фронтальный опрос по изученному материалу.

      • Объяснение нового материала. Показ последовательности действуй в программе

      • Здоровье сберегающие мероприятия: гимнастика для глаз

      • Самостоятельная деятельность студентов по выполнению задания

      • Вопросы студентов.

      • Контроль усвоения знаний

      • Подведение итогов. Выставление оценок.

Ход урока:



  • Организационный момент (3 мин).

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



Здравствуйте, ребята. Присаживайтесь.

Проверка, приготовьте свои тетради и письменные принадлежности.

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

  • Постановка темы и цели урока (3 мин.)

Откройте свои тетради, запишем число, тему и цель урока,

Тема урока: Техника рисования.

Чему мы должны научиться за этот урок?

Цели урока: сформировать у студентов представление о технике рисования, объяснить кими инструментами можно создавать изображение, научиться использовать инструменты рисования в программе Adobe Photoshop.

Но прежде чем приступить к изучению новой темы, давайте повторим тему предыдущего занятия, напомню вам тему: «Техника выделения областей»



  • Фронтальный опрос по изученному материалу (7 мин).

1. Что такое выделение?

2. Для чего нужно выделять фрагменты изображения?

3. Как создать выделенную область?
4. Какие инструменты выделения вы знаете? Какие возможности представляет каждый инструмент?
5. Как удалить выделенную область?

6. Как снять выделенную область?



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



  • Объяснение нового материала. Показ последовательности действий в программе. (20 мин)

Мы уже с вами встречались с инструментами рисования на учебной практике по профессиональному модулю 05, давайте посмотрим на экран. Инструменты Фотошоп представлены следующими подвидами:

hello_html_42459306.jpg

Запишем их в рабочую тетрадь.

Теперь, давайте перейдем в программу Adobe Photoshop и попробуем с этими инструментами поработать.

Давайте выберем первый инструмент Кисть. Кисть – создает мягкие или четкие цветные штрихи.

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

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

Художники используют эти два инструмента для создания изображений как в реальном, так и в компьютерном мире.

Следующий инструмент это Замена цвета, замена цвета используется по назначению, т.е. заменить цвет с одного на другой.

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

  • смещение цветов на холсте;

  • смешение цветов на кисти;

  • изменение влажности краски на протяжении всего штриха.

Т.е. при помощи данного инструмента мы можем смазывать определенные детали по цвету. В основном данный инструмент используется для ручного рисования, совместно с инструментом Карандаш и Кисть.

Следующие инструменты Архивная кисть и Архивная художественная кисть.

Архивная кисть позволяет не только рисовать, но и очищать изображение от ранее наложенных штрихов.

Попробуем поработать с этим инструментом, откроем фото женщины и попробуем убрать морщины, для этого создадим дубликат слоя Ctrl+J, применим фильтр Размытие – размытие по Гауссу, радиус установим произвольно. Данный инструмент используется для не профессионального ретуширования.

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

Следующий инструмент, который у нас есть – это Градиент, создает заливку с плавным переходом между цветами. С градиентом мы уже так же встречались на УП 05, при создании открыток.

Последний инструмент — это Заливка. Заливка просто заливает область выбранным цветом.

Инструмент «Выбор 3D-материала» работает почти так же, как инструмент «Заливка», и позволяет брать образец материала и применять его прямо на 3D-объектах.





  • Здоровье сберегающие мероприятия: гимнастика для глаз (2 мин)

Упр. 1. Расслабление. Потрите ладошки друг об друга, чтобы согреть. Закройте глаза ладонями и досчитайте до 15. 

Упр. 2. Часто поморгайте, зажмурьтесь, широко откройте глаза, спокойно закройте. | Выполнять упражнение 3 - 4 раза.

Упр. 2. Смотрите вдаль перед собой , досчитайте до 3. Переведите взгляд на кончик носа, задержитесь и досчитайте до 5. | Повторить 6 - 8 раз.

Упр. 3. Выполнять движения открытыми глазами: посмотрите вверх вправо, вверх влево, вниз вправо, вниз влево. | Повторить 3-4 раза.

Упр. 4. Следите глазами за пальцем на расстоянии вытянутой руки «рисующем в воздухе» (прямую слева - направо, справа - налево, круг, зигзаг, спираль).

Упр. 5. Вращайте глазами, стараясь как можно больше увидеть по сторонам. | 6 раз влево, 6 раз вправо.

Упр. 6. Часто поморгайте, зажмурьтесь, широко откройте глаза, спокойно закройте. | Выполнять упражнение 3 - 4 раза.

Зрительная гимнастика занимает не более 5 мин. Рекомендуется проводить в середине каждого урока.

Важно! Во время выполнения упражнений следует подавать пример и комментировать каждое упражнение.







  • Самостоятельная деятельность студентов по выполнению задания (40 мин)

Далее вы попробуете самостоятельно при помощи фигур и стилей слоя создать красивый логотип Apple в программе Photoshop CС.

Итоговый результат

hello_html_m2fe42601.jpg

Шаг 1

Вначале создайте новый документ (Ctrl+N) в программе Adobe Photoshop со следующими размерами: 1920 px х 1200 px (цветовой режим RGB), разрешение 72 пикселей на дюйм (pixels/inch).

hello_html_1c793924.png

Откройте в рабочей папке логотип Apple в формате PNG. При необходимости, вы можете увеличить масштаб изображения с помощью инструмента Свободная трансформация (Free Transform (Ctrl+T)).

,hello_html_m296cd7b8.jpg

Шаг 2

hello_html_m3a06db9.png

hello_html_mab09104.png



Мы получим следующий результат.

hello_html_1fac81b7.jpg

Шаг 3

Итак, мы создали контур логотипа. Теперь мы добавим к нему следующий квадратик. В данном случае, я выбрала инструмент Прямоугольник со скруглёнными углами hello_html_m59d33467.jpg (Rounded Rectangle Tool (U)), в настройках данного инструмента установил Радиус (Radius) 15 px, далее, удерживая клавишу (Shift)+нарисуйте следующий квадратик, как показано на скриншоте ниже. Далее, с помощью инструмента Свободная трансформация (Free Transform (Ctrl+T)), поверните квадратик на 45 градусов.

hello_html_m58480db0.jpg

Уменьшите значение Заливки (Fill) до 0% для слоя с квадратиком. Далее щелкните по значку Добавить стиль слоя (Add a layer style) в нижней части панели слоев, чтобы применить стиль слоя Тень (Drop Shadow).

hello_html_m27b658c0.png



Далее, примените стиль слоя Наложение градиента (Gradient Overlay):

hello_html_3291a363.png

Зайдите в настройки градиента. Установите цвета градиента, которые указаны на скриншоте ниже. Нажмите кнопку OK, чтобы закрыть окно настроек редактора градиента.

hello_html_79446061.jpg

Поменяйте режим наложения для слоя с квадратиком на Жёсткий свет (Hard Light).

hello_html_m659e645a.png

hello_html_m723e6e5.jpg

Мы получили следующий результат.

hello_html_70473928.jpg



Шаг 4

Мы должны растрировать новый слой. Для этого, создайте новый слой поверх слоя с квадратиком, далее, выделите оба слоя, а затем, нажмите клавиши (CTRL+E), чтобы объединить их вместе. Теперь, с помощью инструмента Перемещение hello_html_m15d8d51f.png (Move Tool (V)), мы можем расположить квадратик внутри контура логотипа. При использовании инструмента Перемещение hello_html_m15d8d51f.png (Move Tool (V)), удерживайте клавишу (Alt)+потяните за квадратик, чтобы создать дубликат квадратика. Создайте несколько квадратиков. С помощью инструмента Свободная трансформация (Free Transform (Ctrl+T)), варьируйте размеры квадратиков.

hello_html_m729e3415.jpg

Шаг 5

Для дубликатов слоёв с квадратиками мы применим другое значение Заливки (Fill).

Далее, мы также поменяем цвет квадратиков.

В данном случае, создайте ещё один дубликат слоя с квадратиком (выбрав инструмент Перемещение hello_html_m15d8d51f.png (Move Tool (V)) + удерживая клавишу (Alt)+потяните мышкой квадратик, чтобы создать дубликат слоя). Далее, нажмите клавиши (CTRL+U) и в диалоговом окне коррекции Цветовой тон / Насыщенность(Hue/Saturation) сместите бегунок опции Цветовой тон (Hue) влево, чтобы изменить цветовой тон квадратика.

hello_html_361d3d84.jpg

Теперь, продублируйте слой с синим квадратиком. Расположите дубликаты синих квадратиков, как показано на скриншоте ниже:

Примечание: не забывайте варьировать размер дубликатов квадратиков.

hello_html_m4c40353c.jpg

Шаг 6

Продолжайте добавлять квадратики, на этот раз уже другого цвета. Чтобы поменять цвет, используйте ту же самую команду коррекции Цветовой тон / Насыщенность (Hue/Saturation). Теперь, несколько раз продублируйте слой с квадратиком, используя технику, которая описана выше.

hello_html_2b0c6752.jpg

Мы получили следующий результат.

hello_html_m2f578be1.jpg

Шаг 7

Слои с квадратиками должны располагаться друг за другом. Далее, мы возвращаемся на слой с первым квадратиком, создаём дубликат слоя (с помощью инструмента Перемещения hello_html_m15d8d51f.png (Move Tool (V))+клавиши (Alt)). А затем, меняем цвет квадратика с помощью коррекции Цветовой тон / Насыщенность (Hue/Saturation (CTRL+U)).

hello_html_m32124458.jpg

Теперь, несколько раз продублируйте слой с квадратиком, используя технику, которая описана выше.


 
hello_html_52a32895.jpg

Шаг 8

Продолжайте добавлять квадратики различных цветовых оттенков. Создайте дубликат самого первого слоя с квадратиком, используя технику, которая описана выше. А затем, поменяйте цвет дубликата квадратика с помощью коррекции Цветовой тон / Насыщенность (Hue/Saturation (CTRL+U)).

hello_html_1aecc3a0.jpg

Шаг 9

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

hello_html_m18d5d6b0.jpg

Шаг 10

В центральной части логотипа, мы добавим разноцветные квадратики размером побольше. Примените к этим слоям различную степень Непрозрачности (Opacity), а также различные режимы наложения, например, Перекрытие (Overlay), Жёсткий свет (Hard Light), Мягкий свет (Soft Light). Варьируйте размер квадратиков с помощью Свободной трансформации (Free Transform (Ctrl+T)).

hello_html_553f4a99.jpg

Шаг 11

Теперь, удалите слой с контуром логотипа.

hello_html_m33264f5f.jpg

Шаг 12

Нажав на значок «Создать новый корректирующий слой или слой-заливку» (Create new fill or adjustment layer) в нижней части панели слоев, добавьте корректирующий слой Кривые (Curves) поверх всех слоёв. Установите кривую, как показано на скриншоте ниже, чтобы провести небольшую коррекцию цвета.

hello_html_m32ffbace.jpg

hello_html_m2fe42601.jpg

Поздравляю, мы завершили выполнение логотипа!





  • Вопросы студентов (5 мин)

Если вопросов нет, то обсуждаем Понятны ли были задания? Насколько комфортно вы себя чувствовали во время занятия? Интересен ли был данный урок? Как вы оцениваете свою работу на занятии: Активно - пассивно

  • Контроль усвоения знаний (5 мин)

Устный опрос

  1. Какие инструменты рисования в программе Adobe Photoshop вы знаете?

  2. Для чего предназначен инструмент Кисть?

  3. Для чего предназначен инструмент Карандаш?

  4. Для чего предназначен инструмент Замена цвета?

  5. Для чего предназначен инструмент Микс-кисть?

  6. Для чего предназначен инструмент Архивная кисть?

  7. Для чего предназначен инструмент Архивная художественная кисть?

  8. Для чего предназначен инструмент Градиент?

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

  10. Для чего предназначен инструмент Выбор 3D-материала?



  • Подведение итогов. Выставление оценок (5 мин)

  • Выставление оценок за урок

  • Какие новые знания почерпнули.

  • Достигли ли цели урока

  • Анализ работ - кто справился, кто не справился, какие ошибки допустили

  • Похвалить студентов за хорошие работы

  • Домашнее задание – создать самостоятельно логотип любой фирмы с помощью инструментов рисования программы Adobe Photoshop



Вопросы для самоконтроля

  1. Какие инструменты рисования в программе Adobe Photoshop вы знаете?

  2. Для чего предназначен инструмент Кисть?

  3. Для чего предназначен инструмент Карандаш?

  4. Для чего предназначен инструмент Замена цвета?

  5. Для чего предназначен инструмент Микс-кисть?

  6. Для чего предназначен инструмент Архивная кисть?

  7. Для чего предназначен инструмент Архивная художественная кисть?

  8. Для чего предназначен инструмент Градиент?

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

  10. Для чего предназначен инструмент Выбор 3D-материала?



Самые низкие цены на курсы переподготовки

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

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

Обучение проходит заочно прямо на сайте проекта "Инфоурок", но в дипломе форма обучения не указывается.

Начало обучения ближайшей группы: 22 ноября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru


Общая информация

Номер материала: ДБ-390550
Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 22 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

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

Похожие материалы

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>