Дипломная работа на тему: «Методика обучения графического редактора Adobe Photoshop в профильном курсе информатики»

Министерство образования Тверской области

Государственное бюджетное профессионального

образовательное учреждение

«Бежецкий колледж им. А.М.Переслегина»

(ГБП ОУ «Бежецкий колледж им. А.М.Переслегина»)

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

Тема: «Методика обучения графического редактора Adobe Photoshop в профильном курсе информатики»

Защита состоялась:                             Выполнил  студент 4 курса

Оценка:                                         специальности 09.02.05

Председатель ГАК:                             «Прикладная информатика»   

                                                  Научный  руководитель: Арсеньева Т.С.

Члены комиссии:

Бежецк, 2016

ОГЛАВЛЕНИЕ

ВВЕДЕНИЕ. 3

ГЛАВА 1. ТЕОРЕТИЧЕСКИЕ АСПЕКТЫ ОБУЧЕНИЯ ГРАФИЧЕСКИМ РЕДАКТОРАМ.. ……………………………7

Анализ литературы по обучению растровым графическим редакторам в школьном курсе информатики. ……………………………………………………………………….7

ГЛАВА 2. МЕТОДИКА ОБУЧЕНИЯ ГРАФИЧЕСКОМУ РЕДАКТОРУ ADOBE PHOTOSHOP В ПРОФИЛЬНОМ КУРСЕ ИНФОРМАТИКИ.. 28

2.1 Перечень вопросов, рассматриваемых при обучении графическому редактору Adobe Photoshop. 28

2.2 Методические рекомендации по обучению графическому редактору Adobe Photoshop. 31

2.3 Создание дизайна макета сайта. 39

СПИСОК ИСТОЧНИКОВ И ЛИТЕРАТУРЫ.. 54

ВВЕДЕНИЕ

Одним из важных направлений модернизации школьного образования является введение профильного обучения на старшей ступени школы. Введение профильного обучения требует разработки соответствующего учебно-методического материала. Это в полной мере касается профильного обучения информатике и непосредственно разработки методики обучения компьютерной графики.

На сегодняшний день такая область информатики как компьютерная графика охватывает все виды и формы представления изображений, доступных для восприятия человеком либо на экране монитора, либо в виде копии на внешнем носителе. С появлением доступных сканеров, цифровых фотоаппаратов, Web-камер люди получили в свои руки большое количество цифровых изображений. Это породило проблему в их обработке, восстановлении, создании на их основе новых изображений, фотомонтажей, коллажей и так далее. Поэтому, умение работать с компьютерной графикой является неотъемлемой частью информационной грамотности любого человека. Данная ситуация привела к изменению социального заказа общества школе: необходим качественно новый подход к изучению темы Технология обработки графической информации. Однако отведенное нормативными документами учебное время на освоение содержания темы недопустимо мало. Являясь элементом содержания раздела школьной информатики "Информационные и коммуникационные технологии", компьютерная графика представлена в основном простейшими программными средствами обработки объектов графики. Большое многообразие профессиональных программных средств обработки объектов растровой графики ставит перед учителем сложные задачи, связанные в первую очередь с необходимостью обоснованного выбора конкретного программного средства, а также с разработкой методики преподавания графическому редактору. Существующие учебные пособия либо не затрагивают данное содержание совсем, либо предлагают простейший материал, не позволяющий сформировать у учащихся целостного представления о технологии обработки объектов растровой графики.

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

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

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

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

В связи с этим целью дипломной работы является разработка дизайна макета сайта в программе Adobe Photoshop.

Объектом исследования в работе выступает процесс обучения информатики в профильном курсе.

Предметом исследования является методика обучения графическому редактору для учащихся 10-11 класса.

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

Цель работы определяет ее задачи:

провести анализ литературы по обучению растровым графическим редакторам в школьном курсе;

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

разработать перечень вопросов, рассматриваемых при обучении графическому редактору Adobe Photoshop;

разработать методические рекомендации по обучению графическому редактору Adobe Photoshop;

разработать тематическое планирование по теме «Графический редактор Adobe Photoshop» в профильном курсе;

создать дизайн макета сайта.

В работе применяются следующие методы исследования:

Анализ литературы.

·               Синтез.

·               Обобщение.

·               Моделирование.

Методологическая основа: в первой главе была использована литература из учебников Макарова, Н.В. 10 кл. Информатика и ИКТ. Базовой уровень, Угриновича, Н.Д. Информатика и ИКТ. Учебник для 9 класса. Во второй главе литература Фиошина, М.Е. Информатика и ИКТ. 10–11 кл. Профильный уровень, Макарова, Н.В. Информатика. Практикум по технологии работы на компьютере. В практической части я использовал сайты: adobe.com, photogen.ru,  photodesign.com,  photoshop-master.ru, photoshop.com,  webmaster.ru, htmlbook.ru, htmlmanual.ru, egraphic.ru, pskurs.ru.

Практическая основа: может быть использована как пособие для учащихся старших классов школы, ССУЗов, предприятий.

Cтруктура дипломной работы: работа состоит из введения, двух глав, пяти пунктов, выводов по главам, заключения и списка источников и литературы.

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

ГЛАВА 1. ТЕОРЕТИЧЕСКИЕ АСПЕКТЫ ОБУЧЕНИЯ ГРАФИЧЕСКИМ РЕДАКТОРАМ

1.1 Анализ литературы по обучению растровым графическим редакторам в школьном курсе информатики

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

Растровые графические редакторы позволяют пользователю рисовать и редактировать изображения на экране компьютера, а также сохранять их в различных растровых форматах, таких как, например, JPEG и TIFF, позволяющих сохранять растровую графику с незначительным снижением качества за счёт использования алгоритмов сжатия с потерями, PNG и GIF, поддерживающими хорошее сжатие без потерь, и BMP, также поддерживающем сжатие (RLE), но в общем случае представляющем собой несжатое «по пиксельное» описание изображения [5].

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

Как любое программное обеспечение растровые редакторы делятся на свободно распространяемые и авторские.

