Содержание

 

Введение...................................................................................................................3

1. Компьютерная графика.......................................................................................6

   1.1. Понятие, виды, области применения, достоинства и недостатки.............6

   1.2. Особенности графических редакторов и  руководства по

          их изучению.................................................................................................15

   1.3. Создание компьютерной графики в облачных технологиях...................27

2. Графические онлайн редакторы…………………...........................................39

   2.1. Особенности графических онлайн редакторов .......................................39

   2.2. Графический онлайн редактор Pixlr Editor………...................................46

   2.3. Результат исследования  использования графического онлайн редактора.52

Заключение.............................................................................................................55

Список использованной литературы...................................................................57

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Введение

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

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

          Степень разработанности проблемы. Компьютерной графике посвящены работа Э.Эйнджела, фундаментальное исследование В.Рейнбоу и других авторов. Особенности работы с самой сложной графикой, трехмерной, рассматривают В.П. Иванов и И. Керлоу. Практическим аспектам работы с графическим редактором Adobe Photoshop посвящены работы К. Айсманн, М.В. Бурлакова, В. Дедкова, Е.В. Волкова, Л. Дейли, А. Ефремова, Э.В.Карасева, М. Клосковски, В. Легейда, Л. Маргулиса, Д.Ф.Миронова, М. Петрова, Ю. Солоницина, С. Топоркова и многих других. Основам работы с графическим редактором Gimp посвящена работа И.А.Хахаева. При этом работ, посвященных работе с графическими онлайн редакторами, а тем более мотодике обучения работе с указанными  редакторами в средней школе мы не встречали. Данная работа призвана восполнить существующий пробел в исследованиях.

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

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

Рассматриваются следующие задачи:

1.     рассмотреть понятие компьютерной графики, виды, области применения, достоинства и недостатки;

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

3.     рассмотреть особенности графических онлайн редакторов и возможность их применения в образовательном процессе;

4.     практически доказать эффективность проведения занятий с использованием онлайн редакторов.

Экспериментальной базой исследования  результатов явилось МБОУ «Средняя школа №3 г. Йошкар-Олы», 11 класс

Организация исследования: 

1 этап – декабрь 2012г.

2 этап – январь - февраль 2013г.

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

Методы  исследования: анкетирование, наблюдение, личная беседа, сравнение.

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

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 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. Результат исследования  использования графического онлайн редактора .

 

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

 

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

 

 

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

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

 

№ ученика	Вопросы										∑
	1	2	3	4	5	6	7	8	9	10
1	2	2	3	2	2	2	2	2	2	2	21
2	3	3	3	3	3	3	3	3	3	2	29
3	3	2	3	3	3	3	2	3	3	3	28
4	2	2	3	3	3	3	3	3	3	2	27
5	3	3	3	2	2	3	3	3	2	3	27
6	3	3	3	3	3	2	3	3	3	3	29
7	2	2	3	3	3	3	2	3	3	3	27
8	3	3	3	2	2	3	2	2	3	3	26
9	2	3	3	3	3	3	3	3	3	3	29
10	2	3	3	3	3	3	2	3	3	2	27
11	2	3	3	2	2	2	2	2	2	2	22
12	3	2	3	3	3	3	3	3	3	3	29

 

 

         

 

 

 

 

 

 

 

 

 

 

 

 

 

Проведение занятия, целью которого было знакомство с принципами работы графического онлайн редактора 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 легко сможет выполнить любые задачи, связанные с редактированием графических объектов, используя указанные онлайн редакторы.

 

 

 

 

 

                               Список использованной литературы

 

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=EQimRLeYNDI Autodesk Labs: Shaan Hurley Project Photofly 2.0 Overview v1 Дата обращения: 06.06.2012 г.
30. http://www.sait-com.com/software/3851-zapushhen-oblachnyj-servis-adobe-creative-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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Муниципальное бюджетное общеобразовательное учреждение «Средняя школа №3 г. Йошкар-Олы»

 

 

 

 

 

 

 

Графические онлайн редакторы

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Выполнила:  Акимова О.В.

учитель информатики

 

Йошкар-Ола, 2013