Методика обучения школьников приемам работы в Photoshop

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

ГОУ СПО Новозыбковский профессионально-педагогический колледж

ВЫПУСКНАЯ КВАЛИФИКАЦИОННАЯ РАБОТА

Методика обучения школьников приемам работы в Photoshop

Покуневич Владимир Николаевич

Специальность  050202

Информатика

V курс, 51 группа

Научный руководитель:

Афонин Александр Николаевич

Новозыбков, 2009

Содержание

Приложения……………………………………………………………………………….……..42

Введение

Появление и распространение  персональных компьютеров произвело  революцию практически во всех сферах жизнедеятельности общества. Сегодня  компьютеры используются во всех сферах производства, и, конечно же, в сфере образования. Умение использовать персональный компьютер в своей учебной, а потом и профессиональной деятельности является необходимым атрибутом современного человека. Появляются различные программы, использующие мультимедиа технологии. И очень важную роль играют программы создания и обработки графических изображений, Если несколько лет назад в них можно было рисовать только примитивные рисунки, то сейчас их возможности неограниченны. Графические редакторы используются дизайнерами, художниками, инженерами, программистами, Web - дизайнерами, строителями, учителями и представителями многих других профессий.

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

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

Бесспорным лидером  среди компаний, базирующихся на «выпуске»  программных продуктов, связанных  с обработкой графической информации, является компания Adobe Systems Inc. Она постоянно совершенствует пакет издательских программ в соответствии с требованиями времени и растущей вычислительной мощностью настольных компьютеров. Поэтому выбор в пользу Adobe Photoshop не случаен: программа предоставляет все необходимые средства для коррекции, монтажа, подготовки изображений для помещения в Интернет. Можно сказать, что этот программный продукт должен находиться в арсенале каждого современного учителя.

Таким образом, тема нашей  выпускной квалификационной работы «Методика обучения школьников приемам работы в Photoshop» выбрана не случайно, и на наш взгляд, является весьма актуальной, так как на сегодняшний день данный вопрос в методической литературе освещен недостаточно.

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

Исходя из цели выпускной квалификационной работы были сформулированы следующие задачи:

1. Определить круг вопросов, рассматриваемых в ходе написания выпускной квалификационной работы;
2. Описать методику изучения палитр и инструментов, наиболее часто используемых при обработке изображения в Adobe Photoshop;
3. Описать варианты заданий для формирования навыков использования полученных знаний на практике.

При рассмотрении данной темы объектом исследования будет выступать процесс обучения учащихся старшего звена обработке графических изображений, а предметом исследования - разработка методики изучения программы Adobe Photoshop на уроках информатики.

Глава 1. Изучение Adobe Photoshop в школьном курсе информатики. Методика изучения интерфейса программы

1.1. Мотивация изучения программы  Adobe Photoshop

Для мотивации изучения данной темы можно предложить учащимся просмотреть изображения, созданные  в графическом редакторе Paint и изображения, которые уже обработаны в Adobe Photoshop. Демонстрируемые изображения должны быть подобраны таким образом, чтобы в результате их сравнения и последующего анализа учащиеся смогли сделать вывод о назначении каждой из данных программ, и о возможностях обработки изображений, которые предоставляет Adobe Photoshop. Например, для демонстрации можно использовать изображения, нарисованные в Paint и потом обработанные в Adobe Photoshop. После сделанных выводов учитель задаёт учащимся вопрос: «Должен ли каждый образованный человек уметь производить компьютерную обработку изображений?».

Сравнение изображений  учащимся предлагается провести по следующей  схеме:

• что общего у данных изображений?
• чем отличаются данные изображения?
• как в общем, виде можно назвать отличия данных изображений?
• можно ли вручную провести такую обработку изображений в Paint?
• какое из изображений вам нравится больше и почему?

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

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

На этапе мотивации  ведущими методами обучения являются; метод иллюстрации и метод  передачи опыта творческой деятельности путём демонстрации.

1.2. Изучение программы Adobe Photoshop в школьном курсе информатики

Работа с графическими редакторами может изучаться как в 7- 9-м, так и в 10-11 классах.

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

Обработка графической  информации (4 ч).