Свободное программное обеспечение:

GNU Image Manipulation Program или GIMP— растровый графический редактор, программа для создания и обработки растровой графики. Частично поддерживается векторная графика.

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

Krita — растровый графический редактор, программное обеспечение, входящее в состав KDE как часть офисного пакета KOffice. Разрабатывается преимущественно для художников и фотографов, распространяется на условиях GNU GPL.

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

Для первых реализовано реалистичное смешивание красок в цветовом пространстве Кубелки-Мунка, имитация акварели (с сохранением степени высушенности имитируемого холста в файле проекта при закрытии документа) и имитация настоящих кистей [5].

Для вторых Krita поддерживает работу в различных цветовых пространствах и с различными цветовыми моделями — RGB, CMYK, Lab, в режиме от восьми до 32 с плавающей точкой разрядов на канал. Кроме того, реализованы популярные фильтры (такие как нерезкая маска), корректирующие слои, маски и динамические фильтры, а также серия инструментов для ретуши.

В настоящее время завершается работа над версией KOffice для KDE 4, благодаря чему в Krita можно использовать ряд новых технологий, таких как удобный ввод текста с визуальным форматированием, ввод нотных партитур и так далее.

Tux Paint —программа для рисования, ориентированная на маленьких детей. Изначально была создана для GNU/Linux, но сейчас доступна и для Microsoft Windows, Apple MacOS X, BeOS и других платформ. Многоязычный интерфейс (в том числе русский, украинский).

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

Paint.NET — растровый графический редактор для Windows NT, основанный на .NET Framework. Приложение начато как проект, разработанный в Университете штата Вашингтон для Microsoft Windows под руководством Microsoft. Paint.NET написан на C#, с некоторым количеством C++, используемого при установке и интеграции с оболочкой.

Авторское программное обеспечение:

AdobeFireworks— растровый и векторный графический редактор для веб-дизайнеров и разработчиков, позволяющий быстро создавать, редактировать и оптимизировать изображения для веб-сайтов и быстро создавать эскизы веб-сайтов и веб-приложений.

Fireworks CS4 содержит библиотеку готовых настроек и хорошо интегрирован с Adobe Photoshop, Adobe Illustrator, Adobe Dreamweaver и Adobe Flash. Интерфейс программы очень похож на интерфейс обычного графического редактора. После того как Adobe приобрела компанию Macromedia программа заменила собой Adobe ImageReady.

Corel PHOTO-PAINT — растровый графический редактор, разработанный канадской корпорацией Corel. Corel PHOTO-PAINT не имеет такой популярности как Adobe Photoshop, но сопоставим с ним по техническим возможностям. Текущая версия продукта — Corel PHOTO-PAINT X4. Она не продаётся отдельно, а идёт как дополнение к программе CorelDRAW (CorelDRAW Graphics Suite).

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

Функции: имитация традиционных средств живописи (карандаш, пастель, масляные краски, акварель, аэрограф; в сумме около 200 инструментов и их вариаций).

Microsoft Paint — растровый графический редактор компании Microsoft, входящий в состав операционной системы Windows, начиная с самых ранних версий [5].

Microsoft Photo Editor — растровый редактор изображений, который входил в Microsoft Office версий с 97 по XP для Windows, который классифицировался как один из инструментов Microsoft Office Tools. Программа использовалась для редактирования растровых изображений с такими инструментами, как текстуризация, негатив, изменение гаммы, создание прозрачности в GIF и многие другие

PhotoFiltre — компактный универсальный графический редактор для операционной системы Windows. Бесплатен для некоммерческого использования и образовательных целей.

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

SAI или PaintTool SAI — программа, предназначенная для цифрового рисования в среде Microsoft Windows, разработанная японской компанией SYSTEMAX.

Adobe Photoshop — растровый графический редактор, разработанный и распространяемый фирмой Adobe Systems. Этот продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Adobe. В настоящее время Photoshop доступен на платформах Mac OS X/Mac OS и Microsoft Windows. Для версии CS 2 возможен запуск под Linux с помощью альтернативы Windows API — Wine 0.9.54 и выше [5].

Photoshop тесно связан с другими программами для обработки медиафайлов, анимации и другого творчества. Совместно с такими программами, как Adobe ImageReady, Adobe Illustrator, Adobe Premiere, Adobe After Effects и Adobe Encore DVD, он может использоваться для создания профессиональных DVD, обеспечивает средства нелинейного монтажа и создания таких спецэффектов, как фоны, текстуры для телевидения, кинематографа и всемирной паутины. Основной формат Photoshop, PSD, может быть экспортирован и импортирован во весь ряд этих программных продуктов. Photoshop CS поддерживает создание меню для DVD. Совместно с Adobe Encore DVD, Photoshop позволяет создавать меню или кнопки DVD. Photoshop CS3 в версии Extended поддерживает также работу с трёхмерными слоями.

Из-за высокой популярности Photoshop, поддержка его формата файлов, PSD, была реализована в его основных конкурентах, таких, как Macromedia Fireworks, Corel PHOTO-PAINT, Pixel image editor, WinImages, GIMP, Jasc Paintshop Pro и т. д.

Adobe Photoshop поддерживает следующие цветовые модели: RGB, LAB, CMYK, Grayscale, BitMap, Duotone.

В графическом редакторе Adobe Photoshop существует 8 инструментов: выделение лассо, выделение «волшебная палочка», прямоугольное выделение, пипетка, масштабирование, поворот холста, перемещение холста и перемещения слоя.

Есть два режима слоя: растровый и векторный [5].

В растровом режиме доступны под инструменты, такие как маркер, аэрограф, вода, акрил, ручка, ластик и разные вариации к ним.

В векторном режиме доступны ручка, линия, кривая, правка, цвет линии, нажим линии, выделение и удаления выделения.

Поддержка сторонних текстур кистей и текстур холста, которые можно делать собственноручно.

Основным растровым редакторам, изучаемыми в профильном курсе информатики является Adobe Photoshop.

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

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

