Министерство
образования и науки РФ
Муниципальное
бюджетное общеобразовательное учреждение
«Средняя
общеобразовательная школа №3 г. Йошкар-Олы»
Акимова Олеся Владимировна, учитель
информатики
Применение графических онлайн редакторов в основной школе
Методическая
разработка
ИОШКАР-ОЛА
2013
Содержание
Введение...................................................................................................................3
1. Компьютерная
графика.......................................................................................6
1.1. Понятие, виды,
области применения, достоинства и недостатки.............6
1.2. Особенности
графических редакторов и руководства по
их
изучению.................................................................................................15
1.3. Создание компьютерной
графики в облачных технологиях...................27
2. Методика
преподавания компьютерной графики..........................................39
2.1. Особенности
графических онлайн редакторов .......................................39
2.2. Элективный
курс. Графические онлайн редакторы................................46
2.3. Опытно-экспериментальная
апробация элективного курса по теме
« Графический онлайн редактор Pixlr
Editor»....................................................52
Заключение.............................................................................................................54
Список использованной
литературы...................................................................71
Приложения ……………………………………………………………………..74
Введение
Актуальность работы
обусловлена тем, что без компьютерной графики невозможно представить себе не
только компьютерный, но и обычный, вполне материальный мир, компьютерная
графика стала значимой частью деятельности современного человека, она
охватывает все виды и формы представления изображений, доступных для восприятия
человеком либо на экране монитора, либо в виде копии на внешнем носителе
(бумага, кинопленка, ткань и прочее), неслучайно особое место обучение
компьютерной графике занимает и в программе средней школы.
Важными
инструментами в работе с компьютерной графикой попрежнему являются графические
редакторы, однако последнее время они переживают своего рода трансформацию: как
альтернатива пакетным прикладным программам, имеющим такие недостатки, как
высокая стоимость, повышенные требования к конфигурации компьютера
пользователя, сложность освоения и т.п, появляются различные варианты
графических онлайн редакторов, не имеющих указанных недостатков. Актуализирует
данное исследование и отсутствие разработанных методик обучения работе с
графическими онлайн редакторами в общеобразовательной школе.
Степень разработанности
проблемы. Компьютерной графике посвящены работа Э.Эйнджела, фундаментальное
исследование В.Рейнбоу и других авторов. Особенности работы с самой сложной
графикой, трехмерной, рассматривают В.П. Иванов и И. Керлоу. Практическим
аспектам работы с графическим редактором Adobe Photoshop посвящены работы К.
Айсманн, М.В. Бурлакова, В. Дедкова, Е.В. Волкова, Л. Дейли, А. Ефремова,
Э.В.Карасева, М. Клосковски, В. Легейда, Л. Маргулиса, Д.Ф.Миронова, М.
Петрова, Ю. Солоницина, С. Топоркова и многих других. Основам работы с
графическим редактором Gimp посвящена работа И.А.Хахаева. При этом работ,
посвященных работе с графическими онлайн редакторами, а тем более мотодике
обучения работе с указанными редакторами в средней школе мы не встречали.
Данная работа призвана восполнить существующий пробел в исследованиях.
Объектом
работы являются графические онлайн редакторы.
Предметом работы является
методика обучения работе с графическими онлайн редакторами в
общеобразовательной школе.
Цель
методической разработки: разработать методику использования программного
обеспечения в виде онлайн графических редакторов для обучения компьютерной
графике.
Раскрытию указанной цели подчинены следующие задачи:
1.
рассмотреть понятие компьютерной графики, виды, области
применения, достоинства и недостатки;
2.
проанализировать особенности графических редакторов, рассмотреть
руководства по использованию различных видов графических редакторов для
формирования методики их использования;
3.
рассмотреть особенности графических онлайн редакторов и
возможность их применения в образовательном процессе;
4.
разработать методику обучения работе с графическими онлайн
редакторами и систему занятий по обучению компьютерной графике с использованием
онлайн редакторов;
5.
экспериментально проверить эффективность разработанной методики
проведения занятий с использованием онлайн редакторов.
Экспериментальной
базой исследования и апробации результатов явилось МОУ «Средняя
общеобразовательная школа №3 г. Йошкар-Олы» Организация исследования:
1 этап – сентябрь
2012г.
2 этап –
октябрь-ноябрь 2012г.
3 этап – декабрь
2012г.
Гипотеза: уровень
знаний и познавательный интерес к изучению компьютерной графики повысится, если
преподавание указанной темы вести с использованием графических онлайн
редакторов, так как графические онлайн редакторы обладают рядом существенных
достоинств, коих не имеют пакеты прикладных графических редакторов.
Методы
исследования: анкетирование, наблюдение, личная беседа, общенаучные методы
анализа и синтеза, сравнение.
Научная
новизна состоит в разработке методики обучения практической работе с
компьютерной графикой в графическом онлайн редакторе учащихся МОУ «Средняя
общеобразовательная школа №3 г. Йошкар-Олы», а также в создании элективного
курса «Графический онлайн редактор».
Практическая значимость работы заключается
в разработке и апробации:
1.
системы занятий по теме «компьютерная графика» с использованием
графических онлайн редакторов;
2.
программы элективного курса и серии занятий по изучению
возможностей использования графических онлайн редакторов;
3.
методических рекомендаций по проведению уроков и занятий по
изучению графических онлайн редакторов;
4.
дидактических материалов, предназначенных для изучения
графических онлайн редакторов.
Теоретическая
значимость: раскрыты особенности преподавания темы «компьютерная графика»
с использованием графического онлайн редактора в средней школе.
Структура: методической
разработки состоит из введения, двух глав, заключения, приложений, представлен
список использованных источников и литературы.
1. Компьютерная графика
1.1. Понятие, виды, области применения, достоинства и недостатки
Компью терная
гра фика (также машинная графика) – область деятельности, в которой
компьютеры используются как инструмент для синтеза (создания) изображений, так
и для обработки визуальной информации, полученной из реального мира. Также
компьютерной графикой называют результат такой деятельности [ 17].
По способам
задания изображений графику можно разделить на следующие категории [17]:
Двухмерная
графика (2D). Двухмерная компьютерная графика классифицируется по типу
представления графической информации и следующими из него алгоритмами обработки
изображений. Обычно компьютерную графику разделяют на векторную и растровую,
хотя обособляют ещё и фрактальный тип представления изображений.
Векторная
графика представляет изображение как набор геометрических примитивов (Рис.
1). Обычно в качестве них выбираются точки, прямые, окружности, прямоугольники,
а также как общий случай, сплайны некоторого порядка. Объектам присваиваются
некоторые атрибуты, например, толщина линий, цвет заполнения. Рисунок хранится
как набор координат, векторов и других чисел, характеризующих набор примитивов.
При воспроизведении перекрывающихся объектов имеет значение их порядок.
Изображение в векторном формате даёт простор для редактирования. Изображение
может без потерь масштабироваться, поворачиваться, деформироваться, также
имитация трёхмерности в векторной графике проще, чем в растровой.
Дело в том, что
каждое такое преобразование фактически выполняется так: старое изображение (или
фрагмент) стирается, и вместо него строится новое. Математическое описание
векторного рисунка остаётся прежним, изменяются только значения некоторых
переменных, например, коэффициентов. При преобразовании растровой картинки
исходными данными является только описание набора пикселей, поэтому возникает
проблема замены меньшего числа пикселей на большее (при увеличении), или
большего на меньшее (при уменьшении). Простейшим способом является замена
одного пикселя несколькими того же цвета (метод копирования ближайшего пикселя:
Nearest Neighbour). Более совершенные методы используют алгоритмы интерполяции,
при которых новые пиксели получают некоторый цвет, код которого вычисляется на
основе кодов цветов соседних пикселей. Подобным образом выполняется
масштабирование в программе Adobe Photoshop (билинейная и бикубическая
интерполяция).
Рисунок 1. Пример векторной графики
Вместе с тем, не
всякое изображение можно представить как набор из примитивов. Такой способ
представления хорош для схем, используется для масштабируемых шрифтов, деловой
графики, очень широко используется для создания мультфильмов и просто роликов
разного содержания.
Растровая
графика всегда оперирует двумерным массивом (матрицей) пикселей. Каждому
пикселю сопоставляется значение – яркости, цвета, прозрачности – или комбинация
этих значений. Растровый образ имеет некоторое число строк и столбцов. Без особых
потерь растровые изображения можно только лишь уменьшать, хотя некоторые детали
изображения тогда исчезнут навсегда, что иначе в векторном представлении.
Увеличение же растровых изображений оборачивается «красивым» видом на
увеличенные квадраты того или иного цвета, которые раньше были пикселями.
Смотрите рис.2.
В растровом виде
представимо любое изображение, однако этот способ хранения имеет свои
недостатки: больший объём памяти, необходимый для работы с изображениями,
потери при редактировании.
Рисунок
2. Пример растровой графики
Области
использования векторной и растровой графики. В силу своих особенностей (масштабирование
без потери качества изображения, маленький размер и др.) Векторная графика
используется в полиграфии (шрифты, логотипы) и в Интернете (анимации,
интерфейс, баннеры). В то же время растровая графика обладает качествами,
которых нет в векторной (возможно независимое редактирование каждой детали
изображения, вплоть до пикселя). Растровая графика незаменима в
изображениях, которые очень сложны и которые невозможно описать математическими
формулами (яркий тому пример - фотографии), к тому же она появилась
раньше растровой и лучше освоена. Именно поэтому растровая графика применяется
практически во всех областях, связанных с компьютерной графикой.
У векторной
графики много преимуществ по сравнению с точечной графикой:
■ Она экономна в плане объемов
дискового пространства, необходимого для хранения изображений: это связано с
тем, что сохраняется не само изображение, а только некоторые основные данные,
используя которые программа всякий раз воссоздает изображение заново. Кроме
того, описание цветовых характеристик не сильно увеличивает размер файла.
■ Объекты
векторной графики легко трансформируются, ими просто манипулировать, что не
оказывает практически никакого влияния на качество изображений. В тех областях
графики, где принципиальное значение имеет сохранение ясных и четких контуров,
например, в шрифтовых композициях, в создании фирменных знаков логотипов и пр.,
векторная графика незаменима.
■ Векторная графика максимально
использует возможности разрешающей способности любого выводного устройства:
изображение всегда будет выглядеть настолько качественно, насколько способно
данное устройство. Векторная графика может включать в себя и изображения
точечной графики, которые становятся таким же объектом, как и все остальные
(правда, с особым статусом и со значительными ограничениями в обработке).
Однако, с другой стороны,
изображения векторной графики могут показаться чрезмерно жестковатыми,
«фанерными». Векторная графика, действительно, ограничена в чисто живописных
средствах и не предназначена для создания фотореалистических изображений.
Сложность векторного принципа
описания изображения не позволяет автоматизировать ввод графической информации
и сконструировать устройство, подобное сканеру для точечной графики.
Значительным недостатком векторной
графики является программная зависимость: каждая программа сохраняет данные в
своем собственном формате, поэтому изображение, созданное в одном векторном
редакторе, как правило, не конвертируется в формат другой программы без
погрешностей.
Достоинств у точечной графики, как ни странно, не
слишком много.
■ Основным
является простота и, как следствие, техническая реализуемость автоматизации
ввода (оцифровки) изобразительной информации. Существует развитая система внешних
устройств для ввода фотографий, слайдов, рисунков, акварелей и прочих
изобразительных оригиналов. К ним относятся сканеры, видеокамеры, цифровые
фотокамеры, графические планшеты.
■ Не менее важным достоинством
точечной графики для художников и фотографов является фотореалистичность.
■ Форматы файлов, предназначенные для
сохранения точечных изображений, являются стандартными, поэтому не имеет
решающего значения, в каком графическом редакторе создано то или иное
изображение. Файл, сохраняющий точечное изображение, легко открывается и
импортируется в редакторах точечной и векторной графики, а также в программах
верстки и браузерах.
Однако точечной графике присуши и существенные недостатки.
■ Недостаток,
который обнаруживается при первой же попытке чтонибудь нарисовать в программе
точечной графики, заключается в том, что для начала рисования она потребует
введения конкретных значений разрешения (количества пикселей на единицу длины)
и глубины цвета (количества цветовых бит на пиксель), а также геометрического
размера (длины и ширины изображения, т. е. площади).
■ Второй
недостаток не замедлит проявиться при попытке отсканировать не очень большую
фотографию с максимальным разрешением и глубиной цвета. Объем файла в точечной
графике однозначно определяется произведением площади изображения на квадрат
разрешения и на глубину цвета (если они приведены к единой размерности,
например, к дюймам и байтам). Поэтому программное обеспечение любого сканера в
состоянии сосчитать эту величину и «предсказать» объем, необходимый для
сохранения изображения. При этом совершенно не важно, что отображено на
фотографии: белый снежный пейзаж с одиноким путником вдалеке или сцена
рок-коннерта с обилием цвета и форм. Если три параметра одинаковы, размер файла
(без сжатия) будет практически одинаков.
■ Третий
недостаток всплывет при попытке слегка повернуть на небольшой угол изображение,
например, с четкими тонкими вертикальными линиями. Сразу обнаруживается, что
четкие линии превращаются в четкие «ступеньки». Это означает, что при любых
трансформациях (поворотах, масштабировании, наклонах и т. д.) в точечной
графике невозможно обойтись без искажений.
Фрактальная
графика. Фрактал – объект, отдельные элементы которого наследуют свойства
родительских структур. Поскольку более детальное описание элементов меньшего
масштаба происходит по простому алгоритму, описать такой объект можно всего
лишь несколькими математическими уравнениями. Фракталы позволяют описывать
целые классы изображений, для детального описания которых требуется
относительно мало памяти. С другой стороны, фракталы слабо применимы к
изображениям вне этих классов.
Рисунок 3. Пример фрактальной графики
Трёхмерная
графика (3D) – (3D Graphics, Три измерения изображения, 3 Dimensions, рус.
3 измерения) – раздел компьютерной графики, совокупность приемов и инструментов
(как программных, так и аппаратных), предназначенных для изображения объёмных
объектов. Больше всего применяется для создания изображений на плоскости экрана
или листа печатной продукции в архитектурной визуализации, кинематографе,
телевидении, компьютерных играх, печатной продукции, а также в науке и
промышленности.
Трёхмерное
изображение на плоскости отличается от двумерного тем, что включает построение
геометрической проекции трёхмерной модели сцены на плоскость (например, экран
компьютера) с помощью специализированных программ. При этом модель может как
соответствовать объектам из реального мира (автомобили, здания, ураган,
астероид), так и быть полностью абстрактной (проекция четырёхмерного фрактала).
Для получения трёхмерного изображения
на плоскости требуются следующие шаги:
моделирование – создание
трёхмерной математической модели сцены и объектов в ней.
рендеринг (визуализация) —
построение проекции в соответствии с
выбранной физической моделью.
вывод
полученного изображения на устройство вывода – дисплей или
принтер.
Однако, в связи с
попытками создания 3D-дисплеев и 3D-принтеров, трёхмерная графика не
обязательно включает в себя проецирование на плоскость.
В трёхмерной
компьютерной графике все объекты обычно представляются как набор поверхностей
или частиц. Минимальную поверхность называют полигоном. В качестве полигона
обычно выбирают треугольники. Всеми визуальными преобразованиями в 3D-графике
управляют матрицы. В компьютерной графике используется три вида матриц: матрица
поворота, матрица сдвига, матрица масштабирования. Любой полигон можно
представить в виде набора из координат его вершин. Так, у треугольника будет 3
вершины. Координаты каждой вершины представляют собой вектор (x, y, z). Умножив
вектор на соответствующую матрицу, мы получим новый вектор. Сделав такое
преобразование со всеми вершинами полигона, получим новый полигон, а
преобразовав все полигоны, получим новый объект,
повёрнутый/сдвинутый/масштабированный относительно исходного.
Рисунок 4 . Пример трехмерной графики
CGI графика
(англ. computer-generated
imagery, букв. «изображения, сгенерированные компьютером») –
спецэффекты в кинематографе, телевидении и симуляторах, созданные при помощи
трёхмерной компьютерной графики. В компьютерных играх обычно используется
компьютерная графика в реальном времени, но периодически добавляются и внутриигровые видео, в которых используется
CGI.
CGI позволяет
создавать эффекты, которые невозможно получить при помощи традиционного грима и
аниматроники, и может
заменить декорации и работу каскадёров и статистов.
Следует признать,
что компьютерная графика прочно вошла в повседневную жизнь современного
человека. К основным сферам применения технологий компьютерной графики
относятся:
●
Графический интерфейс пользователя;
●
Спецэффекты, Визуальные эффекты (VFX), цифровая
кинематография;
●
Цифровое телевидение, Всемирная паутина, видеоконференции;
●
Цифровая фотография и существенно возросшие возможности по
обработке фотографий;
●
Цифровая живопись;
●
Визуализация научных и деловых данных;
●
Компьютерные игры, системы виртуальной реальности (например,
тренажёры управления самолётом);
●
Системы автоматизированного проектирования; ● Компьютерная
томография.
●
Компьютерная графика для кино и телевидения ● Лазерная графика.
Компьютерная
графика является также одной из областей научной деятельности. В области
компьютерной графики защищаются диссертации, а также проводятся различные
конференции.
Итак, любое
изображение на мониторе в силу его плоскости становится растровым, так как
монитор – это матрица, он состоит из столбцов и строк. Трёхмерная графика
существует лишь в нашем воображении, так как то, что мы видим на мониторе – это
проекция трёхмерной фигуры, а уже создаём пространство мы сами. Таким образом,
визуализация графики бывает только растровая и векторная, а способ визуализации
это только растр (набор пикселей), а от количества этих пикселей зависит способ
задания изображения.
1.2. Особенности графических редакторов и руководства
по
их изучению
Adobe Photoshop
− многофункциональный графический редактор, разработанный и распространяемый
фирмой Adobe Systems. В основном
работает с растровыми изображениями, однако имеет некоторые векторные
инструменты. Продукт является лидером рынка в области коммерческих средств
редактирования растровых изображений, и наиболее известным продуктом фирмы
Adobe. Часто эту программу называют просто Photoshop (Фотошоп). В настоящее
время Photoshop доступен на платформах Mac OS X/Mac OS и Microsoft Windows. Ранние версии редактора
были портированы под SGI IRIX, но официальная
поддержка была прекращена, начиная с третьей версии продукта. Для версий 8.0 и
CS6 возможен запуск под Linux с помощью альтернативы Windows API − Wine.
Несмотря на то,
что изначально программа была разработана как редактор изображений для полиграфии, в данное время
она широко используется и в веб-дизайне. В более ранней
версии была включена специальная программа для этих целей − Adobe ImageReady, которая была исключена из
версии CS3 за счёт интеграции её функций в сам Photoshop, а также включения в
линейку программных продуктов Adobe Fireworks, перешедшего в собственность Adobe после
приобретения компании Macromedia.
Photoshop тесно
связан с другими программами для обработки медиафайлов, анимации и
другого творчества. Совместно с такими программами, как Adobe ImageReady (программа упразднена в версии CS3), Adobe Illustrator, Adobe Premiere, Adobe After Effects и Adobe Encore DVD, он может
использоваться для создания профессиональных DVD, обеспечивает средства нелинейного монтажа и создания
таких спецэффектов, как фоны, текстуры и т.д. для телевидения, кинематографа и
всемирной паутины.
Photoshop также прижился в кругах разработчиков
компьютерных игр.
Как отмечает А.
Ефремов, поддерживается обработка изображений, с глубиной цвета 8 бит (256
градаций на один канал), 16 бит (используется 15 битов плюс один уровень, т.е.
32769 уровней) и 32 бит (используются числа одинарной точности с плавающей
запятой). Возможно сохранение в файле дополнительных элементов, как то:
направляющих (Guide), каналов (например, канала прозрачности − Alpha channel),
путей обтравки (Clipping path), слоёв, содержащих векторные и текстовые
объекты. Файл может включать цветовые профили (ICC), функции преобразования
цвета (transfer functions). Допускаются неквадратные пиксели (Pixel Aspect
Ratio).
Photoshop 10.0,
датируемый апрелем 2007 года, имеет название Photoshop CS3. Аббревиатура CS3
означает, что продукт интегрирован в третью версию пакета программ Adobe Creative Suite. В
предыдущих продуктах − Photoshop CS и CS2, c целью отличия от прежних версий и
укрепления принадлежности к новой линейке продуктов, был изменён символ
программы: вместо изображения глаза, которое присутствовало в версиях с 3-й по
7-ю, в стилевом решении использовалось изображение перьев. В Photoshop CS3 в
иконке приложения и экране-заставке используются буквы из названия продукта
«Ps» на синем градиентном фоне. Список нововведений включает в себя новый
интерфейс, увеличенную скорость работы, новый Adobe Bridge, новые фильтры и
инструменты, а также приложение Device Central, позволяющее осуществлять
предварительный просмотр работы в шаблонах популярных устройств, например
мобильных телефонов.
Как отмечает Б.
Фрейзер, последние версии включают в себя Adobe Camera RAW − плагин, разработанный
Томасом Ноллом (Thomas Knoll), который позволяет читать ряд RAW-форматов различных
цифровых камер и импортировать их напрямую в Photoshop.
Хотя Photoshop
практически монополизирует профессиональный рынок, высокая цена привела к
появлению конкурирующих программных продуктов, занимающих среднюю и низшую
ценовую нишу рынка, некоторые из которых, к примеру GIMP, совершенно бесплатны.
Для завоевания этой части рынка и для противостояния необычайно высоким показателям
нелегального использования своих профессиональных продуктов, Adobe представил
программы среднего и низшего класса Photoshop Elements и Photoshop Album, первая из которых является платной
урезанной версией Photoshop, а вторая распространяется бесплатно и служит для
организации и элементарной обработки фотографий. Продукт нацелен на
любительский рынок, так как ограниченная функциональность делает Photoshop
Elements неподходящим для подготовки изображений к печати. Программа Adobe Photoshop Lightroom служит исключительно для
«проявки» цифровых негативов, простой ретуши фотоснимков и организации их
каталога.
Расширенная версия
программы Adobe Photoshop Extended предназначена для более профессионального
использования, а именно − при создании фильмов, видео, мультимедийных проектов,
трехмерного графического дизайна и веб-дизайна, для работы в областях
производства, медицины, архитектуры, при проведении научных исследований.
Как отмечает Е.С.
Яковлева, в программе Adobe Photoshop Extended современных версий (CS4, CS5)
можно открывать и работать с 3D-файлами, создаваемыми такими программами, как Adobe Acrobat 3D, 3ds Max, Maya и
Google Earth. Photoshop поддерживает следующие
форматы файлов 3D: U3D, 3DS, OBJ, KMZ и DAE.
Возможно
использовать трехмерные файлы для внедрения в двумерное фото. Доступны
некоторые операции для обработки 3D-модели как работа с каркасами, выбор
материалов из текстурных карт, настройка света. Также можно создавать надписи
на 3D-объекте, вращать модели, изменять их размер и положение в пространстве.
Программа включает в себя также команды по преобразованию плоских фотографий в
трехмерные объекты определенной формы, такие как, например, банка, пирамида,
цилиндр, сфера, конус и др.
Для имитации
движения в Photoshop можно создавать кадры мультипликации, используя слои
изображения. Можно создавать видеоизображения, основанные на одной из многих
заданных пиксельных пропорций. После редактирования можно сохранить свою работу
в виде файла GIF-анимации или PSD, который впоследствии можно проиграть во
многих видеопрограммах, таких как Adobe Premiere Pro или Adobe After Effects. Доступно открытие или
импортирование видеофайлов и последовательности изображений для редактирования
и ретуширования, создание видеоряда мультипликации и экспорт работ в файл
формата QuickTime, GIF-анимацию или последовательность изображений. Видеокадры
можно отдельно редактировать, трансформировать, клонировать, применять к ним
маски, фильтры, разные способы наложения пикселов, на них можно рисовать,
используя различные инструменты.
И, наконец, с помощью
программы Photoshop Extended можно рассматривать MATLAB-изображения,
обрабатывать их в программе Photoshop, комбинировать команды MATLAB с
технологиями обработки изображений Photoshop. Как только устанавливается
соединение с программой Photoshop из программы MATLAB и осуществляется ввод
команд в командную строку MATLAB, эти управляющие воздействия незамедлительно
выполняются в Photoshop. Файлы, подготовленные в программе MATLAB, имеют
расширение m, fig, rpt, mat, mdl. Коммуникация между Photoshop и MATLAB
использует интерфейс Photoshop JavaScript и библиотечный интерфейс MATLAB.
GIMP (GNU
Image Manipulation Program ) − растровый графический редактор, программа для
создания и обработки растровой графики, с частичной поддержкой
работы с векторной графикой. Проект
основан в 1995 году Спенсером Кимбеллом и Питером Маттисом как дипломный проект, в
настоящий момент поддерживается группой добровольцев. Распространяется на
условиях GNU General Public License,
то есть как программа с открытым кодом и совершенно бесплатно.
Изначально
сокращение «GIMP» означало англ. General Image Manipulation Program, а в 1997
году полное название было изменено на «GNU
Image Manipulation Program», и
программа официально стала частью проекта GNU.
Типичные задачи,
которые можно решать при помощи GIMP, включают в себя создание графики и
логотипов, масштабирование и кадрирование фотографий, раскраска, комбинирование
изображений с использованием слоёв, ретуширование и преобразования изображений
в различные форматы.
В течение продолжительного времени
GIMP создавался с учётом пожеланий пользователей, но в основном согласно
предпочтениям разработчиков и без привлечения экспертов по эргономике.
Целостное видение проекта отсутствовало. Чтобы решить накопившиеся в результате
этого проблемы, был принят ряд мер.
В 2005 году проект GIMP был
зарегистрирован участником программы OpenUsability. На
конференции Libre Graphics Meeting в марте 2006 года состоялась первая встреча
представителей OpenUsability и команды разработчиков GIMP, в ходе которой было
определено видение GIMP как продукта для конечных пользователей:
●
GIMP является свободным ПО;
●
GIMP является высококачественным приложением для фоторетуши и
позволяет создавать оригинальные изображения;
●
GIMP является высококачественным приложением для создания
экранной и веб-графики;
●
GIMP является платформой для создания мощных и современных
алгоритмов обработки графики учёными и дизайнерами;
●
GIMP позволяет автоматизировать выполнение повторяющихся
действий;
●
GIMP легко расширяем за счёт простой установки дополнений.
Эти тезисы определяют дальнейшее развитие GIMP.
Осенью 2006 года в
рамках проекта OpenUsability было проведено исследование, результаты которого
постепенно оформляются в виде рекомендаций и спецификаций и реализуются.
Традиционно GIMP
считается свободным аналогом ряда проприетарных редакторов (чаще всего называется Adobe Photoshop), хотя
сами разработчики часто возражают против такой формулировки.
Работа с
фотографиями. В GIMP присутствует набор инструментов цветокоррекции:
кривые; уровни; микшер каналов; постеризация; тоннасыщенность; баланс цветов;
яркость-контраст; обесцвечивание.
При помощи
фильтров, инструментов, масок и слоёв с разными типами наложения (всего 22)
можно: выравнивать заваленный горизонт; убирать искажения, вносимые оптикой;
корректировать перспективу; выполнять клонирование объектов с учётом
перспективы; кадрировать фотографии; удалять дефекты вроде пыли на матрице
(штамп, лечебная кисть); имитировать использование различных цветофильтров;
«вытаскивать» потерянную детализацию в тенях; многое другое. Реализовано
управление цветом.
Возможности
рисования: несколько рисующих инструментов; свободно масштабируемые кисти;
поддержка кистевой динамики; поддержка графических планшетов.
Экранные
фильтры. Дополнительные возможности по коррекции изображений на протяжении
всей работы реализованы в виде экранных фильтров. К ним относятся: имитация
разных типов дальтонизма (протанопия, дейтеронопия, тританопия);
гамма-коррекция; коррекция контраста; управление цветом.
Настраиваемый
интерфейс: плавающие палитры легко группируются и перегруппируются;
возможна полная перенастройка клавиатурных комбинаций, действий мыши, а также
устройств ввода вроде Griffin
Powermate; любое меню можно превратить
в свободно перемещаемое окно (Linux/UNIX).
Недочёты, их
решение и пути обхода. В настоящее время использование GIMP в коммерческом
дизайне, полиграфии и фотографии сопряжено с рядом сложностей, а во многих
случаях и вовсе невозможно:
●
нет поддержки плашечных цветов (и палитры Pantone − по
лицензионным соображениям);
●
нет полноценной поддержки цветовых моделей, CIELAB и CIE XYZ;
●
нет поддержки режима 16 и более разрядов на цветовой канал;
●
нет поддержки HDRi и операторов отображения тонов;
●
нет процедурных (корректирующих) слоёв и эффектов (стилей) слоёв.
Многие из
упомянутых недочётов планируется устранить на втором этапе перехода к
использованию библиотеки GEGL.
Существует
расширение для экспорта в TIFF с цветоделением в CMYK и цветопробой.
GIMP
поддерживает импорт и экспорт PDF-файлов при помощи
Poppler.
Руководства по
изучению графических редакторов. Большая популярность графического
редактора Adobe Photoshop породила большое количество разнообразных руководств
и путеводителей по этой программе.
Книга С.Топоркова
«Adobe Photoshop CS» в примерах представляет собой руководство по графическому
редактору Adobe Photoshop CS. В книге описаны примеры использования различных
эффектов, рассмотрены приемы работы со всевозможными инструментами, фильтрами,
слоями. Рассматривается обработка растровых изображений. Собрано огромное
количество примеров.
В другой книге
С.Топоркова «Трюки и эффекты в Photoshop CS2» на большом количестве примеров
показаны методы работы с основными инструментами программы, слоями, масками,
каналами, фильтрами, описана техника применения эффектов. Особое внимание
уделено вопросам устранения дефектов на фотоснимках и комплексной обработке
растровых изображений. Книги содержат большое количество уникальных примеров и
заданий.
В книге Ю.
Солоницина «Photoshop CS2 и цифровая фотография» можно познакомиться с
последней версией одного из самых известных графических редакторов для
обработки и коррекции фотографий − Adobe Photoshop CS2. После прочтения книги,
вы сможете с легкостью придать своим фотографиям более привлекательный внешний
вид.
Книга М. Петрова
«Эффективная работа Photoshop CS» будет полезна дизайнерам, фотографам, а также
всем тем, кто занимается цифровой обработкой изображений. В книге
рассматриваются возможности самого известного и популярного продукта для
обработки графики – Adobe Photoshop CS. Также книга содержит множество примеров
работы с цифровой графикой.
Книга В. Легейда
«Photoshop CS2. Настоящий самоучитель» содержит все необходимые базовые знания
для работы в программе Photoshop версии CS2, а также огромное количество
примеров обработки изображений, которые позволят легко и быстро освоить этот
графический редактор. Книга предназначена для начинающих дизайнеров и
художников.
В книге Д.
Миронова «Основы Photoshop CS2. Учебный курс» рассматривается назначение и
принципы функционирования инструментов графического редактора Adobe Photoshop
CS2. Книга будет полезна всем тем, у кого есть огромное желание освоить
программу Photoshop CS2 и научиться работать с изображениями на
профессиональном уровне.
Книга К. Айсманн
«Ретуширование и обработка изображений в Photoshop» предназначена для тех, кто
любит работать с изображениями и фотографиями. Она посвящена вопросам
восстановления исторических фотографий, а также корректировки тех снимков,
которые получились не совсем удачно. Книга содержит много примеров.
Еще одна книга К.
Айсманн «Маски и композиция в Photoshop» содержит материалы о масках и
композициях в графическом редакторе Adobe Photoshop. В учебнике содержатся
основные приемы создания масок и композитных изображений.
Книга Д.Маргулиса
«Photoshop для профессионалов. Классическое руководство по цветокоррекции»
адресована дизайнерам, фотографам, а также всем тем, кто занимается допечатной
подготовкой и компьютерной графикой. В учебнике рассматриваются наиболее мощные
и действенные средства улучшения цифровых изображений, также в книге содержится
очень много практических советов, а также описание новых эффективных методик.
Книга Е.В.Волковой
«Photoshop CS2. Художественные приемы и профессиональные хитрости» посвящена
популярной программе компьютерной графики Adobe Photoshop версии CS2. В
учебнике достаточно подробно описываются интерфейс программы, ее особенности и
возможности. Для наибольшей наглядности, в книге приводится огромное количество
практических примеров, а также заданий для самостоятельной работы.
В книге
Э.В.Карасевой и И.Н. Чумаченко «Рисование в Photoshop CS» рассмотрены различные
инструменты, а также приемы рисования в графическом редакторе Adobe Photoshop
CS. В данном пакете доступны различные возможности рисования, которые сделают
работу намного приятнее, а также откроют безграничные творческие перспективы, о
которых вы и не подозревали раньше. Вы сможете нарисовать любую фигуру,
оформить ее заливку и контур. Книга рассчитана на пользователей с базовым
уровнем знаний.
В учебнике М.В.
Бурлакова «Путеводитель по Adobe Photoshop CS2» представлено подробное описание
интерфейса популярной графической программы Adobe Photoshop CS2, которая
предназначена для обработки растровых изображений. Рассмотрены такие функции,
как создание и обработка изображений, работа с объектами, применение различных
эффектов.
В книге Клосковски
М. «Высший пилотаж в Photoshop CS2» известный специалист в области компьютерной
графики и дизайна, знакомит читателя с наиболее популярными стилями и
техническими приемами из арсенала современного дизайнера-профессионала. Как
создать в Photoshop фотореалистичную картинку из ничего, как стилизовать
иллюстрацию под ретро, на что обратить внимание, работая над контурными или
силуэтными рисунками, − вот лишь немногие из затрагиваемых в книге вопросов.
Более двух десятков упражнений с пошаговыми инструкциями
будут весьма полезны не только начинающему дизайнеру, но и профессионалу со
стажем. «Чайник» сможет изрядно пополнить портфолио качественно новыми и
разноплановыми работами, а старый опытный «зубр» найдет немало советов, которые
помогут ему что-то делать быстрее, а кое-что − на более высоком уровне. Издание
предназначено для широкого круга читателей с различным уровнем подготовки.
Можно еще очень
долго перечислять руководства и путеводители, посвященные графическому
редактору Adobe Photoshop, их огромное количество.
Отдельно следует
отметить «Официальный учебный курс Adobe Photoshop CS» на СD диске,
разработанный экспертами Adobe (Вот адрес, где
можно познакомиться с курсом, пройдя
регистрацию http://www.twirpx.com/file/189779/). В нем в форме
видео уроков представлены следующие темы:
Знакомство с рабочей областью.
Использование файлового
браузера.
Основы фотокоррекции.
Работа с выделениями.
Основы работы со слоями.
Маски и каналы.
Ретуширование и восстановление.
Рисование и редактирование.
Основные приемы работы
инструментом Реn (Перо).
Векторные маски, пути и фигуры.
Дополнительные приемы работы со
слоями.
Создание специальных эффектов.
Подготовка изображений к
двухцветной печати.
Позиционирование объектов слоев
в ImageReady.
Создание ссылок внутри
изображения.
Оптимизация
Web-изображений. Создание ролловеров для Web.
Создание CIF-анимаиий для Web.
Настройка монитора для
управления цветом.
Создание и печать согласованным
цветом.
Работа с Version Cue.
Таким образом,
литературы о графическом редакторе Adobe Photoshop существует огромное
множество, как на английском языке, так и на русском, в рамках выпускной
квалификационной работы мы вынуждены были ограничиться рассмотрением лишь
малой части, которая ориентирована как на начинающего пользователя, так на
опытного и даже профессионального дизайнера.
Основным сайтом
проекта GIMP является www.gimp.org, откуда можно скачать актуальные версии
пакета для различных операционных систем.
На сайте
docs.gimp.org размещена оригинальная («официальная») документация по пакету −
«Руководство пользователя GIMP», созданная самими разработчиками. Эта
документация доступна на разных языках, в том числе и на русском, а в случае
неясностей всегда можно использовать оригинальный английский вариант.
Несколько статей,
касающихся решения отдельных задач при работе в GIMP, имеется на сайте
www.linuxgraphics.ru, а на сайте www.progimp.ru собрана большая коллекция
материалов, в том числе уроки и галерея примеров произведений, созданных с
помощью GIMP.
Следует также
упомянуть пакет программ «Свободный офис», издаваемых компанией «Альт Линукс»,
в документацию к которому включена брошюра Анатолия Якушина «The GIMP.
Редактирование изображений».
В нескольких
номерах журнала LinuxFormat (LXF) публиковался переводной «Учебник GIMP» (LXF
1(7о)/2005, стр. 78-81; LXF 2(71)/2005, стр. 80-83; LXF 3(72)/2005, стр. 84-87;
LXF 4(73)/2005, стр. 64-67; LXF 2(76)/2006, стр. 78-85; LXF 3(77)/2006, стр.
72-75; LXF 4(78)/2006, стр. 80-83), а обзор особенностей вер сии GIMP 2.4 и
нововведений в GIMP 2.6 можно найти в LinuxFormat 4(91)/2007, стр. 48−54.
Отдельные
уроки по работе в GIMP представлены на сайте
http://gimpmania.ru/
Первым отдельным
печатным изданием про GIMP на русском языке является книга Ивана Хахаева
Свободный графический редактор GIMP: первые шаги / И. А. Хахаев − ДМК-пресс, 2009. − 232 с. Книгу
можно скачать по адресу: http://www.altlinux.org/Books:Gimp Книга не является
переводом оригинального «Руководства пользователя» и не является полным и все
охватывающим учебником. В ней рассмотрены примеры задач, с которыми приходилось
сталкиваться автору книги или которые были ему интересны.
В примерах
использованы фотографии и изображения, созданные автором, за исключением двух
специально оговорённых случаев.
Все материалы были
подготовлены в операционной системе Linux (ALT Linux Desktop 4.0) в графической
среде KDE с использованием пакетов GIMP, KSnapshot и OpenOffice.org.
Указанная книга
распространяется на условиях GNU Free Documentation License (FDL) версий 1.1 и
более поздних. Каждый имеет право воспроизводить и распространять данный текст
любыми путями со ссылкой на автора. Замечания и пожелания можно направлять на
адрес books@altlinux.org.
Автор указанной
книги и редакция надеются, что книга послужит для кого-нибудь основой для
создания более полного и систематизированного руководства по работе с цифровыми
изображениями с использованием свободного программного обеспечения.
Итак, графические
редакторы Adobe Photoshop и GIMP обладают рядом несомненных достоинств. Однако
для профессиональной работы все-таки предпочтительней Adobe Photoshop в силу
того, что коммерческий вариант программы больше ориентирован на конечного
пользователя, между тем к недостатку этого редактора относится его дороговизна.
GIMP же привлекает своей бесплатностью, открытым кодом – возможностью доработки
этого графического редактора всеми заинтересованными программистами, имеющими
возможность принять участие в проекте GIMP.
Следует признать,
что сравнение указанных графических редакторов носит схоластический характер:
это все равно, что сравнивать коммерческую OS Windows и открытую OS Linux.
Литературы о
графическом редакторе Adobe Photoshop существует огромное множество, как на
английском языке, так и на русском, в рамках выпускной квалификационной работы
мы вынуждены были ограничиться рассмотрением лишь малой части, которая
ориентирована как на начинающего пользователя, так на опытного и даже
профессионального дизайнера. Что же касается литературы, посвященной
графическому редактору GIMP, то она рассмотрена вся, ее крайне мало, что
обусловлено, по-видимому, новизной графического редактора GIMP.
1.3. Создание компьютерной графики в облачных технологиях
Портал для
работы с графикой Aviary. Сегодня благодаря широкому развитию и внедрению
облачных интернет технологий не нужно покупать много дорого стоящих программ,
если хочется работать с изображениями или накладывать эффекты. Можно
попробовать воспользоваться сервисом, где все это есть, что и осуществляется с
помощью облачных технологий. Более того, использование готовых шаблонов для
работы с графикой и готовых модулей позволяет решать любые задачи по обработке
изображений, созданию и разработке графических объектов даже человеку не
искушенному и не имеющему опыт работы с графическими программами.
Существует
достаточно много программ для решения узкого круга задач. Например, Paint,
Adobe Photoshop, чтобы рисовать; Corel Draw – векторный редактор, Autodesk 3-D
MAX – программа для создания трехмерных графических объектов, Snagit 9 для
снятия скриншотов с экрана монитора компьютера и др. Недостаток всех этих
программ напрямую вытекает из их достоинств – они слишком сложны для
неискушенного пользователя, плюс ко всему стоят весьма дорого, кроме того
требуют обучающих приложений, опять-таки не бесплатных.
Однако если вы не
профессиональный веб-дизайнер или разработчик графики, то вам может
потребоваться лишь какая-то часть возможностей этих программ. В таком случае
нет необходимости покупать программу Photoshop за 1000 долларов для работы
только с «волшебной палочкой» и слоями. Тогда есть два пути: первый из них
заключается в поиске бесплатных или менее дорого стоящих аналогов (что часто
бывает непросто), а второй – воспользоваться программой или сервисом, которые
дают все это
«в одном флаконе». Именно таким
сервисом является, например, английский www.aviary.com.
Aviary – это
портал, на котором реализованы относительно простые графические редакторы (их
несколько), многодорожечный звуковой редактор для работы с лупами, расширение
Firefox и Chrome для снятия скриншотов с веб-страниц, редакторы цвета и
спецэффектов. Все модули сделаны на Flash, открываются в новом окне браузера и
– что можно записать в плюс – не дают его случайно закрыть без подтверждения.
Основное, на что
ориентирован Aviary, – это работа с графикой. Растровый редактор представляет
из себя серьезно улучшенную версию Paint с крупинками Photoshop – например, вы
можете добавлять эффекты и слои, пользоваться фильтрами, той же «волшебной
палочкой», настраивать инструменты вроде кисти и т.д. Поддерживаются форматы
файлов JPG, PNG и GIF.
Векторный можно
назвать подобием Corel Draw, и отдельные модули – работа с цветовой
составляющей изображения, наложение фильтров и эффектов. Использовать все эти
программы, безусловно, стоит в том случае, если хочется сделать больше, чем
предоставляет возможности программа Paint, интегрированная в операционную
систему Windows от компании Microsoft. Они реализованы вполне грамотно и
позволяют работать со многими основными инструментами обработки графики.
Звуковой редактор
у сервиса многодорожечный. Он красивый, но достаточно простой – по возможностям
его можно сравнить с урезанной версией продукта Sony ACID Music Studio (которая
сама по себе является упрощенной версией ACID Pro). Помимо загрузки своих
сэмплов, вы можете пользоваться теми, что предоставляет сайт. В их числе есть
как одиночные сэмплы, так и лупы достаточно высокого качества.
Помимо своих
основных возможностей, Aviary предлагает и «сопутствующие товары» – можно
общаться в группах, выкладывать свои творения и смотреть на чужие, заводить
себе друзей на сайте. Несомненный плюс указанного портала – наличие большого
числа самодельных учебников (около ста штук), преимущественно по обработке
графики, для разного уровня пользователей – от начинающих до профессионалов.
Кроме этого, сам сайт имеет инструкции по использованию всех своих основных
инструментов, достаточно подробный раздел FAQ (наиболее часто задаваемые
вопросы) и свой блог, а встроенный переводчик в браузер Mozilla Firefox делает
понятными и доступными все пошаговые инструкции, предлагаемые пользователям для
решения стоящих перед ними задач.
Еще одно важное и
весьма полезное в портале айвори – это то, что все объяснения по работе с
графикой даются в виде видеофильмов, содержащих подробные объяснения, пошаговые
инструкции, сопровождаемые видеорядом, то есть ориентация в видеофильмах
делается на такое объяснение материала, которое будет понятно любому, не
имеющему базовых знаний в области работы с графическими объектами.
Таким образом,
Aviary – лидер в веб-программном обеспечении для редактирования изображений.
Графические возможности айвори включают 4 опции: графический редактор (Image
Editor), создатель скринов (Screen Capture), векторный редактор (Vector Editor)
и создатель эффектов (Effects Editor), ну и 4 опции по работе с музыкальными
файлами. Смотри рисунок 7. Рисунок 7. Общий вид графического редактора в
веб-браузере
Графический
редактор Aviary имеет слои, маски, эффекты, может сохранять историю работы с
изображениями и множество других полезных возможностей.
С набором онлайн
творческих приложений и мощный API, сервис предлагает простое и бесплатное
решение для создания, редактирования и распространения изображений.
Бесплатно и без
регистрации каждый пользователь может воспользоваться следующими инструментами
для редактирования своих изображений: резкость, отбеливание, поворот,
зеркальное отражение, изменение размера, обрезка, эффект красных глаз, пятна,
цвета, насыщенность, размытие, яркость, контрастность, рисунок, текст,
наклейки.
Другие порталы
для работы с графикой. Например, широко известный сайт ScannerKiller
предлагает бесплатно воспользоваться технологией 3D-сканирования онлайн. Для
того чтобы получить готовую модель в формате OBJ в комплекте с UV, нужно будет
проделать небольшую подготовительную работу. Рабочий процесс разделен на четыре
этапа: пользователю нужно будет зарегистрироваться на сайте, скачать обучающего
«Мастера», затем, следуя его указаниям, сделать парные снимки и загрузить на
сайт.
Компания Autodesk,
автор широко известной серии программ для создания трехмерных изображений,
открыла доступ к очередной версии онлайн-сервиса Project Photofly. Сервис
создан на основе «облачной» технологии, позволяющей пользователям создавать
3D-модели из фотографий. Project Photofly использует для калибровки
автоматический движок под названием Camera Factory, доступный как онлайн-сервис
через программу-клиент Photo Scene Editor.
Пользователь
запускает Photo Scene Editor, подключается к Camera Factory и затем использует
любую программу Autodesk для 3Dмоделирования (например, AutoCAD, Revit или
Inventor), чтобы получить данные в формате DWG. В новой версии добавлена
возможность экспорта в формат FBX (поверхности, камеры, пользовательская
геометрия). Также внесены изменения при управлении прокси. Кроме этого,
улучшена работа со вспомогательными данными EXIF, оптимизирована загрузка
данных пользователями в Autodesk Cloud. Теперь веб-приложение корректно
работает с именами, содержащими не-ascii символы.
Поработать с этим сервисом можно здесь:
http://labs.autodesk.com/technologies/photofly/ и здесь:
http://www.123dapp.com/catch
Правда следует
отметить, что компания Autodesk имеет свой собственный сайт для студентов и
учащихся, на котором любой желающий, пройдя регистрацию, может по своему выбору
скачать совершенно бесплатно любую программу из линейки программ компании
Autodesk и использовать их для удовлетворения личных потребностей. При этом не
нужно смешивать удовлетворение личных потребностей с коммерческим
использованием указанных программ, что категорически запрещено, и тем более
распространять или реализовывать эти программы так же нельзя. Нарушение
указанного запрета может повлечь наказание в виде административной или
уголовной ответственности в зависимости от предприимчивости и размаха
деятельности незаконной деятельности студента.
Вот
адрес этого передового сайта http://students.autodesk.com/?nd=russia
Став участником
Образовательного Сообщества Autodesk, можно получать бесплатный доступ к
последним версиям более 35 продуктов Autodesk: 3DsMax, AutoCAD, Inventor,
Alias, Maya и многим другим с целью персонального использования в
некоммерческих целях. Это программное обеспечение:
Легально
Без вирусов
Последняя версия с оригинальным
переводом Без ограничений по функционалу.
Образовательное
Сообщество также предлагает ресурсы и инструменты для совершенствования навыков
обращения с программами: электронные учебные материалы, возможность
обмениваться проектами и многое другое. Нужно лишь присоединиться к миллионам
студентов и преподавателей со всего мира, которые уже являются участниками
Образовательного Сообщества, и можно скачивать бесплатные полнофункциональные
версии продуктов Autodesk.
По несколько иному
пути пошли разработчика сайта http://hameleons.com/index.php. Здесь можно найти
готовые PSD исходники и для работы в фотошопе, и готовые растровые клипарты,
векторные и 3-D графические объекты, которые можно использовать для различных
целей: создания календарей, слайдов, фотографий и т.п.
Кроме готовых графических
клише, выбор и разнообразие которых способно удовлетворить самый взыскательный
вкус, на сайте хамелеон представлены уроки по работе в 3-D MAX. Например, урок
по 3-D MAX моделирование романтичной спальни, создание световых эффектов,
создание эффекта разрушения и т.д.
Заслуживает
внимание сайт http://www.voblakah.com/infa/graphic. На указанном сайте собрано
несколько онлайн редакторов графики. Есть здесь и первый в мире онлайн
редактор векторной графики. Raven от Aviary, позволяющий пользователю создавать
и редактировать векторные изображения в самом браузере.
А также редактор
Phoenix oт Aviary. От простого ретуширования изображений до сложных эффектов
можно делать в онлайн редакторе изображений Phoenix, который имеет все основные
функции настольных редакторов.
Интернет-CAD
(Computer Aided Design) система, специально разработанная для создания красивых
и сложных дизайнов помещений и участков. С момента своего запуска в 2007 году,
на Floorplanner зарегистрировалось более 3 миллионов человек, начиная от
частных лиц и до владельцев малого бизнеса в ведущих девелоперских компаний.
Простой в
использовании интерактивный инструмент для создания различных типов диаграмм.
Функциональные возможности Creately позволяют делать быстро и легко диаграммы
любой сложности самостоятельно и в команде.
Таким образом, на
сайте «В облаках» http://www.voblakah.com/infa/graphic представлено 16
сервисов, с помощью которых можно решить абсолютно любые графические задачи,
любой сложности, не имея в своем пользовании ни прикладных программ, ни навыков
работы с графикой.
На
днях состоялся запуск облачного сервиса Adobe Creative Cloud.
Если вы решите подписаться на него, то
получите последние версии Photoshop, InDesign, Illustrator, Dreamweaver,
Premiere Pro, Affect Effects и других программ.
Итак, среди
преимуществ облачных технологий при работе с графикой можно отметить отсутствие
необходимости приобретать дорогой графический редактор, как в случае с Аdоbe
Photoshop, или отсутствие необходимости закачивать и размещать графический
редактор на жестком диске, как в случае с Gimp, а после установки долгое время
ломать голову над тем, как работает редактор либо всякий раз обращаться за
справкой в интернет. Графические редакторы, представленные в облачных
технологиях, не имеют указанных недостатков, просты в использовании, имеют
готовые шаблоны, максимально упрощающие работу пользователя, не имеющего
большого опыта работы с графикой, доступные пошаговые инструкции.
2. Методика преподавания
компьютерной графики
2.1. Особенности графических онлайн редакторов
Благодаря
динамичному развитию облачных технологий на сегодняшний день насчитывается
более 40 сайтов, на которых размещены графические редакторы, работающие онлайн.
Есть среди них редакторы, ориентированные на обработку только растровых
изображений или только векторных, есть редакторы универсальные, обрабатывающие
и растровые, и векторные, и 3 D изображения, и позволяющие создавать анимацию.
Есть сайты, ориентированные на разный возраст и уровень владения
редактированием.
Среди этих сайтов можно отметить:
Picnik. Наиболее популярный сайт. Имеет красивый
и вместе с тем вполне понятный интерфейс, обладает возможностью интеграции с
другими функциями Web2.0. Здесь можно загружать изображения с Flickr, Picasa
Web Albums, Facebook, Photobucket. Очень удобное управление: если вы даже
ничего не знаете о редактировании, вы запросто сможете пользоваться Picnik.
Splashup. Ранее известный как Fauxto. Имеет интерфейс
настольного приложения − любой пользователь Photoshop будет чувствовать себя
«как дома». Можно загружать изображения с Интернета, компьютера и вебкамеры,
имеет функцию «Слои», как Gimp, Photoshop.
Snipshot. Не основан на флэш-редакторе. Качает
фото из сети, фоторесурсов и компьютера, сохраняет фото в различных форматах:
JPG, PNG, TIF, BMP, PDF, Photoshop PSD.
Pixenate. Сайт имеет удобный интерфейс. Можно
редактировать фото
из сети, из компьютера, а также сохранять их в своем
фотоальбоме на Flickr.
Picture2life. Сайт очень полезен для
начинающих: интерфейс организован таким образом, что меню носит описательный
характер, а изменения, которые вы захотите внести, вы видите сразу.
LunaPic. Отличительная особенность
этого ресурса − возможность
редактирования анимированных изображений в формате GIF.
FotoFlexer. Один из самых мощных онлайн-редакторов.
Adobe Photoshop Express. Кроме функций
редактирования фото, также имеет функции управления картинками и их хранения −
предоставляет в личное распоряжение 2 ГБ.
Aviary. Сайт имеет четыре онлайн-инструмента,
один из которых − Phoenix − содержит огромное количество видео-инструкций и
фотопримеров возможностей редактирования.
Pixlr. Сайт, как
и онлайн PhotoShop, представляет собой
интерактивный фоторедактор, позволяющий
редактировать фото или любое другое изображение прямо в интернете, без
скачивания и установки какихлибо программ на своем компьютере. Находясь
непосредственно на этом сайте, вы можете загрузить и обработать фотографию:
изменить размер и обрезать фото, склеить фотографии, добавить надпись,
скорректировать яркость и контрастность и многое другое.ое
Picasa 2. Бесплатное приложение
от Google, для редактирования цифровых фото и графики. Все базовые функции,
регулировка цвета, корректировка красных глаз, кадрирование, слайд-шоу,
оптимизация под электронную почту и печать (уменьшение размера файла, создание
макетов страниц).
TwistedBrush Open Studio. На сайте имеются
более чем 5000 кистей, а также: слои, фильтры, текстуры, палитры и мн. др.
Незаменимый редактор для ретуши, рисования, составления фото-композиций,
создания изображений в стиле живописи, манга, 3D и т. д.
Pixen 3. Инновационный
графический редактор, созданный для
пиксельной графики. Идеален для анимации.
Tux Paint. Графический редактор
для детей от 3 до 12 лет.
Tile Studio. http://tilestudio.sourceforge.net/ Редактор для рисования игровых сцен из фрагментов. Карты,
палитры и т. п. для использования проектов игр и анимации.
Среди указанных
сайтов следует особо выделить сайт http://pixlr.com/editor/, по той причине,
что сайт этот не требует знания английского языка, и вся информация и
объяснения даются на русском языке.
Интерфейс
графического редактора pixlr
Он позволяет
создавать и редактировать изображения, накладывать эффекты и применять фильтры,
полностью поддерживает работу со слоями.
Этот онлайн
редактор может быть перенесен на собственный веб сайт или веб страницу, что
несомненно может повысить привлекательность и посещаемость веб сайта и веб
страницы.
И сайт
http://joomlalessons.ru/graficheskiy-redaktor-online/graficheskiy-
redaktor-online.html, имеющий
графический редактор SUMO с русскоязычным интерефейсом.
Интерфейс
графического редактора sumo
С указанного сайта
графический редактор также можно перенести и разместить на своем собственном
веб сайте или веб странице.
Итак, все
графические онлайн редакторы различаются спектром предоставляемых опций и набором
предоставляемых возможностей для редактирования, ориентацией на разный возраст
и уровень подготовленности пользователей, но все они имеют одно общее –
возможность легкого использования без предварительного ознакомления с
руководством. Все перечисленные сайты имеют одинаковый алгоритм работы, поэтому
любой, кто хоть раз работал в Paint, Photoshop или Gimp легко сможет выполнить
любые задачи, связанные с редактированием графических объектов, используя
указанные онлайн редакторы.
2.2. Элективный курс. Графический онлайн редактор Pixlr
Цель курса:
знакомство с принципами работы графического редактора pixlr и формирование
навыков работы с графикой.
Оборудование для
занятий: персональный компьютер или ноутбук, подключение к интернет, наличие
установленного флешплейера
(желательно).
Для начала
занятий нам потребуется подключиться и выйти в интернет, а в строке интернет
браузера необходимо набрать адрес сайта http://pixlr.com/editor/
Интерфейс онлайн редактора Pixlr будет иметь
следующий вид:
Cтартовое
окно
Рассмотрим
интерфейс графического редактора более подробно.
Вверху интерфейса
расположена панель функций, содержащая широкий перечень различных опций: файл,
редактирование, изображение, слои, коррекция, фильтр, просмотры, язык, справка.
В левой части
интерфейса графического онлайн редактора pixlr расположена панель инструментов
(Рис 1), как и в графическом редакторе Photoshop и Gimp, справа плавающие окна:
«Навигатор», «Слои» и «Журнал»
(Рис.3). В самом центре расположена панель Редактор
(Рис.2).
Рисунок. 1. Рисунок
2. Рисунок 3
Редактор позволяет
сохранять изображения в разных форматах (jpeg, png, bmp, tiff и во внутреннем
формате pxd). Сохранение возможно либо на собственный компьютер, либо в онлайн
библиотеку Pixlr Library, либо в популярные социальные сети и сервисы: Imm.io,
Facebook, Flickr или Picasa от Google SketchBook Pro без потери информации о
слоях.
Кстати, файлы форматов PXD можно открывать и редактировать в
В панели редактора нам предлагается: создать новый рисунок;
загрузить
изображение с компьютера; открыть URL изображения;
открыть
изображение из библиотеки.
У нас на рабочем
столе компьютера имеется фото площади В.И.Ленина с театром им. Шкетана. на
заднем плане, поэтому мы нажимаем «загрузить изображение с компьютера»,
указывая в открывшемся окне место, где хранится это фото: Рабочий стол. Папка
фото.
Фотография
благополучно загружена в браузер графического онлайн редактора и выглядит
следующим образом (Смотри на фото ниже).
Подведя мышью
курсор к фотографии, мы можем объекты, расположенные на фото, в нашем случае
это театр им. Шкетана как увеличить, крутя колесико мыши назад, так и
уменьшить, крутя колесико мыши вперед.
инструментов, мы можем обрезать
фотографию, сохранив измененный вариант. Для этого необходимо щелкнуть левой
кнопкой мыши по указанной кнопке, а затем выделить границы фотографии, которые
мы намерены обрезать, у нас получилось следующее:
Как видно на фото
мы вырезали здание театра из панорамной фотографии площади им. В.И. Ленина.
С помощью
инструмента лассо мы можем выделить контуры необходимого нам
объекта, так как объект, как правило, имеет неровные очертания, после выделения
контуры необходимо соединить.
Есть в панели
инструментов средства рисования: карандаш, кисть,
ведерко-заливка, ластик, с помощью которых мы можем нарисовать на фотографии
любой рисунок, надпись, либо что-то в фотографии закрасить, разрисовать.
Есть в панели
инструмент удаления красных глаз на фотографии , есть лупа ,
позволяющая увеличь отдельный участок фотографии для работы с ним.
Следует
остановиться на предназначении плавающего окошка журнал.
В нем фиксируются
абсолютно все этапы работы с фотографией, что позволяет, обратившись к записям
в журнале, вернуться к состоянию фотографии до внесения в нее каких-либо
изменений на разных этапах, если в этом вдруг возникнет необходимость.
Благодаря журналу не нужно начинать работу над фотографией сначала, если
произошла какая-либо ошибка в работе, можно начать с момента допущения ошибки,
то есть вернуться назад. Вернуться назад возможно и с помощью кнопки
«редактировать» в верхней панели интерфейса
графического редактора.
2.3. Опытно-экспериментальная
апробация элективного курса по теме "Основы обработки изображений в Pixlr
Editor ".
Опытно-экспериментальная апробация
осуществлялось на базе МОУ «Средняя общеобразовательная школа №3 г.
Йошкар-Олы»Данное исследование направленно на углубление знаний и интереса
компьютерной графики. Данный курс способствует развитию познавательной
активности учащихся; творческого и операционного мышления; повышению интереса к
информационным технологиям, а самое главное, профориентации в мире профессий,
связанных с использованием знаний этих технологий.
В контрольной 1-ой подгруппе обучающихся 10 «б»
класса (13 человек) проводились уроки
Информатики. А в экспериментальной 2-ой подгруппе (12 человек) проводился
элективный курс.
Для того чтобы определить уровень знаний и
интерес школьников, мы применяли
непараметрический критерий Вилкоксона для независимых выборок.
Опытно-экспериментальное исследование состояло
из трех этапов.
1
этап – Констатирующее исследование Цели:
1)
показать, что выбранные группы испытуемых
можно использовать в качестве
экспериментальной и контрольной групп в проводимом эксперименте;
2)
определение исходного уровня интереса
выбранных
групп обучающихся, для подтверждения актуальности
исследования;
3)
определение исходного уровня знаний в
экспериментальной группе.
2
этап – Формирующее исследование
Цель – Разработать и провести в экспериментальной
группе элективный курс, направленный на углубление знаний. 3
этап – Контрольное исследование Цели:
1)
проверка эффективности применения
элективного курса;
2)
определение итогового уровня интереса в
контрольной и экспериментальной группе;
3)
определение итогового уровня знаний в
экспериментальной группе;
4)
провести анализ полученных результатов.
Нами была разработана анкета (Приложение 1) на
интерес учащихся для контрольной и экспериментальной
группы.
Цель анкетирования: определить исходный уровень
интереса выбранных групп обучающихся.
Показатели по каждому критерию оценивали по
трехбалльной шкале равный номеру ответа.
Оценка
уровня интереса:
Низкий
уровень интереса – 10-16;
Средний
уровень интереса – 17-22; Высокий уровень интереса – 23-30.
Мы просуммировали полученные баллы каждого
ученика по всем критериям и вычислили
средний балл. Результаты обследования занесены в таблицы 7 и таблицы , и
отражены в диаграммах.
Таблица 7,- Уровень интереса в экспериментальной
группе
№
учен ика
|
|
|
|
|
Вопросы
|
|
|
|
|
∑
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
9
|
10
|
|
|
|
|
|
|
|
|
|
|
|
|
Т
аблица 8,- Уровень интереса в контрольной
группе
№
учен ика
|
|
|
|
|
Вопросы
|
|
|
|
|
∑
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
9
|
10
|
1
|
2
|
2
|
3
|
2
|
2
|
2
|
2
|
2
|
3
|
3
|
23
|
2
|
2
|
1
|
2
|
2
|
1
|
2
|
1
|
2
|
2
|
2
|
16
|
3
|
1
|
1
|
1
|
1
|
1
|
2
|
2
|
1
|
1
|
1
|
12
|
4
|
1
|
1
|
1
|
2
|
1
|
1
|
1
|
1
|
1
|
1
|
11
|
5
|
2
|
2
|
3
|
2
|
2
|
3
|
2
|
2
|
3
|
3
|
22
|
6
|
2
|
2
|
2
|
3
|
1
|
1
|
2
|
2
|
2
|
2
|
19
|
7
|
1
|
1
|
1
|
2
|
1
|
2
|
1
|
2
|
2
|
1
|
21
|
8
|
1
|
1
|
2
|
2
|
1
|
2
|
2
|
1
|
1
|
2
|
14
|
9
|
1
|
1
|
2
|
2
|
1
|
1
|
1
|
1
|
1
|
1
|
12
|
10
|
2
|
1
|
2
|
3
|
1
|
3
|
2
|
2
|
3
|
1
|
20
|
11
|
2
|
2
|
2
|
3
|
2
|
3
|
2
|
1
|
2
|
2
|
21
|
12
|
2
|
1
|
1
|
2
|
1
|
1
|
1
|
1
|
1
|
1
|
12
|
13
|
2
|
2
|
1
|
1
|
1
|
1
|
2
|
2
|
1
|
2
|
15
|
Уровень интереса в контрольной группе
низкий уровень интереса среднии уровень
интереса высокий уровень интереса
|
Распределим
полученные баллы по интервалам. Полученные интервалы будем принимать как уровни
интереса учащихся в виде таблицы 9 и гистограммы.
Экспериментальная группа
Контрольная группа
|
Таблица 9,- Распределение уровни интереса по
интервалам
интереса интереса интереса
При сравнении
результатов, полученных в экспериментальных группах и контрольных группах на
констатирующем этапе эксперимента применяется непараметрический критерий
Вилкоксона для независимых выборок. Применение такого критерия основано на
единственном предположении: выборки получены из однотипных непрерывных
распределений, при этом вид распределений x и y никак не оговаривается.
Ранговые критерии могут применяться к данным, выраженным в шкале порядка или в
шкале наименований.
Проверяется
гипотезу H0: Уровень интереса школьников в экспериментальной и
контрольной группах на констатирующем этапе различается статистически
незначимо.
При альтернативе:
H1: Уровень интересов школьников в экспериментальной и контрольной
группах на констатирующем этапе различается статистически значимо.
Обозначим
экспериментальную выборку за X, nx = 12, контрольную за Y, ny=13.
Проверим выдвинутую гипотезу:
1.
Объединим выборки в одну. Объему выборки будет n= nx+
ny=25. Расставим значения объединенной выборки в порядке
возрастания и отметим данные, относящиеся ко второй выборке.
2.
Найдем ранги объединенной выборки, отмечая ранги, относящиеся ко
второй выборке.
Таблица 10,-
Объединенные ранги
№ п/п
|
XY
|
R
|
1
|
11
|
2
|
2
|
11
|
2
|
3
|
11
|
2
|
4
|
12
|
5,5
|
5
|
12
|
5,5
|
6
|
12
|
5,5
|
7
|
12
|
5,5
|
8
|
13
|
8,5
|
9
|
13
|
8,5
|
10
|
14
|
10,5
|
11
|
14
|
10,5
|
12
|
15
|
12
|
13
|
16
|
13
|
14
|
17
|
14
|
15
|
19
|
15,5
|
16
|
19
|
15,5
|
17
|
20
|
18
|
18
|
20
|
18
|
19
|
20
|
18
|
20
|
21
|
20,5
|
21
|
21
|
20,5
|
22
|
22
|
22,5
|
23
|
22
|
22,5
|
24
|
23
|
24,5
|
25
|
23
|
24,5
|
3.
Находим суммы рангов первой и второй выборок.
∑Rx = 149,5
∑Ry = 175,5
4.
Выбираем меньшую из рангов и принимаем ее в качестве критерия W.
W=Rx=149.5
Результаты вычислений представлены в таблице 11.
Таблица 11,- Результат
вычислений
R (X)
|
149,5
|
R (Y)
|
175,5
|
W
|
149,5
|
5.
Нулевая гипотеза говорит о различии выборочных значений в
экспериментальной и контрольной группах на констатирующем этапе эксперимента,
значит, применяется двусторонний критерий Вилкоксона для независимых выборок.
В
качестве W принимаем значение меньшей суммы рангов. Находим значение u
– критерия по указанным выше формулам, так как объемы выборок больше 10. Далее
находим значение , в нашем случае
0.206, и
сравниваем его с критическим значением , взятым из
таблицы для уровня значимости 0,05: 1.13.
Получили, что
0,206 < 1,13, то есть , значит нулевая
гипотеза принимается, то есть уровень интереса школьников в экспериментальной и
контрольной группах на констатирующем этапе различается статистически
незначимо.
После проведения
элективного курса «Графический онлайн редактор Pixlr Editor», направленный на
углубление знаний, представленный в (Приложение 3), мы снова проверили
диагностику уровня интереса по ранее представленной методике.
Проведем
сравнительный анализ уровня интереса в экспериментальной и контрольной группах.
Результаты представим в виде таблиц и диаграмм.
Таблица 12,- Уровень
интереса после элективного курса в
Таблица 13,- Уровень интереса в контрольной
группе
Распределим полученные баллы по
интервалам. Полученные интервалы будем принимать как уровни интереса учащихся в
виде таблицы 14 и гистограммы.
Таблица 14,- Распределение уровни интереса по
интервалам
Распределение баллов по интервалам
|
Эксперименталь ная группа
Контрольная группа
|
|
интересаинтересаинтереса
Для
экспериментальной группы отмечалась значительная динамика роста уровня
интереса. Для контрольной группы также наблюдалась положительная динамика
уровня интереса.
Для оценки
значимости роста уровня интереса в экспериментальной и контрольной группе мы вновь
применили непараметрический критерий Вилкоксона для независимых выборок.
Объединили выборки
в одну, упорядочили по возрастанию, отметили данные второй выборки, нашли ранги
объединенной выборки.
Таблица 15,- Объединенные ранги
№ п/п
|
XY
|
R
|
1
|
13
|
1
|
2
|
14
|
2
|
3
|
16
|
3,5
|
4
|
16
|
3,5
|
5
|
17
|
5,5
|
6
|
17
|
5,5
|
7
|
18
|
7,5
|
8
|
18
|
7,5
|
9
|
20
|
9
|
10
|
21
|
11
|
11
|
21
|
11
|
12
|
21
|
11
|
13
|
22
|
13,5
|
14
|
22
|
13,5
|
15
|
23
|
15
|
16
|
26
|
16
|
17
|
27
|
18,5
|
18
|
27
|
18,5
|
19
|
27
|
18,5
|
20
|
27
|
18,5
|
21
|
28
|
21
|
22
|
28
|
23,5
|
23
|
28
|
23,5
|
24
|
28
|
23,5
|
25
|
28
|
23,5
|
Сумма рангов, относящихся к первой выборке ∑Rx=229,5,
ко второй выборке∑Ry=95,5. В качестве критерия W приняли Ry.
W=95,5 1.899
Получили, что
1,899 > 1,13, то есть , значит
гипотеза H1 принимается, то есть уровень интереса школьников в
экспериментальной и контрольной группах на контрольном этапе различается
статистически значимо.
Так же нами была
разработана еще одна анкета (Приложение 2) на знание учащихся для
экспериментальной группы.
Цель анкетирования:
определить исходный уровень знаний экспериментальной группы.
За каждый
правильный ответ учащийся получает - 1 балл, неправильный - 0
баллов.
Оценка уровня знаний:
Низкий уровень знаний – 0-2;
Средний уровень знаний – 3-5;
Высокий уровень знаний – 6-7.
Результаты обследования занесены в таблицу 4 и отражены
в диаграммах.
Уровень развития знаний в экспериментальной группе.
Таблица 16,- Уровень знаний в
экспериментальной группе
№
учен ика
|
|
|
|
Вопросы
|
|
|
∑
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
|
1
|
0
|
0
|
0
|
0
|
1
|
1
|
0
|
2
|
2
|
1
|
0
|
1
|
0
|
0
|
0
|
1
|
3
|
3
|
1
|
1
|
1
|
0
|
0
|
1
|
0
|
4
|
4
|
1
|
1
|
0
|
0
|
1
|
0
|
0
|
3
|
5
|
1
|
1
|
1
|
1
|
1
|
0
|
0
|
5
|
6
|
0
|
0
|
0
|
0
|
0
|
1
|
0
|
1
|
7
|
0
|
1
|
1
|
0
|
0
|
0
|
1
|
3
|
8
|
1
|
0
|
0
|
0
|
0
|
1
|
0
|
2
|
9
|
0
|
0
|
0
|
0
|
1
|
0
|
1
|
2
|
10
|
1
|
0
|
0
|
0
|
0
|
1
|
0
|
2
|
11
|
1
|
1
|
0
|
0
|
0
|
1
|
1
|
4
|
12
|
0
|
1
|
1
|
0
|
1
|
0
|
0
|
3
|
Распределим полученные баллы по
интервалам. Полученные интервалы будем принимать как уровни знаний учащихся в
виде таблицы 5 и
гистограммы.
Таблица 17,- Распределение уровни знаний по
интервалам
Уровень знаний в экспериментальной
группе
низкий уровень интереса
средний уровень интереса высокий уровень интереса
|
После проведения
элективного курса «Графический онлайн редактор Pixlr Editor», мы снова
проверили диагностику уровня знаний по ранее представленной методике.
Таблица 18,- Уровень знаний
после элективного курса в
экспериментальной группе
№
учен ика
|
|
|
|
Вопросы
|
|
|
∑
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
|
1
|
1
|
1
|
1
|
1
|
1
|
0
|
0
|
5
|
2
|
1
|
1
|
1
|
1
|
0
|
1
|
1
|
6
|
3
|
0
|
1
|
1
|
0
|
1
|
1
|
0
|
4
|
4
|
1
|
1
|
1
|
1
|
1
|
1
|
1
|
7
|
5
|
1
|
1
|
1
|
0
|
1
|
1
|
1
|
6
|
6
|
0
|
1
|
1
|
1
|
1
|
1
|
1
|
6
|
7
|
1
|
1
|
1
|
1
|
1
|
1
|
1
|
7
|
8
|
1
|
1
|
1
|
0
|
0
|
1
|
1
|
5
|
9
|
0
|
1
|
1
|
1
|
1
|
1
|
1
|
6
|
10
|
1
|
1
|
1
|
1
|
1
|
1
|
1
|
7
|
11
|
1
|
1
|
1
|
1
|
1
|
0
|
1
|
6
|
12
|
1
|
1
|
1
|
1
|
1
|
1
|
1
|
7
|
Уровень
знаний после элективного курса в экспериментальной группе
низкий уровень интереса
средний уровень интереса высокий уровень интереса
|
Распределим
полученные баллы по интервалам. Полученные интервалы будем принимать как уровни
знаний учащихся в виде таблицы 19 и
гистограммы.
Таблица 19,- Распределение уровни знаний по интервалам
Уровень знаний в экспериментальной группы
100 80
60
40
20 0
низкий
уровень интереса средний уровень высокий уровень
интереса интереса
Экспериментальная группа после элективного
курса
Экспериментальная группа до элективного курса
|
При сравнении
результатов, полученных в экспериментальных группе на констатирующем и
контрольном этапах эксперимента применяется непараметрический критерий
Вилкоксона для независимых выборок.
Обозначим
экспериментальную выборку до элективного курса за X, nx = 12, после
проведенного элективного курса за Y, ny=12.
Проверим выдвинутую гипотезу:
1.
Объединим выборки в одну. Объему выборки будет n= nx+
ny=24. Расставим значения объединенной выборки в порядке
возрастания и отметим данные, относящиеся ко второй выборке.
2.
Найдем ранги объединенной выборки, отмечая ранги, относящиеся ко
второй выборке.
Объединили выборки
в одну, упорядочили по возрастанию, отметили данные второй выборки, нашли ранги
объединенной выборки.
Таблица 20,- Объединенные ранги
№ п/п
|
XY
|
R
|
1
|
1
|
1
|
2
|
2
|
3,5
|
3
|
2
|
3,5
|
4
|
2
|
3,5
|
5
|
2
|
3,5
|
6
|
3
|
7,5
|
7
|
3
|
7,5
|
8
|
3
|
7,5
|
9
|
3
|
7,5
|
10
|
4
|
11
|
11
|
4
|
11
|
12
|
4
|
11
|
13
|
5
|
14
|
14
|
5
|
14
|
15
|
5
|
14
|
16
|
6
|
18
|
17
|
6
|
18
|
18
|
6
|
18
|
19
|
6
|
18
|
20
|
6
|
18
|
21
|
7
|
22,5
|
22
|
7
|
22,5
|
23
|
7
|
22,5
|
24
|
7
|
22,5
|
Сумма рангов,
относящихся к первой выборке ∑Rx=81, ко второй выборке∑Ry=219.
В качестве критерия W приняли Ry. W=81
7,7
Получили, что 7,7
> 1,13, то есть , значит
гипотеза H1 принимается, то есть учащиеся экспериментальной группы
по окончании элективного курса «Графический онлайн редактор Pixlr Editor» имеют
значимое превышение уровня знаний. Следует заметить, что если в начале
эксперимента у учащихся возникали трудности по работе с графическим редактором,
то по окончании курса ученики с легкостью справляются с любым заданием,
связанным с графикой.
Вывод
Проведение
занятия, целью которого было знакомство с принципами работы графического онлайн
редактора pixlr и формирование навыков работы с графикой, показало, что
учащиеся благодаря пошаговым инструкциям, сопровождаемым пояснениями ведущего
урок, практической реализацией всех полученных объяснений в самостоятельной
работе с графическим редактором, весьма успешно овладели навыками работы с
графическим редактором, могут самостоятельно обрабатывать графические объекты,
получили четкое представление об особенностях и принципах работы с растровой
графикой. На практике весьма четко усвоили принципиальные различия, которые
присущи различным видам компьютерной графики.
Кроме того, на
примере одного наиболее типичного графического онлайн редактора обучающиеся
были познакомлены с основными принципами, лежащими в основе работы всех
графических онлайн редакторов, были сформированы общие навыки работы с
графическим объектами в любой среде.
Итак, все выше
указанное свидетельствует о том, что разработанная методика обучению работе с
графическим онлайн редактором эффективна и позволяет успешно проводить
обучение.
Заключение
На основании всего
выше изложенного можно сделать следующие выводы:
1.
Компьютерная графика (также машинная графика) – область
деятельности, в которой компьютеры используются как инструмент для синтеза
(создания) изображений, так и для обработки визуальной информации, полученной
из реального мира. Также компьютерной графикой называют результат такой
деятельности.
Любое изображение
на мониторе в силу его плоскости становится растровым, так как монитор – это
матрица, он состоит из столбцов и строк. Трёхмерная графика существует лишь в
нашем воображении, так как то, что мы видим на мониторе – это проекция
трёхмерной фигуры, а уже создаём пространство мы сами. Таким образом,
визуализация графики бывает только растровая и векторная, а способ визуализации
это только растр (набор пикселей), а от количества этих пикселей зависит способ
задания изображения;
2.
Графические редакторы Adobe Photoshop и GIMP обладают рядом
несомненных достоинств. Однако для профессиональной работы все-таки
предпочтительней Adobe Photoshop в силу того, что коммерческий вариант
программы больше ориентирован на конечного пользователя, между тем к недостатку
этого редактора относится его дороговизна. GIMP же привлекает своей
бесплатностью, открытым кодом – возможностью доработки этого графического
редактора всеми заинтересованными программистами, имеющими возможность принять
участие в проекте GIMP.
Следует признать,
что сравнение указанных графических редакторов носит схоластический характер:
это все равно, что сравнивать коммерческую OS Windows и открытую OS Linux.
Литературы о графическом редакторе
Adobe Photoshop существует огромное множество, как на английском языке, так и
на русском, в рамках выпускной квалификационной работы мы вынуждены были
ограничиться рассмотрением лишь малой части, которая ориентирована как на
начинающего пользователя, так на опытного и даже профессионального дизайнера.
Что же касается литературы, посвященной графическому редактору GIMP, то она
рассмотрена вся, ее крайне мало, что обусловлено, по-видимому, новизной
графического редактора GIMP.
3.
Среди преимуществ облачных технологий при работе с графикой можно
отметить отсутствие необходимости приобретать дорогой графический редактор, как
в случае с Аdоbe Photoshop, или отсутствие необходимости закачивать и размещать
графический редактор на жестком диске, как в случае с Gimp, а после установки
долгое время ломать голову над тем, как работает редактор либо всякий раз
обращаться за справкой в интернет. Графические редакторы, представленные в
облачных технологиях, не имеют указанных недостатков, просты в использовании,
имеют готовые шаблоны, максимально упрощающие работу пользователя, не имеющего
большого опыта работы с графикой, доступные пошаговые инструкции. Все
графические онлайн редакторы различаются спектром предоставляемых опций и
набором предоставляемых возможностей для редактирования, ориентацией на разный
возраст и уровень подготовленности пользователей, но все они имеют одно общее –
возможность легкого использования без предварительного ознакомления с
руководством. Все перечисленные сайты имеют одинаковый алгоритм работы, поэтому
любой, кто хоть раз работал в Paint, Photoshop или Gimp легко сможет выполнить
любые задачи, связанные с редактированием графических объектов, используя
указанные онлайн редакторы;
4.
Проведенная экспериментальная проверка разработанной методики
преподавания темы «Методика преподавания компьютерной графики с использованием
облачный технологий» учащимся показала свою эффективность. Результатом
проведенной работы стало создание учащимися полноценных проектов и участие в
Поволжском научно- образовательном форуме школьников « Старт в науку». (Приложение
4). При проведении занятий была замечена заинтересованность учащихся.
5.
Проведение занятия, целью которого было знакомство с принципами
работы графического онлайн редактора pixlr и формирование навыков работы с
графикой, показало, что учащиеся благодаря пошаговым инструкциям,
сопровождаемым пояснениями ведущего урок, практической реализацией всех
полученных объяснений в самостоятельной работе с графическим редактором, весьма
успешно овладели навыками работы с графическим редактором, могут самостоятельно
обрабатывать графические объекты, получили четкое представление об особенностях
и принципах работы с растровой графикой. На практике весьма четко усвоили
принципиальные различия, которые присущи различным видам компьютерной графики.
Кроме того, на примере
одного наиболее типичного графического онлайн редактора обучающиеся были
познакомлены с основными принципами, лежащими в основе работы всех графических
онлайн редакторов, были сформированы общие навыки работы с графическим
объектами в любой среде.
Итак, все выше
указанное свидетельствует о том, что разработанная методика обучению работе с
графическим онлайн редактором эффективна и позволяет успешно проводить
обучение.
Список
использованной литературы
1.
Айсманн К. Маски и композиция в Photoshop / К. Айсманн. – М.:
Издательство: Вильямс, 2007. − 544 с.
2. Айсманн
К. Ретуширование и обработка изображений в Photoshop /
К.Айсман. – М.: Издательство: Вильямс, 2008. − 600
с.
3.
Бурлаков М.В.Путеводитель по Adobe Photoshop CS2 / М.В. Бурлаков.
− СПб.: БХВ − Петербург, 2005. − 688с
4.
Дедков В. Adobe Photoshop. Настольная книга мастера / В. Дедков.
– М.: Компьютер-пресс, 2001. – 224 с.
5. Волкова
Е.В. Photoshop CS2. Художественные приемы и
профессиональные хитрости / Е.В.
Волкова. − СПб.: Питер, 2006. − 252с.
6. Дейли
Л. Adobe Photoshop CS5. Библия пользователя / Л.Дейли,
Б.Дейли. − М.: Диалектика, 2011. − 685 с.
7.
Донни О'Квин. Допечатная подготовка. Руководство дизайнера /
Донни ОКвин. – М.: Вильямс, 2002. – 592 с.
8. Ефремов
А. Цифровая фотография и Photoshop. Уроки мастерства / А.
Ефремов. − СПб.: Питер, 2009.− 495с.
9. Иванов
В.П. Трехмерная компьютерная графика / В.П.Иванов,
А.С.Бастраков. – М.: Радио и Связь, 1995. – 240.
10. Легейд В. Photoshop CS2.
Настоящий самоучитель / В. Легейд. – М.:
Издательство: Корона-Принт, 206. – 527 с.
11. Леонов В. Google Docs,
Windows Live и другие облачные технологии /
В. Леонов. – М.: Эксмо, 2012. – 304 с.
12. Карасева
Э.В. Рисование в Photoshop CS / Э.В. Карасева, И.Н.Чумаченко. − М.:
Издательство: АСТ, НТ Пресс Год: 2005 − 224 c.
13. Клосковски М. Высший
пилотаж в Photoshop CS2 / М. Клосковски. −
М.: НТ Пресс, 2006. − 480 с.
14. Маргулис
Л. Photoshop для профессионалов. Классическое руководство по цветокоррекции /
Л.Маргулис. − М.: ООО «Интерсофтмарк», 2007. – 685 с.
15. Миронов
Д. Ф. CorelDRAW 12. Учебный курс / Д.Ф. Миронов. – СПб.: Издательство Питер,
2004. – 442 с.
16. Миронов
Д.Ф. Основы Photoshop CS2. Учебный курс / Д. Миронов. – Спб.: Издательство:
Питер, 206. – 384с.
17. Рейнбоу В. Компьютерная
графика. Энциклопедия / В.Рейнбоу. – СПб:
Издательский дом «Питер», 2003. – 768 с.
18. Петров М. Эффективная
работа Photoshop CS / М. Петров. − Спб.:
Издательство: Питер, 2004. −: 848 с.
19. Солоницин Ю. Photoshop CS2
и цифровая фотография / Ю. Солоницин.
− Спб.: Издательский дом «Питер», 2006. − 348 с.
20. Топорков С. Adobe Photoshop
CS / С.Топорков. − СПб.: Издательство:
БХВ-Петербург, 2005. – 384 с.
21. Топорков С. Трюки и эффекты
в Photoshop CS2 / С.Топорков. − М.:
Издательство: ДМК пресс, 2005. – 384с.
22. Эйнджел
Э. Интерактивная компьютерная графика. Вводный курс на базе / Э. Эйнджел.
Второе издание. – М.: Сп-б, Киев, Издательский Дом «Вильямс», 2001. – 320 c.
23. Фрейзер Б. Реальный мир
Camera Raw и Adobe Photoshop CS2 /
Б.Фрейзер. − М.: Вильямс, 2007. − 380 с.
24. Хатсон
Ш. Photoshop для Web-дизайна / Ш. Хатсон. – М.: КУДИЦОбраз, 2006. – 240 с.
25. Хахаев
И. А Свободный графический редактор GIMP: первые шаги / И. А. Хахаев − ДМК-пресс, 2009. − 232 с.
26. Яковлева
Е. С. 3D-графика и видео в Photoshop CS4 Extended / Е.С.Яковлева. − СПб.: БХВ-Петербург, 2010. − 450 с.
27. Kerlow
I. V. The Art of 3D Computer Animation and Effects / I. V. Kerlow.
– NY., 2004. – 451p.
28. http://advanced.aviary.com/
Aviary Tools Дата обращения: 06.06.2012 г.
29. http://www.youtube.com/watch?feature=player_embedded&v=EQimRLeY
NDI Autodesk Labs: Shaan Hurley Project Photofly 2.0 Overview v1 Дата
обращения: 06.06.2012 г.
30. http://www.sait-com.com/software/3851-zapushhen-oblachnyj-servis-adobecreative-cloud.html
Запущен облачный сервис Adobe Creative Cloud Дата обращения: 06.06.2012 г.
Приложение
1.
Анкета на выявление интереса учащихся по теме «Графический онлайн
редактор»
1.Нравится
ли тебе тема «Обработка графических изображений»?
1.
нет c
2.
не очень c
3.
да c
2.Обсуждаешь
ли ты с одноклассниками или друзьями, изученные на уроках темы по элективному
курсу?
1.
не обсуждаю c
2.
иногда c
3.
да, всегда c
3.
Пользуешься ли ты дома графическим редактором? если да, уточни каким?
1.
Я не знаю c графические
редакторы
2.
нет c
3.
да c
4.
Помогают ли тебе занятия информатики для освоения компьютера в
домашних условиях?
1.
нет c
2.
не связаны c
3.
да c
5.Получаешь
ли ты удовольствие, работая со графическими редакторами?
1.
|
нет
|
c
|
2.
|
не очень
|
c
|
3.
|
да
|
c
|
6.Считаешь
ли ты, что предмет Информатика полезен для жизни?
1.
|
нет
|
c
|
2.
|
не очень
|
c
|
3.
|
да
|
c
|
7.Можешь
ли ты справиться с заданием по предмету без помощи родителей, друзей?
1.
нет c
2.
не всегда c
3.
да c
8.На
уроке, изучая компьютерную графику, бывает интересно?
1.
нет c
2.
не очень c
3.
да c
9.Стремишься
ли ты узнать больше, чем требует учитель?
1.
нет c
2.
не всегда c
3.
да c
10.Хотел
бы ты продолжать изучать этот курс?
1. нет
|
c
|
2. не
знаю
|
c
|
3. да
|
c
|
Приложение 2. Анкета
на выявление исходного уровня знаний в экспериментальной
группе по теме «Графический онлайн редактор
Pixlr Editor»
I
Что такое растровое изображение?
1)
сетка пикселей или цветных точек на компьютерном, (например -
монитор) устройстве, бумаге и других отображающих устройствах и материалах
2)
способ представления объектов и изображений в компьютерной графике, основанный на
использовании элементарных геометрических объектов, таких как точки, линии, сплайны и многоугольники.
II
Какие графические редакторы ты знаешь?
1)Знаю: 2) Не знаю.
III
Какие форматы графических файлов ты знаешь?
1)Знаю:
2) Не
знаю. IV Какие программы используются для обработки фотографий?
1)Знаю: 2) Не знаю.
V
Что делает функция Duplicate Layer ?
1) создает дубликат слоя
2) создает слой
VI
Что делает функция Color Range?
1) цветной
диапазон
2) цветная
палитра
VII
Что делает функция Changе Layer Content ?
1) параметры
содержимого слоя
2) изменения
содержимого слоя
Приложение
3.
Элективный
курс
" Графический онлайн
редактор Pixlr Editor "
1. Пояснительная записка.
Технология обработки графической информации входит в
обязательный минимум содержания основного среднего образования по школьной
дисциплине информатика. Предлагаемый спецкурс рассчитан на проведение
элективных занятий в профильных классах с углубленным изучением информатики.
Актуальность курса продиктована реальностью времени. Умение пользоваться
промышленными информационными технологиями для большинства людей в настоящее
время стало предметом первой необходимости. Сейчас уже трудно представить сферу
деятельности человека, в которой бы не применялись информационные технологии. У
большинство обучающихся пользователей компьютеров есть увлечение - рисовать,
обрабатывать фотографии, монтаж и наложение различных эффектов на фотографии.
Для этих целей существует много графических редакторов, при помощи которых
можно творить чудеса с фотографиями и рисовать, например Photoshop, но он
платный и стоит не маленьких денег. Конечно профессионалы имеют лицензию на нее
и не пожалеют денег на ее покупку, так как это их работа и хлеб. А как быть для
любителей, простых пользователей, которые хотят отредактировать свои
фотографии. И во тут есть решение проблемы – онлайн сервис PIXLR.
При подготовке учащихся данного профиля приобретает
значимость вопрос о реализации межпредметных связей школьного курса информатики
с логикой, черчением и эстетикой.
С появлением доступных сканеров, цифровых
фотоаппаратов, Web-камер люди получили в свои руки большое количество цифровых
изображений. Это породило потребность в их обработке, восстановлении, создании
на их основе новых изображений, фотомонтажей, коллажей и т.д. Изучение
графических растровых редакторов позволяет подготовить учащихся для возможной
профессиональной деятельности в сферах рекламного дизайна, полиграфического дизайна,
веб-дизайна, дизайна интерьеров, ландшафтов, одежды, в профессиональных
фото-студиях, в салонах красоты, в редакциях журналов и газет, и во многих
других сферах.
Спецкурс “Основы обработки изображений в Pixlr
Editor ” рассчитан на профориентацию школьников – просвещение и
профадаптацию.
Направленность курса – развивающая, так как он
ориентирован на удовлетворение и поощрение любознательности учащихся.
Данный курс способствует развитию познавательной
активности учащихся; творческого и операционного мышления; повышению интереса к
информационным технологиям, а самое главное, профориентации в мире профессий,
связанных с использованием знаний этих технологий.
Цели:
• заинтересовать
учащихся, показать возможности современных программных средств в обработке
графических изображений;
•
познакомить с принципами работы растрового графического редактора
Pixlr Editor
• сформировать
понятие о безграничных возможностях использования технологий обработки
растровых изображений.
Задачи:
•
дать представление об основных возможностях редактирования и
обработки изображения в Pixlr Editor ;
• научить
создавать и редактировать растровые документы, используя набор инструментов,
имеющихся в изучаемом приложении;
•
ознакомить с основными операциями в Pixlr Editor ;
•
способствовать развитию алгоритмического мышления;
•
выполнить проекты;
• способствовать
развитию познавательного интереса к информатике; продолжить
формирование информационной культуры учащихся; профориентация
учащихся.
В результате обучения
• учащиеся
должны знать: основные понятия о формировании цифровых изображений,
цветовые модели RGB и CMYK, основные элементы интерфейса программы Pixlr
Editor, структуру инструментальной оболочки редактора, возможность работы со
слоями, текстом, наличие фильтров и технологию их применения для получения
различных эффектов над изображением;
• учащиеся
должны уметь: создавать и редактировать графические изображения, выполнять
типовые действия с объектами и документами в среде Pixlr Editor , пользоваться
основными инструментами
программы, работать с текстом,
создавать фотомонтажи и коллажи, ретушировать фотографии, применять различные
фильтры.
Программа специального курса состоит из шести
разделов:
1.
Теоретические основы цифровых изображений – 4 часа
2.
Знакомство с программой Pixlr Editor – 4 часа
3.
Основы работы со слоями, коллаж, фотомонтаж – 4 часа
4.
Основы работы с текстом – 4 часа
5.
Ретушь, восстановление старых фотографий – 4 часа
6.
Фильтры и их применение – 4 часа
В данном спецкурсе в простой и ясной форме изложены
наиболее доступные возможности сложной программы. Курс содержит уроки по
изучению графического редактора Pixlr Editor, а также большое количество
примеров и иллюстраций. Модульная структура курса позволяет изучать широкие
возможности этого редактора в зависимости от возрастных отличий школьников, их
индивидуальных способностей и количества учебных часов. Пособие может быть
полезно учителям информационных технологий, графики, ИЗО, школьникам и
студентам, изучающим Pixlr Editor.
2. Содержание программы спецкурса. Тематическое
планирование.
Элективный курс “Основы обработки изображений в
Pixlr Editor ” рассчитан на 24 часа: 5 часов – теоретических занятий, 10
часов - практических работ, и 6 часов – создание проектов и 3 часа – защита
проектов. Курсу отводится 2 часа в неделю для изучения в одном из полугодий
10-го или 11-го класса. В качестве приложения предлагается набор раздаточного
материала к некоторым практическим занятиям и варианты проектов.
Раздел
1. Теоретические основы цифровых изображений (4 ч).
Цифровое изображение. Основные понятия растровых
изображений. Цветовые модели RGB и CMYK. Яркость, насыщенность, цветовой тон.
Пиксель, видеопиксель, точка. Работа с цветом.
Учащиеся должны знать: основы формирования
цифровых изображений, понятие растровых изображений, цветовые модели RGB и
CMYK, значения терминов пиксель, видеопиксель и точка, особенности тоновой и
цветовой коррекции изображений.
Учащиеся должны уметь: различать природу
излучаемого и отраженного цвета, давать толкования таких терминов как «Растр»,
«Цветовая модель», «Тон, цвет, коррекция изображения», «Пиксель»,
«Видеопиксель», «Точка».
Раздел
2. Знакомство с программой Pixlr Editor (4 часа).
Демонстрация возможностей, элементы интерфейса Pixlr
Editor. Структура окна программы. Панели инструментов. Знакомство с палитрами.
Основы обработки изображений. Выделение фрагментов изображения. Рисование и
раскрашивание. Основные операции с документами.
Учащиеся должны знать: назначение программы
Pixlr Editor, интерфейс, инструменты, их вид, опции, приемы их использования,
основные операции с документами.
Учащиеся должны уметь: использовать различные
инструменты для создания, редактирования графических объектов, работать с
палитрой, выполнять основные действия с документами (создание, открытие,
сохранение и т.д.)
Раздел
3. Основы работы со слоями, коллаж, фотомонтаж (4 часа).
Послойная организация изображения. Понятие слоя.
Создание, выделение, изменение, удаление, связывание, объединение слоев.
Эффекты слоя. Трансформация слоя. Изменение прозрачности слоя. Редактирование
фонового слоя. Создание многослойного изображения. Фотомонтаж. Коллаж.
Учащиеся должны знать: основы обработки
изображений, понятие слоя, эффекты слоя, правила работы со слоями, принцип
создания многослойного изображения, способы создания коллажа, условия
правильного фотомонтажа.
Учащиеся должны уметь: работать с палитрой
слоев, делать необходимые настройки, соединять слои, выполнять различные
эффекты слоя, выполнять монтаж изображений, создавать сложное многослойное
изображение, коллаж.
Раздел
4. Основы работы с текстом (4 часа).
Работа с текстом в Pixlr Editor (ввод,
редактирование форматирование символов и абзацев). Преобразование текста в
фигуру. Использование различных эффектов.
Учащиеся должны знать: основные правила работы с
текстом , способы создания эффектов текста.
Учащиеся должны уметь: работать с текстом,
трафаретом, создавать необходимые настройки этих инструментов, форматировать
текст, преобразовывать текст в фигуру, применять различные эффекты,
предназначенные для текста.
Раздел
5. Ретушь, восстановление старых фотографий (4 часа).
Работа по восстановлению старых, испорченных фотографий.
Цветовая и тоновая коррекция. Устранение царапин, пятен, бликов.
Работа с инструментами восстановления: «штампом», «ластиком»,
«восстанавливающей кистью». Дорисовка, клонирование, импорт
недостающих деталей.
Учащиеся должны знать: основные принципы работы
по ретушированию, восстановлению старых и испорченных фотографий, инструменты,
которыми располагает программа для этих целей, способы устранения различных
дефектов, приемы тоновой и цветовой коррекции изображения.
Учащиеся должны уметь: улучшать яркость,
контрастность, цветовой тон и насыщенность фотографии, устранять различные
дефекты, пользоваться инструментами восстановления и ретуши.
Раздел
6. Фильтры и их применение (4 часа).
Что такое фильтр? Многообразие фильтров в Pixlr Editor.
Как работать с фильтрами? Использование фильтров при создании проекта.
Учащиеся должны знать: понятие
фильтра, классификацию фильтров, основные и наиболее популярные фильтры,
правила работы с фильтрами. Учащиеся должны уметь: применять фильтры,
комбинировать различные фильтры при создании одного проекта.
Тематическое планирование курса
№
|
Тема
|
Кол-во часов
|
I. Теоретические основы цифровых изображений (4 часа).
|
1
|
Понятие цифрового изображения. Растровые изображения.
|
1
|
2
|
Цветовые модели RGB и CMYK.
|
1
|
3
|
Яркость, насыщенность, цветовой тон.
|
1
|
4
|
Пиксель, видеопиксель, точка. Работа с цветом.
|
1
|
II. Знакомство с программой Pixlr Editor (4 часа).
|
1
|
Демонстрация возможностей, элементы
интерфейса Pixlr Editor. Структура окна программы.
|
1
|
2
|
Панели инструментов. Знакомство с палитрами.
|
1
|
3
|
Основы обработки изображений. Выделение
фрагментов изображения.
|
1
|
4
|
Рисование и раскрашивание. Основные
операции с документами.
|
1
|
III. Основы работы со слоями, коллаж, фотомонтаж (4
часа).
|
1
|
Послойная организация изображения. Понятие
слоя. Управление слоями.
|
1
|
2
|
Создание многослойного изображения.
Практическая работа по созданию фотомонтажа с собственным фото.
|
1
|
3
|
Коллаж. Работа над проектом
«Поздравительная открытка».
|
1
|
4
|
Защита проекта «Макет открытки к празднику».
|
1
|
IV. Основы работы с текстом (4 часа).
|
1
|
Работа с текстом. Ввод, редактирование
форматирование символов и абзацев. Изменение настроек текста. Преобразование
текста в фигуру.
|
1
|
2
|
Горящая и ледяная надписи. Различные эффекты.
|
1
|
3
|
Работа над проектом «Надпись камнем на камне».
|
1
|
4
|
Защита проекта «Каменная надпись».
|
1
|
V. Ретушь, восстановление старых фотографий (4 часа).
|
1
|
Основы ретуширования изображений.
|
1
|
2 Инструменты
ретуширования и восстановления. 1
|
3
|
Способы устранения различных дефектов.
|
1
|
4
|
Практическая работа по восстановлению
испорченной фотографии из семейного архива.
|
1
|
VI. Фильтры и их применение (4 часа).
|
1
|
Что такое фильтр? Многообразие фильтров в Pixlr
Editor.
|
1
|
2
|
Принципы работы с фильтрами.
|
1
|
3
|
Применение фильтров при создании проекта
«Превращение фотографии в карандашный рисунок».
Дополнительное задание: совмещение изображений
|
1
|
|
фото и рисунка в новом проекте.
|
|
4
|
Защита проекта «Карандашный рисунок из
фотографии».
|
1
|
3. Заключение.
В результате преподавания данного курса были замечены
следующие результаты: повышение творческого интереса учащихся к предмету
информатика, повышение их активности в познании нового материала, расширение
кругозора учащихся в области компьютерных технологий, развитие их воображения,
формирование умений и навыков при работе с программами подобного содержания.
Изучение данного курса также способствует повышению
мотивации обучения, совершенствованию практических навыков работы с
компьютером. Программа Pixlr Editor обладает мощным инструментарием для
обработки графической информации, который незаменим при обработке рисунков,
фотографий, сканированных изображений, позволяет ретушировать и восстанавливать
испорченные изобрашения, рисовать и создавать проекты с чистого листа. Исходя
из видимой связи с наиболее актуальной на сегодняшний день темой “Интернет,
ресурсы Интернета” выявляется целесообразность изучения данного курса, в том
числе и посредством размещения его в сети Интернет, как обеспечивающего связь
с темами, наиболее востребованными обществом.
Приложение
4
Практические занятия
Общий вид окна программы Программа
состоит из:
•
строки
меню, где расположены дополнительные настройки;
•
панели
инструментов;
•
панели
расширений, где указываются дополнительные настройки в зависимости от
выбранного инструмента;
•
окна
документа, где происходит работа с изображением;
•
навигатора,
где указано текущее местоположение в документе, что необходимее при работе с
документами большого разрешения
•
слои,
для работы со слоями документа;
•
журнал,
где указаны все действия с документом, где при необходимости можно вернуться на
предыдущий шаг;
•
палитра;
Вставить изображение для обработки можно несколькими
способами используя команды Файл -Открыть изображение или Файл – Открыть
URL-изображение. Открытие изображения в программе происходит путем загрузки на
сервер.
Для коррекции изображения можно использовать пункт Коррекция
в Строке меню.
Выделить изображение можно используя инструмент Выделение на
Панели инструментов
Кроме стандартного сохранения документа на компьютер его так
же можно сохранить в библиотеку программы, чтобы открыть в будущем с любого
компьютера, подключенного к интернету. Поделиться изображением в Facebook,
разместить на фотосервисах Flickr и
Picasa.
Для рисования изображения можно использовать инструмент
Карандаш. Для разукрашивания использовать инструмент Кисть, установив
необходимый уровень прозрачности.
Замена фона в фотографии
Для замены фона добавим в программу необходимую фотографию.
Для этого используем команду Файл – Открыть изображение.
Для замены фона необходимо дублировать слой с фото. Для этого
перетащите слой с фоном на значок создания нового слоя
На созданном слое выделите небо на фотографии, это можно
сделать, используя инструмент Выделение, Лассо или Волшебную палочку.
После выделения нажмите Delete на клавиатуре. Часть с небом
на верхнем слое удалится.
Вставьте новое изображение с небом в программу и скопируйте
его в рабочий документ.
Новый слой будет
находиться выше изображения, поэтому переместите слой с небом ниже.
В итоге должно получится скомпонованное изображение из двух
фотографий с использованием слоев.
Для работы с текстом в программе используется инструмент
Текст .
При работе с инструментом Текст открывается окно настройки,
где можно указать шрифт, цвет, размер и стиль текста.
Если текст необходимо деформировать, нужно использовать
растрирование слоя в окне Слои, щелкнув по слою с текстом правой кнопкой. Таким
образом текст будет преобразован в фигуру. После применить команду
Редактирование – Free distort и указать направление изменения.
Кроме того к слою с текстом можно применить дополнительные
эффекты, такие как свечение, тень и глянец, которые так же можно настроить.
Для восстановления старых фотографий используется несколько
этапов.
Применяя Инструмент точечной коррекции царапины, трещины и
восстановить утраченные участки.
Можно увеличить яркость и контрастность для создания четкости
Применение фильтров в программе применяется через операцию
Фильтр, с последующим выбором одного из них.
Фильтр Виньетирование создает округлое обрамление, с
возможностью настройки цвета и радиуса.
Применение фильтра Калейдоскоп создаст эффект калейдоскопа, а
настройка параметров поможет установить эффект.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.