Выпускная квалификационная работа магистра «РАЗРАБОТКА ОБУЧАЮЩЕГО МОДУЛЯ ДЛЯ СТАРШИХ ШКОЛЬНИКОВ ПО ADOBE PHOTOSHOP»

Министерство образования и науки Российской Федерации
Федеральное государственное бюджетное
образовательное учреждение высшего образования
«Московский педагогический государственный университет»
Институт искусств
Шилова Виктория Александровна
«РАЗРАБОТКА ОБУЧАЮЩЕГО МОДУЛЯ ДЛЯ СТАРШИХ ШКОЛЬНИКОВ ПО ADOBE PHOTOSHOP»
Код и направление подготовки: 44.04.01 «Педагогическое образование»
Наименование магистерской программы: «Инновационные технологии в художественном образовании»
Выпускная квалификационная работа магистра
(магистерская диссертация)
Научный руководитель  Доктор педагогических наук,
академик РАЕ, профессор кафедры
художественного образования
Ткалич С. К.
и. о. зав. кафедрой
художественного образования
Татенашвили Н. О.
Рецензент
кандидат педагогических наук,
Крутских В.В

Проверка на объем заимствований:
97,58 % авторского текста
Москва – 2016 год
СОДЕРЖАНИЕ:
ВВЕДЕНИЕ……………………………………………………………………. 3
ГЛАВА I
МУЛЬТИМЕДИЙНЫЕ КОМПЬЮТЕРНЫЕ ТЕХНОЛОГИИ
В ШКОЛЬНОМ ОБРАЗОВАНИИ
Значение компьютерных технологий в школьном образовании……..10
Области применения инновационных технологий в школе для развития детей …………………………………………………………...14
Системный анализ и сравнение компьютерной графики, как учебной дисциплины на уроках информатики в школах…….………………....20
Ретроспекция: история появления графического редактора Adobe Photoshop……………..…………………………………………………..30
Вывод по главе I ………………………………………………………………...33
ГЛАВА II
«РАЗРАБОТКА ОБУЧАЮЩЕГО МОДУЛЯ ДЛЯ УЧАЩИХСЯ СРЕДНИХ КЛАССОВ ПО ADOBE PHOTOSHOP»

2.1. Общие аспекты в создании обучающего модуля………………………34
2.2 Разработка структуры обучающего модуля…………………………….41
2.3 Разработка комплексных уроков в модуле…………………………......45
2.4 Апробация и самоанализ открытого урока обучающего модуля…….96
Вывод по главе II……………………………………………………………….106
ЗАКЛЮЧЕНИЕ…………………………………..........................................107
Список литературы………………………………………………………......108
Приложение................................................................................................116


ВВЕДЕНИЕ
ЗАКАЗЧИК: Муниципальное Автономное Общеобразовательное Учреждение Средняя Общеобразовательная школа №14. Адрес 143980, Московская область, г. Железнодорожный, ул. Маяковского, дом 32. Директор школы Добужская Елена Юрьевна. Контакты для связи: телефон 8 (495) 567-35-56, E-маil: maou-soch14@inbox.ru
ТЕХНИЧЕСКОЕ ЗАДАНИЕ: разработать модуль по графическому редактору Adobe Photoshop, направленный на приобщение учащихся средних классов к прикладной информатике. Модуль предназначен для обучения учащихся средних классов основам дисциплины «Компьютерная графика».
1. Основание для разработки.
Обучающая программа была разработана в соответствии с «Планом по созданию обучающего модуля для детей средних классов МАОУ СОШ №14 от 1 сентября 2016 года. План находится на официальном сайте Муниципального автономного общеобразовательного учреждения средняя общеобразовательная школа №14.
2. Требования заказчика к разработке.
Наличие титульной, иллюстративной обложки.
Наличие введения о содержании данного курса.
Наличие разделов, с краткой аннотацией о каждом разделе.
Наличие нескольких тематических уроков в каждом разделе.
Наличие иллюстративного материала в уроках.
В конце каждого урока должен быть использован проверочный тест для эффективного закрепления.
Принцип доступности содержания текста в модуле.
Последовательность тем по уровню сложности.
В конце модуля прописывается навигационное содержание по разделам и урокам.
Требования к графическому оформлению модуля.
Иллюстративный, графический материал должен соответствовать классификации информационной продукции в соответствии с ФЗ № 436 «О защите детей от информации, причиняющей вред их здоровью и развитию».
Единое колористическое решение.
Размер шрифта, цвета и сочетание цветов должны учитывать нормы СанПин.
Размещение иллюстративного материала и текста в модуле должны учитывать нормы СанПин.
Цель: создать комплексный модуль по графическому редактору Adobe Photoshop, направленный на приобщение учащихся средних классов общеобразовательной школы к прикладной информатике.
Актуальность темы ВКР. Востребованность учебно-методических разработок, методических пособий, учебников для детей средних классов по дисциплине «Компьютерная графика» постоянно отмечается руководством школ и педагогами в научных статьях, в устных выступлениях на конференциях.
Проблематика вопроса в том, что профессиональные разработчики не понимают специфику работы с детьми среднего школьного возраста, не могут распределить постепенное формирование мыслительных реакций и новых технических знаний.
Важнейшим проблематичным вопросом является и единый формат заданий для всех детей среднего школьного возраста, что непрофессионально с позиции прикладной педагогики.
Кроме того, нет единой нормативной экспертной оценки в издательствах: учебно-методические пособия по данной дисциплине являются разнотипными в техническом и практическом обучении, что не связано с развитием креативного мышления. Учащиеся средних классов такой ситуации непрофессионального обучения практически не защищены от «перегруженных» техническими идеями педагогов-программистов.
Выявленный проблемный комплекс учебной практики в общеобразовательной школе стал основой для появления идеи авторского проектного предложения по созданию максимально удобной, комплексной методики по графическому редактору Adobe Photoshop, отвечающей требованиям ФГОС.
Идея авторского проектного предложения: разработать учебно-методическое пособие для средних классов на основе комбинаторики компьютерной программы и педагогического содержания практических заданий, что в целом формирует познавательный, воспитательный показатель предлагаемого учебно-методического пособия.
Объект исследования: художественно-эстетическое образование в средних классах общеобразовательной школы (МАОУ СОШ №14) в границах дисциплины «Компьютерная графика», утвержденной ФГОС 3+.
Предмет исследования: процесс разработки комплексного, обучающего модуля по графическому редактору Adobe Photoshop по учебной дисциплине «Компьютерная графика» для учащихся средних классов на основе комбинаторики компьютерной программы и педагогического содержания практических заданий, что в целом формирует познавательный, воспитательный показатель предлагаемого учебно-методического пособия.
Методы исследования:
Общетеоретические методы:
1)системный анализ научной литературы по теме ВКР,
2)эмпирический метод анализа учебной практики по освоению предмета «компьютерная графика» в общеобразовательной школе в виде наблюдения, опросов, посещения занятий,
3)сравнительный метод анализа проведения занятия по предмету «Компьютерная графика» в общеобразовательных школах: "Гимназия №1" муниципальное автономное общеобразовательное учреждение городского округа Балашиха Московской области, Муниципальное автономное учреждение дополнительного образования «Художественная школа» городского округа Балашиха Московской области мкр. Павлино.
Специальные методы исследования:
1 - изучение печатного учебного обеспечения педагогов в библиотеке общеобразовательной школы,
2 - наличие визуальных вспомогательных материалов при работе с литературой,
3 - аналитический обзор учебно-методических интернет ресурсов в школьной библиотеке МАОУ СОШ № 14.
Практические методы проектной деятельности:
1) поэтапная подготовка проектного предложения,
2) адаптация авторского модуля к образовательной среде общеобразовательной школы среди педагогов и учащихся средних классов,
3) применение метода комбинаторики для взаимодействия компьютерной программы и педагогического содержания практических заданий, и обоснование авторства предложенного технического задания,
4) представление комплекса готового проектного предложения для предзащиты проекта.
Гипотеза. Мы предположили, что комплексный обучающий модуль по графическому редактору Adobe Photoshop, направленный на приобщение учащихся средних классов к прикладной информатике, будет максимально комфортным для освоения, инновационным на основе комбинаторики компьютерной программы и педагогического содержания практических заданий, что в целом формирует познавательный, воспитательный показатель предлагаемого учебно-методического пособия, если:
- будет поставлена и прописана методическая цель каждого занятия,
- после краткого изложения теоретической части должно быть дано практическое задание, понятное и доступное для детей, обучающихся в средних классах.
- каждое занятие, и в целом весь обучающий модуль, должен быть выстроен (разработан педагогом) по принципу ступеней дидактики, адаптированных к мыслительному процессу детей средних классов (познавательная ступень, репродуктивная ступень, творчески-репродуктивная ступень, продуктивная ступень),
- каждый новый урок должен отличаться от предыдущего разнообразными формами привлечения внимания учащихся средних классов к особенностям освоения окружающей среды с помощью графического редактора,
- педагогом должен быть использован индивидуальный и групповой метод организации занятий.
Проектные задачи по выполнению технического задания.
1) Разработка структуры обучающего модуля.
2) Разработка комплексных уроков в структуре модуля.
Порядок работы над созданием обучающего модуля
представлен в форме плана
Первый этап работы.
Формулировка и разработка общих аспектов обучающего модуля.
Создание структуры обучающего модуля.
Второй этап - разработка дизайна.
Детально исследовать стилевые элементы, цветовые решения модуля.
Выбор колорита, цвета.
Разработка композиции цветового соотношения компонентов.
Выбор шрифта.
Третий этап. В течении следующего этапа происходит процесс создания пробного проектирования страниц модуля:
проектировка иллюстративного материала с текстом,
осуществление итоговой сборки модуля.
Четвертый этап. Финальный этап - утверждение комплексного модуля администрацией МАОУ СОШ №14:
1. демонстрация комплексного обучающего модуля,
2. исправление недочетов модуля, по итогам просмотра.
РАБОЧИЙ ПЛАН: этапы разработки
Работа выполняется в следующем порядке:
Этап 1. Разработка структуры обучающего модуля. Создание разделов и тематических уроков.
Этап 2. Создание иллюстративного решения обучающего комплексного модуля. Разработка и оформление всех страниц модуля.
Этап 3. Утверждение обучающего модуля руководством общеобразовательной школы МАОУ СОШ № 14.
Порядок контроля.
Заказчик еженедельно получает письменный отчет о проделанной работе. Контроль пройденного этапа на соответствие поставленной технической задачи организуется Заказчиком в лице директора МАОУ СОШ № 14 Добужской Елены Юрьевны в индивидуальном порядке.
ТЕОРЕТИЧЕСКАЯ И ПРАКТИЧЕСКАЯ НОВИЗНА ИССЛЕДОВАНИЯ
Теоретический блок новизны.
Проведен системный анализ литературы и выявлены проблемные вопросы, связанные с преподаванием прикладной информатики в общеобразовательной школе.
Проведен эмпирический анализ ситуации проведения занятий и объем специальной литературы на объекте заказчика (школа).
Сформулирован новый метод «комбинаторики компьютерной программы и педагогического содержания практических заданий», который позволяет разработать каждое занятие с максимальным комфортом для восприятия и освоения учащимися средних классов.
Выдвигается положение, что метод «комбинаторики компьютерной программы и педагогического содержания практических заданий», в целом формирует познавательный, инструментальный, воспитательный показатель работы педагога в общеобразовательной школе.
Практический блок новизны:
1 - разработано учебно-методическое пособие для учащихся средних классов общеобразовательной школы,
2 - предложены нормативные критерии для педагогов в процессе подготовки занятий по предмету «компьютерная графика»,
3 - предложена тематическая рубрика учебно-методического пособия с национально-культурным компонентом, формирующая познавательный, воспитательный показатель работы педагога в общеобразовательной школе,
4 - представлен алгоритм адаптации спроектированного занятия по методу «комбинаторики компьютерной программы и педагогического содержания практических заданий». Адаптация проведена на базе заказчика как показательный урок.
На защиту представлены:
Текст магистерской диссертации/80 страниц с иллюстративным приложением,
Акт о выполнении технического задания и приеме проектного учебно-образовательного модуля,
Отзыв Руководства общеобразовательной школы - заказчика,
Рецензия независимого эксперта (педагоги школы-заказчика),
Справка проверки «Антиплагиат»,
Планшеты/постеры проектного предложения,
Презентация – 13 слайдов,
Портфолио с научными рекламными страницами.
ГЛАВА I
МУЛЬТИМЕДИЙНЫЕ КОМПЬЮТЕРНЫЕ ТЕХНОЛОГИИ
В ШКОЛЬНОМ ОБРАЗОВАНИИ
1.1 Значение компьютерных технологий в школьном образовании
В настоящее время инновационные компьютерные технологии всё больше проникают в сферу школьного образования и деятельности человека.
Несколько лет назад дети на уроках изобразительного искусства, для своих работ использовали кисти, краски, холсты, цветные карандаши. Но теперь в мультимедийные технологии в школе дают возможность детям выполнять свои творческие работы совсем иным способом. Вместо кистей и красок, выступают графические планшеты и векторные, растровые программы. Вместо лекции на уроке, педагог может показать интересное документальное кино, или же подать отличный иллюстративный материал детям, закрепляя знания [1].
Но для начала мы хотели бы дать определение инновационным компьютерным технологиям или его синониму мультимедийные технологии.
Мультимедиа — это взаимодействие визуальных средств и аудио эффектов под управлением интерактивного программного обеспечения с использованием современных технических и программных средств.
Они объединяют в себе: текст, графику, а так же 3D-графику, видео, flash-анимацию, звук, изображения, фотоизображения. Все эти составляющие взаимодействуют между собой.
За счет использования мультимедийных продуктов, как в художественной, так и в любой школьной сфере деятельности происходит: реализация человека как профессиональной личности, развитие творческих, коммуникативных способностей человека, обучение [4].
Использование мультимедийных продуктов в работе с детьми любого школьного возраста только начинает набирать свои обороты. Разумеется, все это связано с постоянно растущими инновационными переменными в системе Федеральных государственных образовательных стандартах.[10]
Постоянный успех таких перемен связан с обновлением материальной методической и научной базы муниципальных автономных общеобразовательных учреждений средних образовательных школ. Одно из самых важных условий такого обновления является замена старых ресурсов на новые технологии. За последние десять лет, эти технологии стали иметь важное значение чем энергетические, трудовые или материальные ресурсы. И естественно с каждым годом возникает потребность все более нового владения компьютером, программным обеспечением и конечно новыми гаджетами не только в старшем или среднем школьном звене, но и в начальном. Таким образом, мультимедийные технологии создают условия для того, чтобы наиболее полно раскрыть возможности ребенка, его развитее и способности, в процессе школьного обучения.
По сравнению с обычными школьными программами и небольшим визуальным материалом, для обучения ребенка, инновационные технологии позволяют наглядно показать как можно больше правильно - подобранного наглядного, информационного, звукового материала, что позволяет не только дать ребенку наиболее полную базу о теме на уроке, но и раскрыть его творческие, интеллектуальные и научные способности уже на раннем этапе.
На данном этапе это стало очень популярно и актуально, так как ученик получает возможность и умение самостоятельно изучить новый материал. Такой способ обучения дал возможность развиваться детям с ограниченными возможностями.
Все это диктует качественно новые требования к школьному образованию. Они являются первым шагом беспрерывного образования, одной из главных задач которого является заложение огромного потенциала в ребенка, обогащенное желанием развиваться дальше.
Поэтому в сферу школьного образования просто необходимо вводить как можно больше мультимедийного оборудования. Как показывает практика, интерес ребенка к знаниям значительно возрастает при работе с технологическими ресурсами, повышаются его познавательные возможности, повышается память ребенка, развивается его внимание.
Инновационные технологии в школе также обеспечивают личностно-ориентированный подход к каждому ребенку, так как возможности технологического обеспечения позволяют создать огромное многообразие форм подачи материала.
Вне школьных занятий, компьютерные технологии способствуют закреплению материала, пройденного на уроке. Также эти ресурсы активно используются для индивидуального занятия с ребенком, который в свою очередь, может опережать своих ровесников в интеллектуальном развитии, или же наоборот, помочь отстающему ребенку освоить материал в полной мере. Компьютерные ресурсы активно развивают психологические способности ребенка, которые необходимы для его умственной деятельности, такие как: мышление, память, развитие моторики рук, глаз, восприятие действительности, внимание.
Одним из элементов электронных компьютерных ресурсов является компьютерная программа. Этот элемент способен приучить ребенка среднего и старшего школьного звена к развитию самоконтроля и самостоятельности. Дети младшего школьного возраста или дошкольники всегда требуют большого количества помощи и внимания, при выполнении своих заданий и пошагового подтверждения своих действий, компьютерная программа может сама помочь ребенку выполнить задание в случаи затруднения, дать подсказку и проконтролировать каждый шаг ребенка, тем самым экономится время педагога на проверку всевозможных заданий, он больше времени для работы с детьми.
Нельзя не отметить, что компьютерные средства обучения помогают развить у детей дошкольного и школьных возрастов способности к усидчивости и сопереживанию.
Очень большое значение в развитии мелкой моторики пальцев рук играют занятия на компьютере. Во время выполнения электронного задания ребенку необходимо научиться подводить своей рукой курсор мыши на нужную цель и нажать с пальцем, также он постоянно нажимает своими пальцами на определенные клавиши. Кроме этого, уже с раннего времени идет постоянная, интенсивная подготовка ребенка к овладению письменности. Идет развитие и формирование координированной деятельности зрительного и моторного анализаторов.
Вывод: в исследовании, проведенном в параграфе 1.1. нам удалось:
реализовать системный анализ научной литературы, где изучены возможности компьютерных программ и одновременно потребность в их усовершенствовании в соответствии с требованиями школьных программ обучения;
сформулировать вывод, важный для обоснования актуальности результатов нашего проектного предложения: компьютерная программа должна:
помочь ребенку выполнить задание в случаи затруднения,
дать подсказку и проконтролировать каждый шаг ребенка.
Программа помогает экономить время педагога на проверку всевозможных заданий, он имеет больше времени для работы с коллективом школьников.
1.2. Области применения инновационных технологий в школе для развития детей
Интернет – один из примеров самого популярного инновационного достижения, так называемая всемирная паутина, представляющая громадный выбор образовательных предложений и услуг. Любая поисковая система, электронная почта, электронные вебинары и конференции уже несколько лет являются неотъемлемой частью нынешнего школьного образования. В электронной поисковой системе учитель может найти материал, для обучающихся в средних классах.
Если говорить о художественной школьной сфере, здесь учитель может найти определенный иллюстративный материал: картины, рисунки, фотографии, плакаты. Для успешного освоения материала детьми. Это позволяет сделать образовательный процесс , для обучающихся в средних классах информационно емким, зрелищным, комфортным.
Помимо этого, в поисковой системе педагог может найти показательные, готовые, модульные уроки или презентации, которые помогут в достижении преподавания качества успеваемости образовательного процесса.
Учителю не нужно писать на доске тему урока, ходить от одного края класса к другому, чтобы показать ту или иную картинку, букву, или специальные профильный плакат. Даже последовательное выполнение рисунка или написание буквы с детьми можно выполнить на компьютере.
Теперь, учитель дистанционно может переключать слайды или пошаговые действия на оборудовании, а не стоять у доски. Такой прием очень хорошо помогает учителю в дисциплинированном плане, так как теперь педагог может стоять позади класса и рассказывать материал, контролируя и видя класс.
Таким образом, мы делаем вывод, что интернет действительно становится доступным для использования в образовательном процессе.
Возможности, предоставляемые сетевыми электронными ресурсами, позволяют решить ряд задач, актуальных для специалистов, работающих в системе школьного и дошкольного образования.[12]
Нельзя не отметить, что в нашем информационном современном обществе интернет является самым популярным способом распространения научных трудов, дидактический пособий, методик, программ, которые могут помочь педагогу в преподавании на уроке. Все эти материалы абсолютно доступны учителю, не зависимо от его географического местоположения, и доходного уровня.
Так же еще одной из главных областей применения инновационных технологий в школе, для развития детей, является организаторская деятельность. Новые компьютерные ресурсы способны внести неоценимый вклад, как для учителей, так и для родителей.
Одними из ярких примеров такого инновационного компьютерного ресурса являются программы: школьный портал, электронный дневник, электронный журнал. Все эти программы используются с одинаковыми целями.
Во - первых это постоянное общение между учителями и родителями, решение различных рабочих вопросов.
Во - вторых это постоянный контроль родителя над своим ребенком, потому, что каждая полученная оценка ребенка, сразу же выставляется в программе, как только это происходит, родителю ребенка приходит электронное уведомление на мобильный телефон и электронную почту о том, что их ребенок сегодня получил положительную или отрицательную отметку. Все эти дает возможности улучшают качество образования и его успеваемость до максимального уровня.[37]
Третье, инновационные технологии очень помогают воспитателям и родителям по составлению всевозможных планов мероприятий.
С помощью программ организаторов, ведется индивидуальный дневник ребенка, записывать различные данные о нем, результаты тестов, выстраивать графики, в целом отслеживать динамику развития ребенка. Это можно сделать и вручную, но временные затраты несопоставимы.[35]
В четвертых компьютерные ресурсы помогают преподавателю создавать множество календарных тематических планирований, планов по различным мероприятиям, кружкам, спортивным секциям, конкурсам. Этой функции стоит отвести особое внимание, так как сейчас создано множество различных программ, где каждый ребенок заявить о себе и показать свои таланты. Очень хорошим примером является сайт под названием «Страна талантов».
Это одна из множеств электронных ресурсов направленная на реализацию творческого потенциала ребенка, его коммуникабельность, активность, развитие личности. На таком сайте проводятся всевозможные конкурсы рисунков, плакатов, фотографий, поделок, проводятся олимпиады по различным предметным направлениям, здесь каждый ребенок из различной возрастной группы может опубликовать свои труды: статью, эссе, сочинение, доклад. Каждая работа, пройдя определенные требования и критерии, публикуется на сайте. Это может быть галерея рисунков, или специальный журнал статей или художественных произведений. Каждый человек, зайдя на такой сайт, может увидеть эти работы. Все это дает возможность детям развиваться дальше, рождая в них творческий интерес, воспитывая в них духовно- нравственные качества. Это так же дает развиваться детям с ограниченными возможностями, которые из-за физического состояния не могут выходить из дома и участвовать в школьных литературных или художественных конкурсах.
А теперь давайте более подробно поговорим о том, как информационные технологии, а именно возможности компьютера позволяют увеличить объём предлагаемого для ознакомления материала. Мы уже говорили о том, что педагог, работая с инновационным оборудованием, может показать детям большее количество наглядных материалов, значительно экономя при этом свое время. Так как же это возможно? И почему такой способ преподавания так быстро укоренился в нашей системе образования?
Прежде всего, к любому компьютерному ресурсу, который создан для обучения ребенка выделяется перечень определенных требований. Если мы говорим о развивающей программе для детей среднего и старшего звена, то здесь одним из главных приоритетных требований будет как можно большее развитие навыков и представлений о чем – либо.
В достижении этой цели компьютерной программе помогает оборудование, при помощи этого компонента, мы доносим до детей информацию, которую хотим преподать и объяснить.
Пример такому оборудованию является интерактивная доска. Такое инновационное оборудование должно отвечать такому же ряду требований.
Чем лучше материал, из которого сделан этот компьютерный ресурс, тем лучше будет качество изображения, показанное на ней. Яркий, большой экран интерактивной доски сразу привлекает внимание ребенка любой возрастной группы. Это дает большие возможности менять у ребенка аудио восприятие на визуальное.
Мультипликационные герои, показанные на таком оборудовании сразу оказывают собирательный эффект на детей, вызывают интерес у них, в результате таких действий снимается напряжение, и стимулируется внимание.
«Образование должно быть истинным, полным, ясным и прочным».  (Я. Каменский).
Применение таких методических компьютерных программ может не только обогатить познания ребенка, а дать возможность познакомиться с явлениями и предметами, находящимися за пределами собственного опыта ребенка, но и повысить креативно - творческие возможности ребенка.
Еще одним неотъемлемым компонентом инновационных технологий, успешно применяемым в школьном образовании - является мультимедийная презентация. Что означает словосочетание мультимедийная презентация? Презентация в переводе с латинского языка означает представления чего- либо. Прибавим к этому понятию слово мультимедиа и получим представление со звуком, картинкой и видео. Этот ресурс позволяет представить развивающий и обучающий материал как систему ярких опорных образов, наполненных исчерпывающей целостной информацией в последовательном порядке. В этом случае задействуются различные каналы восприятия, что позволяет заложить информацию не только в фактографическом, но и в ассоциативном виде в память детей.
 Одной из свойств составной части любой презентации является упрощенная наглядность. Что же это означает?  Прежде всего, это значит, что не один слайд не будет перегружен текстом или картинкой. Каждый слайд довольно лаконичен и несет в себе только нужную информацию.[40]
