StoryLeaf   — инструменты создания историй

17 Марта, 2012 / st Patrick's ☘

Краткая инструкция для создателя историй

— для любителей смотреть —


Пробовать-пробовать-пробовать! (: >>

— для любителей читать —


Истории StoryLeaf состоят из листов между которыми можно перемещаться как слева-направо, так и сверху-вниз.

Для сборки историй используется Конструктор Историй — редактор, позволяющий раскладывать листы на плоскости. Конструктор Историй — веб-приложение, работающее в браузере Google Chrome на PC/Mac/Linux.

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

Подготовка листов

Листы подготавливаются в виде картинок форматов JPG, PNG, GIF, сделанных в любом графическом редакторе. При подготовке изображений мы использовали Adobe Photoshop, Illustrator и InDesign. Для каждой истории может быть удобен тот или иной графический редактор.

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

Разрешение изображения для вертикального листа — 768x1004 пикселя. Это разрешение полного экрана iPad за вычетом полоски статус-бара (черненькой с часами). Изображения большего размера будут автоматически уменьшены под этот размер.

Горизонтальные листы будут поддерживаться в следующей версии редактора.

Примечание: Чтобы заранее подготовиться к появлению новых iPad-ов высокого разрешения (aka retina display) стоит готовить изображения размером — 1536x2008 пикселей. Поддержка новых iPad 2012 года в StoryLeaf будет реализована перед началом продажи этих моделей в России.

Размеры экрана: 768x1004

Бланки для эскизов: PDF1 PDF2

Загрузка изображений и Библиотека

Просто перетащите ваши подготовленные изображение в поле редактора: они загрузятся в систему редактирования и появятся в Библиотеке (нижняя полоска под голубой чертой).

Если изображение больше чем 768x1004 пикселя, то оно будет уменьшено и подрезано под этот размер.

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

Расстановка изображений в листы

Голубая рамка в основном поле (верхней части экрана) показывает место в которое будет вставлен лист.

Для вставки листа нужно кликнуть по изображению в трее и оно вставится в голубую рамку. Изображение в трее станет притушенным, чтобы показать что оно использовано.

Перемещайте голубую рамку по основному полю и вставьте все листы истории в нужном порядке.

Длинная история может не поместиться на экран. Поле можно перетаскивать мышкой, с зажатой правой кнопкой.

Чтобы удалить лист из поля истории, поставьте на него рамку фокуса и нажмите на крестик в библиотеке. Лист исчезнет из поля и «вернется» в библиотеку.

Клавиатурные шорткаты: Для перемещения рамки фокуса по экрану можно использовать клавиатурные кнопки перемещения курсора (←,↑,→,↓). Для удаления кадров из поля — английская буква "X".

Склейки

Между полями для листов находятся склейки. Ими листы соединяются друг с другом. Если грани двух листов соединяются склейкой, то через эту грань можно перейти с одного листа на другой. Если листы не соеденены склейкой, то перейти нельзя. Склейки можно включать или выключать по клику.

Склейки позволяют управлять расположением истории в пространстве (топологией). У каждой истории она своя, передающая сюжет или смысл.

Дублирование кадров

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

Для дублирования листа нужно кликнуть на иконке [+1], которая отображается на затемненном элементе в Библиотеке.

Preview

В любой момент времени мы можем посмотреть как будет выглядеть история. Для этого нужно встать (поставить голубую рамку) на любой лист в истории и нажать на кнопку [▶]. Мы можем перемещаться по истории с учетом расставленных склеек. По закрытию режима просмотра, фокус будет стоять на том кадре, на котором мы закончили перемещение.

Первый кадр

Первый кадр — это тот лист с которого начинается история. Для того чтобы его отметить нужно нажать на кнопку [◉]. Если вы не отметите первый кадр истории, она не будет иметь начала. Это неудобно.

Отметки последнего кадра истории нет, потому что любая настоящая история не имеет конца)

Много букв? — Смотрите видео << :^)

— для любителей пробовать —


Что делать дальше?

...

Поэкспериментировать с Конструктором Историй в демо-режиме. >>

Пособирать лабиринт (демо-режим с загруженными листами для строительства лабиринтов) >>

Отправить запрос на получение кода автора, и начать создавать свою историю >>