- овладение умениями применять, анализировать, преобразовывать информационные модели реальных объектов и процессов, используя при этом информационные и коммуникационные технологии (ИКТ), в том числе при изучении других школьных дисциплин;

- развитие познавательных интересов, интеллектуальных и творческих способностей путем освоения и использования методов информатики и средств ИКТ при изучении различных учебных предметов;

- воспитание ответственного отношения к соблюдению этических и правовых норм информационной деятельности;

- приобретение опыта использования информационных технологий в индивидуальной и коллективной учебной и познавательной, в том числе проектной деятельности [5].

В соответствии с распоряжением Правительства Российской Федерации от 29 декабря 2001 г. №1756-р об одобрении Концепции модернизации российского образования на период до 2010 г. на старшей ступени общеобразовательной школы предусматривается профильное обучение. Ставится задача создания «системы специализированной подготовки (профильного обучения) в старших классах общеобразовательной школы, ориентированной на индивидуализацию обучения и социализацию обучающихся, в том числе с учетом реальных потребностей рынка труда <…> отработки гибкой системы профилей и кооперации старшей ступени школы с учреждениями начального, среднего и высшего профессионального образования».

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

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

Анализ типовых учебных планов, представленных в одобренной Министерством образования и науки РФ "Концепции профильного обучения на старшей ступени общего образования", показывает, что "Информатика" как учебный предмет в "Федеральном компоненте" представлена только в физико-математическом профиле (профильный уровень, 280 уч.ч.), в социально-экономическом (базовый уровень, 70 уч. ч.), в информационно-технологическом (профильный уровень, 280 уч.ч.) и в индустриально-технологическом (базовый уровень, 70 уч. ч.), т.е. в 4 профилях из 12 предложенных. В остальных случаях информатика может изучаться только в рамках элективных курсов. Это означает, что для довольно большого круга учащихся изучение информатики заканчивается уже в 9 классе общеобразовательной школы.

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

В большую часть курсов включены такие разделы информатики как:

- технология программирования (в том числе объектно-ориентированное программирование);

- технологии работы с векторной и растровой графикой;

- Web-дизайн;

- компьютерная верстка и макетирование.

Наибольшее количество часов информатики наблюдается в профильных курсах физико-математического профиля и информационно-технологического. При этом курс информатики физико-математического профиля традиционно ориентирован на изучение формальных систем, алгоритмов, программирования. Методика изучения этих вопросов вполне разработана и активно используется в практике, а обучение школьников информатике в рамках информационно-технологического профиля является не чем иным, как углубленным обучением этому предмету. В федеральном базисном учебном плане для образовательных учреждений Российской Федерации отводится 280 часов для профильного изучения информатики и информационных технологий на ступени среднего (полного) общего образования, в том числе в Х классе – 140 учебных часов и XI классе 140 учебных часов из расчета 4 учебных часа в неделю [5].

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

Таким образом, изучению растровых редакторов в профильном курсе информатики уделяется недостаточное внимание, и даваемые знания носят поверхностный характер. При этом наибольшее количество учебников и учебных пособий посвящено программированию и созданию баз данных СУБДД, а преподавание растровой графики ведется по учебникам средней школы и разработкам самих преподавателей [6].

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

В основу учебников Макаровой Н.В. «Информатика. 10 класс» заложена идея подготовки пользователя компьютера, владеющего базовой технологией работы в офисе. Учебник состоит из шести глав. Глава «Информация и информационные процессы» содержит параграф «Представление нечисловой информации в компьютере». В данном параграфе есть тема «Представление графической информации в компьютере». Здесь рассматриваются следующие понятия: растровое изображение, объем растрового изображения, глубина цвета, объем графического файла, формат графического файла (BMP, GIF, TIFF, JPEG, PCX), векторное изображение, графический примитив. Глава под названием «Информационная технология работы с объектами текстового документа» содержит практикум «Создание и редактирование графических изображений», в котором рассматриваются следующие вопросы: создание и редактирование графических изображений, виды компьютерной графики, положение графического изображения в тексте, особенности создания векторного изображения в среде Word2003. В практикуме содержится сравнительная характеристика растровой и векторной графики, в которой рассматриваются вопросы построения, редактирования, масштабирования и применения графики. Практикум содержит контрольные вопросы и 5 заданий. Это не отдельный практикум, а часть практикума по подготовке текстовых документов для дальнейшей проектной работы.

В учебнике Макаровой Н. В. «Информатика. 11 класс» теории и практики по компьютерной графике нет.

В учебнике Угриновича Н. Д. «Информатика и информационные технологии. Учебник для 10-11 классов» растровой и векторной графике отведена глава 7, которая называется «Технология обработки графической информации». Глава разделена на три части: растровая и векторная графика; графические редакторы; система автоматизированного проектирования КОМПАС-3D. В первой части рассматривается растровая и векторная графика, форматы графических файлов. Вводится понятия растр, пиксель, битовая глубина, графический примитив и алгоритм сжатия. Во второй части содержатся параграфы, посвященные растровым и векторным графическим редакторам. Растровый редактор на примере Paintи векторный редактор, входящий в состав текстового редактора Word. Вводится понятие графический редактор. Каждый параграф содержит контрольные вопросы, упражнения или практические задания [9].

Учебник для 10 класса Бешенкова С.А., Ракитиной Е.А. «Систематический курс» содержит один параграф 3.11 «Представление графической информации» с изложением теоретического материала на трех уровнях: понять, знать, уметь. Содержание уровня «понять» повторяет изученный в основной школе материал и расширяется за счет изучения вопросов трехмерной графики, анимационных эффектов. Уровень «знать» выделяет главное из предыдущего текста. Уровень «уметь» содержит всего пять заданий, которые можно отнести к качественным задачам, расчетным и исследовательским практическим заданиям.

Учебник для 11 класса Бешенкова С.А.,. Ракитиной Е.А «Систематический курс» не содержит теоретического и практического материала по обучению компьютерной графики.