В базисном плане средней  школы базового уровня всего 70 часов информатики, данная тема  упоминается в разделе «Средства и технологии создания и преобразования информационных объектов» (25 час) в 11-ом классе, причем на графику около 1/3ч.

В школьном курсе на изучение программы Photoshop отводится очень мало времени, поэтому для более углубленного изучения в школах водится факультатив.

Факультатив подразумевает  углубленный уровень изучения одного из направлений – компьютерной графики. При подготовке учащихся информационного  профиля приобретает значимость вопрос о реализации межпредметных связей школьного курса информатики с логикой, черчением и эстетикой. С появлением доступных сканеров, цифровых фотоаппаратов, Web-камер люди получили в свои руки большое количество цифровых изображений. Это породило потребность в их обработке, восстановлении, создании на их основе новых изображений, фотомонтажей, коллажей и т.д. Изучение графических растровых редакторов позволяет подготовить учащихся для возможной работы в более сложных системах технического конструирования AutoCad (автомобили, летательные аппараты, морские суда, военные корабли), PCad (набор программ для конструирования сложных электронных систем), ArchiCad etc (конструкции зданий, целых городов). Учащиеся знакомятся с наиболее часто используемым графическим редактором Adobe Photoshop. Данный факультатив способствует развитию познавательной активности учащихся; творческого и операционного мышления; повышению интереса к информатике, а самое главное, профориентации в мире профессий, связанных с использованием знаний этих наук.

В качестве основных целей можно  выделить следующие:

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

Задачи:

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

Содержание программы факультатива. Тематическое планирование.

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

Факультативный  курс «Компьютерная графика средствами «Adobe Photoshop» рассчитан на 32 часа. Курсу отводится 1 час в неделю для изучения в двух полугодиях. В качестве приложения предлагается набор раздаточного материала к некоторым практическим занятиям и варианты проектов.

Технология обработки графической информации.

Виды компьютерной графики. Цветовые модели и типы растровых  изображений. Форматы хранения графических изображений. Растровый редактор Adobe Photoshop.

Учащиеся должны знать:

• виды компьютерной графики;
• типы растровых и векторных изображений;
• форматы хранения графических изображений;
• интерфейс программы Adobe Photoshop;
• основные принципы работы с программой Adobe Photoshop.

Учащиеся должны уметь:

• определять растровую и векторную компьютерную графику;
• различать цветовые модели растровых изображений;
• назначение различных типов хранения графических изображений;
• пользоваться инструментарием  программы Adobe Photoshop;
• создавать композиции;
• корректировать изображения с использованием ретуши.

Календарно-тематическое планирование факультативного курса «Компьютерная графика средствами «Adobe Photoshop»

1.3. Запуск программы

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

При рассмотрении способов запуска программы можно предложить учащимся самостоятельно перечислить известные им способы запуска программ, а потом запустить программу всеми известными им способами. Такой прием может быть использован потому, что учащиеся ранее уже работали с различными программами, и значит, запускали эти программы, А так как запуск программ выполняется аналогичным способом, то учащиеся могут без помощи учителя сформулировать способы запуска известных им программ и программы Adobe Photoshop. Таким образом, способ запуска программы вводится конкретно - индуктивным способом.

После запуска программы  следует обратить внимание учащихся на то, что при открытии такого графического редактора, как Paint сразу создается холст, здесь появляется новый документ, на котором можно рисовать, используя различные инструменты. А в Adobe Photoshop новый холст для рисования не появляется. При рассмотрении этого различия между программами можно использовать проблемную постановку вопроса: «Исходя из первого этапа урока, на котором было рассмотрено назначение каждого из графических редакторов, объяснить, почему при запуске Adobe Photoshop не создается новый холст для рисования?»

Для того чтобы ответить на данный вопрос, учащиеся должны знать  разницу между назначением каждой из программ, и ответить, что Adobe Photoshop предназначен не для создания изображения, а для обработки уже существующего изображения (сканированного или созданного ранее в каком-либо другом графическом редакторе), поэтому в Adobe Photoshop обычно нужно не создавать изображение, а открывать уже существующее изображение и редактировать его, и поэтому холст не создается.

