Модуль 3. Сервисы создания и обработки изображений (графические редакторы).
Графический редактор представляет собой программу или комплекс программ, которые используются с целью создания или редактирования изображения. Как правило графический редактор позволяет разворачивать, перемещать изображения, удалять, копировать некоторые элементы, сохранять результат.
Классификация графических редакторов:
Растровые графические редакторы предназначены для создания и обработки изображения в виде точек или сетки пикселей (матрица) на отображающих устройствах. Некоторые из них более оптимизированы на редактирование фотоизображений, другие на создание и редактирование рисунков.
Векторный графический редактор дает возможность создать или отредактировать объект, состоящий из геометрических элементов (точки, линии, многоугольники). Самые распространенные практические задачи, решаемые с помощью векторных редакторов – это построение и изменение всевозможных схем, чертежей, графиков и диаграмм.
Многие версии современных графических редакторов представляют пользователю растровые и векторные инструменты одновременно.
Web 2.0 предлагает множество графических онлайн-редакторов с высоким уровнем функциональности. В чем преимущество подобных редакторов:
- они бесплатные (как минимум половина функций в большинстве случаев предоставляется forfree); их не нужно скачивать и устанавливать; ими можно пользоваться везде, где есть интернет; интерфейс ориентирован на широкий круг пользователей; их функционала достаточно, чтобы воплотить в практику основную массу графических задумок.
Необходимо учитывать, что помимо умения работать с графическими программами, требуется знание принципов графической визуализации данных. Подготовка иллюстраций для электронных наглядных пособий является важным элементом творчества, а также неотъемлемым атрибутом профессиональной подготовки современных учебных материалов. Прежде чем рассмотреть веб-сервисы для создания и обработки изображений, приведем классификацию изображений, что позволит лучше сориентироваться в выборе инструментария для работы с графическим материалом. У. Боумен выделяет три вида изображений: объективные, символические и абстрактные.
Объективные изображения. Объективное изображение показывает идею как видимую реальность. Примером объективного изображения может служить фотография, которая не содержит преувеличения или упрощения. Изменение такого изображения необходимо для придания ему большей выразительности. Для обработки фотографий обычно используют редакторы растровой графики. На сегодняшний день существует множество онлайн - редакторов для создания и редактирования объективных изображений.
Ниже представлена небольшая часть таких сервисов. Источник информации сайт «Интерактивности Web 2.0 в образовании», автор Александр Баданов.
Формат подачи материалов о каждом сервисе:
О сервисе (ссылка, информация о сервисе, особенности работы с ним, описание). Инструкция для новичка (руководство по работе с инструментарием сервиса. Это может быть обучающий видеоролик или иллюстрированный алгоритм работы в виде презентации или текстовый документ). Пример (работа созданная в процессе изучения возможностей сервиса). Идеи для образования (возможные варианты использования описываемого сервиса в урочной и внеурочной деятельности).- ABCYA PAINT Go сервис для создания детских рисунков онлайн. Avatan сервис для применения множества различных эффектов к вашим фотографиям, создания фотоколлажей. Aviary фоторедактор редактируем фото AviaryPhoenix Совместное редактирование рисунков BackgroundBurner — отличный бесплатный сервис по удалению фона с фотографии. Benettonplay! позволяет создавать простыми средствами покадровую рисованную анимацию, комиксы и многие другие проекты. BlockPosters интересный сервис, в котором за три шага можно создать большой постер Blingee создание анимированных изображений Calendarum-ru — удобный, быстрый, бесплатный сервис для создания визиток, календарей, конвертов. Cartoonize предлагает пользователям для использования около 100 различных фильтров-шаблонов ClippingMagic отличный web-сервис для удаления фона с фотографий. CreateCollage сервис русский для быстрого создания коллажей из 2-6 фотографий. Effectfree фотоэффекты и рамочки. Можно выбрать любой фотоэффект, рамочку, календарь, загрузить фото, отредактировать и получить красивый результат. FANstudio редактируем фотографии FreeOnlineImageEditor онлайн сервис для работы с графическими изображениями Fotor редактируем фото, создаем коллажи, по шаблонам фотооткрытки, HDR - фотографии. Fotoflexer редактировать фото, ретушировать и искажать фото. интеграция с соц сервисами Fox&CrowDrawing — это удивительная возможность создавать рисунок, рисуя различными фигурами и объектами: бабочками, цветочками, листочками, крыльями, веточками и проч. Gickr-com позволяет мгновенно создавать анимированные GIF онлайн Glitterfy фотоэффекты к вашим фотографиям анимированные Harmony - графический редактор для творческих людей. iPiccy без регистрации редактировать фото, создавать творческие работы, коллажи используя WEB и свои фото Mapwing создание интерактивных изображений, туров, экскурсий MethodDraw онлайн редактор векторной графики Panoramio фотосервисот компании Google Pato предлагает множество эффектов для работы с фотографией. Сервис имеет русский интерфейс. Готовую работу можно сохранить на свой компьютер, поделиться в социальной сети и получить ссылку. PhotoCollage создание коллажей, анимации, слайдшоу Photosynth трехмерные моделируемые из фото панорамы Photoshop набор онлайн инструментарий для редактирования фотографий. Фото и видео хостинг Picasaфотосервис Pixenate Простой графический редактор онлайн для редактирования фото PixlrPhotoeditor Редактор фотоизображений (слои, кириллица) Rhizopods предназначен для 3D моделирования с использованием загруженного рисованного объекта Scrapee-net Мощный сервис для работы с фотографиями ThingLinkсоздание интерактивных изображений, коллективная работа Toonlet– это сервис для создания комиксов. Есть возможность самому сконструировать героя. VectorPaint это простейший редактор векторной графики без регистрации. WebInpaint коррекция фотоизображений, удаление лишних деталей Брашечка - сервис для рисования с использованием тематически скомпонованных стилей и тем. (младшие школьники) Мультатор создание простейшей анимации Открытка- создание анимированных открыток, поздравлений с использованием своего лица Редактор комиксов создание комиксов Рисовалказабавный способ рисовать онлайн без регистрации. Сервисы онлайн набор программ для создания и обработки графики (расписание, календари, визитки, грамоту) Яндекс фотосервис
Символические изображения. Вторым видом изображений У. Боумен называет символическое изображение, которое характеризуется тем, что в нем идея берется из реальной действительности, но воплощаются лишь те видимые характеристики объектов, которые необходимы для их распознавания на рисунке. При этом всё несущественное для выявления смысла рисунка исключается. Сам символ может быть ассоциативным, т. е. своей формой напоминать форму объекта, или условным, обладающим независимой от объекта формой, значение которой определяется по соглашению. В предисловии к русскому изданию книги У. Боумена «Графическое представление информации» В. Венда перечисляет ряд общих принципов компоновки графического средства, выработанных в ходе экспериментальных эргономических исследований. Все эти требования основаны на том, что при проектировании графического средства визуализации данных следует использовать только те средства, которые необходимы для сообщения наблюдателю существенной информации и понимания ее значения. Перечислим основные из упомянутых принципов:
Принцип лаконичности. Бесполезно стремиться направить внимание на важнейшие характеристики, если они окружены лишними, не относящимися к ним визуальными раздражителями, мешающими восприятию главного.
Принцип обобщения и унификации. В пределах всего комплекса графических средств представления информации символы, обозначающие одни и те же объекты или явления, должны обязательно иметь единое графическое решение.
Принцип акцента на основных смысловых элементах. Следует выделять размерами, формой, цветом в первую очередь те элементы, которые наиболее существенны.
Принцип автономности. Части графического средства представления информации, передающие самостоятельные сообщения, следует обособить и четко отграничить от других частей.
Принцип структурности. Каждая автономная часть комплекса графических средств отображения информации должна иметь четкую, легко запоминающуюся структуру, отражающую характер каждого сообщения.
Принцип использования привычных ассоциаций и стереотипов. При создании графических средств представления научно-технической информации должны учитываться устойчивые, привычные ассоциации между символами и обозначаемыми ими объектами и явлениями, а также стереотипные реакции на определенные символы и сигналы.
Абстрактные изображения. В абстрактном изображении идея берется из системы понятий безотносительно к каким-либо прямым ассоциациям с конкретными объектами реального мира. Этот вид графического перевода применим также к задачам, само содержание которых или их интерпретация являются абстрактными (как, например, с математическим материалом). Сервисы создания инфографики позволяют работать как с символическими, так и с абстрактными изображениями. Есть ряд сервисов, предназначенных для создания только абстрактных изображений: схем, графиков, диаграмм. Создание графических схем является эффективным решением для систематизации изучаемого материала. Любые самые сложные явления можно разделить на составляющие и показать взаимосвязь элементов любой системы с помощью линий, модулей, размещения в пространстве и выделения.
Примеры онлайн-сервисов для создания символических и абстрактных изображений. Источник информации сайт «Интерактивности Web 2.0 в образовании», автор Александр Баданов.
Формат подачи материалов о каждом сервисе:
О сервисе (ссылка, информация о сервисе, особенности работы с ним, описание). Инструкция для новичка (руководство по работе с инструментарием сервиса. Это может быть обучающий видеоролик или иллюстрированный алгоритм работы в виде презентации или текстовый документ). Пример (работа созданная в процессе изучения возможностей сервиса). Идеи для образования (возможные варианты использования описываемого сервиса в урочной и внеурочной деятельности).- Bubbl. us сервис для генерации ментальных карт и проведения мозгового штурма. Сacoo создание различных диаграмм, графиков, карт и др ChartGo быстрое создание диаграмм ChartTool сервис для создания диаграмм и графиков Creately предназначен для создания детализированных схем и графиков любой сложности Create a Graph создание диаграмм DomoAnimate для создания цифровых анимированных историй (сторителлинг) на английском (и некоторых других) языке Diagramly создание схем, диаграмм, информационных карт и др Drav. io - это бесплатное облачное решение для создания схем и диаграмм с предложением интеграции в Диск Google (возможное сохранение строящихся диаграмм: свой ПК, Dropbox, GoogleDrive) Easel. ly сервис для создания инфографики EasyWebContentPresenter для создания сайтов, презентаций, баннеров и инфографики GoneGoogleStoryBuilder визуализация диалогов в формате Googledoc. GoogleNgramViewer визуализация частоты упоминания Infogr. am сервис для создания инфографики по шаблонам MapMySelf сервис для генерации ментальных карт Mapwing создание интерактивных туров с использованием различных объектов. Metta - онлайн сервис для визуального сторителлинга, создания видеолекций. Metricline - линейки времени (до события или после события) Mind42 Создание ментальных карт Mindomo создание ментальных карт MindMeister - сервис для создания интеллект-карт (ментальных карт). MyHistro – это web сервис для сторителлинга с привязкой к географическим картам. PicLits предназначен для генерации историй (фотография и текст) из шаблонов. Piecolor создание диаграмм PiktoChart для создания инфографики. Заготовки можно поделиться, встроить, сохранить RichChartLive создание "живых" диаграмм Storybird — сервис для создания собственных историй с помощью иллюстраций и текстового сообщения. Spiderscribe_NET сервис для создания когнитивных карт Tagxedo Генерация облака слов с действующими ссылками поиска Tagul Генерация облака слов с действующими ссылами из текста или по url text2mindmap сервис построения из слов облака (карты) WordCloud генерация облака слов сайта/блога по ссылке WordItOut генерация облака слов Wordle-net генерация облака ключевых слов
Информационные источники:
http://goo. gl/B5ct21
https://sites. /site/badanovweb2
http://goo. gl/brt57x подробная инструкция по Pixlr Editor
