Формат SVG: работа с векторной графикой
Что это такое? Формат SVG – это язык разметки для создания изображений, текстов в масштабируемой векторной графике. В отличие от растрового формата, позволяет «растягивать» объекты до любых размеров без потери качества.
Где применяется? SVG формат активно используется дизайнерами для разработки логотипов, инфографики, различных визуальных эффектов, иллюстраций и т. д. Для создания и просмотра файлов в этом формате применяются разные приложения и онлайн-сервисы.
В статье рассказывается:
- Суть формата SVG
- Преимущества использования формата SVG в работе дизайнеров
- Сферы использования формата SVG
- 9 приложений, в которых можно открыть файлы формата SVG
- Советы по работе с форматом SVG
Пройди тест и узнай, какая сфера тебе подходит:
айти, дизайн или маркетинг.
Бесплатно от Geekbrains
Суть формата SVG
SVG расшифровывается как Scalable Vector Graphics, что в переводе на русский означает «масштабируемая векторная графика». Данный формат является полноценным языком разметки, основанным на XML. Он используется для описания двумерных векторных изображений. Стандарт был разработан Консорциумом Word Wide Web (W3C). Файлы изображений имеют расширения *.svg и *.svgz.
В отличие от растровых форматов (JPG, PNG, TIFF, GIF), векторный формат SVG поддерживает практически безграничное масштабирование без потери качества.
Растровые изображения, как известно, формируются отдельными пикселями (точками). Это обеспечивает отличное качество фотографий, однако при масштабировании может приводить к искажениям.
В свою очередь, векторная графика состоит из векторов, в которых содержится информация о форме и цвете изображения, представленная в виде математических формул. Это позволяет создавать изображения с четкими линиями независимо от степени масштабирования, поскольку здесь отсутствует привязка к пикселям.
Узнай, какие ИТ — профессии
входят в ТОП-30 с доходом
от 210 000 ₽/мес
Павел Симонов
Исполнительный директор Geekbrains
Команда GeekBrains совместно с международными специалистами по развитию карьеры подготовили материалы, которые помогут вам начать путь к профессии мечты.
Подборка содержит только самые востребованные и высокооплачиваемые специальности и направления в IT-сфере. 86% наших учеников с помощью данных материалов определились с карьерной целью на ближайшее будущее!
Скачивайте и используйте уже сегодня:

Павел Симонов
Исполнительный директор Geekbrains
Топ-30 самых востребованных и высокооплачиваемых профессий 2023
Поможет разобраться в актуальной ситуации на рынке труда
Подборка 50+ бесплатных нейросетей для упрощения работы и увеличения заработка
Только проверенные нейросети с доступом из России и свободным использованием
ТОП-100 площадок для поиска работы от GeekBrains
Список проверенных ресурсов реальных вакансий с доходом от 210 000 ₽
Получить подборку бесплатно
Уже скачали 26918
Векторные SVG-изображения одинаково хорошо адаптируются к любому разрешению и к любому размеру экрана. Файлы SVG также имеют меньший размер по сравнению с аналогичными растровыми изображениями. Таким образом, данный формат удобен для использования графики в веб-дизайне, различных презентациях и других проектах.
Преимущества использования формата SVG в работе дизайнеров
Перед изучением особенностей использования дизайнерами данного формата в своей работе полезно рассмотреть саму профессию более детально. В среде IT-специалистов принято разделять веб-дизайн и верстку сайтов. Однако такое разграничение не всегда соответствует действительности при разработке веб-проектов.
Создание действительно качественного и работающего дизайна веб-страницы невозможно без четкого понимания того, как она будет загружаться и отображаться в браузере, каким образом ее нужно адаптировать к разным размерам экрана и в случае изменения контента. Поэтому профессию веб-дизайнера следует считать в первую очередь технической, требующей логического мышления.
Более подходящим тут будет термин «веб-инженер». Художественные же способности специалиста отходят на второй план. Веб-дизайнер, не обладающий навыками верстки, будет показывать плохой результат.
Определившись с истинной ролью современного дизайнера, далее можно перейти к обсуждению преимуществ, которые такой специалист получит в ходе использования технологии SVG. Если говорить кратко, ее применение позволяет повысить скорость и качество работы. Количество операций сокращается. А значит, дизайнер тратит меньше времени на разработку проекта.
Рассмотрим преимущества использования SVG более подробно.
- Формат проще и гибче модифицируется по сравнению с растровой графикой. С помощью CSS можно легко изменить расположение, форму, размер, пропорции, цвет, заливку и другие свойства составляющих частей изображения, а также изменить их на самой странице. В отличие от работы с растром, где нужно хранить исходный файл в формате со слоями и экспортировать изменения, в работе с SVG такой необходимости не возникает.
- Экранам с высокой четкостью достаточно одного изображения в SVG, в то время как для растровых графических изображений нужно создавать как минимум 3 варианта картинки: в оригинальном, удвоенном и утроенном размерах. Как сделать формат SVG оптимальным для любого разрешения? Дело в том, что здесь, как и в любом векторном изображении, пиксели сами формируются непосредственно перед показом в зависимости от заданного пиксельного размера. Дополнительных действий со стороны пользователя прилагать не нужно.
Графический редактор тесты с ответами

—
—