1.4. Методика изучения интерфейса программы

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

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

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

Строка заголовка показывает название и значок программы, в данном случае Adobe Photoshop. Системные кнопки управления в правой части строки используются для свертывания/развёртывания, изменения размеров и закрытия окна.

Системное меню открывается  при щелчке на значке программы. Оно  включает команды для работы с окном, которые позволяют восстанавливать, перемещать, закрывать его и изменять размеры.

Полоса состояния (вдоль  нижней границы окна) предназначена  для отображения информации об открытом документе, рабочих дисках, активном инструменте и прочее [3; 4; 7].

При рассмотрении выше перечисленных  элементов интерфейса, нужно

учитывать, что с назначением подобных меню и окон учащиеся уже

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

Программа Adobe Photoshop, также как и другие графические редакторы, имеет меню, которое содержит группы команд управления изображением и документом, объединённые по близости выполняемых функций. Команды главного меню, в свою очередь, могут включать подменю, образуя разветвлённую, довольно сложную, структуру. Рассмотрим методику изучения пунктов меню, связанных с отображением имеющихся окон.

Меню «Окно» содержит следующие пункты (палитры): документы, рабочая область, инструменты, опции, браузер файлов, навигатор, информация, цвет, экземпляры, стили, история, действия, настройка инструмента, слои, каналы, пути, кисти, символ, параграф, панель статуса.

Рассмотрим назначение каждого из пунктов меню «Окно» на конкретном примере. Для этого откроем любое изображение.

Палитра «Навигатор»

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

Нужно обратить внимание детей на то, что в данной палитре  меняется не размер изображения, а только его масштаб (к ошибочной мысли  о том, что при помощи палитры  «Навигатор» можно изменять размер изображения приводит тот факт, что при изменении масштаба меняется и визуальный размер изображения в окне, это и наталкивает учащихся на ошибочную мысль об изменении размера изображения). Для того, чтобы пояснить разницу между изменением масштаба и изменением размера изображения, можно воспользоваться следующей аналогией: сравним изображение в программе с изображением на листе бумаги. Тогда увеличение масштаба можно сравнить с приближением листа бумаги к глазам человека (при этом изображение выглядит крупнее, но размер листа бумаги от этого - не меняется), а уменьшение масштаба можно сравнить с удалением листа бумаги от глаз (при этом изображение - выглядит мельче, но размер листа бумаги от этого - не меняется).

Нужно также отметить, что для изменения масштаба изображения служит и поле ввода, которое расположено слева от треугольника. Чтобы изменить масштаб, используя поле ввода, нужно записать в него показатель того масштаба, который определяет пользователь самостоятельно [4; 16; 18].

После изучения палитры «Навигатор» учащиеся должны знать:

- способ открытия данной палитры;

- назначение и функции палитры «Навигатор»;

- каким образом можно изменять масштаб изображения в палитре «Навигатор»;

уметь:

• открывать палитру через меню «Окно»;
• изменять масштаб, как с помощью «руки», так и с помощью поля ввода;
• закрывать палитру.

Палитра «Опции»

Назначение палитры «Опции» заключается в возможности изменения настроек выбранных на палитре инструментов. Для демонстрации использования палитры «Опции» можно открыть рисунок и показать использование данной палитры при стирании рисунка ластиком: стирать, изменяя размер и матовость (прозрачность) ластика. Аналогичным образом можно рассмотреть изменение опций других инструментов: кисти, градиента, заливки и т.д., после чего еще раз кратко повторяется назначение палитры «Опции» [5; 18].

После изучения палитры  «Опции» учащиеся должны знать:

• способ открытия палитры «Опции»;
• нахождение палитры в окне программы;
• ее назначение;

уметь:

- изменять при помощи палитры «Опции» характеристики выбранных 
инструментов.

Окно «Браузер фалов»