В учебниках Семакина И.Г. и Е.К. Хеннера «Информатика 10-11 класс» теории по графике нет и отдельных практических работ тоже нет. Графика внедрена в практические работы по другим темам: инструментальные средства для рисования в текстовом процессоре, создание презентаций и сайта.

Минимальные представления о растровых изображениях и программах работающих с ними в рамках школьного курса дает учебник Угриновича Н. Д. «Информатика и ИКТ: учебник для 9 класса».

Этот учебник дает общее представление о растровом изображении и работе с ними в рамках главы «Кодирование и обработка графической и мультимедийной информации». Данному вопросу в учебнике уделено 39 страниц, что достаточно мало для изучения работы с каким–то конкретным редактором. Учебник написан сложным для ученика 9-го класса языком и в то же время недостаточен для получения объема знаний, необходимого для создания образов и изображений и их редактирования.

В учебниках Фиошина М. Е., Рессина А. А., Юнусова С. М. «Информатика и ИКТ. 10-11 класс. Профильный уровень» теории по графике нет и отдельных практических работ тоже нет [10].

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

Представляет интерес книга «Официальный учебный курс. Adobe Creative Suite 2: Classroom in a Book +2 CD» . Эта книга по программе Adobe Creative Suite 2 входит в знаменитую серию «Classroom in a Book» - официальный учебный курс фирмы Adobe. Книги из этой серии уникальны - они написаны и тщательно протестированы разработчиками фирмы Adobe.

В книге описаны все программы пакета Creative Suite 2: Photoshop CS2, Illustrator CS2, InDesign CS2, GoLive CS2, Cue CS2, Acrobat 7, Bridge, Stock Photos. Это мощный и интегрированный набор дизайнерских инструментов для подготовки печатных и электронных публикаций, в том числе для создания Web-сайтов. Книга содержит все, что нужно для практического освоения программ Creative Suite 2. Прочитав ее, даже новичок научится создавать художественные работы профессионального вида, эксперты же научатся распределять свою работу между приложениями пакета, чтобы исполнить ее гораздо быстрее и эффективнее. Книга подходит для разработки уроков в рамках школьного курса. Упражнения, представленные в книге, написаны понятным и доступным для подростка языком и могут использоваться для заданий школьного урока.

То же самое можно сказать и о двух других книгах данной серии: Adobe Photoshop CS. «Официальный учебный курс и Adobe Photoshop 7.0. Официальный учебный курс» .

Книга «Adobe Photoshop CS: Официальный учебный курс» содержит 20 уроков и предназначается как начинающим, так и опытным пользователям, которые хотели бы научиться использовать программу Adobe Photoshop самым продуктивным образом. Все примеры записаны на компакт-диске, прилагаемом к книге [7].

В отличие от предыдущего издания книга «Adobe Photoshop 7.0. Официальный учебный курс» содержит 18 уроков. Также продублированных на компакт-диске, прилагаемом к книге.

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

Помимо этих учебных курсов литературы по наиболее популярным программам Microsoft Paint, Adobe Photoshop, CorelDRAW достаточно много. Это такие учебные пособия как:

- Дэн Маргулис. Photoshop для профессионалов. Классическое руководство по цветокоррекции ;

- Делла-Росса. Adobe Photoshop CS2 для художников ;

- Елена Волкова. Photoshop CS2. Художественные приемы и профессиональные хитрости ;

- Комолова, Тайц. Самоучитель CorelDRAW 12  и др.

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

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

В учебнике Макаровой Н.В. «Информатика. 10 класс» содержатся понятия и сравнение растровой и векторной графики и небольшой практикум.

В учебнике Макаровой Н. В. «Информатика. 11 класс» теории и практики по компьютерной графике нет [5].

Создание рисунков в векторном редакторе, встроенном в текстовый редактор Word и в растровом редакторе на примере Paintрассмотрено в учебнике Н. Угриновича «Информатика и информационные технологии. Учебник для 10-11 классов». Рассматривается растровая и векторная графика, форматы графических файлов.

Учебник для 10-го класса С.А. Бешенкова, Е.А. Ракитиной «Систематический курс» содержит один параграф 3.11 «Представление графической информации». Рассматриваются понятия растрового и векторного изображения. Затем материал расширяется за счет изучения вопросов трехмерной графики и анимационных эффектов. В параграфе содержится 5 заданий.

Учебник для 11 класса С.А. Бешенкова, Е.А. Ракитиной «Систематический курс» не содержит теоретического и практического материала по обучению компьютерной графики.

В учебниках И.Г. Семакина и Е.К. Хеннера «Информатика 10-11 класс» теории по графике нет и отдельных практических работ тоже нет. Графика внедрена в практические работы по другим темам: инструментальные средства для рисования в текстовом процессоре, создание презентаций и сайта.

Минимальные представления о растровых изображениях и программах работающих с ними дает учебник Угриновича Н. Д. «Информатика и ИКТ: учебник для 9 класса». Этот учебник дает общее представление о растровом изображении и работе с ними в рамках главы «Кодирование и обработка графической и мультимедийной информации». Учебник написан сложным для ученика 9-го класса языком и в то же время недостаточен для получения объема знаний, необходимого для создания изображений и их редактирования.

В учебниках Фиошина М. Е, Рессина А. А., Юнусова С. М. «Информатика и ИКТ. 10-11 класс. Профильный уровень» теории по графике нет и отдельных практических работ тоже нет [5].

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

Работа с растровыми изображениями в различных программах доступно описана в книгах «Официальный учебный курс. Adobe Creative Suite 2: Classroom in a Book +2 CD», «Adobe Photoshop CS: Официальный учебный курс» и «Adobe Photoshop 7.0. Официальный учебный курс». Данные книги могут использоваться для разработки методических рекомендаций.

1.2 Психолого-педагогические особенности процесса обучения растровым графическим редакторам

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

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

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

Растровые и векторные изображения имеют свои достоинства и недостатки, и принципиально эти изображения несравнимы.

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