+
25. Основными недостатками растровой графики являются:
+ Изображения занимают большой объем памяти; неизбежна потеря качестве изображения при его масштабировании
— Сложность создания и редактирования изображений в связи с потребностью проведения определенных предварительных математических вычислений; для установки графических редакторов растрового типа требуются мощные вычислительные машины
— Некорректная передача некоторых цветов; не всякое изображение можно представить в растровой форме
26. В каком форме лучше представить изображение, которое будет использовано как фирменный знак на визитках и буклетах компании?
27. Укажите последовательность команд для запуска графического редактора Paint:
— Пуск – Microsoft Office — Paint
+ Пуск – Программы – Стандартные — Paint
— Меню – Программы – Графика и изображения – Paint
28. Какой объем памяти потребуется для перевода в двоичную систему исчисления цветного изображения, состоящего из 256 цветов и имеющего размер 10 на 10 точек?
29. С точки зрения вычислительной техники пиксель – это:
— 12 отрезков люминофора
+ Минимально возможная часть изображения, для которой имеется возможность независимым образом задать любой цвет
тест№ 30. Растр – это:
— Участок оперативной памяти, отведенный для хранения изображений во время их создания и обработки
— Набор графических примитивов
+ Сетка, образованная на экране пикселями
31. Для растрового изображения наибольшее качество отмечается в формате с расширением:
32. Известны параметры изображения: 300 на 400 и 64 dpi. Можно ли по данной информации определить реальные размеры этого изображения:
— Да, если воспользоваться специальной программой для расчета
33. Укажите расширение формата изображения, который поддерживает слои:
34. Альфа-композитинг определяет:
— Плавность перехода оттенков
35. Что означает термин «фокус-стекинг»?
+ Метод цифровой обработки изображений с целью объединить несколько изображений с разными фокусными расстояниями и получить одно изображение с глубиной резкости большей, чем у исходников
— Алгоритм сжатия графических данных
— Комбинирование нескольких фонов для создания прозрачности результирующего изображения
36. Запись «Безымянный» графического редактора Paint размещена:
— В строке состояния
+ На панели инструментов
37. Если при работе с графическим редактором CoralDraw требуется создать чистый лист, то в окне приветствия следует выбрать опцию:
— Open new window
38. Дайте определение компьютерной графики.
— Изображения и чертежи, хранящиеся в памяти ЭВМ
+ Раздел информационных технологий, посвященный проблемам получения графических объектов на ЭВМ
— Раздел изобразительного искусства, занимающийся созданием изображений при помощи ЭВМ
Какая из программ не реализует векторную графику
Компьютерная графика, чуть более десяти лет назад бывшая если не экзотическим, то довольно специальным приложением компьютера, сегодня повсеместна.
Всякий, впервые сталкивающийся с компьютером, уже в самом начале обучения (если курс специально не построен так, чтобы ограничиться на первых порах программами с текстовым или псевдографическим интерфейсом), скорее всего, встретится с графическим терминалом, отображающим различные графические элементы (включая и текстовую информацию, также отображающуюся в графическом режиме средствами компьютерной графики).
Элементарная обработка (создание и редактирование) изображений (как векторных, так и растровых) входит в число приложений, перечисленных в « Обязательном минимуме содержания образования по информатике » в качестве обязательных к освоению в курсе средней школы.
Предметность обучения предполагает, что учащийся « узнает » в создаваемых или редактируемых им картинках при изучении обработки изображений подобие уже знакомых ему элементов графических интерфейсов. Чтобы это счастливое узнавание произошло, представляется целесообразным включить некоторые первоначальные сведения о компьютерной графике уже во введение в предмет, которым начинается его изучение. К сожалению, не все учебники это реализуют, поэтому преподавателю могут потребоваться некоторые дополнительные усилия, но, на самом деле, небольшие, поскольку наглядный материал « под рукой » в любом компьютерном классе.
Векторное и растровое кодирование изображений
Способы кодирования графических данных делятся на две категории: растровый (точки равномерно размеченного прямоугольника) и векторный (описания линий и фигур, составляющих изображение).
Например, растровое изображение окружности может быть таким: « заполняем квадрат 5х5: белая точка (Б), черная точка (Ч), Ч, Ч, Б, Ч, Б, Б, Б, Ч, Ч, Б, Б, Б, Ч, Ч, Б, Б, Б, Ч, Б, Ч, Ч, Ч, Б ». (Более умные « форматы со сжатием », возможно, позволят сократить запись до чего-нибудь, подобного: « заполняем квадрат 5х5: Б, 3Ч, Б, 3(Ч, 3Б, Ч), Б, 3Ч, Б », а то и еще более компактно, но суть не в этом).
Векторное ее изображение совсем другое: « черная окружность с центром в (3,3), радиусом 2 и толщиной линии 1 ».
Важно понимать, что большинство компьютерных графических устройств сегодня — и терминалы, и сканеры, и принтеры — по своей природе растровые. Исключение составляют только графопостроители (плотерры) и редко доступные в учебных условиях их промышленные « кузены » (такие, как фрезерный станок с числовым управлением).
Соответственно, изображение, вне зависимости от его собственной природы (векторной или растровой), будет при отображении преобразовано в растр и доступно человеческим чувствам в растровой форме (даже если растр почти незаметен, как на дисплеях с высоким разрешением, или вообще имеет сетку ниже порога восприятия, как при печати на качественных струйных или лазерных принтерах). И указанные два способа вполне могут привести к неотличимому результату.
Применение векторной и растровой графики
Разница может проявиться тогда, когда мы начнем обрабатывать элементы изображения.
Векторное изображение может без ущерба масштабироваться (увеличиваться или уменьшаться), причем эта операция обратима. В приведенном примере мы можем без труда увеличить векторную окружность в пять раз: « черная окружность с центром в (15,15), радиусом 10 и толщиной линии 5 », и она останется окружностью.
А вот растровое изображение при увеличении обнаружит лишь свой растр в увеличенном виде (и на окружность наш пример похож уже будет мало). Более того, операция уменьшения (или увеличения в нецелое число раз) растрового изображения уже не является обратимой: информация при осуществлении такой операции безвозвратно теряется.
Кроме того, векторное изображение, содержащее более одного элемента (например, изображение двух пересекающихся окружностей), может быть разъято на элементы без каких-либо потерь. С растровым изображением такое, в общем случае, невозможно: программа « не знает » об элементах изображения и о принадлежности тех или иных точек отдельным элементам.
В общем случае, векторное кодирование хорошо подходит для работы с чертежами, схемами, картами, диаграммами, графиками и т.п., а растровое — для обработки фотографий и рисунков. Векторное изображение может быть без ущерба для восприятия преобразовано в растр, в то время, как обратное преобразование в общем случае проблематично (хотя есть программы, позволяющие с той или иной точностью распознавать графические образы). Векторное кодирование часто компактнее растрового, но его отображение требует больших вычислительных ресурсов [21] .
Пример, который всегда перед глазами пользователя компьютера — шрифты. Когда точно известен масштаб, в котором будет отображаться текст, часто используются растровые (« фиксированные ») шрифты, представляющие собой набор растровых изображений отдельных букв и других символов используемого алфавита (например, растровые шрифты используются видеокартой, работающей в текстовом режиме, но также часто и как элемент графического интерфейса). Их применение позволяет отображать символы с недостижимой иным способом четкостью, но, если нужно более одного размера шрифта, потребуется трудоемкая работа по разработке нескольких таких шрифтов.
Когда необходимо свободное масштабирование шрифтов, используются векторные шрифты (на самом деле, большинство масштабируемых шрифтов — это библиотеки программ, « рисующих » соответствующие буквы, часто — с учетом важности их отдельных элементов для восприятия; но разница в данном случае несущественна). Качество отображения мелкого кегля или на экране с низкой разрешающей способностью у них ниже, но они универсальнее.
Прочие элементы графических пользовательских интерфейсов также используют как векторную (большинство органов управления и большинство элементов оформления окон), так и растровую (пиктограммы-« значки ») графику.
Свободные программы для работы с векторной графикой
Из множества свободных программ, предназначенных для редактирования векторно-графических файлов, разумные потребности большинства учебных курсов может удовлетворить любая из следующих:
- очень простой векторный редактор Xfig для оконной системы XFree86,
- Sodipodi (обычно поставляется со всеми операционными системами, включающими среду GNOME ),
- Kontour (компонент популярного « офисного » пакета KOffice )
- OpenDraw (входящая в пакет OpenOffice.org ).
Рекомендуется при возможности хотя бы вкратце ознакомиться с каждой из них, чтобы понять, какая лучше подходит для конкретного учебного курса. В этом разделе далее будет обсуждаться OpenDraw , исходя из уже описанных преимуществ, но это ни в коей мере не означает непригодность для учебных целей прочего из перечисленного.
Редактор векторной графики OpenDraw
Общие характеристики OpenDraw
Как и остальные компоненты пакета « OO.o », OpenDraw использует в качестве « родного » формата специально разработанное XML -приложение (об XML и о том, почему ориентация на этот стремительно набирающий популярность формат данных важна при выборе учебных программ, см. раздел Обработка текста).
Рисунок 3.6. OpenOffice.org OpenDraw