Назначение окна «Браузер файлов» можно продемонстрировать, сравнивая способы открытия изображений, расположенных в разных папках при помощи меню «Файл» и при помощи окна «Браузер файлов». Продемонстрировав способы открытия изображений в окне «Браузер файлов», можно задать учащимся следующий вопрос: «При работе, с какой программой совершаются аналогичные действия, как и при работе в окне «Браузер файлов»?». Естественно, что учащиеся сравнят работу в окне «Браузер файлов» с работой в окне «Проводника», Поэтому нужно провести аналогию между работой в проводнике и работой в окне «Браузер файлов», чтобы перенести известные учащимся приемы работы в «Проводнике» на окно «Браузер файлов».

Сравнение Проводника и окна «Браузер файлов» нужно проводить по следующим критериям:

1. Наличие системы навигации по дискам, файлам и папкам (дерево каталогов);
2. Наличие окна для просмотра содержимого дисков, файлов, папок;
3. Внешний вид.

После изучения окна «Браузер файлов» учащиеся должны знать:

• назначение окна;

• принцип работы в данном окне;

уметь:

• пользоваться окном для открытия документов, файлов.

Палитра «История»

Назначение палитры «История» может быть продемонстрировано непосредственно при открытии любого изображения. Так как в данной палитре отображаются действия, совершённые пользователем в данный момент при работе с изображением, то первым таким действием будет - действие «Открыть».

Эта палитра не исключает  возможности удаления как некоторых совершённых действий, так и целой их последовательности. Этому способствует тот факт, что каждое изменение в изображении, совершённое средствами программы, записывается в данную палитру [4; 5; 18].

Для усвоения назначения палитры «История» и усвоения приемов работы с ней нужно  продемонстрировать учащимся использование  этой палитры на примере удаления двух-трёх команд, совершённых пользователем при обработке изображения. После чего удалять из палитры выполненные команды и сравнивать изображение до удаления команды и после удаления команды.

После изучения палитры  «История» учащиеся должны знать:

• способ открытия палитры «История»;

• назначение палитры «История»;

уметь:

- изменять изображение с помощью изменения порядка следования 
команд в палитре «История»;

- удалять команды из палитры «История».

Для усвоения назначения палитры «История» и усвоения принципов

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

Палитра «Слои»

Палитра «Слой», Каждая строка в данной палитре представляет слой изображения. Слой это компьютерная метафора материального объекта - вроде прозрачной кальки (или плёнки). Компьютерная «калька» (слой) абсолютно прозрачна: даже десяток слоев не исказит изображение. Наоборот, чем из большего количества слоёв состоит изображение, тем выше его качество.

Палитра «Слои» отображает все используемые слои. Слои можно менять местами. Демонстрацией при рассмотрении этого пункта меню может послужить пример, состоящий в следующем: даны два изображения - изображение неба и изображение природы. Показать учащимся, как, совместив два изображения, можно получить третье, содержащее в себе небо, взятое из первого изображения, и изображение природы (предварительно на нём убрано небо)- со второго изображения. Показ должен сопровождаться подробными словесными комментариями выполняемых действий. После знакомства с работой в палитре «Слои» нужно устно сформулировать продемонстрированный алгоритм. При формулировке алгоритма задаются следующие вопросы:

• что мы выполнили в начале?
• какой шаг будет следующим?
• в чем заключается назначение следующего шага?

После рассмотрения алгоритма редактирования изображения с использованием палитры «Слои» нужно закрепить изученный алгоритм. Для этого выполняется практическая работа. Для практической работы по отработке навыков по перемещению (перетаскиванию) слоёв и использованию инструмента «Перемещение» учащимся могут быть предложены задания следующего вида: составить изображение по имеющимся элементам.

1. Составить изображение пирамиды по имеющимся составным частям 
(основание, вершина и промежуточные части);

2. Составить изображение кораблика по имеющимся составным частям 
(волны, парус, флаг, корпус корабля);

3. Составить изображение грибка по имеющимся составным частям 
(трава, ножка, шляпка);

4. Составить изображение человеческого лица по имеющимся составным 
частям (голова, глаза, нос, рот, брови).

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

После изучения палитры  «Слои» учащиеся должны знать:

• способ открытия палитры «Слои»;

• интерфейс палитры «Слои» и назначение каждого из ее пунктов;

уметь:

• создавать новые слои;
• удалять слои;
• менять слои местами;
• делать слои невидимыми;
• соединять их между собой (склеивать).

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