Существует несколько правил по созданию презентации. Одно из самых важных правил состоит в том, что в слайде всегда должна быть выполнена комбинация звука, картинки и текста. Никогда нельзя пользоваться картинкой или текстом или звуком по отдельности.
Второе правило состоит в том, что в презентации должно быть как можно меньше текста, по-другому сказать в слайде всегда должны присутствовать цитаты, известные факты в количестве двух или трех предложений. Третье правило облегчение зрительного восприятия у ребенка, и запоминание материала происходит за счет использования ярких, красочных образов.
Место использования презентации, и ее форма проведения всегда зависят от цели и задачи, который ставит перед собой педагог. Это может быть мотивирующая цель, информационная, ориентирующая, стимулирующая.
Используя такой инновационный ресурс на своих занятиях, педагог проводит свои занятия более красочным способом, который привлекает детей и вызывает у них постоянных интерес к этому предмету и желанием приходить на урок еще и еще.
Но это далеко не все преимущества мультимедийной презентации. Мы не можем не отметить, еще одну область, в которой учителя используют эту инновационную технологию, называется комплексы гимнастик. Как это происходит? Следуя своей технологической карте, педагог приходит к моменту, который называется физические упражнения. Физ-минутка представляет собой необходимый комплекс упражнений, который ребенок должен выполнить, чтобы снять зрительное напряжение или физическое. Учитель может комбинировать упражнения. Если взять в пример урок изобразительного искусства, то мы легко увидим, что на этом предмете ребенок и смотрит на презентацию с картинками, тем самым задействует свои зрительные каналы, затем начинается выполнение практического задания, и здесь ребенок по истечению некоторого времени, начинает чувствовать усталость в руках, спине, шеи. 
Другой пример. На уроке информатики, глазные мышцы ребенка напрягаются в троекратном размере. По истечению некоторого количества времени, ребенку необходимо это напряжение снять, чтобы в будущем не было никаких осложнений на зрение. В этой ситуации учитель также использует комплекс упражнений, который изображен на интерактивной доске. Задача ребенка внимательно следить своими глазами над тем, что показано на мониторе. Следя за передвижением какого-то героя или предмета на экране, ребенок массирует свои глазные мышцы, и напряжение с глаз снимается, глазное давление приходит в норму.
Вывод: инновационные компьютерные технологии являются неотъемлемым средством для сбора и обработки информации. Такие технологии являются мощным подспорьем в учебном процессе, для улучшения качества образования в школах.
1.3. Системный анализ и сравнение компьютерной графики, как учебной дисциплины на уроках информатики в школах
На сегодняшний день школьное образование требует серьезной компьютерной модернизации. Инновационный взрыв, который возник в двадцать первом веке, породил ряд проблем. Одной из самых важнейшей проблем является обучение детей в школах.
Особое внимание берут на себя вопросы, связанные с автоматизацией обучения детей, поскольку "ручные методы" работы, без использования технологических средств давно исчерпали свои возможности.
В этой главе мы поговорим о дисциплине, называемой "Компьютерная графика», которая сегодня является абсолютной новизной в школьном образовании.
Проведя исследование, мы уже выяснили, что модернизация в школах происходит постепенно, и к сожалению, чем дальше школа находится от центра России, тем более медленней происходит этот процесс.
Соответственно если мы заглянем в города отдаленные от Москвы, например в Тамбовскую область или Краснодарский край, мы увидим, что такой дисциплины в школах еще нет, и придет она туда не раньше чем через два, а то и пять лет.
Если предмет не настолько распространен в образовании по причине отсталой модернизации, возникает неизбежная проблема, над которой рано или поздно приходится работать и решать.
Главной проблемой является недостаток программных методик, методических пособий, учебников для детей школьного возраста. Кроме того каждая книга или пособие, выпущенное по данной дисциплине «Компьютерная графика» является разнотипным и разносторонним в техническом и практическом обучении. Это заставляет учителя и ребенка, который самостоятельно хочет овладеть этим предметам, внимательней относиться к отбору содержания.
Давай те же более внимательней познакомимся с этим предметом, где я основываясь на своем практическом опыте и научном исследовании, отвечу вам на вопросы, которые неизбежно возникнут. Общая характеристика предмета – компьютерная графика. Каковы цели и задачи изучения этой дисциплины? Почему эта дисциплина так востребована в муниципальных автономных общеобразовательных учреждениях? Чем компьютерная графика отличается от рукописной графики? Как происходит процесс обучения компьютерной графики в современных технологиях обучения на уроках информатики в школах. [20]
Общая характеристика учебного предмета
Программа учебной дисциплины «Компьютерная графика» разработана в соответствии федеральных государственных образовательных стандартов.
Компьютерная графика является сравнительно молодым направлением в информатике, ей не более сорока лет. И как любая наука, она имеет свои цели, задачи, методы и предмет.
Целью компьютерной графики, как дисциплины, является формирование и развитие у обучающегося творческого направления и мышления, путем овладения информационной, коммуникативной, практической и проектно-конструктивной структурой предмета. Под этим понимается овладение знаниями и принципами работы с компьютерной графикой. Умение ориентироваться в программе, выбрать подходящий инструментарий для решения конкретной задачи и многое другое. Это необходимо для того, чтобы ребенок, в будущем специалист инновационного художественного профиля, мог легко работать с различными художественными программами, также работать с обновлениями или же без труда сориентироваться и овладеть абсолютно новой программой за счет приобретенных коммуникативных и информационных знаний.
Нельзя не отметить и тему формирования социально – личностной способности. По итогу обучения, у ребенка формируется умение быстро принимать самостоятельное решение, делать выводы по изучаемой проблеме, анализировать, систематизировать предложенный материал. Также формируется способность к самоорганизации и самообучению в профессиональной деятельности и культурно-нравственной.[6]
Задачи, которая ставит перед собой данная дисциплина - ознакомить обучающего с термином «компьютерная графика», ее роли и значением в профессиональной и творческой сфере. Заинтересовать ребенка, проявить интерес к данной дисциплине. Сформировать умение работать по данной дисциплине, дать знания по работе с программами. Развить творческое воображение и фантазию ребенка.
На сегодняшний день дисциплина «Компьютерная графика», преподаваемая в профильных художественных школах начинает набирать все большую популярность. [36]
Двадцать первый век - век инновационных технологий и научных достижений, которые диктуют свои требования и образ жизни человеку. Возникает новая «инновационная мода», культура, появляется другой образ жизни и мировоззрение, рождаются новые художественные направления, связанные с современным компьютерным методом работы. По этой причине в учебно-образовательных учреждениях формируются новые дисциплины и новые методы преподавания, для подготовки будущих специалистов.
Чем же компьютерная графика отличается от рукописной графики? Каждый из нас понимает, что означает словосочетание рукописная графика. Это изображение, нарисованное от руки человека, на лист бумаги, так называемый механический способ работы.
На сегодняшний день, этот способ безнадежно устарел, так как на замену мольбертам и кистям, приходят электронные гаджеты: графический планшет, специальные, профильные программы, дающие возможность создавать новый виды графических работ.[6]
Главным плюсом компьютерной графики являются ее возможности.
Художник-дизайнер, работая над проектом или заказом, может внести любые изменения в свои рисунки, на любом этапе работы, не начиная свою работу сначала, как было бы с рукописной графикой. Соответственно дизайнер может значительно сэкономить свое время и силы, работая в таком направлении. Это дает возможность увеличить производительность труда, не ухудшая при этом качество работы. Так как компьютерная графика дает точный инженерный результат, если того захочет художник.
Как мы уже выясняли процесс обучения в школах, но данная дисциплина только начинает набирать свои обороты. Тем не менее, профильные школы активно работают в этом направлении, готовя будущих специалистов.
Обучение на уроках компьютерной графике соответствует ФГОСу. Оно направлено на развитие у детей предметным, личностным и метапредметным результатам.
Предметный результат показывает приобретенные навыки обучаемого ребенка в программно-творческой деятельности, которые ребенок развивает в процессе обучения данной дисциплине.
1) Развитие и формирование художественно-творческой культуры; развитие зрительной памяти и наблюдательности; ассоциативного мышления, развитие творческого воображения и вкуса.
2) Развитие пространственного визуального мышления.
3) Освоение компьютерной программы.
4) Приобретения опыта в создании различных современных пространственных искусствах (живопись, графика, иллюстрации, постер, коллаж)
5) Развитие, освоение практических навыков и умений оценки произведения пространственного искусства.
Личностный результат виден в индивидуальных, качественных способностях детей.
1) Воспитание уважения к истории развития инновационных технологий, которая влияет на пространственные, временные и пространственно-временные виды искусства.
2) Формирование ответственного отношения к предмету и педагогу.
3) Формирование готовности к самообразованию и саморазвитию.
4) Формирования общего мировоззрения и многообразия духовной культуры.
5) Формирование духовно-эстетической ценности к традициям художественной культуры.
6) Формирование доброжелательного и уважительного отношения к мировоззрению, мнению другого человека.
7) Способность вести беседу или диалог с людьми, достигая в нем взаимопонимания.
8) Формирования компетентности в общении со сверстниками.
9) Формирование эстетического сознания.
Метапредметный результат характеризует уровень развития навыков, сформировавшихся в результате практической и познавательной работы.
1) Умение самостоятельно ставить перед собой цели и задачи в учебной деятельности.
2)Умение планировать результаты достижения целей и задач, осознанно выбирать более эффективные варианты учебных задач.
3)Умение анализировать учебные задачи и собственные возможности для их решения.
4)Выполнять контроль своей учебной деятельности, в процессе достижения конкретного результата.[9]
Методическая система достижений целей: классная практика, устный опрос на уроке, беседа, общий просмотр работ, закрепление практики дома.
Характеристика видов контроля качества по дисциплине компьютерная графика.
Определенная дисциплина, в системе образовательного процесса, предполагает модернизацию и изменение видов контроля успеваемости и качества знаний преподавания в соответствии ФГОС. [27]
Предметом педагогического контроля является оценка результатов организованного в нем педагогического процесса. Основным объектом оценки результатов образования являются знания, результатов обучения – умения, навыки и результатов воспитания – мировоззренческие установки, интересы, мотивы и потребности личности.
1.Стартовый контроль в начале года. Он определяет исходный уровень знаний. Проходит в форме практической работы или теста.
2.Текущий контроль определяется в форме практической работы. С помощью текущего контроля возможно диагностирование дидактического процесса, выявление его динамики и качества, анализ результатов обучения на отдельных его этапах.
3.Рубежный контроль выполняет этапное подведение итогов за четверть после прохождения тем четвертей в форме выставки или теста.
4.Заключительный контроль. Методы диагностики - конкурс рисунков, итоговая выставка рисунков, проект, викторина, тест.
УУД планируемые результаты (знать, уметь, использование в повседневной жизни)
1) Формирование и развитие духовной культуры, как способа средства организации общения, познания жизни, развитие наблюдательности, формирование зрительной памяти, творческого и художественного воображения, ассоциативного мышления.
2) Формирование визуально-пространственного мышления.
3) Формирование профессиональных навыков работы, в результате практической учебной деятельности.
4) Воспитание уважения к истории развития искусства в настоящем и прошлом.
Эмпирический анализ ситуации проведения занятия по дисциплине «Компьютерная графика» в "Гимназии №1"
Муниципальное автономное общеобразовательное учреждение городского округа Балашиха Московской области, и в Муниципальном автономном учреждении дополнительного образования «Художественная школа» городского округа Балашиха Московской области мкр. Павлино.
Обучение дисциплине «Компьютерная графика» в "Гимназии №1" муниципальное автономное общеобразовательное учреждение городского округа Балашиха Московской области происходит фронтально в группах.
Урок проводится комбинированно, для более успешного освоения материала. Первым этапом урока является приветствие. Учитель проводит организационный момент. Он говорит «Ребята, здравствуйте, садитесь», тем самым настраивая детей на принятие нового учебного материала и на начало новой работы.
Вторым этапом идет повторение ранее изученного материала на уроках. Это дает ребенку вспомнить нужный материал для успешного освоения нового. Повторение занимает не больше пяти минут.[32]
Третий этап это подготовка к усвоению новой темы. Завершая повторение изученного материала, педагог подводит ребенка к новой теме, умелыми наводящими вопросами и утверждениями, тем самым ребенок делает логический вывод о новой теме и может озвучить ее сам.
Четвертый этап – изучение новой темы. Учитель, стоя около интерактивной доски, или сидя у монитора компьютера, показывает детям презентацию новой темы, рассказывая каждый слайд. Обучение может проводиться в форме беседы, игры, дискуссий. Главное развить у ребенка интерес к предмету и настроить его на работу.
Пятым этапом является комплекс упражнений для снятия напряжения с глаз у учащихся.
Шестой этап – инструктаж по технике безопасности. Каждый учитель на уроке обязан проинформировать детей о дисциплине, способе и правилах пользования с тем или иным материалом, для выполнения работы, и правильных действиях при экстремальной, внештатной ситуации.
Седьмой этап – проверка освоения материала пройденного на уроке. Практическая часть урока, которая может быть проведена как индивидуально так и в групповом плане.
Этот этап является серединой урока. Педагог дает одно общее задание для группы обучаемых , которое они должны выполнить. «Только в коллективе индивид получает средства, дающие ему возможность всестороннего развития своих задатков». 
После озвученного задания, дети начинают садиться за свои рабочие места, то есть за компьютеры и выполнять данное задание. В процессе выполнения работы учитель полностью контролирует этот процесс. При возникшей проблеме или вопросе у ребенка, педагог может подойти и подсказать способ решения данного затруднения.
Восьмой этап - подведение итогов на уроке. Педагог, еще раз обобщает пройденный материал и делает соответствующие выводы.
Девятый этап – рефлексия. Это оценка, вывод и самоанализ урока. Учитель задает детям вопрос «Что понравилось на уроке?», «Были затруднения при выполнении практического задания?», «Что больше запомнилась из сегодняшнего урока?», «Как вы оценивайте сегодняшний урок?» На данном этапе рефлексия проводится для того, чтобы ребенок смог полностью освоить полученный материал, смог сравнить и оценить свои успехи с успехами одноклассников.
Десятый этап - домашняя работа. Педагог задает домашнее задание, для закрепления полученного материала. «Компьютерная графика - творческая дисциплина, соответственно домашняя работа задается не стандартная. Это может быть разработка проекта, создание практической части, разработка викторины. Главное вовлечь и заинтересовать ребенка в учебный процесс. [31]
На сегодняшний день обучение в "Гимназии №1" происходит по нескольким компьютерным программам: Adobe Photoshop, Adobe Illustrator, Corel Draw.
Adobe Photoshop – графический редактор, созданный для работы с растровой графикой. Это одна из самых ранних и успешных программ по работе с компьютерной графикой. Именно с этого редактора, как с главной основы, начинается профильный процесс обучения детей.
Adobe Illustrator- графический редактор, созданный для работы с векторной графикой. Является следующим курсом обучения, после растровой графики. Курс рассчитывается на 1 год.
Corel Draw- графический редактор, созданный для работы с векторной графикой. Курс рассчитывается на 1 год.
Является следующим курсом обучения, после растровой графики на выбор.
Обучение дисциплине «Компьютерная графика» в «Художественной школе» городского округа Балашиха Московской области мкр. Павлино происходит комбинированно.
Следует отметить, что на протяжении всего урока, педагог не следовал технологической карте. Были выявлены несколько нарушений:
отсутствие «Организационного момента»
отсутствие «Актуализации знаний»
отсутствие «Рефлексии»- подведения итогов урока.
Обстановка на уроке является дружественной.
Отсутствуют правила поведения, которые утверждаются в муниципальных автономных образовательных учреждениях. Например, ребята не поднимают руку, если хотят ответить, если им нужно выйти.
В данной школе, такие нарушения допустимы, так как школа является досуговой, творческой.
Замечено, что преподаватель большую часть урока отводит практической части.
Практические задания, которые преподаватель говорит выполнить детям, являются творческими, что существенно увеличивает интерес детей к данному предмету. Такой творческий подход преподавателя является весьма успешным, так как на протяжении всего урока царила дисциплина, несмотря на нарушения введения урока по технологической карте.
Вывод. Результат наблюдения эмпирического анализа ситуации проведения занятий по дисциплине «Компьютерная графика» в двух школах позволил сформулировать следующие выводы для содержания учебного модуля по дисциплине «компьютерная графика».
1) Принцип обучения в модуле по графическому редактору Adobe Photoshop должен строиться по технологической карте урока, утвержденной ФГОС.
2) Все задания, содержащиеся в модуле, должны содержать творческое направление и характер, что увеличит интерес детей к данной дисциплине.
3) Обучение на уроке должно проводиться комбинированно.
4) Форма итогового контроля должна носить различных характер-беседа, тест, письменный опрос, викторина, допускается проводить творческий итоговый контроль - творческий просмотр работ.
1.4 Ретроспекция: история появления графического редактора Adobe Photoshop.
В 1987 году, Джон Нолл работал в Industrial Light and Magic (ILM) – в подразделении фирмы Lucasfilm. Эта компания специализировалась на создании спецэффектов для проекта «Звёздные войны». Его брат Томас Нолл в это время написал диплом о процессе обработки изображений. Разочаровавшись в новой выпущенной продукции Apple Mac Plus- дисплэй только недавно купленного процессора не отображал полутоновые изображения. И Томасу Ноллу пришлось приступить к написанию новой программы, которая сможет устранить эту проблему.
В то же время Джон, работавший в Industrial Light and Magic, также занимался процессом обработки изображений. Наслышавшись об успехе своего брата, Джон предложил Тому сотрудничество. В своей книге „Основы компьютерной графики“ Джон писал: Как только увидел результаты работы Томаса, я вспомнил программное обеспечение по обработке изображений в студии Pixar, сходства были поразительными“. Именно с этого момента началась совместная разработка двух братьев над более универсальной программой, которую впоследствии они нарекут «Display».
Несколько дней спустя Джон убеждает Томаса переписать «Display» для работы с колоритными изображениями. Чем больше Джон работал над программой, тем больше вводил в нее инновационные изменения: коррекцию цветовой гаммы, импорт и сохранение файлов в различных форматах и т.д.
Через несколько недель Томас разрабатывает инновационный метод выбора отдельного участка изображения и последующей работы с этим участком. Помимо этого он разработал наборы приложений для более точной и качественной обработки изображений, управление насыщением и оттенком, настройка цветового тона функция управления балансом. Позднее эти приложения станут известны как плагины – “Plug-ins”. Все эти функции стали ключевыми в растровой программе Photoshop, но в те времена такие операции над обработкой изображений существовали только в специализированном программном обеспечении, которые в свою очередь находились в лабораториях или в ILM.
В 1988 году «Display» переименовывают в «ImagePro». Это была самая современная программа того времени. Джон Нолл считал, что у него есть большие шансы продать эту программу за большие деньги в виде коммерческого приложения, но его брат Томас всячески не соглашался с ним, так как считал, что программа еще не совершенна и потребуется еще много времени и труда над ее модернизацией. После проведений длительных опытов, наблюдений и анализов, братья пришли к выводу, что их разработка «ImagePro» по многочисленным функциям опережает свои аналоги.
Многие производители программных обеспечений обратили свое внимание в направлении программы «Photoshop», и конечно всячески пытались выдержать его конкуренцию, создавая аналоги программы, но это были лишь попытки. Многие компании пытались выкупить программу, но всего лишь одной компании оказалась это по силам. Эта кампания называлась Adobe. К большому счастью для будущей растровой графики, переговоры с компанией Adobe длились не долго. Photoshop был наглядно продемонстрирован арт-директору компании Adobe, который остался очень доволен продуктом и немедленно настоял на покупке программного обеспечения. Но по осторожности братьев Ноллов , Photoshop не был продан полноценно компании Adobe, а только лицензирован и патенты от продаж программного обеспечения перечислялись на счета братьев.
Изменения, идеи усовершенствования в программу вносились даже в финальной стадии этапа работы. Тем не менее, программа обрела свою новую форму, и в феврале 1990 году вышла новая версия Adobe Photoshop.
Выход первой версии Adobe Photoshop стал сенсацией, хотя в ней существовало большое количество ошибок и не состыковок. Как и у нынешних современных компаний на примере Aplle, Nokia, Sony, маркетинговой задачей Adobe было показать людям, что программа Photoshop для широкой публики, проста в использовании, и пользоваться ею может каждый в отличии от других графических редакторов, которые были разработаны только для специалистов. Компания Adobe обещала своим пользователям, что при помощи программы Photoshop пользователи могут достичь точно таких же результатов при обработке изображения, которых раньше можно было достичь только с помощью профессионального программного обеспечения, стоимость которой составляла несколько тысяч долларов. К примеру, главным конкурентом Photoshop , на тот момент времени была программа Letraset’s ColorStudio, её стоимость составляла $1,995, в то время как Photoshop пользователи могли приобрести менее чем за $1,000.
В процессе создания второй версии, Adobe решает расширить штат сотрудников программистов, для внедрения в программу еще более новых возможностей. Для разработки был приглашен Марк Гамбург. В этот период времени в Photoshop были введены новые возможности: появилась поддержка CMYK, работа с изображением, импорт векторных изображений из Illustrator, перо. После этих инноваций для Photoshop, стал открыт пусть в профессиональный рынок полиграфических услуг. Вторая версия была выпущена в 1990 году.
Так же как и для любого артиста, выпускающего свой третий, выход версии Photoshop мог стать полным успехом или полным провалом.
Для третей версии была разработана поддержка слоев. Именно эта функция склонила в свою сторону, для работы художников и дизайнеров.
В последующих версиях таких глобальных изменений, как поддержка слоёв, не было. Несмотря на это совершенствование программы продолжалось. В версии 5.0 были введены возможности управления цветом и панель истории, с помощью которой можно было влиять на произведённые пользователем действия. Эти действия позволили расширить творческие возможности программы.
Вывод по главе I.
В I главе были изучены области применения инновационных технологий в школе для развития детей. Проведен системный анализ литературы и выявлены проблемные вопросы, связанные с преподаванием прикладной информатики в общеобразовательной школе. На основе изученного материала был сделан вывод о том, что учебников, пособий, методик отвечающих требованиям ФГОС по данной дисциплине нет.
Выявлена проблема острой нехватки компьютерных ресурсов в школах, в связи с этим, как следствие - понижается качества уровня образования.
Также мы рассмотрели компьютерную графику, как учебную дисциплину на уроках информатики в школе.
Провели сравнительный метод анализа проведения занятия по предмету «Компьютерная графика» в общеобразовательных школах: "Гимназия №1" муниципальное автономное общеобразовательное учреждение городского округа Балашиха Московской области и Муниципальное автономное учреждение дополнительного образования «Художественная школа» городского округа Балашиха Московской области мкр. Павлино.
Была сформулирована универсальная технологическая карта по преподаванию данной дисциплины. Познакомились с графическим редактором Adobe Photoshop. Изучили историю развития и функцию программы.
Сформулирован тезис, формализующий представление об авторском подходе к техническому заданию. Тезис: проблема острой нехватки компьютерных ресурсов в школах, формирует тенденцию обучения с определенными провалами в системе знаний, важных на современном этапе всеобщей информатизации, как следствие такой тенденции понижается качества уровня образования.
ГЛАВА II.
РАЗРАБОТКА ОБУЧАЮЩЕГО МОДУЛЯ ДЛЯ ДЕТЕЙ СТАРШЕГО ШКОЛЬНОГО ВОЗРАСТА
ПО ГРАФИЧЕСКОМУ РЕДАКТОРУ
ADOBE PHOTOSHOP
2.1 Общие аспекты в создании обучающего модуля.
Практическая часть данной работы будет посвящена созданию обучающего модуля по графическому редактору Adobe Photoshop в курсе информатики Муниципального Автономного Общеобразовательного Учреждения Средней Общеобразовательной школы № 14, для улучшения качества образования по предмету компьютерная графика, и развития у детей творческих способностей.
Помимо создания комплексного обучающего модуля для общеобразовательной школы, в моей работе выявляется еще одна цель: развить у детей творческий потенциал и интерес к данному предмету.
Главной идеей является вовлечение ребенка в творческий процесс, путем создания не стандартных обучающих уроков, которые будут отвечать требованиям ФГОС.
При создании такого комплексного обучающего модуля, мы должны соблюдать правила Федеральных Государственных Образовательных требований. Эти требования заключают в себе следующие.
Принцип эффективной учебной деятельности.
На каждом уроке должна быть поставлена и прописана определенная цель и задачи.
Связь практической и теоретической части.
После теоретической части, должно быть дано практическое задание, для оттачивания навыков у детей.
Последовательность тем по уровню сложности.
Каждый новый урок должен включать в себя новый, более сложный материал. Соответственно должна быть поставлена более сложная цель и задачи.
Принцип доступности содержания данного предмета
Несмотря на последовательность тем по уровню сложности, каждый новый урок должен включать в себя доступное содержание текста, понятное детям на разном уровне развития.
В обучающий модуль обязательно должен входить принцип группового и индивидуального обучения.
Каждый новый урок должен отличаться от предыдущего разнообразными методами обучения, для вовлечения детей в учебный процесс должен быть использован индивидуальный и групповой метод.
В конце каждого урока должен быть использован проверочный тест для эффективного закрепления.
Дополнительная рефлексия, может быть использована как в индивидуальном, так и в групповом плане.
Должен быть использован принцип научности материала.
Несмотря на простоту и доступность материла, каждый новый урок заключает в себе предыдущий, путем использования новых терминов и навыков.
В модуле должен быть использован наглядный принцип содержания.
На принципе наглядности материала мы должны остановиться более подробно.
Под наглядным принципом обучения понимается усвоения учебного материала, за счет абсолютной взаимосвязи наглядного материала и технического оборудования. Наглядный принцип обучения в компьютерной графике взаимосвязан с практическим методом и теоретическим. Это используется для наглядно - эмоционального представления темы на уроке.
В новейших школах с этой целью широко используются экранные технические средства, в паре с новейшими методическими пособиями и книгами.
Наглядный метод обучения делится на две группы.
Иллюстративная группа.
Включает в себя показ плакатов, иллюстративных пособий, карт, картин, зарисовок, таблиц и многое другое.
Демонстративная группа.
Включает в себя методику демонстраций. На уроке педагог может показать определенный прибор, опыт, мастер класс, ролик или кинофильм.
Наглядный метод преподавания является неотъемлемой частью преподавания компьютерной графике в курсе информатики. Поэтому к нашему комплексному модулю может быть предложен специальный диск, в котором может быть продемонстрировано специальное оборудование при работе с компьютерной графикой, например графический планшет. Мастер класс по выполнению практической части. Таким образом, ученик может проверить свой результат после проделанной работы или воспользоваться таким диском как помощью, в случаи затруднения в выполнении задания дома.
Следующее, что нам нужно учитывать это оформление и цвет нашего обучающего модуля. Здесь мы столкнемся не только с Государственными Образовательными требованиями, нам придется учитывать принципы композиции и цветоведения. Мы уже сказали, что одним из главных компонентов в нашем модуле будет принцип научности и наглядности. Теперь перед нами стоит задача правильно оформить и соединить их. А это значит, мы должны познакомиться с таким понятием как композиция.
Композиция представляет собой гармоничное сочетание предметов между собой. Существует ряд определенных канонов по ее составлению. Мы рассмотрим несколько из них.
Композиция бывает центральная и смещенная.
Центральной композицией называют сочетание объектов, где главный предмет находиться в центре. Его выделяют размером, формой и цветом.
Смещенной композицией называют сочетание объектов, где главный предмет находиться с боку. Его выделяют размером, формой и цветом.
Объекты-предметы в композиции должны быть разных размеров. Предмет не может быть больше центрального, главного объекта.[42]
Если к главному объекту добавить предмет такого же размера, композиция разрушится.
Не один объект в композиции не может быть одинакового размера, цвета, и формы.
Если объекты будут иметь одинаковую форму, цвет и размер, они начнут спорить друг с другом и композиция разрушится.
Объекты должны находиться на разных территориальных линиях друг от друга.
В композиции предметы могут быть впереди, позади, чуть ближе, чуть дальше. Объекты могут пересекаться между собой, но не стоять на одной линии.
Все объекты должны быть объединены одной общей тематикой.
Если в композицию поставить объект не подходящий по идеи и смыслу, то тематика композиции нарушиться.
Предметы, в модуле, представляют собой тексты и картинки.
Соответственно наша задача заключается в правильной, гармоничной, композиционно верной расстановке текста и картинок на электронном листе бумаги. При выполнении этой задачи мы будем учитывать композиционные правила рассмотренные выше.
Мы определили, что в нашем обучающем модуле будет использована смещенная композиция. Композиционный центр несет в себе основную нагрузку. Это самый большой объект, которому подчиняются второстепенные объекты. В роли такого центра мы будем использовать яркую картинку, которая примет на себя все внимание и акцент. Картинка может быть тематическая, взятая из конкретного урока, это усилит интерес обучающегося и вовлечет его в образовательный, творческий процесс.
Далее мы подберем еще несколько тематических картинок, которые дополнят нашу композицию и выделят наш композиционный центр и идею.
Следующим шагом будет подборка шрифта. Мы уже понимаем, что он должен гармонично смотреться с нашими тематическими картинками. При выборе шрифта, мы тоже должны учитывать несколько правил.
Простота и читабельность текста.
Текст должен быть выполнен в простом читабельном шрифте. Он не должен быть перегружен различными окантовками, завитками, линиями текст.
Шрифт должен гармонично сочетаться с другими элементами по форме, размеру и цвету.
При оформлении обложки нужно использовать больше картинок, и как можно меньше текста.
При оформлении нашей обложки мы должны использовать как можно больше наглядных итоговых, поурочных картинок, и как можно меньше текста. Это нужно для того чтобы не перегружать нашу обложку.
Теперь очередь дошла и до цвета. Изучив законы цветоведения, мы будем использовать правила.
Использование несколько цветов, которые будут смежными и контрастными между собой. В определении этой задачи нам поможет цветовой круг или как его еще называют хроматический.
При поиске цвета мы должны, выбрать какой колорит будет в нашем модуле.
Колорит может быть холодный и теплый.
К холодному колориту относятся: голубой, синий, зеленый, изумрудный, серый, ультрамарин, фиолетовые цвета.
К теплому колориту относятся: красный, желтый, розовый, малинный, оранжевые цвета.
При выборе цвета необходимо снизить яркость.
Это необходимо для того чтобы человеческий глаз не испытывал раздражения и напряжения. Известно, что на чувствительность зрения человека, влияет теплый колорит.
Поэтому наш обучающий модуль будет выполнен в холодном колорите, с добавлением приглушенного красного цвета. Осталось выбрать конкретные цвета для завершения подготовительного этапа.
Так как, наш обучающий модуль отвечает требования ФГОС, на обложке модуля будет его логотип.
Исходя из данного логотипа, мы определяем три основных цвета, которые будут использованы в нашем модуле - белый, синий, приглушенно красный и один дополнительный смежный цвет.[19]
Также мы провели опыт, посадив двух обучающихся за монитор. Попросили их выполнить ряд определенных заданий на мониторе компьютера. Задания были одинаковые, разница была только в их цвете и оформлении. У первого испытуемого рабочий стол на дисплее, таблицы, рамки, шрифт, сами задания были окрашены зеленым, серым, белым цветом. У второго доминировал ультрамарин, сиреневый, синий. Время на выполнения заданий было для обоих одинаково.[22]
Опыт показал, что первый испытуемый быстрее и правильнее выполнил задания. Выйдя из компьютерного класса, он не испытывал никакого дискомфорта и раздражения. Второй испытуемый не справился с заданиями. Выйдя из компьютерного класса, он был очень раздражителен, выглядел очень устало и жаловался на глазную и головную боль.
Проведя исследование, среди детей старшего школьного возраста, путем соцопроса, было определено, что 73% детей положительным образом реагируют на холодный, приглушенный колорит.
Таким образом, мы выяснили, что выбранные нами цвета будут способствовать качественному усвоению материала, при этом цвета будут акцентировать на себе внимание.
Проделав работу по созданию титульной обложки модуля, учитывая принципы композиции, цветоведения, подборку шрифтов, мы получили итоговый вариант (см. приложение, рис 1).
Работая над обложкой модуля, мы никак не могли отказать себе в дополнительных экспериментах по ее созданию, поэтому в дополнение к итоговому варианту, мы представляем дополнительные, поисковые варианты по созданию данной задачи.
После проделанной работы, был проведен соцопрос в МАОУ СОШ №14. Мы показали учащимся, итоговый вариант обложки и дополнительные, экспериментальные варианты титульного листа.
Также мы создали специальные бланки для заполнения, чтобы каждый учащийся, посмотрев предложенные варианты, смог выбрать тот который ему понравился. В соцопросе участвовали дети второй и третей возрастной группы, это учащиеся 12-18 лет.
Проанализировав материал проделанной работы, был сделан вывод о том, что за итоговый вариант обложки проголосовали 73% учащихся.
Таким образом, мы провели апробацию титульного листа обучающего модуля.
2.2 Разработка структуры обучающего модуля
Программа обучающего модуля по графическому редактору Adobe Photoshop рассчитана на 1 год. Из расчета 1 урок в неделю. Итого 35 часов в год, согласно учебному плану МАОУ СОШ № 14.
Основываясь на общих аспектах: принципе эффективной учебной деятельности и последовательности тем по уровню сложности. Было принято решение, о том, что обучающий модуль будет разбит на семь разделов по уровню сложности, в свою очередь каждый раздел будет посвящен определенной теме и виду деятельности. В разделах будет дано по пять или семь уроков, которые так же будут идти в порядке возрастания и по уровню сложности.
Перед началом раздела будет написано введение. Это даст возможность ребенку узнать цели и задачи данного комплексного обучающего модуля.
Далее будет написана краткая история развития графического редактора Adobe Photoshop, и его значение в современном искусстве. Работая с программой, обучающийся любого возраста должен знать историю и понимать значение данного предмета. Таким образом, будет усиливаться мотивация учебной деятельности у ребенка.
После знакомства с историей редактора, мы попадем в первый раздел. Он будет посвящен теоретической части. В этом разделе, дети познакомятся с термином компьютерная графика и ее видами. Узнает характеристику видов графики, ее использование. Изучат цветовые моделями программы. В конце раздела предлагается провести итоговый контроль в форме теста, для выявления успеваемости и качество усвоенного материала.
Второй раздел будет посвящен знакомству с интерфейсом, палитрой инструментов графического редактора Adobe Photoshop. После завершения каждого урока будет предложено выполнить практическое упражнение для закрепления данного материала. В конце раздела также будет итоговый контроль в форме теста, для выявления успеваемости и качество усвоенного материала.
Третий раздел посвящен работе с растровым изображением. Первый урок третьего раздела будет посвящен открытию, сохранению и закрытию изображения. Далее обучающийся познакомиться с таким понятием как слой и работой с ним, узнает способы его коррекции, научится работать в стиле коллаж.
В конце раздела будет предложен творческий проект как итоговая, практическая, творческая работа. Пример составления и решения проекта будет наглядно показан в модуле. Необычность такого заданию заключается в его выполнении. Каждому ребенку будет дано задание, срисовать 2 рисунка формата А4 ручным способом с электронной картинки, которая будет являться оригиналом. Два полученных рисунка, должны иметь одинаковое изображение, разница будет в их цветовом решении. Первый рисунок должен иметь черно-белое изображение. Второй цветовое. Затем, выведя все три изображения на монитор компьютера в графический редактор, обучающиеся должны будут применить все свои знания на практике. Будет предложено создать единую картину, формата А4 в стиле – коллаж. К нему будут применены режимы наложения и коррекции слоев, работа с палитрой инструментов. В завершении обучающемся прилагается распечатать полученный результат и поместить его в рамку. Такой вид работы уже можно отправить на конкурс или повесить дома, также может быть предложено, создать выставку, где будет показаны работы всех участников.
Такой вид итогового контроля даст ребенку показать творческие способности, развить его интерес к дальнейшей работе.
Четвертый раздел посвящен рисованию в программе. В этой части модуля учащиеся освоят инструменты рисования и способы работы с ними. Выполнят ряд упражнений для закрепления данной темы. Познакомятся с инструментом «градиент». Научатся загружать дополнительные скаченные материалы для рисования и работы с изображением.
В конце раздела будет предложен творческий проект как итоговая, практическая, творческая работа. Пример составления и решения проекта будет наглядно показан в модуле. Необычность такого заданию заключается в его выполнении. Каждому ребенку будет дано задание создать «ручным» способом коллаж в жанре пейзажа из газет, фотографий, журналов.
Полученный результат можно будет поместить в рамку как первую часть выполненной работы. После того как ручная работа будет выполнена, она сканируется. Сканированный авторский вариант загружается в редактор Adobe Photoshop, где учащиеся проделывают ряд действий с использованием знаний пройденной темы.
В завершении обучающемся прилагается распечатать полученный результат и поместить его в рамку. Получается серия работ, которая наглядно показывает синтез ручного и компьютерного искусства.
Такой вид работы уже можно отправить на конкурс или повесить дома, также может быть предложено, создать выставку, где будет показаны работы всех участников.
Данный вид итогового контроля даст ребенку реализовать творческие способности, развить его интерес к дальнейшей работе.
Пятый раздел посвящен работе с текстом. Учащиеся осваивают ряд основных функций программы по работе с данным инструментом. В каждом уроке начальным этапом является вступительная теоретическая часть. После теоретической части учащиеся выполняют практические упражнения для закрепления умения и навыка нового материала. В конце раздела предлагается провести итоговый контроль в форме письменного опроса.
В шестом разделе учащиеся научатся работать с портретом лица человека. Раздел будет поделен на несколько уроков: ретуширование и восстанавливать фотографии, выразительный взгляд в портретах, использование инструмента «Штамп» и «Восстанавливающая кисть».
В конце раздела предлагается провести итоговый контроль в форме творческого, практического задания. Учащимся предлагается обработать свою портретную фотографию, тем самым ребята смогут еще раз закрепить свои навыки в работе с программой, также будет выявлено количество и качество усвоенного материала.
Седьмой раздел является итоговым. Главной целью последнего раздела является проверка усвоенного материала детьми за весь год. Форма итогового контроля проводиться в виде теста, практического, творческого задания, где учащиеся должны применить все свои знания и навыки работы с программой, также форма итогового контроля будет проведена в форме просмотра творческих работ, созданных за год обучения. (см. приложение, рис 2,3).
2.3 Разработка комплексных уроков в модуле.
Урок №1.Введение
В XXI веке невозможно представить художественное образование без компьютерных технологий. За последние десять лет их значимость и роль в деятельности людей, в том числе в отрасли образования выросла как никогда. За счет использования мультимедийных продуктов в художественной сфере образования происходит: реализация человека как профессиональной личности, развитие творческих, коммуникативных способностей человека, обучение. Так как очень часто художники, дизайнеры, студенты, школьники работают не только на холстах и бумаге, а в графических редакторах, как например Adobe Photoshop, создавая при этом огромный пакет различных мультимедийных продуктов; баннеры, постеры, афиши, визитки, логотипы, иллюстрации, создание и оформление Web сайтов и многое другое.
Одним словом все это можно назвать «компьютерное искусство, современное искусство», которое потом сдается в печать и становится материальным. Иными словами при помощи компьютерных технологий люди создают такие же произведения искусства, то есть мультимедийные продукты могут, например, заменить художнику холст, краски и кисти.
В этом обучающем курсе мы научимся создавать «Компьютерное искусство». Изучим графический редактор Adobe Photoshop, познакомимся с растровой графикой, с ее свойствами и работой. Шаг за шагом, из урока в урок, мы будем совершенствовать свои знания и мастерство, создавать творческие проекты и развивать творческие способности.
Урок№2. История развития графического редактора Adobe Photoshop.
Джон Нолл и его брат Томас Нолл являются создателями программы, но никто не знает, откуда именно пришло название «Photoshop», считается, что это название дал программе потенциальный инвестор, во время презентации продукта братьев Ноллов.
Многие производители программных обеспечений обратили свое внимание в направлении программы «Photoshop», и конечно всячески пытались выдержать его конкуренцию, создавая аналоги программы, но это были лишь попытки. Многие компании пытались выкупить программу, но всего лишь одной компании оказалась это по силам. Эта кампания называлась Adobe. К большому счастью для будущей растровой графики, переговоры с компанией Adobe длились не долго. Photoshop был наглядно продемонстрирован арт директору компании Adobe, который остался очень доволен продуктом и немедленно настоял на покупке программного обеспечения. Но по осторожности братьев Ноллов , Photoshop не был продан полноценно компании Adobe, а только лицензирован и патенты от продаж программного обеспечения перечислялись на счета братьев.
Но на этом этапе Джон и Томас не остановились. Теперь их ждала работа куда более сложная - стало необходимым подготовить Adobe Photoshop для выпуска официальной первой версии.(1.0)
Многие сторонники строго определенных правил, считали, что расширения для версии Adobe Photoshop не соответствуют канонам, и программа не будет воспринята и востребована положительно. Другие давали слово, что новые идеи и более расширенные функции сделают программу универсальной и производительной, если правильно использовать параметры.[26],[36]
Поэтому изменения, идеи усовершенствования в программу вносились даже в финальной стадии этапа работы. Тем не менее, программа обрела свою новую форму, и в феврале 1990 году вышла новая версия Adobe Photoshop.
Домашние задание. Прочитать дополнительный материал и создать презентацию по теме: «История развития графического редактора Adobe Photoshop».
Раздел №1
Урок №3. Компьютерная графика и ее виды.
Цель: Изучить характеристику компьютерной графики, ее цели и задачи.
Задачи.
Развить интерес к учебному предмету.
Вовлечь ребенка в образовательный процесс.
Развить навык работы в коллективе.
Программа учебной дисциплины «Компьютерная графика» разработана в соответствии с ФГОС.
Компьютерная графика является сравнительно молодым направлением в информатике, ей не более сорока лет. И как любая наука, она имеет свои цели, задачи, методы и предмет.
Целью компьютерной графики, как дисциплины, является формирование и развитие у обучающегося творческого направления и мышления, путем овладения информационной, коммуникативной, практической и проектно-конструктивной структурой предмета. Под этим понимается овладение знаниями и принципами работы с профильными, компьютерными программами. Умение ориентироваться в программе, выбрать подходящий инструментарий для решения конкретной задачи и многое другое. Это необходимо для того, чтобы ребенок, в будущем специалист инновационного художественного профиля, мог легко работать с различными художественными программами, также работать с обновлениями или же без труда сориентироваться и овладеть абсолютно новой программой за счет приобретенных коммуникативных и информационных знаний.
Нельзя не отметить тему формирования социально – личностной способности. По итогу обучения, у ребенка формируется умение быстро принимать самостоятельное решение, делать выводы по изучаемой проблеме, анализировать, систематизировать предложенный материал. Также формируется способность к самоорганизации и самообучению в профессиональной деятельности и культурно-нравственной.
Задачи данной дисциплины, ознакомить обучающего с термином «Компьютерная графика», ее роли и значением в профессиональной и творческой сфере. Заинтересовать ребенка, проявить интерес к данной дисциплине. Сформировать умение работать по данной дисциплине, дать знания по работе с программами. Развить творческое воображение и фантазию ребенка.
Компьютерная графика - наука, которая изучает способы и средства улучшения, обработки и редактирования изображения.
Компьютерная графика делится на четыре вида: растровая, векторная, трехмерная, фрактальная.
Урок № 4. Характеристика векторного и растрового изображения.
Цель: Изучить характеристику векторного и растрового изображения.
Задачи.
Развить умения определять и соотносить изображения к векторной и растровой графике.
Развить художественно-творческие способности.
Развить навык работы в коллективе.
Каждый вид компьютерной графики отличается способом передачи изображения при печати на листе бумаги или на мониторе компьютера.
Свойства растровой графики
Одним из главных преимуществ растровой графики является живописное изображение. Живописное изображение передает нам огромную цветовую гамму, с различными оттенками. Это делает изображение реалистичней, красочней, интересней.
Такой вид графики позволяет создать практически любой вид рисунка, не зависимо от уровня его сложности без потери качества цветовых оттенков.
Поэтому этот вид графики активно используется в печати ярких афиш, постеров, плакатов, иллюстраций, праздничных открыток, скрапбукинга.
Растровая графика представляет собой изображение, разбитое на цветные точки. Такая точка называется пиксель. Каждый пиксель имеет свой определенный цвет и оттенок, за счет этого свойства и достигается реалистичное изображение на плакате или иллюстрации.
Но помимо положительных качеств, растровая графика имеет свои минусы. Главный минус такого вида графики это ее размер.
Размер растровой графики измеряется в ее составляющей, то есть в пикселях. Чем реалистичнее и качественнее будет изображение, тем больше будет в нем пикселей, тем больше изображение будет весить и соответственно дольше загружаться в программу, его также сложнее масштабировать.
Свойства векторной графики
Одним из главных преимуществ векторной графики это малый вес. Поэтому она активно используется в печати текстовых изображений. Так как векторная графика имеет малый вес, ее легче масштабировать, при этом качество изображения не ухудшается в отличии от растровой графики.
Векторная графика представляет изображение в виде примитивов: линий, точек, окружности, кривые.
Как и растровая графика, векторная графика имеет свой диапазон цвета, но этот вид графики не может показать цветовые оттенки, плавно-переходящие цвета, смежные оттенки, поэтому для печати афиш, иллюстраций и плакатов такая графика не походит.
Ниже мы привели пример изображения векторной и растровой графики.
Домашние задание. Прочитать дополнительный материал и создать презентацию по теме: «Характеристика векторного и растрового изображения».
Урок №5. Цветовые модели программы Adobe Photoshop.
Цель: Изучить цветовые модели программы Adobe Photoshop
Задачи.
Развить навыки работы в программе.
Развить художественно-творческие способности.
Развить навык работы в коллективе.
Как мы знаем, цвета и цветовые оттенки образуются путем смешивания трех основных цветов. Способ классификации цветового оттенка на составляющие компоненты называется цветовая модель. На сегодняшний день существует несколько цветовых моделей, которые люди используют в сфере своей деятельности. В графическом редакторе Adobe Photoshop используется три цветовые модели: CMYK, RGB, НSB.
Модель RGB является самой простой. Именно в этой модели работают экраны телевизора и мониторы компьютеров. Эта модель состоит из трех основных цветов: зеленый, синий, красный. За счет смешивания этих основных цветов мы получаем другие цвета. Такая модель используется при подготовке изображения, которая будет воспроизводиться на мониторе.
Модель CMYK применяется для подготовки печатных изображений.
Модель состоит из четырех цветов: желтого, пурпурного, голубого и черного. Такие цвета называются дополнительными.
Как мы выяснили, некоторые модели предназначены для типографии, другие для просмотра на дисплее. Осталось выяснить какая модель подходит для графических редакторов. Здесь мы сталкиваемся с моделью HSB. Эта модель ориентирована не на редактирование изображения, а на создание изображения, которое выполнено своими руками. Модель состоит из трех составляющих: яркость, оттенок цвета и насыщенность. Таким образом, создавая рисунок в Adobe Photoshop , мы выберем модель HSB, затем мы можем поменять модель на CMYK, если нам нужно распечатать данную работу.
Урок №6. Проверочная работа. Тест.
Цель: проверить качество усвоенного материала.
Задачи.
Развить интерес к учебному предмету.
Вовлечь ребенка в образовательный процесс.
Развить навык работы в коллективе.
Тест.
1 . Компьютерная графика это?
А) Наука, которая изучает способы улучшения программного обеспечения компьютера?
Б) Наука, которая изучает способы и средства улучшения, обработки и редактирования изображения?
В) Наука, которая изучает способы улучшения качества образования?
2. На какие виды делится компьютерная графика?
А) Растровая, векторная, трехмерная, фронтальная.
Б) Растровая, векторная, трехгранная, фрактальная.
В) Растровая, векторная, трехмерная, фрактальная.
3. Составляющие растровой графики?
А) Пятно
Б) Пиксель
В) Простейшие элементы
4. Составляющие векторной графики?
А) Пятно
Б) Пиксель
В) Простейшие элементы
5. Растровая графика имеет?
А) Красочное живописное изображение с легким весом файла.
Б) Красочное живописное изображение с тяжелым весом файла.
В) Живописное изображение, которое не имеет файловый вес.
6. Растровая графика используется в?
А) Печати шрифтов, иллюстраций, постеров, афиш.
Б) Иллюстраций, плакатов, афиш, постеров.
В) Используется во всех печатях.
6. Основными цветами модели CMYK являются?
А) Желтый, пурпурный, голубой и черный.
Б) Желтый, пурпурный, голубой и белый
В) Черный, белый, пурпурный.
7. Основными цветами модели RGB являются?
А) Желтый, синий, красный.
Б) Синий, белый, красный.
В) Зеленый, синий, красный.
8. Какие составляющие несет в себе модель HSB?
А) Модель состоит из трех составляющих: яркость, оттенок цвета и насыщенность.
Б) Модель состоит из четырех составляющих: яркость, оттенок цвета и насыщенность, контрастность.
В) Модель состоит из трех составляющих: контрастность, оттенок цвета и насыщенность.
9. Модель CMYK используется для?
А) Рисования изображения в редакторе.
Б) Печати.
В) Редактирования изображения?
10. Цветовые модели программы Adobe Photoshop?
А) CMYK, HSB, RGB
Б) CMYK, HD, RGB
В) CMYK, HB, RGB
Ответы:1-Б; 2-В; 3-Б; 4-В; 5-Б; 6-А; 7-В; 8-А; 9-Б; 10-А.
Домашние задание. Повторить изученный материал.
Раздел № 2. Знакомство с программой.
Урок № 7. Интерфейс графического редактора Adobe Photoshop.
Цель: Изучить интерфейс графического редактора Adobe Photoshop.
Задачи.
Развить интерес к учебному предмету.
Вовлечь ребенка в образовательный процесс.
Развить навык работы в графическом редакторе.
Adobe Photoshop, на сегодняшний день, является одним из самых лучших графических редакторов. Программа предназначена для работы в графическом дизайне. С ее помощью можно выделять, сканировать, вставлять, рисовать, редактировать, подбирать цвета, применять различные фильтры, менять размер изображения, печатать изображение и многое другое.
В этом ознакомительном уроке мы поговорим об интерфейсе графического редактора Adobe Photoshop.
И так, что же такое интерфейс программы Photoshop? Интерфейс это рабочая область программы. Рабочие инструменты, палитры, слои, опции–все это является частью интерфейса.
Давайте рассмотрим и познакомимся с панелью инструментов графического редактора.
Верхняя панель инструментов.
И так при открытии Adobe Photoshop мы видим рабочую область программы.
File (файл) - это верхняя панель меню, в которой представлен ряд функций и набор инструментов для создания нового изображения, открытия, обзора, закрытия, сохранения, автоматизации и т д.
Редактирование (Edit) – верхняя панель меню, которое предоставляет пользователю возможность отмены своего последнего действия, копирования, вклеивания, вырезание, трансформирование изображения. Изображение (Image)- помогает пользователю корректировать имеющееся загруженное изображение с помощью уровней, авто контраста, цветового баланса, яркости контрастности и многое другое. Как вы успели заметить, нажимая на верхнюю панель инструментов, мы не можем выполнить некоторые команды, так как они закрыты (почти прозрачный шрифт), это связано с тем, что мы не создали изображение, на котором могли бы выполнить эти команды. Если мы создадим изображение, как показано на изображении ниже, мы увидим, что команды стали доступными. Layer (Слой) – меню, которое работает со слоями. Пользователь может настроить его по своему желанию, создать новый, создать дубликат этого слоя, удалить его и т. д.
Выделение или (Select) - меню, которое нужно пользователю для обозначения границ своей работы: инвертировать выделение, выбрать нужный слой, трансформировать нужную область.
Фильтр (Filter)- позволяет пользователю делать разнообразные эффекты. Большой плюс свойства этой панели состоит в том, что эффекты загружены изначально как базовый набор, и в процессе работы их можно пополнять, загружать извне, тем самым мы сможем пополнять базу своих фильтров.
Просмотр (View)- меню, предназначенное для управления просмотром в программе. Изображение можно уменьшить, увеличить, разделить цвета.
Окно (Window)-меню, которое отвечает за рабочую область программы. Ее можно менять в подразделе (Рабочая область), для своего удобства.
Справка (Help)- меню, отвечающее за информирование, в нем расположен помощник, информация о самой программе.
Домашние задание. Найти фотографии для проверочной, практической работы: пейзаж, животное, машина, космос, цветы. Принести в электронном виде на занятие.[2]
Урок №8. Палитра инструментов.
Цель: изучить интерфейс графического редактора Adobe Photoshop.
Задачи.
Развить интерес к учебному предмету.
Вовлечь ребенка в образовательный процесс.
Развить навык работы в графическом редакторе.
Все основные действия по редактированию изображения, рисования, заливки, стирания, выделения вынесены на панель инструментов, расположенную по левую сторону окна.
Многие инструменты объединены на панели под одной иконкой. Если нажать на иконку и удерживать правую кнопку мыши в течение 1секунды, то появиться весь перечень инструментов, где пользователь сможет выбрать нужный, кликнув на него, и он станет текущим.
Все инструменты мы рассматривать не будем ввиду их специфичности. Наша задача, в этом уроке, состоит в том, чтобы познакомиться с диапазоном возможностей Adobe Photoshop.
Прямоугольная область (Rectangular marquee) и Овальная область (Elliptical marquee) – с помощью этого инструмента осуществляется выделение прямоугольной области изображения для последующего редактирования. Горизонтальная строка и вертикальная строка осуществляют выделение в виде вертикальной или горизонтальной области.
Перемещение (Move)- передвигает активный слой или выделенную область.
Лассо (Lasso) – нужно для выделения объектов произвольной формы. Такое выделение происходит путем ручной обводки изображения или его объекта по его контору. Это можно сделать, перетаскивая курсор при нажатой левой кнопке мыши.
Прямолинейное лассо (Polygonal lasso) -позволяет осуществлять выделения путем составленных прямых линий. Двойной щелчок мышки или щелчок с нажатой клавишей Ctrl приводит к замыканию выделения.
Магнитное лассо (Polygonal lasso) - выделяет границы объекта полуавтоматическим способом. Определение границ происходит автоматически, оно основывается на поиске максимальной контрастности, которое соответствует краям объекта. Благодаря этому инструменту выделение достигает наибольшей точности.
Быстрое выделение(Quick Select)- это достаточно новый инструмент , появившийся в Photoshop CS3. Принцип работы этого инструмента заключается в том, что пользователь как будто кистью обводит объект и этот объект становиться выделенным.
Волшебная палочка (Magic wand)- выделяет все области на активном слое, залитых одним цветом или оттенком.
Рамка(Croup)- инструмент, предназначенный для обрезки изображения или удаления ненужных фрагментов. Этот инструмент работает в совокупности со всеми слоями. Делая подрезку изображения, инструмент вырезает все слои - такой процесс называется кадрирование.
Раскройка (Slice)-создает модульную сетку, в соответствии с которой изображение будет разрезаться на части. Применяется для размещения больших изображений в интернете.
Выделение фрагмента (Slice Select)- инструмент редактирует модульную сетку.
Точечная восстанавливающая кисть - инструмент предназначен для ретуширования мелких пятин, царапин, дефектов на изображении.
Восстанавливающаяся кисть - инструмент предназначен для ретуширования крупных пятин, царапин, дефектов на изображении.
Кисть (Paintbrush)- основной инструмент рисования. Размер кисти, мягкость, нажим, форма задается в верхней панели редактирования. Набор кистей загружены изначально как базовый набор, и в процессе работы их можно пополнять, загружать извне, тем самым мы сможем пополнять базу формы кистей.
Карандаш (Pencil)- предназначен для рисования линий с мелкими краями. Размер, мягкость или жесткость карандаша, также задается в верхней панели инструментов.
Штамп (Clone Stamp)-инструмент, предназначенный для копирования одной части изображения в другую. Чтобы использовать этот инструмент, изначально нужно определить место на изображении, откуда будет производиться копирование. Делается это щелчком левой кнопки мыши при нажатой кнопке на клавиатуре ALT.
Узорный штамп (Pattern Stamp)- инструмент практически аналогичен штампу(clone stamp), с той лишь разницей что, рисование идет не копией текущего изображения, а заранее выбранным узором (образцом).
Архивная кисть (History Brush)- разрешает на отдельных фрагментах картинки отменить одно или пару действий.
Архивная художественная кисть (Art History Brush)-позволяет создать разные спецэффекты с использованием предыдущего изображения.
Ластик - инструмент, выступающий в роли стиральной резинки. Ластик стирает изображение с текущего слоя.
Градиент(Gradient) – выполняет заливку выделенной области и всего слоя плавным переходом тонов и цветов. Вид градиент задается в верхней панеле слоев. Градиенты загружены изначально как базовый набор, и в процессе работы их можно пополнять, загружать извне, тем самым мы сможем пополнять базу своей смешенной палитры. Направление градиента задается линией, которую вы должны прочертить при выбранном инструменте Градиент.
Линейный градиент (Linear Gradient)
Радиальный градиент(Radial gradient)
Конусовидный градиент (Angular gradient)
Зеркальный градиент (Reflected gradient)
Ромбовый градиент (Diamond gradient)
Заливка( Paint Bucket) – заливает выделенную область слоя или весь слой.
Размытие (Blur) – понятно из названия, инструмент размывает изображение.
Резкость(Sharpen)- делает изображение более четким.
Палец (Smudge)-инструмент размазывает изображение.
Осветлитель(Dodge)-осветляет указанную область изображения.
Затемнитель (Burn)- затемняет указанную область.
Перо (Pen)-вычерчивает контуры, затем эти контуры можно залить цветом, градиентом и так далее. Очень часто этот инструмент используется для рисования фигур.
Свободное перо (Freeform Pen)- инструмент, который в отличии от простого пера позволяет вычерчивать контуры, рисуя их от руки.
Добавить точку (Add Anchor Point) и Удалить точку (Delete Anchor Point) -инструменты для работы с опорными точками.
Угол (Convert point)- преобразовывает сглаженную точку в угловую и наоборот.
Горизонтальный текст (Text)- инструмент предназначен для ввода горизонтального текста и его редактирования.
Выделение контура (Path Component Selection) и Стрелка (Direct Selection)- инструмент предназначен для работы с контурами.
Прямоугольник(Rectangle)-инструмент который рисует прямоугольник.
Скругленный прямоугольник (Rounded Rectangle) -рисует прямоугольник со скругленными формами.
Эллипс (Ellipse)- рисует эллипсы и окружности.
Многоугольник (Polygon) - предназначен для рисования многоугольников.
Линия (Line)- инструмент служащий для рисования прямых линий.
Произвольная фигура (Custom Shape)- рисует фигуры произвольной формы. Фигуры загружены изначально как базовый набор, и в процессе работы их можно пополнять, загружать извне, тем самым мы сможем пополнять базу своих произвольных фигур.
Заметки (Notes)- нужен для создания заметок или примечаний в любом месте слоя.
Звуковое описание (Audio Annotation) – создает звуковые примечания.
Пипетка (Eyedropper)- один из самых полезных инструментов, позволяет взять пробу цвета с любого пикселя изображения.
Рука (Hand)-перемещает, прокручивает видимую часть изображения.
Масштаб (Zoome)- изменяет масштаб изображения, увеличивая или уменьшая его.
Урок № 9. Практическое задание.
Сидя за монитором компьютера, попробуйте поработать с палитрой инструментов Adobe Photoshop, ознакомьтесь с возможностями программы, используя накопленный опыт и собранный материал.
Урок № 10. Проверочная, практическая работа.
Цель: проверить качество усвоенного материала.
Задачи.
Вовлечь ребенка в образовательный процесс.
Развить навык работы в графическом редакторе.
Развить навык работы в коллективе.
Развить творческие способности.
Развить навык работы с интерфейсом программы.
Попробуйте создать свою мультимедийную презентацию на тему «Интерфейс графического редактора Adobe Photoshop»
Домашние задание. Повторить изученный материал.
Раздел №3. Работа с изображением.
Урок №11. Открытие, сохранение и закрытие изображения.
Цель: изучить возможности графического редактора Adobe Photoshop.
Задачи.
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы в коллективе.
5) Развить творческие способности.
Чтобы открыть наше изображение идем в верхнюю панель меню (Файл) далее (Создать).
Чтобы сохранить наше изображение идем в верхнюю панель меню (Файл) далее (Сохранить), или комбинация клавиш Ctrl + S. (Сохранить как) комбинация клавиш Shift+ Ctrl + S.
Если мы просто сохраняем объект, то он сохраняется в рабочем файле Adobe Photoshop.
Если мы нажимаем на (Сохранить как), то мы имеем право выбрать тип файла, в котором хотим сохранить наш файл. Большим плюсом Photoshop, является возможность работы с файлами разных типов. В нашем методическом пособии мы работаем с форматом JPEG. Это один из самых распространенных форматов, именно в нем хранятся фотографии в цифровых фотоаппаратах.
Упражнение для закрепления. Попробуйте открыть, сохранить и закрыть картинку в графическом редакторе.
Урок №12. Размер и разрешение изображения.
Цель: изучить возможности графического редактора Adobe Photoshop.
Задачи.
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы в коллективе.
5) Развить творческие способности.
С понятием разрешения изображения, в компьютерной графике, всегда происходит больше всего вопросов, так как человеку приходится сталкиваться со свойствами различных рабочих объектов.
Работая над изображением, следует четко осознавать разрешение печатного устройства, монитора компьютера или экрана, разрешение самого изображения. По началу, кажется, что эти объекты никак не связаны друг с другом, пока не возникнет вопрос о том, какой цвет будет иметь картина на листе бумаги, или какие оттенки должны присутствовать, какой физический размер должна иметь картины, иллюстрация или баннер.
Давайте более подробно остановимся на этих вопросах.
Прежде всего, мы должны понимать о свойствах расширения экрана.
Расширение экрана - это свойство, которое имеет операционная система или компьютерная система, ее настройки. Компьютерная система представляет собой видеокарту компьютера, монитор. Разрешение монитора, как и растровая графика, измеряется в пикселях - маленьких точках. Они же и определяют объем и размер изображения, которое помещается на мониторе целиком.
Разрешение принтера это его главное свойство, которое выражается в количестве точек. Измеряются такие точки в единицах dpi -дюймы, они то и определяют размер изображения и его качество. Соответственно чем больше будет дюймов, тем выше будет качество и размер изображения, чем меньше, тем ниже.
Разрешение изображения - это его свойство. Также как разрешение принтера, разрешение изображения определяется в дюймах и задается при создании самого изображения в редакторе программы. Для того, чтобы просто просмотреть изображение на экране достаточно задать 72 dpi, а если нам нужно напечатать изображение, то мы задаем 300 dpi
Физический размер изображения представляет собой реальную высоту и ширину изображения. Такой размер измеряется в пикселях, миллиметрах, дюймах, сантиметрах. Физический размер задается при создании изображения. Если мы готовим изображение для презентации на мониторе или интерактивной доске, то физический размер мы будем задавать в дюймах, так как именно они подходят для такой демонстрации. Если изображение нужно распечатать, то его размер мы будем задавать в единицах ширины и высоты - сантиметрах. Тем самым, распечатывая результат, мы будем знать, какой размер занимает изображение на листе бумаги.
Разрешение изображения и его физический размер связаны друг с другом. При изменении разрешения изображения меняется и его физический размер. Учтите это в своей будущей работе!
При выборе цвета, в создании изображения используются цветовые модели, о которых мы говорили ранее. Чтобы в картине присутствовали определенные цвета и оттенки, при создании изображения мы указываем количество бит.
Если мы указываем 8 бит, то в нашем изображении будет присутствовать 2048 цветов; 16 бит- 65536 цветов; 24 бита-16,5 млн.
Не забывайте, что от заданного бита, также зависит размер изображения.
Упражнение для закрепления. Попробуйте создать изображение в Adobe Photoshop, и задать в нем имя, размер 20Х15 см, цветовую модель CMYK с 16-тью бит.
Домашние задание. Повторить изученный материал.
   Урок №13. Форматы файлов.