Этот пакет доступен для популярных стандартных ( GNU/Linux , Solaris ) и нестандартных ( Microsoft Windows ) операционных систем и прилично (хотя и не идеально) локализован.
Самым же существенным недостатком OpenDraw являются относительно высокие требования к аппаратным ресурсам, поэтому его использование затруднительно на старых или маломощных компьютерах (для комфортной работы над несложными учебными упражнениями должно быть достаточно Intel P-II, Celeron или K6-2 с частотой от 500 МГц или G3 с частотой от 350 МГц при памяти от 64 MБ). Если нужна демонстрация векторно-графических возможностей на таких компьютерах, мы рекомендуем Sodipodi или еще более « легкую » XFig .
Сохранение в « чужих » векторных форматах (экспорт) на сегодня реализовано только для ранних версий предшественника OpenOffice.org пакета StarOffice (и StarDraw как отдельной программы). Зато импорт (чтение « чужих » форматов) возможен не только из универсальных векторных форматов, но и из DXF, используемого в популярных системах автоматизированного проектирования (САПР).
OpenDraw также позволяет экспортировать рисунок во многие растровые форматы или в гипертекстовую страницу.
Следует понимать, что StarDraw , на основе которого разработана программа, задумывалась как « офисный » графический редактор, прежде всего предназначенный для создания и редактирования графических элементов оформления документооборота (сопровождающих документы рисунков, карт, диаграмм, графиков и пр.). Поэтому действия, типичные для такой работы, максимально облегчены и « вынесены на первый план », и OpenDraw содержит массу готовых деталей, широко употребимых в « офисной » графике (например, готовых стрелок и множества соединительных линий, часто используемых в таких случаях). Для технического черчения и схемотехники OpenDraw не приспособлена (хотя при случае в ней можно создать простой чертеж или электронную схему).
Документ OpenDraw называется « рисунком », что несколько дезориентирует, поскольку на самом деле он может содержать целую « пачку » отдельных изображений, называемых слайдами. Каждый слайд, в свою очередь, может содержать один или более слоев.
Рисунок сохраняется в файле, который технически представляет собой PKZip-архив, включающий стилевые определения и собственно содержание документа на языке XML . Какой-либо инструментарий, специально предназначенный для обработки OpenDraw XML , нам не известен.
Как и остальные компоненты OpenOffice.org , OpenDraw в высшей степени конфигурируемая и настраиваемая под конкретное применение программа. Для использования в учебном контексте может оказаться полезным предварительно настроить ее для некоторого сокращения обилия непосредственно доступных пользователю функций, чтобы ученик в них не затерялся.
Основные возможности OpenDraw
Функциональность OpenDraw сопоставима с большинством других редакторов векторной графики и включает:
- cоздание, форматирование и преобразование объектов-графических примитивов: отрезков и стрелок; квадратов и прямоугольников; окружностей, эллипсов, дуг, сегментов и секторов; кривых Безье, « свободных » кривых, ломаных и многоугольников;
- cоздание, форматирование и редактирование объектов-текстовых надписей (при вводе или редактировании текстов доступна большая часть функциональности word-процессора OpenWord). На самом деле, текст может содержаться в любом замкнутом контуре. В состав OpenDraw также входит декоративная функция FontWork, позволяющая расположить текст « фигурно » (вдоль дуги или окружности);
- импорт растрово-графических объектов (в том числе, и в качестве текстур заливки векторно-графических примитивов).
Преобразование объектов включает:
- изменение характеристик линий контура (они могут быть разного цвета, сплошными, пунктирными, двойными и т. п.) и заливки (заполнения; оно возможно отдельным цветом, цветовым градиентом (переходом) и даже растровым изображением) замкнутого контура;
- перемещение, изменение размеров и поворот;
- группирование (превращение нескольких в один) и разгруппирование объектов; комбинирование и раскомбинирование объектов (разница между группированием и комбинированием слишком тонка для нашего обзора);
- вращение и зеркальное отображение;
- преобразование примитивов — линий и контуров — в произвольные кривые или ломаные;
- выравнивание и равномерное распределение (по вертикали или горизонтали, относительно края или центра);
- специальные операции, некоторые из которых описаны ниже.
Большинство описанных операций преобразования доступны как посредством меню (к пунктам которого могут быть привязаны « горячие » клавиши), так и на пиктографических палитрах инструментов, наряду с палитрой цвета присутствующих (по желанию) в главном окне программы.
Точное позиционирование объектов облегчает возможность отобразить сетку разметки слайда, а также команды выравнивания объектов относительно узлов этой сетки, края или центра листа (слайда), а также относительно друг друга. Особенно полезно это при создании достаточно формализованных объектов.
Механизм стилей
Важной особенностью OpenDraw является использование механизма стилей для форматирования графических элементов. Использование стилей в векторной графике вполне сопоставимо с использованием того же механизма при оформлении размеченного текста (см. раздел 4.1) и имеет те же преимущества перед « жестким » форматированием/оформлением.
Этот прием позволяет серьезно облегчить вариантное оформление рисунков, отказавшись от « жесткого » (такого, при котором для каждого объекта или группы объектов характеристики задаются вручную) форматирования объектов.
Например, при подготовке схемы оргструктуры учреждения можно создать стиль, которым оформляются изображения подразделений, допустим, с голубой заливкой в черном контуре в 3 пункта толщиной. Если позднее потребуется изобразить те же подразделения желтыми прямоугольниками без рамки, не нужно будет помечать их вручную (представьте, насколько это может быть трудоемко даже для относительно простой организации типа средней школы), достаточно будет лишь изменить параметры стиля. Более того, можно определить стиль и для стрелок, показывающих связи между подразделениями, с « наследованием » цвета от цвета стиля подразделений, если предполагается, что их цвет должен совпадать.
Стиль можно определить и для слайда в целом, что позволяет единообразно оформлять серию рисунков. Набор стилей можно объединить в шаблон (сохраняемый в отдельном файле), если предполагается регулярное его использование.
« Логические операции » над объектами, « 3D » и морфинг
Интересной функцией OpenDraw является наличие так называемых логических операций над объектами. Два или более заполненных контура могут быть скомбинированы особым образом, что порождает новый объект, являющийся объединением форм, их пересечением или « вычитанием » одной формы из другой.
Еще одной интересной особенностью программы является встроенная в нее базовая функциональность имитации трехмерной графики (3D-функции). Она ограничена 1) конструированием тел вращения, 2) преобразованием в тела вращения произвольных двумерных фигур, а также 3) экструзией (приданием последним « глубины »). Трудно понять необходимость рутинного конструирования тел вращения в « офисной » графике, однако для школы возможность такой демонстрации возможностей компьютерной графики может быть весьма полезна.
Двумерный морфинг (плавное перетекание фигур) реализован в OpenDraw не лучшим с точки зрения эстетического результата образом, однако интересным дидактически: на самом деле, программа просто группирует заданное (в качестве « количества шагов » морфинга) количество « промежуточных » (по форме и цвету) фигур между морфируемыми фигурами. Созданную таким образом группу можно разгруппировать и посмотреть, что и как, собственно, программа сделала.
Векторизация растровых изображений
Выше уже было замечено, что, хотя преобразование векторного изображения в растр — элементарная техническая задача, гарантированное обратное преобразование в общем случае невозможно. Тем не менее, существуют программы, которые пытаются это сделать.
OpenDraw обладает функцией векторизации, « спрятанной » в меню « Преобразовать » под кличкой « В многоугольник ». Если применить данный пункт меню к импортированному растровому изображению, появится окно предпросмотра с возможностью задать некоторые параметры и увидеть результат.
Ничего мистического в этой функции нет: программа ищет связные области, залитые одним или близкими цветами, и описывает их контур как многоугольник. Затем она группирует полученные фигуры одного цвета и переходит к следующему цвету или группе цветов. Результирующий векторный объект представляет собой группу, в свою очередь состоящую из цветовых групп.
Более глубокого анализа программа не проводит (в принципе, можно было бы каждый выделенный объект пытаться аппроксимировать с заданной точностью отрезком, коническим сечением или кривой Безье; это позволило бы распознать элементарные геометрические фигуры, например, просканировав простой рисунок).
Эта функция предусматривает слишком мало параметров, чтобы быть особенно полезной на практике, однако для демонстрации того, в чем состоит процесс векторизации, она вполне подходит.
Редактор растровой графики gimp
Источники и параметры растровой графики
Обычным источником растровых изображений является сканер — устройство, « проходящее » (сканирующее) лист бумаги или кадр фотопленки точка за точкой и передающее компьютеру значения, соответствующее интенсивности базовых цветов в каждой точке. Все большей популярностью пользуются цифровые фотокамеры — аппараты, вместо фотопленки фокусирующие изображение на светочувствительной матрице, передающей цифровую запись изображения на энергонезависимый носитель информации (гибкий диск или т. н. флэш-карту), который затем может читаться компьютером.
Растровые изображения могут также создаваться человеком на компьютере с помощью устройств координатного ввода (« мыши » или более подходящего для этой цели графического планшета) или синтезироваться различными программами.
Важнейшими параметрами растрового изображения являются его растровый размер (в точках) и « глубина цвета » (количество бит, используемых для представления цвета каждой точки). Эти параметры часто записывают в виде 1024х728×24, что означает 1024 точки по горизонтали, 728 точек по вертикали и 24 бит на цвет (двадцати четырех бит достаточно для получения « фотореалистичных » изображений, дальнейшее повышение разрядности не приводит к увеличению качества отображаемых или печатаемых современными средствами изображений, хотя в промежуточной обработке или при синтезе изображений иногда используется большие значения глубины цвета). Еще одним параметром, предусмотренным некоторыми форматами хранения растровой графики, является его « масштаб », который принято измерять в точках на дюйм ( DPI ); это чисто информационный параметр, который может учитываться при печати изображений, но не влияет на возможность их обработки.
Источники и параметры и форматы представления растровой графики
За тридцатилетнюю историю компьютерной графики разработано великое множество (сотни) форматов хранения изображений. Большинство из них является плодом несогласованности « технического творчества » отдельных групп исследователей и компаний, а также отражает особенности давно вышедших из употребления специфических устройств. Важными свойствами форматов являются присущие им внутренние ограничения, из которых наиболее значимы ограничения на глубину цвета, поддерживаемые цветовые модели (« мониторная » RGB , « полиграфическая » CMYK и т. д.) возможность сохранения нескольких слоев изображения (понятия слоев, контуров и масок здесь не обсуждаются), наличие т. н. « альфа-канала » (фиктивного « цвета », соответствующего степени прозрачности изображения при наложении его на другое изображение) и поддерживаемые алгоритмы сжатия.
Применяемые в растровой графике алгоритмы сжатия подразделяются на неразрушающие и форматы с потерей качества (последние используют психофизиологическую модель человеческого зрения для того, чтобы избавиться от незначимых деталей изображения, что несколько снижает его качество, но позволяет добиться гораздо большей компактности кода).
Практически универсальными являются форматы TIFF (обычно применяемый в полиграфии, допускает лишь неразрушающее сжатие), PNG (наиболее удобный для представления графических данных в мультимедийных системах и WWW , допускающий неразрушающее сжатие), а также медленно вытесняемые последним JPEG (допускающий сжатие с потерями) и GIF (ограниченный 8 бит (256) цветами). Кроме того, многие графические редакторы (включая описанный ниже gimp ) обладают собственным форматом, позволяющим сохранять в том же файле массу вспомогательной информации, полезной при продолжающейся более одного сеанса работе с файлами.
Общие сведения о gimp
GNU Image Manipulation Program (Программа ГНУ для манипуляции изображениями), или сокращенно gimp — потомок курсового проекта двух студентов, Питера Маттаса и Спенсера Кимболла (1995–96 гг.).
За восемь лет и при участии десятков программистов gimp вырос в один из самых насыщенных функциональностью графических редакторов, уступающих лишь « под завязку » набитому сторонними модулями редактору Photoshop [22] . Текущая стабильная версия — 1.2 (как и в некоторых других проектах нечетным « малым » номерам соответствуют экспериментальные (разработческие) версии, а четным — стабильные).
Интересно, что в рамках проекта gimp была создана библиотека работы с экранными примитивами GTK (ныне GTK+), являющаяся на сегодня одной из самых развитых и широко используемых в своем классе (в частности, на GTK+ основана популярная графическая операционная среда GNOME ).
gimp , доступный для всех популярных настольных платформ (включая стандартные, а также Microsoft Windows , Mac OS и др.), широко используется для работы над WWW и мультимедийной графикой, обработки любительского, репортажного и даже художественного фото, ретуширования кинокадров. Правда, для последней цели чаще используется модификация, известная как FilmGIMP , ее, в частности, активно эксплуатировали при монтаже первого фильма о Гарри Поттере.
gimp редко используется для предпечатной подготовки графики: в нем пока нет поддержки « полиграфических » цветовых моделей и системы цветоделения. Еще одним ограничением текущих версий gimp является относительно низкая производительность, затрудняющая работу с действительно большими (сотни тысяч точек) и сложными (десятки слоев) изображениями. Для создания и обработки достаточно компактных и простых изображений, а также для их отображения на мониторе и печати на оборудовании потребительского класса эти ограничения не важны.
gimp способен работать с продвинутыми координатными устройствами — графическими планшетами, в том числе, моделями, распознающими силу нажатия на перо.
gimp — программируемый графический редактор
Вероятно, успехом gimp не в малой степени обязан своей изначально модульной и программируемой архитектуре. Сам по себе этот редактор — достаточно компактная и простая программа, однако его возможности приумножаются за счет открытости архитектуры и наличия множества модулей (в текущей поставке — около трехсот), реализующих те или иные дополнительные функции, такие как импорт-экспорт сторонних форматов или обработку изображения или его фрагмента по тому или иному алгоритму.
Такие модули можно разрабатывать как отдельные программы с использованием библиотеки GDK , а можно пользоваться одним из встроенных в gimp интерпретаторов языков программирования. Именно наличие таких интерпретаторов и делает gimp программируемым графическим редактором. Можно сказать, что его архитектура подобна архитектуре текстового редактора Emacs .
Таких интерпретаторов на сегодня два. Забавное название Script-fu, видимо, следует понимать как английско-китайское выражение, означающее « мастерство сценирования » (напомним, что « сценариями » (« скриптами ») называют программы, написанные на интерпретируемых языках). Script-fu — это первый встроенный в gimp интерпретатор функционального языка Схема (Schema), являющегося потомком первого языка функционального программирования Лисп. Разработчик скрипта имеет доступ к многочисленным базовым функциям-графическим примитивам.
Схема — весьма продуманный и стройный язык, однако его методический потенциал не может в полной мере быть раскрыт в сегодняшних курсах информатики в средней школе, программирование в которых вводится в директивной (сентенциональной) парадигме. На Схеме, так же, как и на Лиспе, можно писать в директивном стиле, однако изящества и простоты, столь необходимых в обучении, достичь при этом возможным не представляется.
Директивен другой язык, интерпретатор которого также встроен в gimp . Это Перл (Perl), его gimp -овская реализация называется Perl-fu. Хороший программист может писать на Перле чисто и аккуратно, однако синтаксис языка сам по себе настолько гибок (чтобы не сказать « жидок »), что, по нашему мнению, Перл совершенно не годится на роль изучаемых в числе первых (хотя существуют и другие мнения, весьма авторитетные).
Добавление в gimp еще одного интерпретатора (например, алголо- или паскалеподобного языка) не представляется особо сложной задачей, однако о таких проектах ничего не известно, и, наверное, от программирования обработки изображений « внутри » gimp как от простой в методическом освоении темы большинству педагогов стоит пока отказаться.
Интерактивная функциональность и эргономика
Тем не менее, базовой интерактивной функциональности gimp (включая доступные модули) вполне достаточно, чтобы покрыть обычно изучаемые в школе вопросы обработки графики.
При запуске gimp на экране открывается ряд окон. Главное окно содержит меню основных функций, панель пиктографически обозначенных « инструментов » и области, в которых отображаются текущие значения основного и фонового цветов, формы кисти, текущего градиента. Окна изображения соответствуют отдельным открытым графическим файлам (или слоям в них).
Дополнительные инструментальные окна (по какой-то причине названные « диалогами ») могут открываться из меню главного окна. Однако их всего десяток (« Слои, каналы и контуры », « Параметры инструментов », « Кисти », « Шаблоны », « Градиенты », « Палитра », « Устройства ввода », « Индекс документов », « Консоль ошибок »), а основной массив функций, применяемых к текущему или вновь создаваемому изображению или выбранному участку изображения (включая функции, реализованные внешними модулями-фильтрами) « достаются » через контекстное меню, открывающееся по щелчку правой кнопкой мыши в окне изображения.
Зато можно воспользоваться (непривычным для пользователей упрощенных графических сред, таких, как Microsoft Windows ) свойством графической библиотеки GTK+, называемым « линия отрыва ». Каждое меню наверху содержит пунктирную линию, щелкнув мышью на которой можно превратить это меню в самостоятельное инструментальное окно, сохраняющееся, пока пользователь явным образом его не закроет. Таким образом (учитывая настраиваемость самой системы меню) можно в любой момент создать на экране дополнительные « панели инструментов », содержащие функции, которыми в ближайшее время предполагается воспользоваться. Привыкшему к другому стилю работы пользователю это непривычно, однако, привыкнув, эту интерфейсную особенность можно использовать весьма эффективно.
Множественность окон, к сожалению, может создавать некоторые неудобства в средах без развитого инструментария управления окнами. В более развитых средах можно « склеить » несколько окон, чтобы они перемещались как единое целое или « поднять » окно, чтобы оно продолжало оставаться видимым, даже если будет активизировано окно, расположенное « под ним » (собственно, многооконное визуальное решение и создано в расчете на наличие таких средств), а если такие средства отсутствуют (как, например, в Microsoft Windows ), пользование редактором на мониторе с малым разрешением может быть отягощено необходимостью совершать какие-то дополнительные действия.
Основная интерактивная функциональность, доступная посредством « инструментов » в главном окне, достаточно традиционна для программ этого класса. Она включает, в том числе:
- выделение области изображения (прямоугольной, эллиптической или произвольной формы, а также ограниченной кривыми Безье). Последовательно выделяемые области могут образовывать пересечения, объединения или вычитания;
- выделение связной области (« волшебная палочка ») с заданием параметров связности;
- перемещение, копирование, заливку выделенных областей;
- кадрирование (обрезку) изображения;
- изменение масштаба отображения на экране;
- вращение, масштабирование, искривление и зеркальное отображение изображения;
- ввод текста;
- выбор текущего цвета (« пипетка »);
- заливку области сплошным цветом или градиентом;
- рисование « карандашом » или « кистью » произвольной формы и очистку « ластиком ».
В базовую функциональность gimp входит также возможность захвата изображения со сканера и с экрана.
Фильтрация и синтез изображений
Основной прием автоматизированной обработки изображений — фильтрация их целиком, либо выделенных в них областей. Большая часть упомянутых внешних модулей реализует именно функцию фильтрации. Среди наиболее важных в практической обработке изображений фильтров отметим:
- изменение цвета, насыщенности, яркости и контраста изображения;
- удаление « шума »;
- повышение резкости и размывание, выделение краев.
Значительное количество фильтров имитирует различные « эффекты »: от просмотра изображения через волнистое стекло до натяжения его на сферу, цилиндр или тор.
Синтез изображений в базовой поставке gimp и известных нам фильтрах не слишком развит, однако есть ряд фильтров, создающих фрактальные изображения (в том числе, натуроморфные).
[21] Мы не касаемся здесь специального вопроса о сложных форматах кодирования, включающих векторные элементы и фрагменты растра, так же, как и — растрового и векторного — кодирования движущихся изображений и вопросов сжатия растровых изображений.
[22] Стоит отметить, что стоимость одной копии последнего, самого по себе не дешевого, вместе со всеми такими модулями составляет несколько тысяч долларов.
| Пред. | Уровень выше | След. |
| Автоматизация вычислений и хранение систематических данных | Начало | Сети: обмен данными |
Какая из программ не реализует векторную графику
Тема: Технология обработки графической информации
1. Растровая и векторная графика.
Формальное определение компьютерная (машинная) графика – это создание, хранение и обработка моделей объектов и их изображений с помощью ЭВМ. Под интерактивной компьютерной графикой понимают раздел компьютерной графики, изучающий вопросы динамического управления со стороны пользователя содержанием изображения, его формой, размерами и цветом на экране с помощью интерактивных устройств взаимодействия.
Под компьютерной геометрией понимают математический аппарат, применяемый в компьютерной графике.
Необходимо отметить следующую отличительную черту компьютерных изображений. Изображения, которые мы встречаем в нашей повседневной жизни, реальные картины природы, можно бесконечно детализировать, выявлять все новые цвета и оттенки. Изображения, хранящиеся в памяти компьютера, независимо от способа их получения и представления, всегда являются усеченной моделью картины реального мира. Их детализация возможна лишь с той степенью, которая была заложена при их создании или получении, и их цветовая гамма будет не шире заранее оговоренной.
Одно и то же изображение может быть представлено в памяти ЭВМ двумя принципиально различными способами и получено два различных типа изображения: растровое и векторное .
Рис.9. Растровое изображение
Программы растровой графики работают с точками экрана (пикселями). Точки не знают, какие объекты они представляют — окружности, линии, прямоугольники.
Компьютер запоминает цвет каждой точки, а пользователь из таких точек собирает рисунок, как в детской мозаике.
Достоинства растровой графики :
Растровые редакторы являются наилучшим средством обработки фотографий и рисунков, т.к. обеспечивают высокую точность передачи градаций цветов и полутонов.
Недостатки растровой графики :
Изображения, создаваемые в растровых программах, всегда занимают много памяти. По этой причине информация в файлах растрового формата хранится, как правило, в сжатом виде.
Растровые изображения невозможно увеличивать для уточнения деталей. Так как изображение состоит из точек, то увеличение приводит к тому, что точки становятся крупнее, что визуально искажает иллюстрацию. Этот эффект называется пикселизацией .
Применяется для обработки фотоизображений, художественной графике, реставрационных работ, работ со сканером.
Графические редакторы , в которых используется растровая графика: Paint, PhotoShop.
Рис. 10. Векторное изображение
Программы векторной графики хранят информацию об объектах, составляющих изображение в виде графических примитивов: прямых линий, дуг окружностей, прямоугольников, закрасок и т.д.
Достоинства векторной графики :
— Преобразования без искажений.
— Маленький графический файл.
— Рисовать быстро и просто.
— Независимое редактирование частей рисунка.
— Высокая точность прорисовки (до 1 000 000 точек на дюйм).
— Редактор быстро выполняет операции.
Недостатки векторной графики :
— Векторные изображения выглядят искусственно.
— Ограниченность в живописных средствах.
Применяется в компьютерной полиграфии, системе компьютерного проектирования, компьютерном дизайне и рекламе.
Графические редакторы , в которых используется векторная графика: Corel Draw , Adobe Illustrator .
2. Форматы графических файлов.
Знание файловых форматов и их возможностей является одним из ключевых факторов в допечатной подготовке изданий, в подготовке изображений для web-страниц и в компьютерной графике вообще. Все форматы имеют какие-то характерные особенности и возможности, делающие их незаменимыми в работе. Формат файла определяется по его расширению. Поэтому в большинстве случаев обозначение формата и расширение совпадают.
Существует несколько различных типов графических форматов, каждый из которых сохраняет данные определенным способом. В настоящее время наиболее широко используются растровый, векторный и метафайловый форматы. Существуют, однако, и другие типы форматов — форматы сцены, анимации, мультимедиа, гибридные, гипертекстовые, гипермедиа, объемные, язык моделирования виртуальной реальности (VRML), аудиоформаты, форматы шрифтов, язык описания страницы (PDL).
Растровые форматы используются для хранения растровых данных. Файлы этого типа особенно хорошо подходят для хранения реальных изображений, например фотографий и видеоизображений. Растровые файлы, по сути дела, содержат точную попиксельную карту изображения. Программа визуализации реконструирует это изображение на отображающей поверхности устройства вывода.
Наиболее распространенные растровые форматы — это Microsoft BMP, PCX, TIFF и TGA.
.TIF . При сохранении иллюстрации в этом формате не используется ни один из видов компрессии (сжатия). В этом формате получают максимально возможную степень качества и соответствия, сохраненной в файле копии изображения. Это единственный формат, используемый в профессиональном дизайне для хранения изображений высокого качества. Качественные TIF-изображения могут занимать несколько сотен мегабайт. TIF-формат является лучшим выбором при передаче изображений и растровой графики в векторные программы и издательские системы.
.JPG . Этот формат используется для сжатия изображения в десятки раз. Формат позволяет использовать различные степени сжатия, делая тем самым выбор либо в сторону увеличения качества, либо в сторону уменьшения файла. В профессиональной полиграфии этот формат не используется из-за существенных потерь качества изображения. Для просмотра изображения на экране монитора или для распечатки на принтере качества JPG-формата достаточно. В формате JPG используется метод сжатия jpeg. Этим методом лучше сжимаются растровые изображения фотографического качества и плохо сжимаются логотипы или схемы. В этом формате хорошо и с меньшими потерями сжимаются большие изображения с высоким разрешением 200-300 ppi и плохо сжимаются с низким разрешением 72-150 ppi. Нежелательно сохранять изображения в JPG-формате, где важны все тонкости цветопередачи, так как во время сжатия происходит отбрасывание некоторой цветовой информации. В этом формате следует сохранять только конечный вариант работы, потому что любое пересохранение приводит к новым потерям данных и превращениям изображения в кашу.
.GIF . Это формат растровой графики, созданный специально для КС. Этот формат имеет метод сжатия, который обозначается LZW. Этот формат имеет ограниченную палитру цветов. Основное ограничение GIF состоит в том, что цветное изображение может иметь не больше 256 цветов, поэтому цвета в этом формате становятся грубыми, а само изображение зернистым. Не используется в полиграфии и не рекомендуется для изображений, предназначенных для монитора или принтера. В GIF-формате пиксели изображения записываются через строку. По этой технологии, получив только часть файла уже можно увидеть изображение целиком, но с низким качеством. В случае с контрастностью изображения с четкими границами между цветами или в случае с однотонным изображением при использовании этого формата большая степень сжатия, чем JPG, причем качество не изменяется. В GIF можно оставить один-два цвета прозрачными, и они станут невидимыми в программах-браузерах просматриваемых web-страниц. Прозрачность обеспечивается за счет дополнительного альфа-канала в изображении, которое сохраняется вместе с файлом. Кроме того этот файловый формат может содержать не одну, а несколько растровых картинок, которые Интернет-браузеры могут подгружать одну за другой с указанной в файле частотой. С помощью нескольких картинок создается иллюзия движения, называемая GIF-анимацией. GIF-формат используется для создания web-страниц: баннеров (рекламных заставок), элементов фона.
PNG. Это формат, разработанный относительно недавно, предназначенный для того, чтобы заменить GIF-формат. В нем используется метод сжатия без потерь качества, который обозначается deflate. Сжатые индексированные файлы (с небольшим количеством цветов) имеют меньший размер по сравнению с аналогичными GIF-файлами. Глубина цвета в файлах может быть любой до 48 бит. В отличие от GIF-формата PNG поддерживает не только прозрачность, но и полупрозрачность. В файловом формате PNG записана информация о гаммах коррекции. Гамма представляет собой некоторое число, характеризующее зависимость яркости свечения экрана монитора от напряжения на электродах ? (ЭЛТ). Это число считывается из файла, позволяющего ввести поправку яркости при отображении. Требуется оно для того, чтобы картинки, созданные в ОС Macintosh выглядели одинаково в других ОС. Эта особенность позволяет добиться одинакового отображения информации независимо от аппаратуры пользователя.
EPS . Это самый удобный и универсальный способ хранения графических данных. Предназначен для передачи векторных и растровых изображений в издательские системы. Создается всеми программами, работающими с графикой. Этот формат используется только тогда, когда печать осуществляется на устройстве, поддерживающем язык PostScript. В формате EPS сохраняются данные в буфере обмена у всех графических программ фирмы Adobe. Вместе с EPS-файлами можно сохранять эскизы изображений. Эскиз – это копия с низким разрешением, которая сохраняется вместе с файлом EPS и позволяет увидеть, что находится внутри изображения. Открыть EPS-файл для редактирования могут только программы фирмы Adobe – Photoshop, Illustrator. Остальные графические программы могут открывать только в режиме просмотра.
PDF . Это независящий от графических программ формат для создания электронной документации, презентаций, а также для передачи графики через сети. PDF-файла создаются путем конвертирования из PostScript-файла или функцией экспорта. Программы Photoshop, Illustrator могут создавать только одностраничный файл PDF. Все данные в формате PDF могут сжиматься. Причем к разного типа информации применяются разные типы сжатия. Файл PDF может быть оптимизирован – из него удаляются повторяющиеся элементы, устанавливается постраничный порядок загрузки страниц с приоритетом сначала для текста, потом для графики. Формат PDF используется для передачи по сетям в компактном виде графики и текста. Особенностью многостраничных файлов является то, что они могут сдержать элементы, обеспечивающих поиск и просмотр электронных документов, а также могут содержать гипертекстовые ссылки и электронное оглавление. Наиболее удобным средством для работы с PDF-файлами является программа Acrobat. Причем есть 2 варианта этой программы: Acrobat Professional (для создания многостраничных файлов) и Acrobat Reader (для просмотра PDF-файлов).
PSD . Это внутренний формат программы Photoshop. Стал поддерживаться все большим количеством графических программ. Этот формат позволяет записывать изображение с многими слоями и дополнительными альфа-каналами, а также с каналами простых цветов и контурами и другой специфической информацией.
BMP . Растровый формат, который является родным графическим форматом Windows. Поддерживается всеми редакторами. В этом формате хранятся небольшие растровые изображения, предназначенные для использования в системе Windows. Это формат невысокого качества и с низкой степенью сжатия. Его не рекомендуется использовать не для web-дизайна, не для передачи.
PCX. Этот формат является самым известным. Практически любая программа, работающая с графикой, поддерживает этот формат. Формат PCX поддерживает метод сжатия, который обозначается RLE. Этот формат используется для штрихованных изображений и для изображений с небольшой глубиной цвета.
Файлы векторного формата особенно полезны для хранения линейных элементов (линий и многоугольников), а также элементов, которые можно разложить на простые геометрические объекты (например, текст). Векторные файлы содержат не пиксельные значения, а математические описания элементов изображений. По математическим описаниям графических форм (линий, кривых, сплайнов) программа визуализации строит изображение.
Векторные файлы структурно более просты, чем большинство растровых файлов, и обычно организованы в виде потоков данных.
Примеры наиболее распространенных векторных форматов — AutoCAD DXF и Microsoft SYLK.
WMF . Это векторный формат, который используется графическими программами ОС Windows. Этот формат служит для передачи векторных изображений через буфер обмена в среде Windows. Этот формат принимается практически всеми программами, работающими с векторной графикой. Использовать этот формат для растровых изображений нельзя. Недостатки: искажение цвета и несохранение ряда параметров, которые устанавливаются для изображений в графических программах.
AI. Внутренний формат программы Illustrator. Может открываться программой Photoshop и кроме того этот формат поддерживают все программы, связанные с векторной графикой. Этот формат является лучшим средством при передаче векторных изображений из одной программы в другую. Растровые графические элементы при передаче через AI-формат в большинстве случаев теряются.
CDR . Это внутренний формат программы Corel Draw. Этот формат имеет большую популярность, как и сам пакет программ. Многие программы могут импортировать векторные файлы в форматы Corel Draw. В формате CDR содержаться и растровые графические объекты. В этом формате применяется компрессия, причем для векторных и растровых файлов применяется разная компрессия.
Метафайлы могут хранить и растровые, и векторные данные. Простейшие метафайлы напоминают файлы векторного формата; они содержат язык или синтаксис для определения элементов векторных данных, но могут включать и растровое представление изображения. Метафайлы часто используются для транспортировки растровых и векторных данных между аппаратными платформами, а также для перемещения изображений между программными платформами.
Наиболее распространенные метафайловые форматы — WPG, Macintosh PICT и CGM.
3. Интерфейс и основные возможности графического редактора.
Графический редактор — компьютерная программа, позволяющая создавать и редактировать изображения.
Различают растровые и векторные графические редакторы.
Примером популярного растрового графического редактора является программа Microsoft paint , которая поставляется вместе с операционной системой Windows. Рассмотрим окно этой программы.
Стандартный графический редактор Paint удобно использовать для создания простых рисунков и редактирования изображений в среде Windows и включать их как OLE-объекты в другие приложения, например WordPad.
Основные возможности редактора Paint . Редактор Paint имеет возможность загрузки, редактирования и записи в файл полноэкранных изображений. Поскольку редактор поддерживает технологию OLE, то полученные рисунки можно скопировать в буфер, оформить их в виде объекта и встраивать в тексты редактора WordPad и иных Windows-приложений. При этом редактор Paint может быть как сервером, так и клиентом при динамическом обмене данными между различными приложениями.
Одна из ценных возможностей — отмена результатов последних операций. Она реализуется командой Отменить в позиции Правка Главного меню. Другая весьма ценная команда — возможность детального (с наблюдением каждого пикселя) просмотра рисунков. Для этого используется команда Масштаб в позиции Вид Главного меню. Команда Просмотреть рисунок позволяет наблюдать полноэкранное изображение.
Рис.11. Окно программы
Окно программы Paint . Графический редактор Paint одновременно может работать только с одним документом, поэтому окно документа является частью окна программы, как показано на рис. 11.
Главное меню редактора Paint содержит следующие позиции:
· Файл — такие же операции с файлами, как и в редакторе WordPad (задание нового файла, загрузка файла, запись файла с текущим и измененным именем, распечатка файла принтером), дополнены опциями: замостить рабочий стол Windows, в центр рабочего стола Windows.
· Правка — редактирование файла, работа с буфером обмена, отмена предыдущих действий и повтор результатов отмененного действия.
· Вид — управление выводом меню инструментов и цветов, панелью атрибутов текста, а также статусной строки, управление масштабом и обзором изображений.
· Рисунок — операции с выделенными изображениями (поворот, инверсия, изменение атрибутов, очистка, изменение параметров рисунка).
· Палитра — установка опций графического редактора (установка и запись палитры цветов).
· Справка — обращение к справке по графическому редактору.
Кроме стандартных элементов (заголовка и горизонтального меню), окно имеет горизонтальную и вертикальную полосы прокрутки, а также четыре специальные области:
· поле дополнительных параметров инструментов.
Рабочее поле . Центральную часть окна Paint занимает рабочее поле — участок экрана, на котором вы рисуете картинку. Размер картинки может превышать размер рабочего поля, — в этом случае на экране всегда находится лишь фрагмент изображения, и вы можете перемещаться по полю картинки с помощью стандартных полос прокрутки. Размер картинки может быть меньше рабочего поля, — в этом случае полосы прокрутки отсутствуют, а поле картинки ограничено рамкой в левой верхней части рабочего поля.
Панель инструментов . В левой части окна Paint находится панель инструментов, каждый из которых обозначен небольшой картинкой-пиктограммой. Как вы уже знаете, такая пиктограмма может представлять не только настоящий «инструмент», но и некоторую операцию, которая выполняется после выбора этого «инструмента».
Чтобы выбрать инструмент, достаточно щелкнуть на нем мышью. Пиктограмма выбранного инструмента выделяется цветом. Если вы хотите воспользоваться, скажем, ластиком, просто щелкните на нем, — пиктограмма ластика будет выделена.
Что происходит после выбора того или иного инструмента?
· Фигурные ножницы. Указатель мыши превращается в ножницы (а точнее — в нож), которыми можно вырезать (выделить) из картинки фрагмент произвольной формы.
· Прямоугольные ножницы. Указатель мыши превращается в ножницы, которыми можно вырезать из картинки прямоугольный фрагмент.
· Аэрозольный баллончик. Указатель мыши превращается в струю «аэрозольного баллончика», точно такого же, каким «работали» некоторые болельщики, малюя в подъездах лозунг «Спартак» — чемпион!». Перемещая мышь по экрану, мы окрашиваем поверхность струями точек в цвете символа, «мазками», плотность которых зависит от скорости движения указателя, а размер — от текущей ширины линии (о цвете и ширине вы узнаете далее).
· Ввод текста. После выбора этого инструмента вы должны установить указатель в точку ввода строки текста и щелкнуть мышью: появится текстовый курсор, приглашающий вас вводить символы.
· Ластик. Указатель мыши превращается в квадратный «ластик». Перемещая его, мы «стираем» участки изображения или меняем цвет символа на цвет фона.
· Заливка. Указатель мыши превращается в «баночку с краской». Если поместить его внутрь замкнутой полости и щелкнуть мышью, эта полость будет закрашена текущим цветом символа.
· Кисть. Указатель мыши превращается в «кисть». Дополнительно мы можем выбрать форму кисти. Рисование таким указателем ничем не отличается от рисования обычной кистью (или, если хотите, «карандашом»).
· Кривая линия. Выбор этого инструмента дает нам возможность нарисовать указателем прямую линию, а затем изогнуть ее в причудливую дугу.
· Прямая линия. Указатель превращается в «карандаш». Этим карандашом можно проводить прямые линии под любым углом к вертикали экрана.
· Полые и окрашенные геометрические фигуры. Выбрав любой из этих инструментов, получаем возможность нарисовать курсором мыши полую или окрашенную фигуру: прямоугольник, квадрат, эллипс, окружность, многоугольник и т.д.
Палитра цветов . Палитрой называется набор цветов, который находится в нижней части окна Paint. В какой-то степени она подобна палитре художника, но если художник в любой момент может пользоваться лишь одной краской, набранной на кисть, Paint позволяет работать сразу с двумя цветами: цветом переднего плана и цветом фона. Поскольку в цвете переднего плана рисуются текстовые символы, его часто называют цветом символа или основным цветом.
В левой части палитры цветов находятся два наложенных друг на друга прямоугольника. Малый прямоугольник (в центре большого) окрашен текущим цветом символа, а большой — текущим цветом фона. После запуска Paint цвет символа — черный, цвет фона — белый.
В любой момент можно изменить эти цвета. Для выбора текущего цвета символа щелкните левой кнопкой мыши на любом из цветов палитры, а для выбора цвета фона щелкните правой кнопкой мыши на любом из цветов.
Как используются эти цвета при создании картинки?
· Цветом символа вводятся текстовые символы, рисуются линии, дуги и контуры полых фигур (прямоугольник, эллипс, многоугольник). В цвете символа работают кисть и аэрозольный баллончик, этим же цветом закрашиваются полости прямоугольника, эллипса и многоугольника; заливка закрашивает цветом символа любые замкнутые полости.
· Цветом фона окрашиваются контуры символов текста и контуры закрашенных фигур (прямоугольника, эллипса и многоугольника).
Поле дополнительных параметров инструментов . При выборе некоторых инструментов в левом нижнем окне панели появляется некоторое табло с альтернативами, как показано на рис. 12.
Рис. 12. Альтернативные варианты параметров некоторых инструментов
Табло (1) появляется при выборе инструментов «Выделение произвольной области», «Выделение» и «Надпись» (Ввод текста). Можно указать один из двух режимов работы данного инструмента: непрозрачный фон (верхний прямоугольник) или прозрачный фон. Если выбран непрозрачный фон, при перемещении фрагмент полностью накрывает существующую картинку, т.е. фон фрагмента используется. Если выбран прозрачный фон, при перемещении цвет фона фрагмента не используется, т.е. фон существующей картинки просвечивает через фрагмент. Подобным же образом выбор модели фона влияет на ввод текста поверх изображения.
Табло (2) появляется при выборе инструмента «Ластик/Цветной ластик» и позволяет указать размер ластика.
Табло (3) появляется при выборе инструмента «Масштаб» и позволяет указать масштаб увеличения картинки (100%, 200%, 600%, 800%).
Табло (4) дает возможность выбрать форму инструмента «Кисть», а табло (5) -размер «мазка» инструмента «Распылитель».
Табло (6) определяет ширину линии при работе с инструментами «Линия» и «Кривая».
Табло (7) позволяет выбрать один из трех способов рисования любой из четырех геометрических фигур: прямоугольника, многоугольника, эллипса и «скругленного» прямоугольника. Щелкнув на верхнем образце в табло, вы сможете нарисовать полую фигуру с контуром в цвете символа; средний образец позволяет нарисовать окрашенную цветом фона фигуру с контуром в цвете символа, а нижний образец — окрашенную цветом фона фигуру без контура.
Сохранение и загрузка изображений . Изображение сохраняется в файлах растрового формата с расширением .BMP, JPG, GIF, TIFF и PNG. Операции загрузки (открытия) и сохранения этих файлов подчиняются строгому стандарту Windows (команды Открыть. Сохранить и Сохранить как. пункта Файл меню Paint).
Основы техники редактирования графики в Paint . После запуска программы на экране раскрывается окно Paint. Основной инструмент при работе с изображением в Paint — мышь. Клавиатура используется чаще всего лишь для ввода текста.
1. Вместо ластика и цветного ластика в Paint используется один инструмент: если удерживать нажатой левую кнопку мыши, в вашем распоряжении — простой ластик, если правую – цветной ластик.
2. Заливка работает в принципе так же, как валик в Paintbrush, однако при щелчке правой кнопкой мыши замкнутая область заполняется цветом фона.
3. Инструмент «Выбор цветов», который отсутствовал в Paintbrush, позволяет скопировать цвет избранного участка изображения в другую область рисунка. Выберите инструмент, щелкните на объекте, цвет которого скопировать, а затем рисуйте новым цветом символа.
4. С помощью инструмента «Масштаб» можно увеличить видимую часть изображения в 2, 6, 8 раз.
5. Инструмент «Карандаш» позволяет рисовать произвольные фигуры в цвете символа линиями толщиной в один пиксель.
6. Инструменты «Кисть» и «Распылитель» работают в целом так же, как соответствующие инструменты Paintbrush. Однако, если при распылении удерживать нажатой левую кнопку мыши,- напыление идет в цвете символа, если правую — в цвете фона.
7. Для ввода текста:
· щелкните на инструменте «Надпись»;
· нарисуйте текстовую рамку;
· щелкните внутри рамки и наберите текст.
Шрифт, размер и стиль шрифта можно выбрать с помощью панели атрибутов текста. Эта панель появится на экране после установки флажка «Панель атрибутов текста» в пункте меню Вид или в контекстном меню.
Дополнительные возможности графического редактора .
1. Чтобы редактировать детали (по пикселям), можно просто увеличить видимую часть изображения командой Вид-Масштаб и там же включить флажок «Показать сетку». Если одновременно установить флажок «Показать эскиз», на экране в рамке будет отображаться редактируемый участок в натуральную величину. Кроме того, изображение можно увеличить с помощью инструмента «Масштаб» (в 2, 6, 8 раз).
2. В пункте меню Рисунок имеются команды отразить/повернуть. и растянуть/наклонить. работающие как с выделенным фрагментом, так и со всей картинкой. Первая команда позволяет отразить картинку (слева направо или сверху вниз), а также повернуть на угол 90, 180, 270 градусов. Вторая команда позволяет изменить пропорции изображения: растянуть по горизонтали или по вертикали (коэффициент «растяжения» задается в процентах) и (или) наклонить по горизонтали или по вертикали (наклон задается в градусах).
3. При вставке в картинку содержимого буфера обмена или рисунка из другого файла можно не беспокоиться о размере вставляемого изображения: Paint не обрежет его, даже если оно не уместится в рабочем поле окна.
4. В Paint имеется возможность очистить выделенный фрагмент рисунка (команда Правка-Очистить выделение). Чтобы очистить все изображение (при отсутствии выделенных фрагментов), выберите команду Рисунок-Очистить.
5. В редакторе Paint можно отменить не одну, а три последовательно выполненные операции.
4. Компьютерные презентации с использованием мультимедиа технологий.
Мультимедиа презентация — это уникальный и самый современный на сегодняшний день способ представления информации. Это программный продукт, который может содержать текстовые материалы, фотографии, рисунки, слайд-шоу, звуковое оформление и дикторское сопровождение, видеофрагменты и анимацию, трехмерную графику. Основным отличием презентаций от остальных способов представления информации является их особая насыщенность содержанием и интерактивность, т.е. способность определенным образом изменяться и реагировать на действия пользователя. Кроме того, презентация может быть ключом к Вашему сайту. Т.е. при наличии доступа к сети Интернет во время просмотра презентации одним щелчком мыши можно получить самую свежую информацию с сайта компании. Вариант презентации может быть размещен в сети Интернет.
Multimedia технология (multi – много, media – среда) позволяет одновременно использовать различные способы представления информации: числа, текст, графику, анимацию, видео и звук.
Важнейшей особенностью мультимедиа технологии является интерактивность – способность пользователя влиять на работу информационного средства.
В последнее время создано много мультимедийных программных продуктов: энциклопедии, обучающие программы, компьютерные презентации и т.д.
Во время лекции, доклада или на иных выступлениях, как правило, используют средства наглядной демонстрации: плакаты, пособия, лабораторные опыты. Для этой же цели применяют диапроекторы, кодоскопы, демонстрирующие слайды графических рисунков на экран. Появление компьютера и мультимедийного проектора позволило перейти к подготовке и показу иллюстративного материала в виде презентации, которая сочетает все необходимые моменты по организации качественного сопровождения выступления докладчика, включая звук, видео и анимацию.
За последнее десятилетие в мире произошла компьютерная революция. Компьютеры основательно вошли в нашу жизнь. Многие сферы деятельности человека невозможно представить без помощи компьютера. Бизнес, как одна из самых динамичных областей деятельности, тоже не остался в стороне от этого процесса. В этой ситуации возникает вопрос, как на компьютере максимально удобно и эффективно представить нужную вам информацию для другого человека, чтобы облегчить его общение с компьютером, привлечь его внимание, заинтересовать. Здесь очень большую помощь могут оказать современные мультимедиа технологии.
Известно, что человек большую часть информации воспринимает органами зрения (~80%), и органами слуха (~15%) (это давно замечено и эффективно используется в кино и на телевидении). Мультимедиа технологии позволяют воздействовать одновременно на эти важнейшие органы чувств человека. Сопровождая динамический визуальный ряд (слайд-шоу, анимацию, видео) звуком, мы можем рассчитывать на большее внимание со стороны человека. Следовательно, мультимедиа технологии позволяют представлять информацию в максимально эффективном виде.
В отличие от видео, мультимедиа технологии позволяют управлять потоком информации, т.е. могут быть интерактивны. Мультимедиа презентации дают прямой доступ к информации. Пользователь может сразу видеть все содержание и переходить к тому, что его заинтересовало. Извлечение информации не будет связано с большими затратами труда и времени.
В отличие от других видов представления информации мультимедиа презентации могут содержать десятки тысяч страниц текста и тысячи рисунков и фотографий, несколько часов видео и аудио записей, анимацию и трехмерную графику, при этом обеспечивая низкую стоимость тиражирования и длительный срок хранения.
Среди имеющихся в настоящее время инструментальных систем можно найти различные по спектру предоставляемых возможностей и сложности освоения, но обладающие одним общим недостатком: это коммерческие программные продукты, которые нужно где-то найти в продаже и заплатить за них достаточно «весомые» деньги. Однако, в большинстве случаев, требуется разрабатывать сравнительно несложные мультимедиа-приложения, «презентационного» характера, интерактивность которых сводится лишь к реализации произвольной (нелинейной) траектории просмотра карточек. В этом случае вполне достаточно более простых средств, например, входящего в комплект общераспространенного сегодня пакета MicrosoftOffice стандартного приложения PowerPoint, рассматриваемого в этом случае уже не просто как система для подготовки коммерческих и др. презентаций, а как хотя и простая, но полноценная инструментальная среда.
Требования к оформлению слайдов.
Все заголовки должны быть выполнены в едином стиле (цвет, шрифт, размер, начертание). Текст слайда для заголовков должен быть не менее 24 пунктов. Точку в конце не ставить. А между предложениями ставить.
Выбор шрифтов и стиля изложения.
Для оформления презентации следует использовать стандартные, широко распространенные пропорциональные шрифты, такие как Arial, Verdana, TimesNewRoman. В одной презентации допускается использовать не более 2 – 3 различных шрифтов. Размер шрифта для информационного текста 18-22 пункта. Шрифт менее 16 пунктов плохо читается при проекции на экран. Чрезмерно крупный размер шрифта затрудняет процесс беглого чтения. Жирный шрифт, курсив и CAPS LOCK используйте только для выделения.
Используйте минимум текста. Текст не является визуальным средством. Ни в коем случае не стоит стараться разместить на одном слайде как можно больше текста. Не переписывайте в презентацию свой доклад. В идеале вообще ни одно слово доклада не должно дублироваться на слайдах кроме темы и имен собственных, названий графиков и таблиц. Демонстрация презентации на экране это вспомогательный инструмент, иллюстрирующий вашу речь.
Сокращайте предложения. Чем меньше фраза, тем она быстрее усваивается.
Текст на слайдах форматируется по ширине. Подчеркивание НЕ используется, т.к. оно в документе указывает на гиперссылку. Элементы списка отделяются точкой с запятой. В конце обязательно ставится точка. После двоеточия все элементы списка пишутся с маленькой буквы!
На схемах текст лучше форматировать по центру. В таблицах – по усмотрению автора. Обычный текст пишется без использования маркеров списка. Выделяйте главное в тексте другим цветом.
Цветовая гамма и фон.
Для презентации изначально необходимо подобрать цветовую гамму: обычно это 3-5 цветов, среди которых есть как теплые, так и холодные. Любой из этих цветов должен отлично читаться на выбранном ранее фоне.
Назначив каждому из текстовых элементов свой цвет, например: крупным заголовкам – красный, мелким заголовкам – зеленый, подрисуночным подписям – оранжевый и т.п., нужно следовать такой схеме на всех слайдах.
Выделение различными цветами слов в составе заголовка или абзаца основного текста допускается только с целью акцентирования на них внимания: например, если вводится новый термин или приводятся важные численные значения. «Раскрашивание» текста только из эстетических соображений может, как и неудачный выбор шрифтов, привести к отвлечению внимания слушателей. Основной текст рекомендуется набирать нейтральным цветом — черным, белым или серым различных оттенков, в зависимости от яркости фона. Избегайте использования текста, графики и фона одного цвета, со сходной насыщенностью цвета и одинаковой яркости. Поддерживайте высокий контраст.
Слайды могу иметь монотонный фон, а также фон-градиент или фон-изображение. Избегайте фонов, перегруженных графическими элементами. Картинки на заднем плане, полоски, клеточки – это лишняя нагрузка для глаза.
Иллюстрируйте презентацию рисунками, фотографиями, наглядными схемами, графиками и диаграммами. Яркие картинки привлекают внимание эффективнее, чем сухой текст.
Изображению всегда следует придавать как можно больший размер; если это возможно, иллюстрации стоит распределить по нескольким слайдам, нежели размещать их на одном, но в уменьшенном виде. Иллюстрации должны быть подписаны. Размер шрифта для надписей – обозначений на рисунке на объектах не ниже 12 пункта.
У диаграммы должно быть название или таким названием может служить заголовок слайда; диаграмма должна занимать все место на слайде; линии и подписи должны быть хорошо видны.