Вопросом создания интересных и зрелищных презентаций я задался еще в 2008 году, когда мне по долгу службы приходилось готовить их для своего начальства. В то время единственным доступным средством был MS PowerPoint  и вся красота презентации зависела лишь от красоты содержимого (OpenOffice Impress не подходил его из-за никудышной тогда совместимости с MS).

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

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

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

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

Справедливости ради стоит отметить, что в Inkscape есть и штатные средства для создания подобных вещей, но плагин Sozi  вносит свои коррективы в этот процесс.

Inkscape - это высококачественный профессиональный инструмент для работы с векторной графикой для Windows, Mac OS X и Linux. От себя добавлю, что я на него перешел с CorelDraw и ни разу еще не пожалел. Очень мощный инструмент и при его свободности это делает его просто находкой - низкий поклон разработчикам.

Установка плагина Sozi для Inkscape

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

"Эта страница является частью документации по Sozi 13. Так как мы в настоящее время в процессе релиза Sozi 15, содержание этой страницы считается устаревшим и будет обновляться в ближайшее время.  Если вы производите обновление с версии 13.01 или более ранних версий, вы должны удалить предыдущую версию, удалив все файлы, имена которых начинаются с Sozi из C:\Program Files\Inkscape\share\extensions .  Эти инструкции были протестированы с помощью Inkscape 0.48, Python 2.7 и PyGTK 2.24. Если вы обновляете с более ранней версии Sozi , вы можете перейти непосредственно к шагу 8.

  1. Установите Inkscape , используя 32-битную версию программы установки Windows. Место установки по умолчанию C:\Program Files\Inkscape или C:\Program Files (x86)\Inkscape
  2. Установите Python 2.7, используйте 32-битную версию программы установки по умолчанию для Windows. Место установки по умолчанию C:\Python27
  3. Установите LXML для Python 2.7 для 32-разрядных  Windows (win32-py2.7).
  4. Установите PyGTK 2.24. Выберите all-in-one  инсталлятор для Python 2.7 и 32-разрядных Windows (win32).
  5. Скопируйте папку C:\Python27 в C:\Program Files\Inkscape
  6. Переименуйте папку C:\Program Files\Inkscape\python как C:\Program Files\Inkscape\python26
  7. Переименуйте папку C:\Program Files\Inkscape\Python27 в C:\Program Files\Inkscape\python
  8. Скачайте Sozi
  9. Распакуйте архив sozi-release-[...].zip. Вы должны получить папку с именем sozi-release-[...] . Скопируйте содержимое этой папки в C:\Program Files\Inkscape\share\extensions
  10. Запустите или перезапустите Inkscape. Теперь вы должны увидеть пункт Sozi в меню расширений. "

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

Прежде всего, следует установить непосредственно редактор векторной графики Inkscape.

Внимание! Текущая версия плагина отказалась работать с inkscape 0.92, поэтому рекомендую использовать 0.91. Выкладываю архив для скачивания полного комплекта проверенных компонентов для избежания проблем (скачать).

Итак, для пользователей ОС Windows доступны дистрибутивы Inkscape в виде инсталлятора и портативной (portable) версии. На работоспособность плагина Sozi это не имеет никакого влияния. Доступны х32 и х64 версии, нам нужна только 32-битная версия, так как это требование разработчиков плагина.

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

Важно! С русской раскладкой не работают быстрые сочетания клавиш в Inkscape. Для устранения этой неприятности необходимо заменить файл "c:\Program Files (x86)\Inkscape\share\keys\default.xml" вот из этого архива (у вас путь может быть другим)!

Теперь при помощи инструкции, приведенной на указанной странице и соответствующих ссылок в ней, установите плагин Sozi для Inkscape на свой ПК.

При установке плагина на портативную  версию Inkscape важно знать, что без установки питона (шаг 2-4 инструкции) Sozi работать откажется. Если кто-то выяснит как это устранить - не стесняйтесь и пишите в комментах. Мне копаться лень, так как проблем с повторной установкой питона у меня нет.

Основные возможности и особенности Sozi

Самое главное: презентацию Sozi не корректно называть слайдшоу, так как тут вообще нет понятия слайд. Мы будем называть каждую сцену презентации фреймом. Фрейм в переводе и означает что-то вроде "экран", "рамка" или "сцена", это наиболее подходящее понятие. Рамками мы и будем оперировать на наших уроках.

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

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

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

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

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

Основной принцип работы Sozi

Все создание презентации утрировано можно описать двумя действиями:

  1. Рисуем картинку;
  2. Устанавливаем размеры и положение рамки (рамок).

Для первоначального знакомства нарисуем пару примитивов:

Построение примитивов Inkscape

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

Рамки для плагина SOZI

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

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

Свойства объекта Inkscape

В редакторе каждому объекту присваивается определенное имя. Выделите любую рамку и нажмите Shift + Ctrl + O или перейдите в меню "Объект - Свойства объекта". На панели параметров вы сможете увидеть идентификатор (имя) вашего объекта. Например, у прямоугольника rect4136. Разумеется, можно переименовать объект, но на практике - это лишняя трата времени. Sozi оперирует именами объектов.

Создаем фреймы Sozi

Выделив объект, перейдите в меню "Расширения - Sozi". Вам откроется окно со вкладкой "Presentation", где и задаются основные параметры активного слоя. Нажмите кнопку "New" - это создается новый фрейм. Справа в окне задаются параметры фрейма. Пока мы изменим только заголовок - Title: Круг (название первого примитива) и идентификатор - id: circle. Убедитесь, что в поле "SVG element" указан именно то имя объекта, которое вы посмотрели в его свойствах. У меня это "rect4136". Теперь можно нажать кнопку "ОК".

Названия фреймов и идентификаторов следует давать осмысленные и на удобном для чтения языке, так ка это очень положительно скажется на навигации презентации в будущем. Идентификатор будет являться неким адресом в скрипте, а так же будет отображен в адресной строке браузера. Его следует указывать латинскими буквами ("circle" и "triangle" в моем случае).

Используйте комбинации клавиш, чтобы ускорить работу - для дублирования объекта применяйте Ctrl + D, при этом дубль будет создан ровно с теми же координатами, что и оригинал, в то время как копирование и вставка (Ctrl + C - Ctrl + V) создаст дубликат в том месте, куда указывает курсор мыши. Проверьте как будут различаться имена объектов, созданными этими двумя способами.

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

Все известные мне браузеры могут работать в полноэкранном режиме. Так, в Google Chrome и Firefox полноэкранные режим вызывается функциональной клавишей "F11" по умолчанию. Этот режим наиболее подходит для наших презентаций.

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

Бесплатная презентация Sozi

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

Sozi создает скрываемое меню, которое можно вызвать (и скрыть) клавишей "t". Здесь как раз пригодились наши понятные title-заголовки. Однако, иногда это не работает на русской раскладке, обратите внимание. Это меню можно вызвать, кликнув по номеру фрейма.

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

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

Добавить комментарий

Защитный код

Введите код с картинки в текстовое поле