Цель: изучить возможности графического редактора Adobe Photoshop.
Задачи.
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы в коллективе.
5) Развить творческие способности.
Прежде, чем мы начнем создавать творческие работы в Adobe Photoshop, мы должны освоить основные моменты программы. Мы уже познакомились с цветовыми моделями, размерами изображения, разобрали интерфейс программы, теперь нам предстоит узнать, с какими форматами файлов работает данная программа.
Формат файлов представляет собой архив, который хранит в себе информацию о том, как этот файл открыть и как показать вам его содержание.
PSD (Photoshop Document) – формат файла, который может открыть только редактор Adobe Photoshop. Поэтому, при работе с редактированием изображения, мы должны сохранять наш файл именно в этом формате. Такой формат несет в себе множество информации о файле: его цветовую модель, размер, яркость, цветовой баланс, различных эффектах, фильтров и множество других инструментов, которые мы сможем применить или изменить, открыв изображение. Недостатком такого формата является вес, так как формат несет в себе огромное количество информации о файле, и доступен он только для редактора Adobe Photoshop.
RAW (англ. raw — сырой, необработанный) – формат файла, который, как и PSD, содержит большое количество сведений о файле. Разница состоит в том, что такой формат поддерживают множество программ.
JPG (JPEG, Joint Photographic) - самый известный формат. Главное достоинство этого формата в его весе и регулируемости степени сжатия и качества изображения. Не большой вес делает это формат незаменимым в передаче информации по сетям или электронным почтам. Формат подходит для сохранения цветной графики, прозрачный цвет будет заменен на белый.
GIF (Graphics Interchange Format) - формат, созданный для размещения изображения на Web-страницах. Такой формат поддерживает прозрачный цвет, в отличии от JPG, а также в нем можно создать анимацию. В таком формате изображение сжимается, не теряя своего качества.
PNG (Portable Network Graphics) – формат созданный для замены GIF. На сегодняшний день является не заменимым для Web-страниц и Web-графики.
BMP (Bitmap Picture) - один из самых старых форматов, которые использовались несколько лет назад. Формат имеет очень большой вес, поэтому, на сегодняшний день используется крайне редко.
EPS (Encapsulated PostScript) –формат, популярный в полиграфии, так как используется в редакторах, работающих с векторной графикой. Формат можно открыть в программе Adobe Photoshop,но возможности его будут ограничены, так как Adobe Photoshop работает с растровой графикой.
TIF (TIFF, Tagged Image File Format)-формат предназначенный для полиграфии и сканированных изображений.
Упражнение для закрепления. Попробуйте создать изображение в Adobe Photoshop, задать в нем имя, размер 12Х10 пикселей, цветовую модель RGB с 24-ю бит и сохранить его в разных форматах.
Домашние задание. Повторить изученный материал.
Урок №14. Работа со слоями.
Цель: изучить возможности работы со слоями в графическом редакторе.
Задачи.
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы в коллективе.
5) Развить творческие способности.
Развить навык работы со слоями программы.
В этом уроке мы поговорим о том, что такой слой? Выполним несколько практических упражнений, для закрепления темы данного урока. Посмотрим, как на практике работает интерфейс программы Adobe Photoshop.
Редактирование изображения в Adobe Photoshop это работа со слоями. То есть словосочетание «редактирование изображения» и «работа со слоями» являются синонимами.
Слои это своеобразные электронные листы, каждый из которых содержит определенное изображения. Например, нарисованный элемент, вставленная картинка, градиент, заливка, текст и так далее. Благодаря слоям, в графическом редакторе, мы имеем возможность перемещать отдельно взятые объекты изображения, корректировать их, менять цвет. Совместно, отдельные элементы, на каждом слое, дают нам огромный диапазон редактирования изображения.
Рабочая область слоя располагается в правом нижнем углу программы. Также она традиционно вызывается клавишей F7. Чтобы создать новый слой идем в верхнюю панель инструментов, наводим курсор на иконку слоя, нажимаем (Слой) далее (Новый), затем (Слой) или просто нажимаем комбинацию клавиш Shift+Ctrl+N. Иногда требуется создать еще одно такое же изображение, то есть дубликат, для этого мы нажимаем (Слой) далее (Создать дубликат слоя).[39]
Для того чтобы выбрать нужный нам слой, достаточно просто кликнуть правой кнопкой мыши на него. В этот момент программа автоматически определяет приоритет этого слоя над другими, и все изменения применяются именно к этому слою, остальные слои считаются как вторичные.
Примечание: при работе со слоями, не забудьте указать авто выбор.
Каждый раз при создании нового слоя появляется диалоговое окно, которое позволяет нам задать:
1) Имя слоя. Называть слой можно по-разному. Так же названные слои помогают лучше ориентироваться в панели слоев.
2) Прозрачность. Если нам нужно полномасштабное изображение, то процент прозрачности будет на максимуме, если нет то прозрачность будет ниже.
3) Цвет. Принадлежность к какому- либо цветовому каналу. Каждое изображение имеет один или несколько каналов, в которых содержится информация о цвете. Мы с вами будем работать с изображением RGB (красный, зеленый, синий). За счет разбиения цветов на отдельные изображения, мы можем отредактировать его.
4) Еще одной особенностью слоев являются параметры наложения или смешивания слоев.
Параметры наложения - слои начинают взаимодействовать друг с другом, накладываться друг на друга. В результате этого наложения, в зависимости от режима, получаются эффекты. Они задаются с помощью раскрывающегося списка, в меню расположенном на палитре Слои (Layers) или 2 раза щелкнуть на слой.
И так давайте выполним ряд упражнений по нашему уроку. Наша задача попробовать проделать несколько манипуляций с параметрами наложения в слоях.
Домашние задание. Подобрать тематическую картину формата А4, распечатать на глянцевой бумаге, срисовать с нее графическую работу на лист А4.
Урок № 15. Работа с выделением. Теоретическая и практическая часть.
Цель: изучить возможности графического редактора Adobe Photoshop.
Задачи.
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы в коллективе.
5) Развить творческие способности.
6) Развить навык работы с интерфейсом программы.
В этом уроке мы научимся обводить наши изображения с помощью различных инструментов: Магнитное лассо (Polygonal lasso), Волшебная палочка (Magic wand), Быстрое выделение(Quick Select), Прямолинейное лассо (Polygonal lasso). Чтобы увидеть на практике как работают эти инструменты, и в чем их отличие.
Использованные материалы.
Шаг 1. Наводим курсор мышки на (Файл), далее (Новый) или комбинация клавиш (Ctrl+N). Мы видим, что на стартовом изображении CS6 вышла рамка с параметрами создания изображения.
Каждый раз при создании нового изображения появляется диалоговое окно, которое позволяет нам задать:
Имя слоя. Называть слой можно по-разному. Так же названные слои помогают лучше ориентироваться в панели слоев.
Установка. Конкретный формат изображения. Например можно сразу задать формат А 4.
Ширина и Высота. Размер изображения. Так же можно выставить единицы измерения: мм, см, пиксели.
Разрешение. Качество изображения. Чем выше разрешение, тем выше качество изображения при выводе на печать.
Цветовой диапазон. Обычно по умолчанию документ создается в режиме RGB с глубиной цвета (глубина цвета – это максимальное количество оттенков цвета в каждом цветовом канале) 8 бит. При этом в каждом цветовом канале красном, зеленом, синем будет отображаться 256 градиентов яркости от каждого цвета.
Содержание фона. Можно сразу задать фон фонового изображения.
Задаем нужные параметры, как показано на изображении и нажимаем ок.
Шаг 2. Открываем изображение с животным. Наша задача выделить животное с помощью инструмента Магнитное лассо (Polygonallasso).
Выбираем в палитре инструментов Магнитное лассо (Polygonallasso).
Напомним, что Магнитное лассо (Polygonallasso) выделяет границы объекта полуавтоматическим способом. Определение границ происходит автоматически, оно основывается на поиске максимальной контрастности, которое соответствует краям объекта. Благодаря этому инструменту выделение достигает наибольшей точности.
Шаг 3. Скопируем нашу выделенную область и вставляем ее на наше изображение. Идем в меню (Редактирование), далее (Скопировать) или комбинацию клавиш Ctrl+C.
Закрываем картинку с животным, и вставляем скопированную область на наше первое изображение. Идем в меню (Редактирование), далее (Вклеить) или комбинацию клавиш Ctrl+V.
Шаг 4. Называем наш слой «Животное», нажимая по нему 2 раза мышкой.
И отводим наше изображение в левый угол, уменьшаем его, то есть трансформируем. Идем в меню (Редактирование), далее (Свободное трансформирование) или комбинация клавиш Ctrl+T.
Шаг 5. Открываем другое изображение «Животное 2». Нам нужно выделить изображение с помощью инструмента Волшебная палочка (Magicwand). Напомним Волшебная палочка (Magicwand) выделяет все области на активном слое, залитых одним цветом или оттенком удерживая клавишу Shift.
Закрываем изображение «Животное 2» и вставляем скопированную область на наше первое изображение. Идем в меню (Редактирование), далее (Вклеить) или комбинацию клавиш Ctrl+V.
Шаг 6. На этом этапе мы уже видим разницу работы инструментов.
Теперь мы выделим изображение «Животное 3» при помощи Прямолинейного лассо (Polygonallasso) и по аналогии вставим ее в наш каталог в левый нижний угол.
Прямолинейное лассо (Polygonallasso)- позволяет осуществлять выделения путем составленных прямых линий. Двойной щелчок мышки или щелчок с нажатой клавишей Ctrl приводит к замыканию выделения.
Шаг 7. Выделяем изображение «Животное 4» при помощи быстрого выделения (QuickSelect) и по аналогии вставим ее в наше первое изображение, в правый нижний угол. Слой называем «Животное 4». Быстрое выделение (QuickSelect) - это достаточно новый инструмент, появившийся в Photoshop. Принцип работы этого инструмента заключается в том, что пользователь как будто кистью обводит объект и этот объект становиться выделенным.
Домашние задание. Попробуйте выделить различные изображения цветов, с помощью различных инструментов: Магнитное лассо (Polygonal lasso), Волшебная палочка (Magic wand), Быстрое выделение(Quick Select), Прямолинейное лассо (Polygonal lasso).
Урок №16.Трансформация и ее виды.
Цель: изучить возможности графического редактора Adobe Photoshop.
Задачи.
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы в коллективе.
5) Развить творческие способности.
6) Развить навык работы с интерфейсом программы.
Редактируя или создавая новые изображения в программе Adobe Photoshop, рано или поздно, перед нами встанет задача, изображение уменьшить, повернуть или трансформировать его.
В этом уроке мы поговорим о трансформации изображения и ее видах, в Adobe Photoshop, выполним ряд практических упражнений для закрепления материала.
Простое вращение - при помощи этой функции, можно повернуть слой на 90 или 180 градусов, по часовой или против часовой стрелки.
Вращение изображения - команда, которая позволяет повернуть слой.
Трансформирование - при помощи этой команды, можно изменить размер изображения.
Свободное трансформирование- команда, при помощи которой, можно
произвольно менять, размер, высоту, ширину, направление изображения.
Упражнение для закрепления. Попробуйте создать изображение в Adobe Photoshop, и один дополнительный слой с картинкой. Попробуйте трансформировать изображение, разными способами.
Домашние задание. Повторить изученный материал.
Урок №17.Фото коррекция и корректирующие слои.
Цель: изучить возможности графического редактора Adobe Photoshop.
Задачи.
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы в коллективе.
5) Развить творческие способности.
В графическом редакторе Adobe Photoshop коррекцию изображения, можно сделать разными способами.
1) (Изображение), далее (Коррекция)
2) (Слой), (Новый корректирующий слой).
Они в свою очередь коррекция изображения делится на группы:
а) по настройке контрастности (Яркость/Контраст, Уровни, Кривые, Экспозиция),
б) по настройке насыщенности, цветности (Вибрация, Цветовой тон/Насыщенность, Цветовой баланс, Черно-белое, Фотофильтр, Микширование каналов, Поиск цвета),
в) оставшиеся различные эффекты (Инвертировать, Постеризация, Изогелия, Карта градиента, Выборочная коррекция цвета).
Примечание. Особенностью команды «Новый корректирующий слой» является то, что она работает сразу со всеми слоями, в отличии от параметров (Изображения), (Коррекция).
Упражнение. Попробовать провести коррекцию изображения различными способами.[41]
Домашние задание. К уже подобранной тематической картине формата А4, распечатанной на глянцевой бумаге, Вам предстоит срисовать изображение еще раз, и сделать это изображение живописным на листе А4.
Урок №18. Работа в стиле коллаж.
Цель: изучить возможности графического редактора Adobe Photoshop.
Задачи.
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы в коллективе.
5) Развить творческие способности.
6) Развить навык работы с интерфейсом программы.
Говоря о возможностях графического редактора Adobe Photoshop , необходимо помнить и знать, что одна из важнейших областей графического дизайна – это коллаж.
Коллаж – произвольное сочетание нескольких изображений в одном. При составлении коллажа главное соблюдения принципа соразмерности взятых элементов, каждый элемент не должен отличаться по размеру, весу и качеству от другого элемента. Так как мы работаем с растровым изображением, оно представлено как однослойная сетка точек, которые называются пикселями, каждый из которых имеет свой цвет или оттенок. Чем хуже качество изображения, тем меньше мы сможем его увеличить, и в дальнейшем у нас могут возникнуть проблемы с печатью изображения. Главной особенностью и огромным плюсом растрового изображения является его реалистичность. Так же необходимо помнить, что при создании коллажа одно из главных значений имеет композиция.
Композиция - тематическое, гармоничное сочетание или соединение, элементов с целью выделения главного элемента.
И так при открытии Adobe Photoshop мы видим рабочую область программы.
Первый шаг. Наводим курсор мышки на (Файл), далее (Новый ) или комбинация клавиш (Ctrl+N). Мы видим, что на стартовом изображении вышла рамка с параметрами создания изображения.
Задаем нужные параметры для создания нашего плаката, как показано на картинке и нажимаем ок.
Второй шаг. Нам нужно вставить наше изображение с машиной. Идем в (Файл)- (Открыть) или комбинация клавиш Ctrl+O. Вот, что должно получиться.
Третий шаг. Мы должны скопировать нашу машину с рельефом и вставить ее на другой слой.
Выделить машину мы можем при помощи нескольких инструментов: Можете выбрать любой способ выделения для нашей машины. В своем уроке мы выбрали инструмент Быстрое выделение(Quick Select).
Теперь создаем новый слой. Идем в верхнюю панель инструментов, наводим курсор на иконку слоя, нажимаем (Слой) далее (Новый), затем (Слой) или просто нажимаем комбинацию клавиш Shift+Ctrl+N. Называем этот слой «вставка».
Идем в верхнюю панель (Редактирование) затем нажимаем (Вклеить) или Ctrl+V.
4 шаг. Открываем изображение грозного неба. Нам нужно выделить из картинки только небо.
Вырезать наше небо мы можем при помощи нескольких инструментов: Прямоугольная область (Rectangular marquee), Рамка (Croup).
Рамка (Croup) – инструмент, который используется для подрезки изображения и удаления ненужных фрагментов. Выделяем область, которую необходимо оставить, нажимаем на клавишу «Enter» и все лишние компоненты удалятся.
Мы выбрали инструмент Прямоугольная область (Rectangular marquee).
И так открываем наше изображение с грозным небом, выделяем нужную нам область, далее заходим в верхнее меню (Редактирование), (Скопировать) или комбинация клавиш Ctrl+C, закрываем.
5 шаг. Создаем новый слой и называем его «грозное небо». Заходим в верхнюю панель меню (Редактирование) далее (Вклеить) или комбинация клавиш Ctrl+V.
6 шаг. Ставим «грозное небо» в правильное положение, затем выделяем наш слой «Вставка» и переносим его мышкой на самый вверх наших слоев.
7 шаг. Открываем наше изображение со вспышками молний, вырезаем нашу вспышку, при помощи нескольких инструментов: Прямоугольная область (Rectangular marquee), Рамка (Croup).
Создаем новый слой, нажимая комбинацию клавиш Shift+Ctrl+N. Назовем этот слой «Молния 1», затем заходим в верхнюю панель меню (Редактирование) далее (Вклеить) или комбинация клавиш Ctrl+V.
8 шаг. Теперь мы поменяем параметры наложения нашего слоя «Молния 1».
Параметры наложения или смешивания (Mode)- показывают нам, как взаимодействуют между собой слои.
Проще всего поменять режим наложения, можно два раза кликнув правой кнопкой мыши по нашему слою. Меняем режим «Нормальный на режим «Замена светлым ».
9 шаг. Открываем наше изображение с двумя молниями, вырезаем наши молнии, при помощи нескольких инструментов: Прямоугольная область (Rectangular marquee), Рамка (Croup).
Создаем новый слой, нажимая комбинацию клавиш Shift+Ctrl+N. Назовем этот слой «Молния 2» , затем заходим в верхнюю панель меню (Редактирование) далее (Вклеить) или комбинация клавиш Ctrl+V.
10 шаг. Далее трансформируем наше изображение и ставим его в правый угол. Идем в верхнюю панель (Редактирование) затем «Свободное трансформирование» или просто нажимаем комбинацию клавиш Ctrl+T.
При помощи трансформирования, мы можем растягивать или поворачивать границы нашего объекта.
11 шаг. Меняем параметры наложения слоя «Молния 2» на точечный свет.
Меняем заливку нашего слоя от 100% до 81%.
Заливка - интенсивность красок, яркость слоя.
Далее выделяем слой «Молния 2» и перетаскиваем его под слой «Вставка». В итоге наш слой должен находиться между слоем «Вставка» и слоем «Грозное небо».
12 шаг. В начале урока мы с вами говорили о том, что одна из важнейших вещей это сочитание и гармоничноть цвета и тона. Если не будет баланса и гармонии, будет отчетливо видно, что изображения как буд-то наклеины друг на друга. Сейчас на нашем постере это очень хорошо видно. Наш слой «Вставка» не сочитается со слоем «Грозное небо». Нам нужно исправить эту проблему. В этом нам поможет коррекция изображения слоя.
Коррекция- одно из дополнительных параметров изображения. С помощью коррекции изображения мы можем сделать автоконтраст, прибавить яркости и контрастности нашему слою, обесцветить его, поменять цвет нашему слою с помощью цветового баланса.
Идем в (Редактирование) далее (Коррекция) далее (Цветовой баланс).
Или нажимаем комбинацию клавиш Ctrl+B.
Задаем параметры цвета нашему слою как показано на изображении ниже и нажимаем Ок.
13 шаг. Теперь мы видим, что наше изображение стало более гармонично. Сейчас нужно почистить наш слой «Вставка», после того как мы вырезали ее из основного фона, чтобы наш плакат был аккуратен и без изъян. Сделать это можно при помощи левой панели инструментов. Вы можете выбрать: Штамп (Clone Stamp), Точечная восстанавливающая кисть, Ластик (Eraser).
В нашем уроке мы решили использовать инструмент Ластик.
14 шаг. Создаем новый слой и называем его «кисть». Чтобы два наших слоя «Машина» и «Грозное небо» еще более гармонично сочетались, мы постараемся еще как можно более ввести их в среду. Для этого мы будем использовать инструмент Кисть (Brush).
Кисть (Brush)-это основной инструмент для рисования в Adobe Photoshop.
Меняем непрозрачность нашего слоя на 46%.
15 шаг. Встаем на слой «Вставка». Выбираем один из инструментов: Лассо (Lasso), Магнитное лассо (Polygonal lasso),Многоугольное лассо (Polygonal lasso), Волшебная палочка (Magic wand), Быстрое выделение(Quick Select). Выделяем песок, который перерабатывает машина. Копируем. Создаем новый слой и называем его «песок». На этот слой вклеиваем нашу выделенную область.
Затем вызываем параметры наложения слоя и указываем значения, которые показаны на скриншоте ниже.
16 шаг. Создаем новый слой, нажимая комбинацию клавиш Shift+Ctrl+N. Назовем этот слой «Логотип», затем заходим в верхнюю панель меню (Редактирование) далее (Вклеить) или комбинация клавиш Ctrl+V.
Заходим в верхнюю панель меню (Редактирование) далее выбираем инструмент (Трансформирование) или (свободное трансформирование). Уменьшаем и перетаскиваем наш логотип в левый нижний угол.
17 шаг. Идем в верхнее меню (Слой) далее (Новый корректирующий слой), (яркость контрастность) и задаем параметры как показано на изображении.
Особенность этой команды в том, что она работает сразу со всеми слоями, в отличии от параметров (Изображения), (Коррекция).
Домашние задание. Принести заготовленный материал: графический и живописный рисунок формата А4. Электронный вариант оригинала, с которого делалась данная работа. Отсканированный вариант графического и живописного изображения.
Урок №19. Итоговая практическая работа.
Создай свою мультимедийную картину в стиле коллаж.
Цель: проверить качество усвоенного материала.
Задачи.
Вовлечь ребенка в образовательный процесс.
Развить навык работы в графическом редакторе.
Развить навык работы в коллективе.
Развить творческие способности.
Развить навык работы с интерфейсом программы.
Этот урок посвящен итоговой проверочной работе, где вы должны показать все свои знания и навыки работы в программе.
Перед вами три одинаковых, отсканированных изображения. Разница в технике их выполнения. Первое изображение, представляет собой оригинал, второе изображение - графическое решение данной картины, последние -живописное. Ваша задача, используя технику коллаж, фото коррекцию, трансформацию, палитру инструментов соединить данное изображение в одно, при этом изображение должно включать в себя оригинал, графическое и живописный вид.
Раздел № 4. Рисование.
Урок № 20. Основные инструменты рисования: «Кисть», «Карандаш», «Заливка», выбор основного и фонового цвета.
Цель: научиться рисовать изображения в графическом редакторе Adobe Photoshop.
Задачи.
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы в коллективе.
5) Развить творческие способности.
6) Развить навык работы с интерфейсом программы.
На данном этапе нашей работы, мы научились редактировать изображения, создавать новые картины, используя накопленный иллюстративный материал. Теперь перед нами стоит цель: научиться создавать изображения с самого начала, по-другому говоря, научиться рисовать в графическом редакторе Adobe Photoshop.
В этом уроке мы познакомимся с основными инструментами рисования «Кисть», «Карандаш», «Заливка», выполним несколько упражнений по работе с этими инструментами.
Мы уже частично познакомились с этими инструментами во втором разделе.
Давайте еще раз повторим изученный материал.
Точечная восстанавливающая кисть - инструмент предназначен для ретуширования мелких пятин, царапин, дефектов на изображении.
Восстанавливающаяся кисть - инструмент предназначен для ретуширования крупных пятин, царапин, дефектов на изображении.
Кисть (Paintbrush)- основной инструмент рисования. Размер кисти, мягкость, нажим, форма задается в верхней панели редактирования. Набор кистей загружены изначально как базовый набор, и в процессе работы их можно пополнять, загружать извне, тем самым мы сможем пополнять базу формы кистей.
Чтобы загрузить дополнительный набор кистей нам нужно скачать файл с интернета. Большое количество разнообразных тематических кистей находится на профессиональных сайтах. Такой материал является бесплатным и доступен для каждого. Идем верхняя панель управления Редактирование, далее Управление библиотеками. В самой библиотеке вы можете загрузить дополнительные файлы кистей, градиента, узоров и многое другое.
Карандаш (Pencil)- предназначен для рисования линий с мелкими краями. Размер, мягкость или жесткость карандаша, также задается в верхней панели инструментов.
Архивная кисть (History Brush)- разрешает на отдельных фрагментах картинки отменить одно или пару действий. (см. приложение, рис.30)
Архивная художественная кисть (Art History Brush)-позволяет создать разные спецэффекты с использованием предыдущего изображения.
Ластик - инструмент, выступающий в роли стиральной резинки. Ластик стирает изображение с текущего слоя.
Градиент (Gradient) – выполняет заливку выделенной области и всего слоя плавным переходом тонов и цветов. Вид градиент задается в верхней панеле слоев. Градиенты загружены изначально как базовый набор, и в процессе работы их можно пополнять, загружать извне, тем самым мы сможем пополнять базу своей смешенной палитры. Направление градиента задается линией, которую вы должны прочертить при выбранном инструменте Градиент.
Линейный градиент (Linear Gradient)
Радиальный градиент(Radial gradient)
Конусовидный градиент (Angular gradient)
Зеркальный градиент (Reflected gradient)
Ромбовый градиент (Diamond gradient)
Заливка( Paint Bucket) – заливает выделенную область слоя или весь слой.
Упражнение. Создайте документ формата А5 и попробуйте поработать инструментами, которые мы разобрали на занятии.
Домашние задание.
Подготовить материал к классной работе: прямой портрет животного, скаченный файл с кисточками на тему «Вода, капли, брызги»
Урок №21. Примеры использования инструмента «Кисть» и «Карандаш».
Цель: научиться пользоваться инструментами «Кисть» и «Карандаш» в графическом редакторе Adobe Photoshop.
Задачи.
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы в коллективе.
5) Развить творческие способности.
6) Развить навык работы с интерфейсом программы.
Шаг 1. Создаем новый документ в графическом редакторе Adobe Photoshop. Размер 5000х3000 пикс. Разрешение 300 dpi, задав такой размер, мы хорошо увидим мелкие детали.
Теперь мы должны разблокировать фоновый слой. Нажимаем на него два раза. Теперь нам нужно залить фоновый слой черным цветом, для этого мы используем инструмент (Заливка).
Шаг 2. Вставляем наш слой «Орел» на фоновый слой. Далее нам нужно вырезать нашу фигуру, для этого, мы воспользуемся инструментами: Магнитное лассо (Polygonal lasso), Волшебная палочка (Magic wand), Быстрое выделение(Quick Select), Прямолинейное лассо (Polygonal lasso), на выбор. Обводим наше изображение и копируем его. Далее удаляем наш слой
Шаг 3. Теперь нам нужно поработать с головой нашего орла, наша задача сделать его симметричным, чтобы предать работе интересный вид и идею. Дублируем нашу голову орла, нажимая комбинацию клавиш (CTRL+J) или идем (Слой далее - Создать дубликат слоя). Теперь идем (Редактирование - Трансформация - Отразить по горизонтали). Добавим слой маску на дублированный слой, теперь берем мягкую кисть и закрашиваем правую часть нашего орла.
Шаг 4.Выделим оба слоя с орлом и объединяем их в один. (CTRL+E).
Чтобы сделать нашу работу эффектней, мы поработаем с цветом изображения. Идем Изображение, Коррекция, Цветовой баланс. Мы также можем добавить контрастности, усилить резкость. В этом шаге каждый может сам поиграть с настройками изображения, тем самым, получив как можно больше различных работ.
Шаг 5. Теперь можно начать рисовать различные детали. Для этого нам нужно выбрать инструмент «Кисть», «Карандаш». В этом шаге каждый может сам выбрать инструмент и задать для него настройки, тем самым, получить как можно больше различных работ. Если в вашем арсенале имеется графический планшет, мы рекомендуем использовать его в данной работе. Создаем новый слой и начинаем рисовать.
Домашние задание.
Подготовить материал к классной работе: газеты, журналы, фотографии.
Урок №22. Инструмент «Градиент». Примеры создания градиента сказочная радуга.
Цель: научиться пользоваться инструментам «Градиент» в графическом редакторе Adobe Photoshop.
Задачи.
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы в коллективе.
5) Развить творческие способности.
6) Развить навык работы с интерфейсом программы.
В этом уроке мы научимся создавать свой собственный градиент, не используя предложенные базовые варианты.
Не забывайте о том, что вы также можете скачать уже созданные градиенты и загрузить их в библиотеку графического редактора.
Шаг 1. Выбираем градиент в палитре инструментов. В верхней части программы, в левом углу также появился значок «Градиент» Обратите внимание, что вы можете выбрать форму градиента: линейная форма, радиальная, конусовидная, зеркальный, ромбовидный.
Шаг 2. Если мы нажмем на редактор градиента, то сможем сами выбирать цвет, переходы, используя контрольную точку непрозрачности, точку цвета.
Упражнение для закрепления.
Попробуйте создать разные типы градиента. Используя редактор градиента. Создайте свой собственный градиент под названием « Сказочная радуга».
Домашние задание.
Принести материал к классной работе: газеты, журналы, фотографии, клей, ножницы, несколько белых листов А4.
Урок №23. Итоговая работа. Проект «Пейзаж» с использованием знаний пройденной темы.
Цель: проверить качество усвоенного материала.
Задачи.
1) Вовлечь ребенка в образовательный процесс.
2) Развить навык работы в графическом редакторе.
3) Развить навык работы в коллективе.
4) Развить творческие способности.
5) Развить навык работы с интерфейсом программы.
В этом уроке нам предстоит создать «ручной» коллаж в жанре пейзаж из газет, журналов и обоев. После этого мы отсканируем полученное изображение и отредактируем его в Adobe Photoshop, используя инструменты «карандаш», «кисть», наложим эффект сказочной радуги.
Таким образом, вы увидите, как синтезируется «ручной» и компьютерный ресурс. У вас также получиться новая дизайнерская работа.
Раздел №5. Текст.
Урок №24. Особенности текстового слоя и ввод текста.
Цель: научиться пользоваться инструментам «Текст» в графическом редакторе Adobe Photoshop.
Задачи.
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы с интерфейсом программы.
Мы уже знаем, что графический редактор Adobe Photoshop предназначен для работы с иллюстративным, ярким изображением. Но очень часто, при создании иллюстрации, плаката или афиши требуется не только изображение, но и текст, который несет определенную смысловую нагрузку в изображении, имея при этом схожий тематический дизайн.
Понимая все эти нюансы, создатели программы заложили в нее множество функциональных возможностей, которые можно применить к такому объекту на изображении как текст.[25]
В этом уроке мы поговорим об особенностях текстового слоя в программе и выполним закрепляющее упражнение по его вводу в программе.
Adobe Photoshop работает с растровой графикой, поэтому количество текста в нем является минимальным. Несмотря на это, редактор имеет довольно широкие возможности работы с ним.
Главной особенностью текстового слоя являются растровые шрифты. Если мы увеличим масштаб шрифта, то увидим, что сам шрифт, как и изображение, состоит из пикселей.
Сохранить такой текст мы может в формах, которые поддерживают растровую графику.
Инструмент Текст (Text) находится на палитре инструментов программы. Он предназначен для ввода горизонтального и вертикального текста и его редактирования.
Упражнение. Создайте документ формата А4 и попробуйте поработать с горизонтальным и вертикальным инструментом Текст.
Урок № 25. Форма стили текста.
Цель: научиться пользоваться инструментам «Текст» в графическом редакторе Adobe Photoshop.
Задачи.
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы с интерфейсом программы.
Создав текст в Adobe Photoshop, нам необходимо отредактировать его: задать нужный цвет, размер, форму, стиль, масштаб.
Все необходимые инструменты работы с текстом выходят на верхнюю панель программы, при выборе «Текста» на палитре инструментов.
Чтобы задать нужный цвет текста, нам необходимо зайти в Палитру цветов (Цвет текста).
Чтобы задать нужный стиль шрифта, нам необходимо зайти в Гарнитуру. Этот инструмент работы с текстом напоминает Microsoft World.
Чтобы задать нужный размер текста, нам необходимо нажать на функцию «Задать кегль». Этот инструмент работы с текстом напоминает Microsoft World.
Упражнение. Создайте документ формата А4. Напечатайте в нем фразу «Ничто не вечно!» и попробуйте поработать с инструментами редактирования Текста.
Домашние задание.
Повторите изученный материал. Подготовьте несколько портретных фотографий, с хорошим разрешением.
Урок №26. Трансформация текстового слоя.
Цель: научиться пользоваться инструментам «Текст» в графическом редакторе Adobe Photoshop.
Задачи.
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы с интерфейсом программы.
Очень часто при создании плаката или афиши, требуется задать необычную форму текста: наклон, изгиб, волну и так далее. В этом нам поможет инструмент «Деформированный текст», который также находиться в верхней части интерфейса. В нем вы можете задать различную стилевую форму вашего текста.
Еще одним способом необычной деформации текста является инструмент «Трансформирование» и «Свободное трансформирование».
Идем «Редактирование» далее «Трансформирование» и «Свободное трансформирование Ctrl+t ». В инструменте трансформирования вы можете масштабировать, наклонять, поворачивать, отражать текст.[20]
Упражнение. Создайте документ формата А4. Напечатайте в нем фразу «Ничто не вечно!» и попробуйте поработать с инструментами: «Деформированный текст» «Трансформирования» и «Свободного трансформирования».
Домашние задание.
Принесите несколько портретных фотографий, с хорошим разрешением в электронном виде.
Урок №27. Повторение изученного материала: письменный опрос, беседа.
Цель: проверить качество усвоенного материала.
Задачи.
1) Вовлечь ребенка в образовательный процесс.
2) Развить навык работы в графическом редакторе.
3) Развить навык работы в коллективе.
4) Развить творческие способности
5) Развить навык работы с интерфейсом программы.
1. Каковы особенности текстового слоя и ввода текста в Adobe Photoshop.
2. Каким образом можно изменить форму и стиль текста? Перечислите несколько способов?
3. Что такое трансформация текстового слоя?
4. Для каких целей используется текст в Adobe Photoshop?
Ответы:
1) Главной особенностью текстового слоя являются растровые шрифты. Если увеличить масштаб шрифта, то будет видно, что сам шрифт, как и изображение, состоит из пикселей.
2) Все необходимые инструменты работы с текстом выходят на верхнюю панель программы, при выборе «Текста» на палитре инструментов. Чтобы задать нужный цвет текста, нам необходимо зайти в Палитру цветов (Цвет текста).
Чтобы задать нужный стиль шрифта, нам необходимо зайти в Гарнитуру. Этот инструмент работы с текстом напоминает Microsoft World.
Чтобы задать нужный размер текста, нам необходимо нажать на функцию «Задать кегль». Этот инструмент работы с текстом напоминает Microsoft World.
Сохранить такой текст мы можем в формах, которые поддерживают растровую графику.
Инструмент Текст (Text) находится на палитре инструментов программы. Он предназначен для ввода горизонтального и вертикального текста и его редактирования.
3) «Деформированный текст», который также находиться в верхней части интерфейса. В нем вы можете задать различную стилевую форму вашего текста.
Еще одним способом необычной деформации текста является инструмент «Трансформирование» и «Свободное трансформирование».
Идем «Редактирование» далее «Трансформирование» и «Свободное трансформирование Ctrl+t ». В инструменте трансформирования вы можете масштабировать, наклонять, поворачивать, отражать текст.
4) Создание иллюстраций, открыток, афиш, плакатов.
Раздел №6. Портрет и эффекты изображения.
Урок № 28. Примеры использования инструмента «Штамп» и «Точечная восстанавливающая кисть» в портрете.
Цель: научиться пользоваться инструментам «Штамп» и «Точечная восстанавливающая кисть» в графическом редакторе Adobe Photoshop.
Задачи.
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы с интерфейсом программы.
В этом разделе мы научимся работать с портретом лица человека, научимся ретушировать и восстанавливать фотографии, создавать выразительный взгляд в портретах.
Прежде чем говорить об инструментах «Штамп» и «Точечная восстанавливающая кисть», мы должны вспомнить, что такое портрет.
Потрет - изображение человека или групп людей.
В портретных фотографиях, которые сняты крупным планом, бывают изъяны. Как правило, такие дефекты очень часто встречаются на коже лица: морщины, пигментные пятна, прыщи и так далее. Конечно, чтобы создать идеальную модель на фотографии, нам необходимо научиться устранять такие дефекты.
В этом нам поможет инструмент «Штамп» и «Точечная восстанавливающая кисть».
Штамп (Clone Stamp)-инструмент, предназначенный для копирования одной части изображения в другую. Чтобы использовать этот инструмент, изначально нужно определить место на изображении, откуда будет производиться копирование. Делается это щелчком левой кнопки мыши при нажатой кнопке на клавиатуре ALT.
Узорный штамп (Pattern Stamp)- инструмент практически аналогичен штампу (clone stamp), с той лишь разницей что, рисование идет не копией текущего изображения, а заранее выбранным узором (образцом).[39]
Точечная восстанавливающая кисть - инструмент предназначен для ретуширования мелких пятин, царапин, дефектов на изображении.
Восстанавливающаяся кисть - инструмент предназначен для ретуширования крупных пятин, царапин, дефектов на изображении.
Упражнение. Создайте документ формата А4, вставьте в этот документ свое изображение, и попробуйте поработать с инструментами: «Точечная восстанавливающая кисть» и «Штамп» на практике.
Домашние задание.
Повторить изученный материал. Принести, портретную, фотографию в отсканированном варианте.
Урок № 29. Ретуширование и восстановление фотографии.
Цель: научиться ретушировать и восстанавливать фотографию в графическом редакторе Adobe Photoshop.
Задачи.
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы с интерфейсом программы.
Портретные фотографии на сегодняшний день, являются очень востребованы среди других видов фотографий. Портретные фотографии используются для работы, своего резюме, личных делах, паспортах и других важных документах, не говоря уже о социальных сетях: в контакте, одноклассники, instagram, facebook, сайтs знакомств, электронная почта, где каждый хочет выставить свою наилучшую фотографию, для произведения приятного впечатления.[3]
В этом уроке мы научимся ретушировать и восстанавливать свои портретные фотографии.
Шаг 1. Открываем заранее приготовленное портретное фото в программе.
Шаг 2. Удалите все мелкие дефекты с кожи лица: пигментные пятна, морщины, бугры, неровности при помощи инструментов «Точечная восстанавливающая кисть» и «Штамп»
Шаг 3. После того, как мы устранили не нужные элементы на коже, нам необходимо сделать ее гладкой, ровной , чистой и бархатной. Такой эффект кожи называется ретушь.
Создаем дубликат нашего слоя и начинаем с ним работать. Идем в «Фильтр» далее «Размытие» - «Размытие по поверхности». Перед нами появилось окно с параметрами, которые мы должны задать. Выставляем радиус 25 пикселей, изогелия 30 уровень
Шаг 4. Теперь нам нужно наложить дополнительный эффект «Шум», чтобы наша кожа выглядела натуральней и реалистичней. Выделяем наш слой с ретушью и накладываем на него этот эффект. Идем «Фильтр» далее «Шум» — «Добавить шум». Выставляем значение 3 %, распределение «Равномерная» и выставляем галочку в пункте «Монохромный».
Шаг 5. Получившиеся изображение необходимо еще раз размыть. Идем Фильтр» — «Размытие» Далее «Размытие по Гауссу». В появившимся окне выставляем 0,1- 0,2 пикселя.
Шаг 6. Очень часто в портретных фотографиях хочется выделить свои достоинства и скорректировать недостатки, это касается не только кожи лица, но и самих черт человека. Например, девушке хочется увеличить глаза и уменьшить нос, или увеличить зубы, а уменьшить щеки. Чтобы добиться таких результатов одной ретуши будет мало. Поэтому идем в «Фильтр», далее «Пластика». Этот инструмент поможет вам выполнить поставленную задачу.
Шаг 7. Финальный штрих, который завершит нашу работу это коррекция изображения. Применение цветового баланса, яркости и контрастности. Выделяем все наши слои, нажимаем левой кнопкой мыши и выбираем «Объединить слои». На полученный слой и и накладываем последние штрихи. Идем «Изображение», далее «Коррекция» — «Яркость/Контрастность». Значения, которые вы будите выбирать при накладывании яркости, контрастности, цветового баланса зависят от вашего вкуса и настроения.
Домашние задание.
Повторить изученный материал. Принести полученный материал к следующему занятию.
Урок № 30. Выразительный взгляд в портрете.
Цель: научиться создавать выразительный взгляд на фотографии в графическом редакторе Adobe Photoshop.
Задачи.
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы с интерфейсом программы.
Шаг. 1 При работе с глазами модели, мы используем материал получившийся на прошлом уроке. Открываем наше изображение в программе.
Шаг. 2 Создаем слой над нашим изображением идем «Слой» далее «Создать слой». Выбираем кисть, размер которой будет пропорционален зрачку нашей модели.
Шаг. 3 Выбираем цвет кисти. В данном случаи наша задача подчеркнуть цвет глаз модели, поэтому выбираем схожий цвет по тону.
Шаг. 4 Наносим на нашем пустом слое две точки, тем самым закрашивая зрачок нашей модели. Далее меняем режим наложения слоя на «осветление основы» или «Перекрытие».
Домашние задание.
Повторить изученный материал. Принести, портретную, фотографию в отсканированном варианте.
Урок №31. Итоговая работа. Обработай свою портретную фотографию.
Цель: проверить качество усвоенного материала.
Задачи.
1) Вовлечь ребенка в образовательный процесс.
2) Развить навык работы в графическом редакторе.
3) Развить навык работы в коллективе.
4) Развить творческие способности.
5) Развить навык работы с интерфейсом программы.
Используя заранее подобранный материал, попробуйте сделать ретушь и выразительный взгляд своей портретной фотографии.
Раздел № 7. Итоговый результат.
Урок №32. Итоговая работа №1.
Цель: проверить качество усвоенного материала за год.
Задачи.
1) Вовлечь ребенка в образовательный процесс.
2) Развить навык работы в графическом редакторе.
3) Развить навык работы в коллективе.
4) Развить творческие способности.
Создайте фантастический плаката в стиле «коллаж» на тему: «Осваиваем марс».
Урок №33. Итоговая работа №2. Тест.
Цель: проверить качество усвоенного материала за год.
Задачи.
1) Вовлечь ребенка в образовательный процесс.
2) Развить навык работы в графическом редакторе.
3) Развить навык работы в коллективе.
4) Развить творческие способности.
1. Adobe Photoshop является?
А) Графическим, компьютерным редактором.
Б) Программой по работе с электронными счетами.
2. Напишите цветовые модели, с которыми работает программа?
3. Напишите какие форматы изображения поддерживает Adobe Photoshop?
4 . Компьютерная графика это?
А) Наука, которая изучает способы улучшения программного обеспечения компьютера?
Б) Наука, которая изучает способы и средства улучшения, обработки и редактирования изображения?
В) Наука, которая изучает способы улучшения качества образования?
5. На какие виды делится компьютерная графика?
А) Растровая, векторная, трехмерная, фронтальная.
Б) Растровая, векторная, трехгранная, фрактальная.
В) Растровая, векторная, трехмерная, фрактальная.
6. Составляющие растровой графики?
А) Пятно
Б) Пиксель
В) Простейшие элементы
7. Напишите, что такое интерфейс программы Adobe Photoshop?
8. Напишите, что такое Палитра инструментов программы Adobe Photoshop?
9. Составляющие векторной графики?
А) Пятно
Б) Пиксель
В) Простейшие элементы
10. Растровая графика имеет?
А) Красочное живописное изображение с легким весом файла
Б) Красочное живописное изображение с тяжелым весом файла
В) Живописное изображение, которое не имеет файловый вес
11. Растровая графика используется в?
А) Печати шрифтов, иллюстраций, постеров, афиш.
Б) Иллюстраций, плакатов, афиш, постеров.
В) Используется во всех печатях.
12. Инструмент «Штамп» это?
13. Инструмент «Лассо» это?
14. Основными цветами модели CMYK являются?
А) Желтый, пурпурный, голубой и черный.
Б) Желтый, пурпурный, голубой и белый.
Г) Черный, белый, пурпурный.
15. Основными цветами модели RGB являются?
А) Желтый, синий, красный.
Б) Синий, белый, красный.
В) Зеленый, синий, красный.
16. Напишите, при помощи каких инструментов графического редактора можно трансформировать текстовый слой?
17. Какие составляющие несет в себе модель HSB?
А) Модель состоит из трех составляющих: яркость, оттенок цвета и насыщенность.
Б) Модель состоит из четырех составляющих: яркость, оттенок цвета и насыщенность, контрастность.
В) Модель состоит из трех составляющих: контрастность, оттенок цвета и насыщенность.
18. Модель CMYK используется для?
А) Рисования изображения в редакторе.
Б) Печати.
В) Редактирования изображения?
19. Цветовые модели программы Adobe Photoshop?
А) CMYK, HSB, RGB
Б) CMYK, HD, RGB
В) CMYK, HB, RGB
20.Что такое ретушь фотографии?
А) Обработка лица человека.
Б) Обработка фонового изображения на портрете.
В) Обработка всего изображения.
21. Напишите, что такое Коллаж?
22. Выберите основные инструменты рисования в графическом редакторе Adobe Photoshop?
А) Карандаш, Лассо, Кисть.
Б) Карандаш, заливка, кисть.
В) Заливка, градиент, Восстанавливающая кисть.
Г) Восстанавливающая кисть, Штамп, Карандаш.
23. Напишите, какие инструменты используются при работе с выделением элементов на изображении?
24. Напишите, что такое слой в графическом редакторе Adobe Photoshop?
25. Напишите, что такое градиент в графическом редакторе Adobe Photoshop?
Ответы:
1-А;
2-CMYK, RGB, HSB;
3-BMP, PSD, DCM, JPEG, PDF, TIFF,PNG;
4-Б;
5-В;
6-Б;
7- Рабочая область программы;
8- набор инструментов, основные действия по редактированию изображения, рисования, заливки, стирания, выделения расположены по левую сторону окна
9-В;
10-Б;
11-Б;
12- инструмент, предназначенный для копирования одной части изображения в другую. Чтобы использовать этот инструмент, изначально нужно определить место на изображении, откуда будет производиться копирование. Делается это щелчком левой кнопки мыши при нажатой кнопке на клавиатуре ALT;
13- Лассо (Lasso) – нужно для выделения объектов произвольной формы. Такое выделение происходит путем ручной обводки изображения или его объекта по его контору. Это можно сделать, перетаскивая курсор при нажатой левой кнопке мыши;
14-А;
15-В;
16- Трансформирование, Свободное трансформирование;
17-А;
18-Б;
19-А;
20-А;
21- произвольное сочетание нескольких изображений в одном. При составлении коллажа главное соблюдения принципа соразмерности взятых элементов, каждый элемент не должен отличаться по размеру, весу и качеству от другого элемента;
22-Б;
23-Прямоугольная область, овальная область, рамка, лассо, прямолинейное, магнитное, быстрое выделение, волшебная палочка;
24- своеобразные электронные листы в программе, каждый из которых содержит определенное изображение;
25- выполняет заливку выделенной области и всего слоя плавным переходом тонов и цветов. Вид градиент задается в верхней панеле слоев. Градиенты загружены изначально как базовый набор, и в процессе работы их можно пополнять, загружать извне, тем самым мы сможем пополнять базу своей смешенной палитры.
Урок №34. Итоговый просмотр работ
2.4 Апробация и самоанализ открытого урока обучающего модуля.
1. Данный урок проводился по методической разработке «Обучающий модуль для старших школьников по Adobe Photoshop». Автор Шилова Виктория Александровна.
Урок взаимосвязан с предыдущими уроками темы, так как он является частью III раздела «Работа с изображением», согласно содержанию учебного модуля и календарно-тематическому планированию. Ему непосредственно предшествовал урок «Форматы файлов».
Последующие уроки будут зависеть от успешности усвоения данной темы, т.к. она является одной из базовых тем.
2. Данный урок проводился в 9 классе, 2 ой группе.
Дети по уровню развития разные, поэтому при работе учитывались возможности каждого ученика. Ребята в данном классе очень эмоциональные, живые и подвижные. Отношения внутри коллектива доброжелательные.
3. Урок рассчитан на 2 академических часа. Количество занятий в неделю 1, согласно учебному плану. Певая часть урока включает в себя теоретическую часть, вторая практическую. Дата проведения 23.11.16, 30.11.16.
3. Тип урока: комбинированный
Вид деятельности : индивидуальная, парная, групповая.
Предполагаемый результат- художественно-творческий.
•создание электронного плаката в стиле коллаж,
•создание коллективной творческой композиции «Наши достижения сегодня».
Метапредметный: (УУД)
1) Познавательные действия – умение строить художественный образ/
2) Регулятивные действия -умение учащихся определять цель своей работы, выявлять этапы работы, находить соответствующие средства и инструментарий, осуществлять поэтапный контроль и оценивание своих действий;
3) Коммуникативные действия – способность ученика к сотрудничеству, умение понимать намерения и интересы взаимодействующих с ним людей.
Личностный:
1) Чувство гордости за культуру и искусство накопленного человеком.
2) Понимание особой роли и искусства и компьютерного искусства в жизни общества и каждого отдельного человека.
3) Сформированность эстетических чувств, художественно – творческого мышления и фантазии.
4) Умение сотрудничать с товарищами в процессе совместной деятельности под руководством учителя.
5) Умение обсуждать и анализировать собственную художественную деятельность и работу одноклассников с позиции творческих задач данной темы.
Цель урока : изучить способ работы – коллаж и его возможности в графического редакторе Adobe Photoshop.
Задачи:
1) Развить интерес к учебному предмету.
2) Вовлечь ребенка в образовательный процесс.
3) Развить навык работы в графическом редакторе.
4) Развить навык работы в коллективе.
5) Развить творческие способности.
6) Развить навык работы с интерфейсом программы.
Материалы для учащихся: Компьютер, графический редактор Adobe Photoshop, учебные иллюстрации к данному уроку, взятые с диска «Обучающий модуль для старших школьников по Adobe Photoshop», распечатанная методическая разработка «Обучающий модуль для старших школьников по Adobe Photoshop», тетрадь 24 листа.
Материалы и оборудование для учителя: Компьютер, графический редактор Adobe Photoshop, проектор, учебные иллюстрации к данному уроку, взятые с диска «Обучающий модуль для старших школьников по Adobe Photoshop», распечатанная методическая разработка «Обучающий модуль для старших школьников по Adobe Photoshop».
Ход занятия
Предварительно кабинет был подготовлен к приходу учеников (Создан эмоциональный настрой к предстоящей работе через не традиционное приветствие) На каждом рабочем месте учитель положил 2 смайлика.Первый смайлик улыбается, второй грустит.Такой не стандартный подход выявит общее настроение класса и настроит их на позитивную работу. На интерактивной доске подготовлен иллюстративный ряд картинок по данной теме.
1. Организационный момент.
Учитель приветствует учеников «Ребята, здравствуйте! Рад(а) видеть Вас на своем занятии. Перед Вами находится два смайлика, один грустный, другой веселый. Пожалуйта выбетите тот, который соответствует Вашему настроению». «Ох, как же много улыбок на моем уроке сегодня, прошу садитесь».
Учитель проверяет готовность детей к уроку. У каждого ученика на парте присутствуют материалы для учащихся.
Повтор пройденного, на прошлом уроке помог логически подойти к новой теме, о которой дети догадались сами. Тема урока в виде вопроса была оформлена на слайде видео презентации.
Учитель также задал проблемный вопрос классу, ответить на который учащихся смогут в конце урока, при подведении итога. «Ребята, как Вы считаете, при помощи какой техники создаются рекламные афиши, плакаты, постеры?»
2. Повторение пройденного материала на прошлом уроке
«Ребята прежде чем, мы поговорим том, что же такое коллаж, мы должны вспомнить нашу прошлую тему урока, а именно «Форматы файлов». Есть желающие ответить на оценку? Какие форматы файловподдерживает программа Adobe Photoshop? Назовите краткую характеристику каждого файла?» Ставит оценку, тем самым проверив домашние задание.
3. Актуализация знаний
Учащиеся получают первоначальные знания, происходит осознание темы через слово учителя, диалог, дискуссию, объяснительно - иллюстративный материал взятый с диска «Обучающий модуль для старших школьников по Adobe Photoshop», устный материал взят с распечатанной методической разработки «Обучающий модуль для старших школьников по Adobe Photoshop». Научный материал
Для поддержания работоспособности и лучшего усвоения материала, в своем уроке , я чередовала формы и методы работы: учебно-познавательная деятельность учащихся была организована с использованием наглядной и словесной передачи информации при помощи ИКТ, т.к. это наиболее эффективно, так как дети очень любят уроки с яркой наглядностью, видеороликами. Они с удовольствием выполняли предложенные задания. Работа получилась интересной и радостной. Урок я старалась построить так, чтобы он был продуктивным и увлекательным. Установить сотрудничество между мной и детьми не составило никакого труда.
4. Изучение новой темы
Материал по данной теме урока содержется в методической разработке «Обучающий модуль для старших школьников по Adobe Photoshop», III раздел, 14 урок «Работа с изображением». Структура урока была построена таким образом, чтобы вызвать у детей интерес и необходимость приобретения новых знаний. Объём материала урока и сложность информации учтены с учебными возможностями детей, с имеющейся у них базой знаний и умений, восприимчивостью к информации.
Изучение новой темы проводилсь мною в форме лекции, диалога, дискуссии. Дети принимали активное учавстие в диологе по изучению новой теме. Отмечу, что на данном этапе урока, я поставила еще несколько дополнительных оценок ребятам, за активную работу в классе.
5. Физминутка
После объяснения нового материала была проведена разминочная профилактическая гимнастика для глаз. (Физминутка).
6. Инструктаж по технике безопасности при работе с компьютером.
Учитель зачитывает инструктаж.
В кабинете Информатики и ИКТ установлена сложная и требующая аккуратного обращения аппаратура – компьютеры.
1) Бережно обращайтесь с этой техникой.
2) Спокойно, не торопясь, не толкаясь, не задевая столы, входите в кабинет и занимайте отведенное Вам место, ничего не трогая на столах.
3) Перед началом работы убедиться в отсутствии видимых повреждений.
4) Строго выполнять все указания преподавателя.
5) Немедленно прекращать работу при появлении запахе гари, необычного звука или самовольного отключения аппаратуры. Сразу же сообщить об этом преподавателю.
6) Во время работы плавно нажимать на клавиши, избегать резких движений.
7) Работать только чистыми руками.
8) Никогда не пытаться самостоятельно устранять неисправности аппаратуры.
9) Не вставать с рабочих мест, когда в кабинет входят посетители.
ЗАПРЕЩЯЕТСЯ:
Прикасаться к разъемам соединительных кабелей, к питающим проводам, к устройствам заземления.
Прикасаться к экрану, тыльной стороне дисплея, клавиатуры, системного блока.
Включать и выключать аппаратуру без разрешения преподавателя.
Класть дискеты, книги, тетради на монитор, провода и клавиатуру.
Работать во влажной одежде и влажными руками.
Входить в класс в верхней одежде и грязной обуви.
Приносить в класс свои дискеты, диски, флешки.
Неправильное обращение с аппаратурой может привести к тяжелым поражениям электрическим током, вызвать возгорание аппаратуры, порчу программных средств. Поэтому необходимо строго следовать правилам техники безопасности.
правильная посадка:
Линия взора смотрит в центр экрана.
Глаза на расстоянии не менее 60-70 см. от экрана.
Необходимо сидеть прямо, не сутулясь и не наклоняясь.
Учащиеся, которым прописаны очки, должны работать в очках»
7. Практическая работа.
После проведения инструктажа была организована постановка художественной задачи для, умения организовать учебное сотрудничество: самостоятельно создавать способы решения. Во время выполнения практической работы, учитель активно помогает детям в выполнении данной практической работы.
8. Рефлексия
Происходит обсуждение результатов работы, решение проблемы, выполнения поставленной цели. Учитель задает вопросы:
Чему мы учились на уроке?
Что нового и интересного узнали?
Мне было интересно…
Мне было трудно…
По окончанию урока, учитель просмотрел количество выполненных работ на уроке. Были поставлены соответствующие оценки.
Вывод. Я осталась довольна результатами урока. Цель была достигнута, поставленные задачи выполнены, дети остались довольны и ушли в хорошем настроении. (см. приложение, рис 4).
Технологическая карта урока
Учитель: Шилова Виктория Александровна
Предмет: Компьютерная графика в школьном курсе Информатики
Класс: 9
Дата проведения: 23.11.16 , 30.11.16
Тема урока: «Работа со слоями»
Цель урока Цель: изучить способ работы – коллаж и его возможности в графического редакторе Adobe Photoshop.
Планируемые результаты
предметные Знание способа работы – коллаж и его возможности в графического редакторе Adobe Photoshop.
Приобретение опыта выполнения данной работы.
Метапредметные Умение оценивать результат – художественный ответ – на поставленную задачу.
Личностные Развитие коммуникативных качеств у школьника в процессе практической деятельности
Тип урока Комбинированный
Основные термины и понятия Коллаж, Композиция, Рамка, Коррекция, слой, цветовой баланс
Использование современных образовательных технологий Компьютер, графический редактор Adobe Photoshop, проектор, учебные иллюстрации к данному уроку, взятые с диска «Обучающий модуль для старших школьников по Adobe Photoshop», распечатанная методическая разработка «Обучающий модуль для старших школьников по Adobe Photoshop».
Формы контроля Беседа, опрос, творческий просмотр.
Домашнее задание Домашние задание. Повторить изученный материал.
Этап урока Деятельность учителя Деятельность ученика Формируемые УУД
Организационный этап
Настраивает учащихся на рабочую обстановку, проверить готовность детей к уроку (распечатанная методическая разработка «Обучающий модуль для старших школьников по Adobe Photoshop», рабочая тетрадь 24 листа клетка, пенал, дневник). Демонстрируют готовность к уроку. Самоопределение
Повторение пройденного материала на прошлом уроке На данном этапе урока активизируется учебно-познавательная деятельность учащихся, пробуждается их интерес к теме урока при помощи создания игровой ситуации, стихотворений-загадок и слайд-презентации, викторины, творческого опроса.
Отвечают на вопросы Познавательные: выполняют учебно-познавательные действия, осуществляют для решения учебных задач операции анализа, синтеза, сравнения, классификации, устанавливают причинно-следственные связи.
Регулятивные: принимают и сохраняют учебную задачу
Коммуникативные: задают вопросы, отвечают на вопросы других, формулируют собственные мысли, высказывают и обосновывают свою точку зрения.
Создание проблемной ситуации
«Актуализация знаний»
Задает проблемный вопрос классу, ответить на который попрошу учащихся в конце урока, при подведении итога:
Слушают учителя, участвуют в диалоге с учителем. Личностные: положительно относятся к учению, познавательной деятельности.
Познавательные: осознают учебно-познавательную задачу.
Коммуникативные: работают в парах (обмениваются мнениями, учатся понимать позицию партнёра)
Изучение новой темы Рассказывает новый материал Слушают учителя, смотрят на иллюстративный материал. Личностные: положительно относятся к учению, познавательной деятельности.
Познавательные: осознают учебно-познавательную задачу.
Коммуникативные: работают в парах (обмениваются мнениями, учатся понимать позицию партнёра)
Проверка домашнего задания К данному уроку необходимо было найти и подготовить тематическую картинку с хорошим разрешением формата А 4, распечатать на глянцевой бумаге.
Показывают свои тематические картины Регулятивные: осознают правило контроля и успешно используют его в решении учебной задачи
Физминутка Проведение разминочной профилактической гимнастики для глаз. Учащиеся выполняют зарядку для глаз Идет разминочный процесс рук и глаз для снятия напряжения
Инструктаж по технике безопасности. Озвучивание инструктажа техники безопасности на уроке Компьютерная графика в школьном курсе Информатики Слушают инструктаж Регулятивные: осознают правила контроля
Самостоятельная, практическая работа На основе увиденного материала выполните свою самостоятельную работу Приступают к практической задаче. Умение с достаточной полнотой и точностью выражать свои знания, творческие идеи, мысли в графическом редакторе.
Рефлексия Организует обсуждение результатов работы, решение проблемы, выполнения поставленной цели.
Чему мы научились на уроке?
Что нового и интересного узнали?
Мне было интересно…
Мне было трудно…
Мне захотелось…
Учитель просматривает выполненные работы, ставит оценку.
Осознанно строят выводы. Выражают собственное мнение о работе и полученном результате. Оценивают правильность выполненных действий, вносят необходимые результаты и корректируют их. Осуществляют итоговый контроль. Нравственно-эстетическая функция, оценивание усваиваемого содержания, обеспечивающее личностный моральный выбор.
Оценка (выделение и осознание учащимися того, что уже усвоено и , что еще подлежит усвоению. Осознание качества и уровня усвоения.
Домашнее задание Задает и комментирует домашнее задание Записывают в дневник. Воспринимают информацию. Осознанно фиксируют информацию.
Вывод по главе II
Во второй главе были сформулированы общие аспекты для создания обучающего модуля: содержание, дизайн, оформление. Началась разработка самой структуры программы. В итоге составлено комплексное содержание модуля. Модуль, как обучающий комплекс разбит на семь разделов, каждый раздел состоит из нескольких уроков. Все разделы идут по возрастающему уровню сложности. В конце каждого раздела проводится итоговый контроль для закрепления знаний и выявления процента успевающих и отстающих учащихся.
После разработки структуры обучающего модуля, началась детальная разработка комплексных уроков и подборка иллюстративного материала.
В итоге был разработан и создан обучающий модуль для детей старшего школьного возраста по графическому редактору Adobe Photoshop соответствующий требованиям ФГОС.
После создания обучающего модуля для детей старшего школьного возраста по графическому редактору Adobe Photoshop, была проведена апробация и самоанализ открытого урока в Муниципальном автономном общеобразовательном учреждении средней общеобразовательной школы №14, так же была создана технологическая карта данного урока.
Урок проводила педагог организатор, учитель изо и искусства Шилова Виктория Александровна в 9 классе 2 ой группе. Тема урока «Работа со слоями». Дата проведения 23.11.16 , 30.11.16.
ЗАКЛЮЧЕНИЕ
На основе проведенного анализа мы сделали вывод о том, что на сегодняшний день главной проблемой является недостаток программных методик, методических пособий, учебников для детей школьного возраста по дисциплине «Компьютерная графика». Кроме того, каждая книга или пособие, изданное по данной дисциплине, является разнотипным и разносторонним в техническом и практическом обучении.
Была сформулирована цель: создать комплексный, обучающий модуль по графическому редактору Adobe Photoshop, отвечающий Федеральным Государственным Образовательным Стандартам (ФГОС).
В нашем комплексном методическом модуле, который соответствует ФГОСу, обучающийся должен пройти ряд последовательных уроков и упражнений для тренировки, которые в совокупности дадут ему общую базу и навыки работы с программой. После каждого пройденного урока задается творческая, не стандартная, домашняя работа для закрепления материала.
В конце каждого раздела прилагается итоговый проверочный контроль в форме практической работы или теста. После пройденного обучения, рассчитанного на 1 год, детям предлагается устроить творческий просмотр всех итоговых практических работ, для полного выявления успеваемости и качества освоенного материала.
Теоретическая и практическая значимость нашего дипломного исследования заключается в том, что материалы этой работы могут быть использованы педагогом на занятиях по дополнительному художественному образованию или использованы человеком, который самостоятельно хочет изучить графический редактор Adobe Photoshop.
РЕЗЮМЕ. Техническое задание выполнено на основе отечественного и мирового опыта создания альтернативных обучающих пособий, методик программ, ориентированных на повышения уровня качества образования.
Список литературы
Аксенова Н. И. Метапредметное содержание образовательных стандартов //Педагогика: традиции и инновации. Челябинск, 2011. – С. 104-107.
Айсманн К. Маски и композиция в Photoshop. Москва, 2013 – 105 с.
Айсманн К. Ретуширование и обработка изображений в Photoshop Москва, 2013 – 161с.
Артюхин В. Статистическая графика и инфографика: области применения, актуальные проблемы и критерии оценки.— М.: издательство Синергия,2012. —167с.
Большаков, В.П. Инженерная и компьютерная графика: Учебное пособие. Издательство БХВ-Петербург, 2013. - 288 c.
Босова Л.Л., Босова А.Ю. Состав УМК «Информатика» для 5-9 классов (ФГОС) Учебное издание. Издательство БИНОМ. Лаборатория знаний. Москва, 2014.
Босова Л.Л Пояснительная записка к завершённой предметной линии учебников «Информатика» для 5–6 классов общеобразовательных организаций. Издательство ООО « БИНОМ. Лаборатория знаний» Москва, 2014. http://metodist.lbz.ru/iumk/informatics/files/bosova-5-6-pz.pdfБойко Т.С. Формирование познавательного интереса старшеклассников к гуманитарным дисциплинам средствами информационно-коммуникационных технологий. Пятигорск, 2012. – 25 с.
Боярская Л «Художественная обработка фотографий в Photoshop, PDF журнал о фотографии. Москва 2012, – С. 110-117.
Брызгов Н., Пахомова А.Колористика. //Цветовая композиция. Практикум –M: Издательство В. Шевчук, 2011г. – 94с.
Вебинары издательства «Просвещение», посвященные электронным учебникам [Электронный ресурс]. – Режим доступа: http://www.prosv.ru/
Вороная Г. Н. Проблемы формирования содержания и организации учебной деятельности при внедрении профильного обучения. //Актуальные вопросы модернизации российского образования. Москва, Спутник+, 2011. – 7 с.
Воронина В.В., Воронин И.В Дополнительные материалы к курсу информатики 5-6, 7-9 классы на основе завершенной предметной линии учебников «Информатика» для 5–9 классов общеобразовательных учреждений Л.Л.Босовой, А.Ю. Босовой. Часть первая  (5-6 классы). Москва, 2013 год. – С. 1-35.
Воронина С. А. Современный учитель: личность и деятельность. М: Директ Медиа, 2014.– 196с.
Голошумов А. Ю. Инновации в системе информационно-коммуникативных образовательных технологий. //Педагогическое образование: история, современность, перспективы. Казань, центр инновационных технологий, 2012.
Департамент образования г. Москвы [Электронный ресурс]. – Режим до- ступа: http://video.dogm.mos.ru/ Дирксен Д. Искусство обучать. Издательство Манн 2013. – 276 с.
Дмитриева Н. С.Профильное обучение как фактор подготовки инновационных кадров в системе непрерывного социально-экономического образования. //Подготовка инновационных кадров для рынка труда в условиях непрерывного образования. Екатеринбург, 2012.– 53 с.
Добрынин И.М. Формирование проф. компетенций в обучении в условиях новых экономических реалий. //Подготовка инновационных кадров для рынка труда в условиях непрерывного образования. Екатеринбург, 2012. – 195 с.
Долбилова О. А Методическая разработка «Апробация педагогических технологий (технология проблемного диалога и технология развития критического мышления) в образовательном процессе». 2014.
https://infourok.ru/metodicheskaya_razrabotka_aprobaciya_pedagogicheskih_tehnologiy_deyatelnostnogo_tipa-506198.htm.
Егорова А. М. Профильное обучение и элективные курсы в средней школе. Санкт-Петербург: Реноме, 2012. – 179 с.
Ерохин С.В. Цифровое компьютерное искусство. СПб.: Алетейя, 2011. —188 с.
Залогова, Л.А. Компьютерная графика. Элективный курс: Практикум . Издательство БИНОМ. ЛЗ, 2011. - 245 c.
Здоровенко В.В. Анализ функциональных возможностей современного искусства // European science review. 2014. №1-2 С.173-181.
Иордан.Н.М. Методические рекомендации по составлению программ Изд. Ханты-Мансийск. 2015.
Крам Р. Учебник Инфографика. //Визуальное представление данных. Изд. Питер, 2015. —384с.
Козлова Т.Е. Электронная статья на тему: «Инновационная деятельность в школе». 2014.
http://nsportal.ru/shkola/administrirovanieshkoly/library/2014/01/29/innovatsionnaya-deyatelnost-v-shkole.
Конобеева Н. Н. Вопросы маркировки мультимедийных данных в обучении // Вестник ВолГУ. Серия 6: Университетское образование. 2012. №13 С.80-82
Королева Н. Л. Использование мультимедиатехнологий в педагогическом дизайне // Вестник Тамбовского университета. Серия: Естественные и технические науки. 2009. №5-1 С.900-901.
Корочанцева А. А. Конструирование авторской программы по предмету «Компьютерный дизайн» //VIIIМеждународная научно-практическая конференция «Педагогический опыт: теория, методика, практика», 2016. – 7 с.
Куриленко А.А. Автореферат диссертации «Формирование эстетической культуры старшеклассников в условиях профильного обучения». НГПИ, 2014. – 198 с.
Кулик А. А., Шибанова Е. С. Образ мира активных пользователей Интернета // Вестник КРАУНЦ. Гуманитарные науки. 2014. №2 (24) С.46-54.
Лаврентьев А.Н. ВХУТЕМАС‐ВХУТЕИН: проблемы взаимодействия художественной и технической культур. Декоративное искусство и предметно‐пространственная среда. / ред. Лаврентьев А.Н. – Москва: МГХПУ им. Строганова,2011. – 204 с.
Лаптев В. В. Инфографика: основные понятия и определения / В. В. Лаптев. Научно-технические ведомости Санкт-Петербургского государственного политехнического университета. Гуманитарные и общественные науки, 2013. – 184 с.
Лауэр Д. Основы дизайна. Лауэр Д., Пентак С. – Спб.: 2014. – 304 с.
Лембик Е.Н. Методика подготовки и проведения открытого занятия в образовательном учреждении среднего профессионального образования. Методические рекомендации. Тюмень: ГАОУ СПО ТО «ТКВТ», 2014.
Луптон Э. Графический дизайн от идеи до воплощения Лидвелл У. Холден К. Батлер Д. Универсальные принципы дизайна Пер. с англ. СПб.: Питер, 2012. — 272 с.
Луций С. Работа в Photoshop на примерах. Учебное издание. Издательство БИНОМ. Лаборатория знаний. Москва, 2014 – С. 1-61.
Маргулис Д. Photoshop для профессионалов. Классическое руководство по цветокоррекции. Москва 2015. – С. 10-18.
Макарова И. О. Компьютерная графика в книжной иллюстрации // Вестник Адыгейского государственного университета. Серия 2: Филология и искусствоведение. 2011. №4 С.182-185.
Макарова Л.А Методические рекомендации к проведению открытого урока. 2015 г.
https://infourok.ru/metodicheskie-rekomendacii-otkritiy-urok-705773.html.
Маркина А. А. Автореферат диссертации «Развитие регулятивно-коммуникативных умений старшеклассников в условиях применения информационно-коммуникационных технологий». Курск, 2012. – 228 с.
Мартин Б., Ханингтон Б. Универсальные методы дизайна. Изд-во Питер.2014. – 208 с.
Меркулова Н. Н. Развитие психологической готовности учащихся профильных учебных заведений к профессиональному выбору. Нижний Новгород, 2010. – 182 с.
Насакова Б. Ж. Развитие творческого потенциала старшеклассников в профильном обучении. Диссертация на соискание ученой степени кандидата педагогических наук, 2013. – 172 с.
Немцова, Т.И. Практикум по информатике. Компьютерная графика и Web-дизайн. Практикум: Учебное пособие / Т.И. Немцова. - М.: ИД ФОРУМ, НИЦ ИНФРА-М, 2013. - 288 c.
Никешина И. В.Практические занятия как средства формирования проф. компетенций. Екатеринбург урал. гос. экон. ун-та, 2011.
Пантюхин, П.Я. Компьютерная графика. В 2-х т.Т. 1. Компьютерная графика: Учебное пособие / П.Я. Пантюхин. - М.: ИД ФОРУМ, НИЦ ИНФРА-М, 2012. - 88 c.
Перекрёстова Е.В. Методическая разработка по теме: « Методические рекомендаци по проведению открытых уроков и мастер классов».2013.
http://nsportal.ru/shkola/dopolnitelnoeobrazovanie/library/2013/11/13/metodicheskie-rekomendatsii-po-provedeniyu.
Прокудина Ю. А Автореферат диссертации.«Формирование метапредметных знаний старшеклассников в условиях профильного обучения». Нижний Новгород, 2013. – 169 с.
Обеднина С. В., Быстрова Т. Ю. Модульный принцип формообразования в дизайне // Академический вестник УралНИИпроект РААСН. 2013. №1 С.85-90.
Петригина В. А. Новые подходы в использовании информационно-коммуникационных технологий в образовании // Исторические, философские, политические и юридические науки, культурология и искусствоведение. Вопросы теории и практики. 2012. №5-1 С.227-231.
Прохоров А. А. Учебник «Обработка цифровых фотографий». Издательство Наука и техника. Москва 2011.
Русинова М. В.Управление инновациями в образовательном учреждении. //Образовательные практико-ориентированные технологии. Волгоград, издательство, Учитель, 2011. – 176 с.
Салмин А. А. Эстетическое воспитание в обучении специалистов творческого направления //VIII Международная студенческая научная конференция. «Секция института искусств МПГУ». 2016. – 6 с. http://мпгу.рф/wp-content/uploads/2016/10/SBORNIK-STATEY-SENT-2016-1.pdfСаттон Т., Брайд Вилен Б. Гармония цвета. Полное руководство по созданию цветовых комбинаций.— М.: издательство АСТ, Астрель,2014. —216с.
Смолл Г., Ворган Г,. Мозг онлайн. Человек в эпоху интернета. – Санкт Петербург: Азбука-Аттикус, 2011.- 352с.
Солодовиченко Л. Н. Компьютерный дизайн книги // МНКО. 2010. №5 С.27-30.
Стариков Д. А. О понятии мультимедиа технологии и их использовании в образовательном процессе // Научные исследования в образовании. 2011. №2 С.53-55.
Ткалич С.К Подготовка магистров: технология конструирования авторской методики (графический дизайн) // Вестник МГГУ им. М.А. Шолохова. Педагогика и психология. 2012. №4 С.65-70.
Ткалич С.К., Коновалова А.В., Ушкова Н.В. Статья УДК 378.09. /378.147. Символы современной проектной культуры в контексте научного дизайна. //VII Международная научно-практическая конференция.10/11. 2015. «Инструменты современной научной деятельности». НИЦ «АЭТЕРНА». science@aeterna-ufa.ru.
Ткалич С.К. Проектно-целевой подход к стратегии и тактике научно-экспериментальной лаборатории «Школа научного дизайна» с гуманитарно-художественным компонентом. //Международный журнал экспериментального образования. № 6. 2016. – С. 36-39.
Ткалич С.К. Медиаобразование: интеграция дидактики, информационной эстетики и локализации мультимедийного продукта на основе национально-культурных маркеров. УДК 37. 378. 378.22// ВАК. «Современные наукоёмкие технологии». № 11. 2015. – С. 105-107. Режим доступа: http://@search.rae.ru Ткалич С.К., Фазылзянова Г.И. Влияние интерполяции и экстраполяции на рейтинг научных достижений учебного заведения высшей школы на примере «магистратуры» «Дизайн мультимедиа».//ВАК: Современные проблемы науки и образования. – РИНЦ 0,941. Редакция РАЕ, 2016.
Ткалич С.К., Фазылзянова Г.И. Дистанционный образовательный сервис: разработка обучающей методики на основе концептуальной системы сбалансированных блоков. ВАК //Дистанционное и виртуальное обучение. 2016. № 3 (105). – С. 4-9.
Тозик, В.Т. Компьютерная графика и дизайн: Учебник для нач. проф. образования / В.Т. Тозик, Л.М. Корпан. - М.: ИЦ Академия,
2013. - 208 c.
Турлюн Л.Н. Концептуализм в компьютерном искусстве//Журнал Известия Алтайского государственного университета, №2-2. 2011. – С.258.-261.
Ушинский К. Д.«Воспитать ребенка как?», издательство АСТ, Москва, 2014. – 143 с.
Ушкова Н. В. К вопросу о креативности коммуникативных технологий в развитии новой образовательной стратегии (тезисы) //VII Международная студенческая научная конференция. «Интеграция гуманитарных знаний, проектной культуры дизайна и компьютерных технологий». 2015. – 7 с.
Приказ министерства образования и науки РФ «Об утверждении федерального государственного образовательного стандарта среднего (полного) общего образования от 17 мая 2012 года.
Федеральный государственный образовательный стандарт среднего (полного) общегообразования,2011.
http://www.turobr.ru/filestore/ФГОС/ФГОС%20среднего%20(полного)%20общего%20образования%20(10-11%20кл.).pdf Чечерина И.Е. Методическая разработка на тему: «Методические рекомендации по составлению социальных программ». 2013.
http://nsportal.ru/vuz/sotsiologicheskie-nauki/library/2013/06/10/metodicheskie-rekomendatsii-po-sostavleniyu
Черниченко Е.Н. Авторская программа по изобразительной деятельности для детей дошкольного возраста «Ступени к творчеству» . 2011.
Чечукова Н. Т. Методическая разработка на тему: «Использование инновационных технологий на уроках Изобразительного искусства, технологии и информатики и Информационно коммуникативных технологий» 2012.
http://nsportal.ru/shkola/materialykattestatsii/library/2012/06/08/ispolzovanie-innovatsionnykh-tekhnologiy-na Ячменькова Э.А. Методическая разработка на тему: « Как правильно оформить методическую разработку». 2014
http://nsportal.ru/nachalnaya-shkola/raznoe/2014/03/30/kak-pravilno-oformit-metodicheskuyu-razrabotku
left832485ПРИЛОЖЕНИЕ
Рис. 1
Рис. 2
Содержание учебного модуля (ктп)
№
урока Название раздела, тема урока. Вид учебного
занятия Общий объем времени в часах
1 Введение
Урок-беседа 1 час
2 История развития и значение графического редактора Adobe Photoshop в современном искусстве. Раздел №1.Теоретическая часть.
3 Компьютерная графика и ее виды. Урок-беседа 1 час
4 Характеристика векторного и растрового изображения. 5 Цветовые модели программы. Урок-беседа, итоговый контроль 1 час
6 Проверочная работа. Тест Раздел № 2. Знакомство с программой.
7 Интерфейс графического редактора Adobe Photoshop. Урок-беседа 1 час
8 Палитра инструментов. Урок-беседа, практическое занятие. 2 часа
9 Практические занятия. 10 Проверочная, практическая работа. Итоговый контроль 1 час
Раздел №3. Работа с изображением.
11 Открытие, сохранение и закрытие изображения.
Урок-беседа, практическое занятие. 1 час
12 Размер изображения. 13 Форматы файлов 14 Работа со слоями. Урок-беседа, практическое занятие. 2 часа
15 Работа с выделением. Урок-беседа, практическое занятие. 1 час
16 Трансформация и ее виды. Урок-беседа, практическое занятие. 1 час
17 Фото коррекция и корректирующие слои. Урок-беседа, практическое занятие. 2 часа
18 Работа в стиле «коллаж».
«Работа со слоями» Урок-беседа, практическое занятие. 3 часа
19 Итоговая работа. Создай свою мультимедийную картину в стиле коллаж. Итоговый контроль 2 часа
Раздел №4. Рисование.
20 Основные инструменты рисования: «Кисть», «Карандаш», «Заливка», выбор основного и фонового цвета. Урок-беседа, практическое занятие. 1 час
21 Примеры использования инструмента «кисть» и «карандаш». 22 Инструмент «Градиент». Примеры создания градиента сказочная радуга.
Урок-беседа, практическое занятие. 1 час
23 Итоговая работа. Проект «пейзаж» с использованием знаний пройденной темы. Итоговый контроль 2 часа
Раздел№5. Текст.
24 Особенности текстового слоя и ввод текста. Урок-беседа, практическое занятие. 1 час
25 Форма стили текста. 26 Трансформация текстового слоя. Урок-беседа, итоговый контроль 1 час
27 Повторение изученного материала: Беседа, опрос. Раздел № 6. Портрет и эффекты изображения.
28 Примеры использования инструмента «Штамп» и «Точечная восстанавливающая кисть» в портрете.
Урок-беседа, практическое занятие. 1 час
29 Ретуширование и восстановление фотографии. Урок-беседа, практическое занятие. 2 часа
30 Выразительный взгляд в портрете.
Урок-беседа, практическое занятие. 1 час
31 Итоговая работа. «Обработай свою портретную фотографию». Итоговый контроль 2 часа
Раздел № 7. Итоговый результат
32 Создание фантастического постера в стиле коллаж на тему «Осваиваем марс».
Итоговый контроль, практическая работа 2 часа
33 Итоговое тестирование Итоговый контроль 1 час
34 Итоговый просмотр работ Итоговый контроль 1 час
Итого 35 часов в год, согласно учебному плану
Содержание
Календарно - тематическое планирование на год.
Ответы на контрольные тесты.
Рис. 3
-127635318135

Рис. 4