К устройствам получающим непосредственно цифровое изображение можно отнести цифровые фотоаппараты и цифровые видеокамеры (а когда речь идёт о любительской работе – то и так называемые web-камеры). Полученное этими устройствами изображение сразу, без какого либо преобразования, сохраняется в виде файлов на специальных носителях информации. Затем файлы, содержащие изображения, переносятся с цифрового устройства на компьютер при помощи специальных коммутационных кабелей. Web камера как правило не имеет собственного запоминающего устройства, и просто транслирует цифровой сигнал на наш компьютер [5].

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

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

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

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

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

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

Однако, необходимо помнить, что преподавание растровых редакторов возможно только с применением электронных средств, что в свою очередь требует соблюдение гигиены учебного процесса.

При оценивании качества электронных средств учебного назначения необходимо проводить экспертизу на техническом, содержательном и методическом уровне [9].

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

Adobe Photoshop отвечает всем необходимым требованиям. Большинство детей старше 10 лет являются активными пользователями компьютеров. По опросу, проведенному среди старшеклассников 92% подростков сами устанавливают простое программное обеспечение . Простота установки Adobe Photoshop, удобный и понятный пользовательский интерфейс делают этот программный продукт популярным. Психологические особенности большинства подростков отличают такие качества, как неусидчивость, желание получить все быстро и доступным способом. Ученик старших классов не станет долго разбираться с установкой непонятного программного обеспечения и неудобным и непонятным интерфейсом, он предпочтет закрыть программу и воспользоваться другой, более понятной и доступной. По исследованиям психологов, если установка программного обеспечения занимает более 15 минут, подросток к ней теряет интерес. Тоже можно сказать и о загрузке программы. Если время загрузки учебной программы более 2-х минут, то 4 подростка из 10 ею уже больше не воспользуются.

Экспертиза содержания программного продукта учебного назначения должна также включать оценку его общего оформления, комплектации, сопроводительной документации, компакт-диска. Также необходимо устанавливать соответствие содержательного наполнения программного средства с современными достижениями науки и техники, с действующими учебными программами, с национальными стандартами образования. Следует оценивать также уровень грамотности и информативности представляемого учебного материала, систематичность, последовательность, четкость, доступность, полноту и наглядность его изложения. При использовании этих простых правил уровень восприятия обучения растровому редактору возрастает на 20% [10].

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

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

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

Особое внимание следует уделить оцениванию методического уровня организации учебного программного средства. Поскольку продукты электронной индустрии подобного рода предназначены для обеспечения сопровождения учебно-воспитательного процесса, необходимо, чтобы они имели дидактическую ценность, чтобы в них использовались прогрессивные методики изложения учебного материала, отображались современные методы и приемы его представления [5].

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

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

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

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

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

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

ВЫВОД ПО ГЛАВЕ 1

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

Растровые графические редакторы позволяют пользователю рисовать и редактировать изображения на экране компьютера, а также сохранять их в различных растровых форматах, таких как, например, JPEG и TIFF, позволяющих сохранять растровую графику с незначительным снижением качества за счёт использования алгоритмов сжатия с потерями, PNG и GIF, поддерживающими хорошее сжатие без потерь, и BMP, также поддерживающем сжатие (RLE), но в общем случае представляющем собой несжатое «по пиксельное» описание изображения.

Photoshop тесно связан с другими программами для обработки медиафайлов, анимации и другого творчества. Совместно с такими программами, как Adobe ImageReady, Adobe Illustrator, Adobe Premiere, Adobe After Effects и Adobe Encore DVD, он может использоваться для создания профессиональных DVD, обеспечивает средства нелинейного монтажа и создания таких спецэффектов, как фоны, текстуры для телевидения, кинематографа и всемирной паутины. Основной формат Photoshop, PSD, может быть экспортирован и импортирован во весь ряд этих программных продуктов. Photoshop CS поддерживает создание меню для DVD. Совместно с Adobe Encore DVD, Photoshop позволяет создавать меню или кнопки DVD. Photoshop CS3 в версии Extended поддерживает также работу с трёхмерными слоями.

Из-за высокой популярности Photoshop, поддержка его формата файлов, PSD, была реализована в его основных конкурентах, таких, как Macromedia Fireworks, Corel PHOTO-PAINT, Pixel image editor, WinImages, GIMP, Jasc Paintshop Pro и т. д.

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

ГЛАВА 2. МЕТОДИКА ОБУЧЕНИЯ ГРАФИЧЕСКОМУ РЕДАКТОРУ ADOBE PHOTOSHOP В ПРОФИЛЬНОМ КУРСЕ ИНФОРМАТИКИ

2.1 Перечень вопросов, рассматриваемых при обучении графическому редактору Adobe Photoshop

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

Вот перечень тем, предшествующих изучению программы Adobe Photoshop:

техника безопасности при работе с компьютером;

информатика (как учебный предмет и как наука);

устройство ЭВМ, назначение основных устройств;

основы работы в Windows;

графический редактор Paint.

Эти темы рассматриваются в более ранних курсах информатики, но должны быть кратко повторены до начала изучения программы Adobe Photoshop. До изучения программы учащиеся должны получить необходимую теоретическую и практическую базу, для того, чтобы им легче было изучать новую тему [2].

Цели обучения графическому редактору Adobe Photoshop:

1. Формирование умений в области компьютерной графики:

- познакомить с основными базовыми понятиями и терминами компьютерной графики;

- познакомить учащихся с видами графики;

- познакомить с основными принципами создания изображений и построения композиций.

2. Формирование практических умений в области компьютерной графики:

- сформировать навыки работы с графическими растровыми изображениями в Adobe Photoshop;

- научить работать с текстовыми эффектами, текстурами, имитировать природные явления в изображении;

- сформировать навыки работы с фильтрами;

- показать практическое применение Adobe Photoshop, используя основы фотокоррекции;

- сформировать умения работы с цветом изображения;

- рассмотреть применение компьютерной графики в различных графических программах [2].

По окончании изучения данного раздела учащиеся должны знать:

1. Преимущества и недостатки векторной и растровой графики.

2. Форматы графических файлов.

3. Функции палитр.

4. Назначение различных графических программ.

5. Правила работы с цветом, цветовые модели, характеристики цветовых изображений.

6. Основные параметры (характеристики) изображения.

7. Виды контуров, масок, слоев.

8. Группы фильтров графического изображения

По окончании изучения данного раздела учащиеся должны уметь:

1. Запускать редактор Adobe Photoshop и пользоваться его инструментами.

2. Выделять изображения, используя различные способы выделения.

3. Рисовать с помощью различных инструментов.

4. Управлять режимами изображений.

5. Выполнять корректировку цветов.

6. Создавать контуры изображения.

7. Трансформировать изображения.

8. Изменять изображения за счет использования фильтров.

9. Настраивать, создавать и использовать кисти.

10. Работать со слоями.

11. Применять фильтры.

12. Работать с текстом.

13. Выполнять фотомонтаж.

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

1. Виды компьютерной графики

Виды графики: растровая графика, векторная графика. Преимущество и недостатки компьютерной графики. Форматы графических файлов.

2. Знакомство с Adobe Photoshop

Назначение Adobe Photoshop; интерфейс программы Adobe Photoshop.

3. Инструменты выделения

Способы выделения. Модификация выделенных областей. Перемещение. Кадрирование.

4. Цветовые модели в Adobe Photoshop

Способы выбора и изменения цвета. Настройка изображения.

5. Инструменты для рисования

Режимы рисования.

6. Трансформация

Использование инструментов трансформации.

7. Фильтры

Группы фильтров. Применение различных фильтров.

8. Слои

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

9. Реставрирование фотографий

Восстановление выцветших, растрескавшихся фотографий. Удаление пятна с фотографий. Клонирование образца. Простые приемы ретуши. Использование инструментов.

10. Работа с текстом

Создание текста. Форматирование текста. Параметры текста.

11. Фотомонтаж

Объединение двух и более изображений для создания сюрреалистических изображений.

12. Создание итогового изображения

Создание итогового изображения с помощью программы Adobe Photoshop на свободную тему.

2.2 Методические рекомендации по обучению графическому редактору Adobe Photoshop

Программа Photoshop представляет собой мощную программу по обработке растровой графики, устойчивую к действиям пользователя. Данное свойство позволяет использовать графический редактор, как в профессиональной деятельности, так и в игровом процессе. Алгоритм работы большинства функций позволяет просмотреть конечный результат выполнения функции еще на этапе задания параметров [2].

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

При любом методе осуществления учебного процесса, появляется необходимость контроля усвоения материала. Специфика разработанной методики состоит в первую очередь в том, что дает практические навыки в освоении программы, которые обучаемый может получить самостоятельно под контролем преподавателя [2].

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

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

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

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

Данные методические рекомендации содержат необходимый теоретический материал и систему упражнений для практических занятий. Они могут быть использованы как учебник или как раздаточный материал. Для каждого занятия сформулированы рекомендации [2].

Виды компьютерной графики:

Понятия, рассматриваемые при обучении темы «Виды компьютерной графики»:

- растровая графика, векторная графика.

Основные вопросы, рассматриваемые при изучении темы «Виды компьютерной графики»:

- виды графики;

- преимущество и недостатки компьютерной графики;

- форматы графических файлов.

Рекомендации:

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

При рассмотрении понятий необходимо дать определения растровой, векторной графики, рассмотреть их достоинства и недостатки, а также их отличительные особенности. Также при объяснении темы рассказывается о форматах сохранения BMP, TIFF, GIF, PNG, JPEG, WMF, EPS, CDR. Достоинства и недостатки каждого формата.

Содержание:

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

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

Качество растрового изображения зависит от размера изображения (количества пикселей по горизонтали и вертикали) и количества цветов, которые можно задать для каждого пикселя [2].

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

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

Например, графический примитив точка задается своими координатами (X,Y), линия — координатами начала (XI,Y1) и конца (X2,Y2), окружность координатами центра (X,Y) и радиусом (R), прямоугольник — координатами левого верхнего угла (X1,Y1) и правого нижнего угла (X2.Y2) и так далее. Для каждого примитива задается цвет.

Достоинством векторной графики является то, что файлы, хранящие векторные графические изображения, имеют сравнительно небольшой объем.

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

Для обработки изображений на компьютере используются специальные программы — графические редакторы. Они разделяются на две категории: растровые и векторные.

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

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

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

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

Для рисунков типа диаграммы целесообразно применение метода сжатия, который использует поиск повторяющихся в рисунке «узоров». Такой алгоритм используется в графических файлах форматов TIFF и GIF и позволяет сжать файл в несколько раз.

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

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

Рассмотрим некоторые форматы графических файлов более подробно.

Bit MaP image (BMP) — универсальный формат растровых графических файлов, используется в операционной системе Windows. Этот формат поддерживается многими графическими редакторами.

Tagged Image File Format (TIFF) — формат растровых графических файлов, поддерживается всеми основными графическими редакторами и компьютерными платформами. Включает в себя алгоритм сжатия без потерь информации. Рекомендуется для использования при работе с издательскими системами [8].

Graphics Interchange Format (GIF) — формат растровых графических файлов, поддерживается приложениями для различных операционных систем. Включает алгоритм сжатия без потерь информации, позволяющий уменьшить объем файла в несколько раз. Используется для размещения графических изображений на Web-страницах в Интернете.

Portable Network Graphic (PNG) — формат растровых графических файлов, аналогичный формату GIF. Рекомендуется для использования на Web-страницах.

Joint Photographic Expert Group (JPEG) — формат растровых графических файлов, который реализует эффективный алгоритм сжатия (метод JPEG) для отсканированных фотографий и иллюстраций. Алгоритм сжатия позволяет уменьшить объем файла в десятки раз, однако приводит к необратимой потере качества. Поддерживается приложениями для различных операционных систем. Данный формат является самым популярным.

Windows MetaFile (WMF) — универсальный формат векторных графических файлов для Windows-приложений. Используется для хранения коллекции графических изображений Microsoft Clip Gallery.

Encapsulated PostScript (EPS) — формат векторных графических файлов, поддерживается программами для различных операционных систем. Рекомендуется для печати и создания иллюстраций в настольных издательских системах.

CorelDRaw files (CDR) — оригинальный формат векторных графических файлов, используемый в системе обработки векторной графики CorelDraw.

Если вы собираетесь работать с графическим файлом только в одном данном приложении, целесообразно выбрать оригинальный формат. Если же предстоит передавать данные в другое приложение, другую среду или иному пользователю, стоит использовать универсальный формат [8].

На завершающем этапе урока следует задать вопросы.

Контрольные вопросы:

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

2. В каком случае изображение следует сохранять в формате JPEG?( В случае, если в дальнейшем изображение не будут увеличивать, изменять или редактировать и не требуется высокое качество.)

3. В каком редакторе, растровом или векторном, вы будете редактировать фотографию? (Фотографию можно редактировать исключительно в растровом редакторе, векторные программы не предназначены для обработки растровых изображений.)

4. Какой вид графики предполагает изменение размера без потери качества? (Векторная графика.)

Тема 2. Знакомство с Adobe Photoshop

Понятия, рассматриваемые при обучении темы «Знакомство с Adobe Photoshop»:

- рабочее окно;

- окно изображения;

- строка состояния;

- панель инструментов.

Основные вопросы, рассматриваемые при изучении темы «Знакомство с Adobe Photoshop»:

- назначение Adobe Photoshop;

- интерфейс программы Adobe Photoshop.

Рекомендации

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

Важно отработать навык обращения с окном, чтобы у ребят не возникало психологического барьера на уроках. Мало рассказать о панели инструментов, инструментальной палитре, пунктах меню, мало показать, как делать то или иное действие. Необходимо выработать навык работы с интерфейсом [7].

В ходе урока необходимо дать определение понятиям «рабочее поле», «панель инструментов», «панель свойств», «инструментальная палитра», «строка состояния». Преподаватель в ходе урока объясняет принципы работы с панелью свойств (как ее вызвать, закрыть, как найти необходимые параметры и их изменить) и строкой состояния.

Задание необходимо предварительно распечатать на листах A4.

Содержание

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

- сканированные фотоснимки;

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

- логотипы и эмблемы с нечеткими границами, бликами и тенями;

- спецэффекты с применением фильтров и коррекции цвета.

Рабочее окно. После успешного запуска Adobe Photoshop на экране возникает рабочее окно. Строка меню обеспечивает доступ к командам. Окно изображения можно перетаскивать мышью, поместив курсор на «заголовок». Полосы прокрутки дают возможность вывести на экран части изображения, находящиеся в данный момент за пределами окна [6].

Окно изображения. В Adobe Photoshop можно одновременно открыть столько изображений, насколько хватит оперативной и виртуальной памяти компьютера. Каждое изображение открывается в отдельном окне.

Строка состояния. Находится над панелью задач Windows, в ней указываются выбранные (активные) инструмент и изображение.

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

графический растровый обучение информатика.

2.3 Создание дизайна макета сайта

Открываем Photoshop и выбираем File > New. Используем следующие настройки:

Обратите внимание: мы задали ширину документа равной 1400px. Ширина нашего сайта будет равна 1000px. Чтобы правильно расположить сайт, нам понадобится установить некоторую разметку.

Для этого переходим в раздел View и проверяем, включены ли Rulers (направляющие). Если с ними все в порядке, то щелкаем по направляющей, расположенной с правой стороны экрана, и перетаскиваем ее в левую сторону.

Первую направляющую оставляем на отметке «200», если смотреть по верхней линейке, а вторую направляющую — на отметке «1200». В итоге мы получим необходимые нам 1000px рабочего пространства.

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

Создание текстурированного фона

Для начала просто заполним слой цветом #555f6e. После этого выбираем пункт Filter > Noise > Add Noise. Используем следующие настройки для шума:

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

Создаем новый слой и выбираем кисть (B). Кисть берем с мягкими краями, меняем используемый цвет на белый и устанавливаем диаметр равным приблизительно 1200px. Щелкаем левой кнопкой мыши в левой верхней области документа. У вас должно получиться что-то подобное:

В окне со слоями, которое обычно находится в правом нижнем углу, выставляем непрозрачность (opacity) на 25% – 35% и выбираем стиль слоя «Перекрытие» (Overlay). Тем самым мы получим хороший эффект освещения для текстурированного фона.

Создаем область контента

Создаем новый слой и нажимаем клавишу U, чтобы активировать инструмент «Форма» (Shape). Из панели инструментов, находящейся в верхней части экрана, выбираем прямоугольник с закругленными углами (rounded rectangle) и меняем его радиус на 6px. Щелкаем мышью прямо на левой направляющей и выполняем перетаскивание вплоть до правой направляющей, до тех пор пока не будет создан прямоугольник, похожий на следующий:

Примечание: пустое пространство сверху и снизу от прямоугольника будет использоваться для создания хэдера и футера.

Давайте добавим к текущему слою некоторые простые стили. Чтобы получить доступ к панели со стилями, достаточно сделать двойной щелчок по требуемому слою в окне слоев (или выбрать пункт Layer > Layer styles в меню).

Добавим следующие эффекты:

Падающая тень

Внутреннее свечение:

С представлением области контента покончено, теперь мы можем перейти к навигации. Оставляем активным слой content area, зажимаем Ctrl и щелкаем по миниатюре слоя (находится в правом нижнем углу окна слоев). Альтернативное решение: вы могли бы сделать правый щелчок по миниатюре слоя и использовать опцию Select pixels.

Теперь у вас должны быть выделены все пиксели, относящиеся к области content area (эта область ограничена пунктирными линиями, как показано на скриншоте):

На новом слое щелкаем по клавише M, чтобы выбрать инструмент Marquee. Переходим к основанию нашего изображения, зажимаем клавишу Alt и перетаскиваем выделение до тех пор, пока не останется небольшая полоса, как показано на скриншоте:

Меняем цвет изображения на #d3dbdf. На данном этапе у нас должен быть выбран недавно созданный пустой слой. Щелкаем по клавише G для выбора инструмента «Заливка» (Fill) (если выбирается градиент, то щелкаем Shift+G для переключения между вариантами). Заливаем выбранную область, а затем нажимаем CTRL + D, чтобы снять выделение.

Создание навигационного меню

Нажимаем клавишу U, чтобы выбрать произвольную форму (custom shape). На главной панели инструментов выбираем иконку формы, и затем переходим вправо к выпадающему списку доступных иконок:

Ищем необходимое изображение и совершаем по нему щелчок. Затем создаем новый слой. Удерживая Shift, чтобы сохранить пропорции, начинаем растягивать форму. Повторяем это несколько раз для получения требуемого эффекта. Обязательно оставляем пустое пространство под текст. В идеале лучше всего размещать каждую форму на отдельном слое, чтобы не возникло трудностей с их перемещением.

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

Меняем цвет изображения на #97a3ac и щелкаем T для выбора инструмента «Текст». Заносим в него список своих страниц. Когда с этим будет закончено, нам понадобится создать дубликат текстового слоя. Для этого делаем правый щелчок по слою и выбираем Duplicate layer.

У нас должно быть два одинаковых текстовых слоя. Выберем исходный слой, после чего щелкнем по клавише V для выбора инструмента Перемещение (Move). Сдвинем слой вниз и вправо на 1px с помощью стрелочек на клавиатуре. Когда это будет сделано, изменим цвет текста на #e3eef6. Мы получим великолепный рельефный эффект для текста.

Теперь добавим линии, чтобы разделить пункты меню. Выберем инструмент Shape (Форма) с помощью нажатия на U, после чего в главной панели инструментов активируем инструмент Line (Линия). Его можно найти рядом с иконкой Shape (см. предыдущий скриншот).

Создаем новый слой и чертим на нем линию, как показано ниже:

Создаем дубликат этого изображения и с помощью инструмента Перемещение (Move, V) передвигаем его на 1 px вправо. Добавим следующий стиль к дубликату:

Объединяем эти два слоя в один (Merge layers): зажимаем клавишу Ctrl, щелкаем по первому слою, потом опять зажимаем клавишу Ctrl и щелкаем по второму слою. Затем щелкаем правой кнопкой и выбираем Merge Layers.

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

Я также добавил одну линию в самый низ меню (на скриншоте ее плохо видно).

Создание хэдера и логотипа для сайта

Щелкаем T для выбора инструмента Текст и меняем размер шрифта на подходящий. Затем меняем цвет изображения на #f4cd15 и вводим первое слово из названия нашего сайта. К этому тексту применяем стили.

Стили слоя:

Используя тот же самый шрифт и размер, создаем новый текстовый слой и вводим оставшуюся часть названия сайта. На сей раз цвет изображения задаем как #d3dbdf. После того как это будет сделано, копируем стиль слоя с начальным текстом и вставляем его для данного слоя.

Создание раздела с контентом

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

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

Чтобы создать фон, просто установите цвет изображения в #eaebed, выберите инструмент Форма (U), затем в главной панели инструментов найдите инструмент Прямоугольник. Щелкните левой кнопкой на левой направляющей линии и перетащите курсор до другой направляющей. Добавьте границу с помощью свойства Stroke в стилях слоя (1px, #5d6e80).

Наконец, импортируйте любое изображение и добавьте к нему границу (опять же, с помощью эффекта Stroke).

Впоследствии иконки социального общения будут добавлены при помощи специального виджета.

Выделим все слои, связанные с отдельной статьей (через Ctrl) и нажмем CTRL + H, чтобы поместить их в одну папку. Создадим дубликат папки с помощью правого щелчка и выбора пункта Duplicate Group.

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

ВЫВОД ПО ГЛАВЕ 2

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

Вот перечень тем, предшествующих изучению программы Adobe Photoshop:

техника безопасности при работе с компьютером;

информатика (как учебный предмет и как наука);

устройство ЭВМ, назначение основных устройств;

графический редактор Paint.

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

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

ЗАКЛЮЧЕНИЕ

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

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

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

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

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

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

 

 

СПИСОК ИСТОЧНИКОВ И ЛИТЕРАТУРЫ

1.             Макарова, Н.В. 10 кл. Информатика и ИКТ. Базовой уровень. Учебник / Н.В. Макарова, Г. С. Николайчук, Ю. Ф. Титова; Под ред. Н. В. Макаровой.–СПб.: Питер, 2012.Тигранян Р.И. Стресс и его значение для организма. — М.: Наука, 2011.— 176 с.

2.             Макарова, Н.В. Информатика и ИКТ. Базовой уровень. 11 кл.: учебник / Н.В. Макарова, Г. С. Николайчук, Ю. Ф. Титова; под ред. Н. В. Макаровой.– СПб.: Питер, 2011.Юнг К.Г. Психологические типы. — М.: Прогресс - Универс, 2012. - 718 с.

3.             Угринович, Н.Д. Информатика и ИКТ. Учебник для 9 класса / Н. Д. Угринович. – М.: БИНОМ. Лаборатория знаний, 2011.

4.             Фиошин, М.Е. Информатика и ИКТ. 10–11 кл. Профильный уровень: учебник для общеобразовательных учреждений / М. Е. Фиошин, А. А. Ресин, С. М. Юнусов. – М.: Дрофа, 2011.

5.             Макарова, Н.В. Информатика. Практикум по технологии работы на компьютере / Н.В. Макарова.; под ред. Н.В. Макаровой.– М.: Финансы и статистика, 2012.

6.             www.adobe.com

7.             www.photogen.ru

8.             www.photodesign.com

9.             www.photoshop-master.ru

10.        www.photoshop.com

11.        www.webmaster.ru

12.        www.htmlbook.ru

13.        www.htmlmanual.ru

14.        www.egraphic.ru

15.        www.pskurs.ru