Використання Lolly

Практичний посібник із того, як власне користуватися застосунком — відкрити інструмент, попрацювати на полотні, експортувати, зберегти та поділитися. Усе тут працює на вашому пристрої: без облікового запису, без завантаження на сервер, без потреби в інтернеті після першого запуску.

Уперше тут? Швидкий старт дасть вам створити щось за лічені хвилини, а Lolly для операторів охоплює встановлення та розгортання застосунку; ця сторінка — про те, як керувати ним після відкриття.

Як відкрити інструмент

Головний екран — це галерея: усі інструменти, згруповані за категоріями. Клацніть картку, щоб відкрити інструмент; якщо ви вже працювали з ним раніше, кнопка Продовжити відновить вашу останню сесію. Скористайтеся полем пошуку, щоб фільтрувати за назвою, — або Пошуком на панелі внизу шести екранів зі списками (галерея, Утиліти, Проєкти, Каталог, Панель керування та Профіль), який охоплює вашу збережену роботу, каталог і налаштування, а не лише інструменти. Усередині інструмента ця панель поступається місцем його власному інтерфейсу.

Галерея інструментів - кожен інструмент як картка, згруповані за категоріямиsigned by Lollyvector SVGПеревірте саміGet the signed file281 paths~38k nodes443 groups6 images2 269 KBГалерея інструментів - кожен інструмент як картка, згруповані за категоріямиsigned by Lollyvector SVGПеревірте саміGet the signed file281 paths~38k nodes443 groups6 images2 265 KBTry it in the app

Кожен інструмент — це розділений вигляд: елементи керування з одного боку та живий попередній перегляд (полотно) з іншого. Змініть будь-який елемент керування — і попередній перегляд оновиться миттєво.

Розділений вигляд інструмента - панель керування зліва, і жива згрупована стовпчикова діаграма, яку вона малює справаsigned by Lollyvector SVGПеревірте саміGet the signed file23 paths372 nodes11 groups21 KBРозділений вигляд інструмента - панель керування зліва, і жива згрупована стовпчикова діаграма, яку вона малює справаsigned by Lollyvector SVGПеревірте саміGet the signed file23 paths372 nodes11 groups21 KB

Кілька інструментів (як-от Design) натомість відкриваються як вільне полотно — поверхня без зайвого інтерфейсу з прямим маніпулюванням, де ви перетягуєте, змінюєте розмір, обертаєте та прив'язуєте блоки тексту, фігур і зображень, а подвійним клацанням редагуєте текст на місці. Воно експортується тим самим шляхом рендерингу, що й будь-який інший інструмент, тож полотно і є файл. Див. Вільне полотно нижче.

Два способи привести саму сітку до потрібного вам вигляду:

Кінець сітки інструментів із розкритими прихованими інструментами: приглушена картка QR Code Generator, а поряд сіра плитка, яка повернула її у вигляд, тепер із написом Hide hidden toolssigned by Lollyvector SVGПеревірте саміGet the signed file251 paths~29k nodes440 groups658 KBКінець сітки інструментів із розкритими прихованими інструментами: приглушена картка QR Code Generator, а поряд сіра плитка, яка повернула її у вигляд, тепер із написом Hide hidden toolssigned by Lollyvector SVGПеревірте саміGet the signed file247 paths~29k nodes439 groups1 image729 KB

Ask Lolly

Коли легше запитати, ніж шукати, Ask Lolly (#/ask) приймає набране запитання і повертає відповідний розділ цієї документації дослівно — власними словами посібників, не переказом і не згенерованим текстом — із зазначенням сторінки, звідки він узятий, і кнопкою Відкрити в документації поруч. Під відповіддю стоять місця в застосунку, яким відповідає те саме запитання: інструмент, налаштування, збережений проєкт, кожне як кнопка, що просто веде туди.

Транскрипт — це пам'ять сесії: поставте уточнювальне запитання, і гілка нарощується під час роботи, а після перезавантаження вона починається з чистого аркуша. Результати пошуку внизу мають рядок *Ask Lolly: ваш запит*** — під усіма конкретними збігами, які знайшли інші групи, — що передає запитання прямо туди, тож ви можете почати в рядку пошуку і завершити тут.

Полотно (попередній перегляд)

Попередній перегляд завжди показує саме те, що буде експортовано.

Комп'ютер

HUD масштабу в кутку полотна - мінус, живий відсоток, плюс, Fit, далі перемикачі теми та звукуsigned by Lollyvector SVGПеревірте саміGet the signed file5 paths199 nodes11 groups7 KBHUD масштабу в кутку полотна - мінус, живий відсоток, плюс, Fit, далі перемикачі теми та звукуsigned by Lollyvector SVGПеревірте саміGet the signed file5 paths186 nodes11 groups7 KB

Дотик

Клацніть, щоб перейти до елемента керування: клацніть будь-який елемент дизайну — і відповідне поле на бічній панелі отримає фокус та прокрутиться у видиму область; для повторюваної групи рядків воно розгорне саме той рядок, який ви клацнули, тож редагувати те, що бачите, — це один дотик.

Зміна розмірів завжди повертає вигляд до охайного вписування.

Вільне полотно (Design)

Інструменти з вільним полотном додають робочу поверхню навколо монтажної області, наче монтажний стіл дизайнера:

Design's free canvas - the artboard with its surrounding pasteboardsigned by LollyPNGПеревірте саміGet the signed filepixels, not shapes543 KBDesign's free canvas - the artboard with its surrounding pasteboardsigned by LollyPNGПеревірте саміGet the signed filepixels, not shapes490 KB

Віддзеркалити вибір. Клацніть правою кнопкою по будь-якому боксу і виберіть Flip horizontal або Flip vertical, щоб віддзеркалити його на місці, або натисніть Shift+H / Shift+V на клавіатурі - Shift, тому що сам V це інструмент Pointer. Кожен обраний бокс дзеркалиться по своїй осі за один крок скасування, і дзеркальне відображення - це справжня трансформація, тож вона зберігається в експортованому SVG, PDF і PNG, а не тільки на полотні.

Малювання власних фігур (перо)

Блоки, кола та рамки із заокругленнями покривають більшість макетів. Коли потрібна фігура, якої в цьому списку немає, намалюйте її: кнопка Перо на панелі (або клавіша P) вмикає режим малювання. Три окремі клавіші перемикають режими — V повертає до вказівника, P дає перо, N — інструмент вузлів (Редагувати точки), — і вказівник завжди є виходом із будь-якого з них.

Панель інструментів вільного полотна: ручка для перетягування, меню Lolly, далі Pointer, Add a box, Pen, Edit points, Line, Timeline, Artboards і Auto-arrangesigned by Lollyvector SVGПеревірте саміGet the signed file36 paths206 nodes31 groups22 KBПанель інструментів вільного полотна: ручка для перетягування, меню Lolly, далі Pointer, Add a box, Pen, Edit points, Line, Timeline, Artboards і Auto-arrangesigned by Lollyvector SVGПеревірте саміGet the signed file36 paths206 nodes31 groups22 KB

Результат — звичайний блок на полотні. Пересувайте його, змінюйте розмір, обертайте, групуйте, вирівнюйте, змінюйте порядок, задавайте заливку, градієнт, тінь чи прозорість — контур поводиться як будь-який інший блок, і жоден із цих елементів керування не ставиться до нього інакше.

Він з'являється вже пофарбованим. Перший намальований контур бере заливку та обведення, які ваш бренд дає контуру, а далі кожен новий контур бере те, що ви використали востаннє — задайте заливку один раз і малюйте далі, замість перефарбовувати кожну фігуру. (В інструменті, чий бренд нічого не каже про контури, намальований контур обводиться тим кольором, у якому ви бачили його під час малювання, тож він ніколи не буває невидимим.)

Повернутися до редагування точок. Двічі клацніть фігуру (або скористайтеся Редагувати точки на панелі об'єкта) — і точки повернуться. Тягніть точку, щоб пересунути її, тягніть ручку, щоб змінити її напрямок, клацніть будь-де на кривій, щоб вставити точку, обведіть рамкою групу точок і натисніть Delete, щоб видалити вибрані. Контур завжди зберігає щонайменше дві точки, тож випадково видалити його повністю не вийде.

Тип сплайна визначає, яка саме крива проходить через ваші точки, і це той вибір, який варто розуміти:

ТипЩо він робить
Плавний (авто)Типовий. Сам обчислює довжини ручок, тож звичайне клац-клац-клац дає справді плавну криву без вовтузіння з ручками. Якщо ви все ж задасте ручку, вона зафіксує напрямок, а довжина залишиться за кривою.
Керівні точки БезьєКласичне перо. Ручки є контрольними точками, і вставлення точки ніколи не зсуває криву.
Через точкиПроходить точно через кожну поставлену вами точку, без ручок.
B-сплайнТече поблизу точок, а не крізь них, для м'якшої форми.
Прямі лініїЛамана.

Перемикання наявного контуру на тип, який сам обчислює свої ручки, спершу перепитує, бо задані вами довжини ручок відновити неможливо — перехід на Керівні точки Безьє завжди без втрат. Під час малювання запиту немає: перемикання застосовується прямо до чернетки, і всі вже витягнуті ручки йдуть разом із нею. На типах, які володіють своїми ручками, вставлення точки трохи змінює форму кривої; на Керівних точках Безьє — ні.

Кожна точка також несе правило неперервності, показане її формою на полотні: квадрат для Corner (ручки рухаються незалежно), коло для Smooth (ручки лишаються на одній лінії), коло з обідком для Symmetric (на одній лінії й однакової довжини). Задайте його для будь-яких вибраних точок — і крива одразу його виконає.

Два контури пера, відрендерені прямо з посилання: обведена S-подібна крива та замкнена залита плямаsigned by Lollyvector SVGПеревірте саміGet the signed file5 paths38 nodes7 groups5 KBДва контури пера, відрендерені прямо з посилання: обведена S-подібна крива та замкнена залита плямаsigned by Lollyvector SVGПеревірте саміGet the signed file5 paths38 nodes7 groups5 KB

Намальований контур подорожує в посиланні, як і все інше, тож намальована вами фігура знову відкриється зі спільного посилання й ідентично відрендериться з CLI. Ніщо в ній не залежить від редактора.

Комбінування фігур (операції з контурами)

Виберіть дві чи більше фігур, клацніть правою кнопкою на полотні (двома пальцями на сенсорному екрані) — і меню запропонує операції, яких ви очікуєте від графічного редактора:

Ще три працюють з однією фігурою: Перетворити обведення на контур… робить з обведення залиту фігуру того самого абрису (зручно, коли треба зберегти товщину точно такою, як намальовано), Зміщення контуру… розрощує силует назовні або, з від'ємним числом, стискає його всередину, а Спростити перебудовує контур із меншою кількістю сегментів за тієї самої форми.

Півмісяць і кільце зі справжнім отвором, обидва отримані через Subtractsigned by Lollyvector SVGПеревірте саміGet the signed file5 paths47 nodes7 groups5 KBПівмісяць і кільце зі справжнім отвором, обидва отримані через Subtractsigned by Lollyvector SVGПеревірте саміGet the signed file5 paths47 nodes7 groups5 KB

Результат — новий контур, який можна далі редагувати пером. Отвори є справжніми отворами: елемент керування Правило заповнення на панелі обведення визначає, чи контури, що перекриваються, заливаються (non-zero), чи пробивають наскрізь (even-odd).

Дві речі ці операції свідомо не роблять. Вони відмовляють, а не руйнують: попросіть перетнути дві фігури, які не перекриваються, — і вам скажуть, що зберігати нічого, і нічого не зміниться. А текстові блоки та блоки зображень не мають абрису, з яким можна працювати, тож їх залишають без змін, а не апроксимують їхньою рамкою. Скомбінований результат зберігається як звичайні криві Безьє — так само робить і графічний редактор, — тож початковий тип сплайна операцію не переживає.

Таймлайн (Sequence Studio)

The timeline with the music clip selected: its strip runs along the bottom with Speed, Fades, Volume, Pan, EQ, Pitch, Normalize volume and the Effect slotsigned by Lollyvector SVGПеревірте саміGet the signed file104 paths~7.2k nodes157 groups2 images97 KBThe timeline with the music clip selected: its strip runs along the bottom with Speed, Fades, Volume, Pan, EQ, Pitch, Normalize volume and the Effect slotsigned by Lollyvector SVGПеревірте саміGet the signed file104 paths~7.2k nodes157 groups2 images97 KB

Sequence Studio додає вільному полотну час. Кожен блок може починатися в певний момент, тривати певний час і анімуватися на вході та виході, а таймлайн, закріплений під монтажною областю, — це місце, де ви їх розставляєте. Відкрийте його — і послідовність уже грає: титульна картка, кліп, кінцева картка, нижня третина та музична підкладка, — тож модель видно ще до того, як ви щось змінили.

Стрічка часу Sequence Studio: транспорт, лінійка, доріжка накладання, магнітний ряд послідовності з його кліпами та чипами швів і смуга Always onsigned by Lollyvector SVGПеревірте саміGet the signed file73 paths~5.4k nodes115 groups80 KBСтрічка часу Sequence Studio: транспорт, лінійка, доріжка накладання, магнітний ряд послідовності з його кліпами та чипами швів і смуга Always onsigned by Lollyvector SVGПеревірте саміGet the signed file73 paths~5.4k nodes115 groups80 KB

Є два види рядків, і різниця між ними — це вся суть:

Сцена редагування: артборд у центрі, панель інструментів зліва і HUD масштабування в куткуsigned by Lollyvector SVGПеревірте саміGet the signed file19 paths852 nodes30 groups20 KBСцена редагування: артборд у центрі, панель інструментів зліва і HUD масштабування в куткуsigned by Lollyvector SVGПеревірте саміGet the signed file19 paths839 nodes30 groups20 KB

Відкриття таймлайна віддає йому клавіатуру, тож Space і клавіші зі стрілками керують повзунком відтворення, а не сторінкою, — і оскільки він відкривається сам на композиції, яка вже має хронометраж, це справджується щойно Sequence Studio завантажиться.

Редактор послідовностей докладніше розглядає чотири речі, від яких залежить, чи редагування в часі відчувається передбачуваним: який кліп редагує клацання по полотну, «цибулинні» силуети сусідніх кліпів, область дії розділення та Join, що скасовує розріз, і обрізання (зокрема з клавіатури). Натисніть ?, коли таймлайн у фокусі, щоб побачити перелік скорочень.

Редагування. Тягніть середину кліпу, щоб пересунути або переупорядкувати його, тягніть у межах кількох пікселів від будь-якого кінця, щоб обрізати його, і натисніть Розділити на позиції повзунка (або S), щоб розрізати один кліп на два. Розділення потребує кліпу зі справжньою Довжиною і повзунка трохи всередині нього, тож незавершений кліп (наприклад, музична підкладка) розділити не можна. Прив'язка до країв увімкнена за замовчуванням і прив'язує до країв кліпів, повзунка та цілих секунд, а Alt її перевизначає. Кожне перетягування — один крок скасування, і попередній перегляд перетягування виконує ту саму арифметику, що й фіксація, тож що ви бачите під час перетягування, те й отримаєте.

Виберіть кліп — і інспектор дасть ті самі правки числами: Довжина, Обрізати початок (наскільки глибоко в джерелі він починається), Швидкість як набір фіксованих множників від ×0.25 до ×4, Анімація появи / Анімація зникнення з їхніми тривалостями і Вимкнути звук кліпу. Кліп на магнітному ряді свідомо не має поля Початок — порядком володіє ряд, тож пересувати його треба перетягуванням.

Переходи — це пресети, а не ключові кадри: Згасання, Виринути, Розширити, Підйом, Скинути, чотири Зсуви, Збільшити та Зменшити, Нахил, Розмах, Обертання, Дрейф або Різкий перехід (без анімації). Відстані масштабуються разом з об'єктом, тож той самий пресет коректно читається і на повнокадровій картці, і на маленькому бейджі. Між двома сусідніми кліпами в ряді послідовності є чип стику: клацніть його і виберіть Різкий перехід або Плавний перехід, що застосується одразу і закриється. Відкрийте той самий чип ще раз, щоб змінити Довжину (мс), і натисніть Готово. Плавний перехід зберігається як згасання одного кліпу і поява наступного, а експорт виводить із цієї пари справжнє розчинення — саме тому плавний перехід у попередньому перегляді виглядає як два згасання, а у файлі як справжня передача.

Звук. Додайте кліп Аудіо — і він житиме на таймлайні, як будь-який інший кліп: хвиля, обрізання, вимкнення звуку. (Згенерована підкладка, з якою постачається типова сесія, — єдиний виняток: вона синтезується під час експорту, тож її смуга залишається простою й беззвучною, доки ви не відрендерите.) Натисніть мікрофон, щоб записати озвучення прямо на таймлайн, зі зворотним відліком та індикатором рівня, і дубль збережеться як ваш власний ресурс у точці, де ви почали. Так само натисніть камеру поруч, щоб записати відео: під час запису дубль одразу обрізається до розміру експорту монтажної області, тож маленьке зображення з камери показує точно те, що на весь кадр потрапить у послідовність на позиції повзунка — це спосіб зібрати кліп колеги за спільним посиланням. Музика, репліки та власна звукова доріжка кліпу — усе потрапляє в експортований мікс. (Аудіодоріжка на панелі експорту — це інше: одна підкладка під усім кліпом, із загасанням і приглушенням. Вони співіснують.)

Рендеринг. Експорт руху — це детермінований композит, а не запис екрана: кожен кадр декодується, малюється й кодується в точний момент часу, тож файл не залежить від того, чи встигає ваша машина, і практичної межі кількості кадрів для MP4 чи WebM немає. Тривалість задає довжина самого таймлайна, якщо ви не введете свою. Content Credentials проставляються так само, як і в будь-якому іншому експорті. Експорт нерухомого зображення дає кадр на позиції повзунка або цілий контактний аркуш із поля Кадри поруч із розміром виходу — див. Експорт.

Кілька обмежень, про які варто пам'ятати: послідовність обмежена однією годиною, GIF та анімований PNG буферизують свої кадри, тож лишаються короткими, звук беззвучний на кліпі, швидкість якого не ×1 (розтягування в часі ще немає), а Запис наживо тут прихований, бо композитор — кращий шлях.

Понад пресети: ключові кадри, глибина та камера. Перехід анімує кліп при його появі та зникненні. Щоб поставити елемент у певну позу всередині кліпу - зсунути, приглушити, розмити, підняти над сторінкою й опустити назад - додайте ключові кадри: виберіть кліп, натисніть +Ключовий кадр (ромб у групі інструментів таймлайну, ромб на панелі об’єкта полотна або K), і позиція повзунка відтворення вирішує, яку позу записує ваша наступна правка. Та сама система ключових кадрів дає кожній таймованій композиції камеру, що наближає, панорамує та переносить фокус, перетворюючи один плаский SVG на стос шарів, між якими можна пролітати. Анімація - це повний посібник.

Інструмент Design має той самий таймлайн, тож ви можете задати хронометраж макета, не переходячи до іншого інструмента, і він теж експортує рух.

Презентація

The inspector's Document section: Voice, Blend with, Speed, Lead-in, Tail and Show captions when presentingsigned by Lollyvector SVGПеревірте саміGet the signed file29 paths~4.4k nodes56 groups2 images57 KBThe inspector's Document section: Voice, Blend with, Speed, Lead-in, Tail and Show captions when presentingsigned by Lollyvector SVGПеревірте саміGet the signed file29 paths~4.4k nodes56 groups2 images57 KB

Документ Design, зроблений із монтажних областей, — це вже готова презентація. Відкрийте меню Lolly на панелі інструментів і виберіть Презентувати — останній рядок — і кожна монтажна область стане повноекранним слайдом у тому порядку, у якому монтажні області стоять на полотні. Презентація працює на копії відрендерених монтажних областей, тож редактор під нею ніколи не змінюється, а вихід повертає вас рівно туди, де ви були.

Презентація — це також посилання. ?present відкриває одразу в ній, s= називає слайд — позицію, ідентифікатор монтажної області або id.step для кроку побудови, — і адреса оновлюється, поки ви рухаєтеся, тож ви надсилаєте саме той слайд, на якому перебуваєте. Авторам інструментів: ці параметри описано на сторінці URL-режим.

На телефоні

На вузьких екранах компонування переформатовується в один стовпець:

Інструмент на екрані завширшки з телефон - елементи керування як панель угорі, згенерована палітра заповнює попередній перегляд нижче, а пігулка рендеру плаває внизу по центруsigned by Lollyvector SVGПеревірте саміGet the signed file61 paths~2.9k nodes128 groups2 images72 KBІнструмент на екрані завширшки з телефон - елементи керування як панель угорі, згенерована палітра заповнює попередній перегляд нижче, а пігулка рендеру плаває внизу по центруsigned by Lollyvector SVGПеревірте саміGet the signed file61 paths~2.9k nodes128 groups2 images72 KB

Елементи керування (поля вводу)

Інструменти показують лише ті поля вводу, які мають змінюватися — усе інше (кольори, компонування, типографіка, логіка) зафіксовано автором інструмента, тож усе, що ви створюєте, відповідає правилам, які встановив автор. Поля вводу охоплюють текст, повзунки, палітри кольорів, розкривні списки, дати, засоби вибору зображень і повторювані групи рядків. Деякі згруповані під згортними секціями.

Стек елементів керування інструмента - текстове поле, тригери кольору та повзунок, і нічого понад те, що автор вирішив зафіксуватиsigned by Lollyvector SVGПеревірте саміGet the signed file19 paths~2.1k nodes45 groups1 image31 KBСтек елементів керування інструмента - текстове поле, тригери кольору та повзунок, і нічого понад те, що автор вирішив зафіксуватиsigned by Lollyvector SVGПеревірте саміGet the signed file19 paths~2.1k nodes45 groups1 image31 KB

Скидання: Очистити зміни повертає кожне поле до значень за замовчуванням.

Скасування та повторення

Cmd/Ctrl-Z робить крок назад, а Cmd/Ctrl-Shift-Z (або Cmd/Ctrl-Y) — крок уперед. Та сама пара стоїть кнопками Скасувати і Повторити в рядку над елементами керування — на вільному полотні вони натомість на панелі інструментів — і кожна сіріє, коли повертати вже нічого. Кожен крок каже, чим він був: скасуйте колір — і невелике повідомлення назве поле, яке щойно відновлено, з кнопкою Повторити всередині для дороги назад.

У живій співпраці історія залишається лише вашою. Зміна, що надходить з іншого пристрою, ніколи не потрапляє у ваш стек, тому скасувати можна лише те, що зробили ви самі.

Ваші дані та фото

Профіль (у верхньому правому куті галереї) містить ваше ім'я, контактні дані та необов'язкове фото. Інструменти, що запитують ці поля, заповнюють їх автоматично — задайте їх один раз, і ваш підпис до листа, лого-лакапи та бейджі заповнюватимуться самі. Ви все одно можете перевизначити будь-яке поле для окремої сесії. Увімкніть Використати мої дані для створення, щоб ваші дані йшли разом як автор того, що ви експортуєте.

Ваше фото та дані зберігаються лише на цьому пристрої. Профіль може бути не лише вами — це може бути команда чи роль, у яку ви час від часу входите. Див. Профілі для повної картини, зокрема про ведення кількох профілів.

Збереження та продовження

Клацніть Зберегти, щоб зберегти поточні поля вводу як сесію для цього інструмента. Ви можете тримати кілька іменованих сесій на інструмент; кнопка Продовжити кожного інструмента відкриває вашу найновішу, а кнопка історії (угорі праворуч, поряд із вашим профілем) перелічує кожну збережену сесію по всіх інструментах. Сесії зберігаються локально на пристрої. Щоб упорядкувати їх, відкрийте Проєкти (нижче).

Пігулка рендеру з двох половин - стрілка вгору, що відкриває панель експорту, і галочка, що зберігає сесію на місціsigned by Lollyvector SVGПеревірте саміGet the signed file2 paths240 nodes10 groups7 KBПігулка рендеру з двох половин - стрілка вгору, що відкриває панель експорту, і галочка, що зберігає сесію на місціsigned by Lollyvector SVGПеревірте саміGet the signed file2 paths240 nodes10 groups7 KB

Проєкти

Проєкти — відкрийте їх на вкладці Проєкти поряд із Інструменти або через Профіль → Сховище → Організувати в Проєктах — це домівка для всього, що ви зберегли, і працює вона як файловий менеджер:

Проєкти - збережені сесії, упорядковані у вкладені папкиsigned by Lollyvector SVGПеревірте саміGet the signed file79 paths~7.7k nodes104 groups179 KBПроєкти - збережені сесії, упорядковані у вкладені папкиsigned by Lollyvector SVGПеревірте саміGet the signed file79 paths~7.7k nodes104 groups180 KB

Відкрите спливне вікно View and sort у Проєктах, із рядком теми, вибором вигляду Preview або List і пунктами Name, Date added та Last modified у розділі Sortsigned by Lollyvector SVGПеревірте саміGet the signed file11 paths~1.3k nodes21 groups19 KBВідкрите спливне вікно View and sort у Проєктах, із рядком теми, вибором вигляду Preview або List і пунктами Name, Date added та Last modified у розділі Sortsigned by Lollyvector SVGПеревірте саміGet the signed file11 paths~1.3k nodes21 groups19 KB

Що пропонує панель виділення, трохи різниться залежно від вигляду, бо не кожна дія має сенс усюди:

Одна пастка з назвами: Переглянути сесії існує лише тоді, коли щось вибрано. Клацання правою кнопкою по одній невибраній картці натомість пропонує N збережених сесій, що відкриває власне вікно історії цього інструмента, а не веде до Проєктів.

Дві картки інструментів позначено в галереї інструментів, з плаваючою панеллю вибору, що показує «2 вибрано» і пропонує «Доступно офлайн», «Переглянути сеанси», «Обране» і «Приховати»signed by Lollyvector SVGПеревірте саміGet the signed file278 paths~46k nodes495 groups4 images1 183 KBДві картки інструментів позначено в галереї інструментів, з плаваючою панеллю вибору, що показує «2 вибрано» і пропонує «Доступно офлайн», «Переглянути сеанси», «Обране» і «Приховати»signed by Lollyvector SVGПеревірте саміGet the signed file280 paths~46k nodes500 groups5 images1 227 KB

Як поділитися роботою

Дизайн виходить назовні одним із двох способів: як посилання або як файл. Вікно «Поділитися» пропонує обидва. Відкрийте його кнопкою Поділитися в елементах керування експортом; Посилання для спільного доступу на збереженій сесії у Проєктах відкриває те саме вікно для цієї сесії.

Посилання

Кожне поле вводу зафіксоване в URL сторінки, тож посилання і є дизайн. Угорі вікна стоїть готове до копіювання посилання, а під ним два згорнуті розділи.

Вставте посилання колезі, додайте в закладки чи закомітьте. (Повні подробиці: URL-режим.)

Деякі інструменти роблять посилання цілим продуктом. Jump Page збирає ваші посилання в одну сторінку для роздачі - посилання-візитка, доповідь на конференції, вітрина магазину. Тут нема чого хостити, і за цим не стоїть жодного облікового запису: сторінка - це і є посилання, тому вона відкривається так само швидко, як мандрує URL. У редакторі ви бачите готову сторінку поруч із полями; відвідувач, що відкриває посилання, отримує її на всю ширину, по одній сцені-посиланню за раз, гортаючи вниз.

Jump Page в редакторі - заголовок, три сцени-посилання, кожна зі своєю заливкою, і футер «Made with Lolly», викладені як одна сторінка на полотніsigned by Lollyvector SVGПеревірте саміGet the signed file12 paths~2.4k nodes28 groups30 KBJump Page в редакторі - заголовок, три сцени-посилання, кожна зі своєю заливкою, і футер «Made with Lolly», викладені як одна сторінка на полотніsigned by Lollyvector SVGПеревірте саміGet the signed file12 paths~2.4k nodes28 groups30 KB

Вікно каже, чого посилання нести не може. Три речі не вміщаються в URL: зображення чи файл, який ви додали з цього пристрою, дуже довге текстове значення та дуже великий список. Кожне з них рахується під час побудови посилання. Якщо щось довелося відкинути, вікно назве це і вкаже вам на файл нижче, замість давати посилання, яке відкриється без зображення. Посилання, яке просто довге, отримує м'якше зауваження з кількістю символів, бо пакування ще може врятувати довжину.

Файл .lolly

Завантажити .lolly у вікні «Поділитися» того інструмента, у якому ви працюєте, записує той самий дизайн як файл. Він несе збережену сесію разом із зображеннями та файлами, які ви додали зі свого пристрою. Каталожна графіка, на яку спирається дизайн, теж їде всередині, тож файл відкривається повністю на машині, яка ніколи не бачила вашого бренду. Там, де у вашого пристрою є панель спільного доступу, Надіслати до… передає цей файл прямо їй (AirDrop, спільний доступ Android), а не зберігає на диск.

.lolly — це звичайний zip. Перейменуйте його на .zip і відкрийте: ваші власні зображення лежать у assets/uploads/, а каталожна графіка — у assets/catalog/, кожна зі своєю справжньою назвою та розширенням, manifest.json перелічує всі до одної, а README вгорі каже, що це за файл.

Три речі вам вирішувати, перш ніж він піде:

Відкриття файлу. Перетягніть .lolly на застосунок: активи потрапляють у вашу бібліотеку, сеанс - у Проєкти, і інструмент відкривається на ньому. Нічого вашого не перезаписується: сеанс надходить як новий збережений слот, тоді як актив, що вже є на цьому пристрої, зіставляється за контрольною сумою і повторно використовується, а не дублюється. Кожну частину перевіряють за власними контрольними сумами файлу під час імпорту, тому копію, пошкоджену під час передавання, буде відхилено, а не імпортовано наполовину.

Якщо файл несе інструмент, якого у вас немає, Lolly питає, перш ніж дати йому запуститися: Довіряти цьому інструменту? називає його та його автора і прямо каже, що відкриття запустить власний код інструмента на вашому пристрої, а Довіряти і встановити — це шлях далі. Відмовтеся — і надіслана робота все одно збережеться у ваших проєктах і чекатиме там на день, коли ви додасте інструмент. (Один вид інструментів поки не можна встановити збоку — той, чий код постачається як модуль, — і його відхиляють так само.)

Посилання і файл обидва передають знімок стану. Щоб працювати над однією сесією одночасно з кимось іншим — два пристрої, без сервера, без потреби в інтернеті, якщо ви в одній мережі, — див. Спільна робота.

Жива камера (інструменти, що реагують на рух)

Кожен фотофільтр — Halftone, Scanline, Posterize, Voronoi cells, Colour treatment, Pixel stretch та Imperfections — показує кнопку Почати трансляцію там, де доступна камера. Увімкніть її, і ефект відстежуватиме вашу вебкамеру кадр за кадром, тож він реагуватиме на рух; результат можна записати у GIF, WebM чи MP4. Кадри зчитуються й обробляються на вашому пристрої і ніколи його не залишають, а камера звільняється щойно ви зупиняєте роботу або залишаєте інструмент. (Будь-який засіб вибору зображень також має Зробити фото, щоб зняти окремий кадр як зображення на пристрої.)

Мої зображення

Коли інструмент дозволяє додати зображення з вашого пристрою, воно зберігається точно таким, яким прийшло, — тож Content Credential на ньому все ще перевіряється, — і потрапляє до вашої особистої бібліотеки Мої зображенняПрофіль → Сховище). Лише справді величезний файл запитає, зберегти його чи змінити розмір. Використовуйте його повторно в будь-якому інструменті. Щоб вичищати EXIF/GPS у міру надходження зображень, увімкніть Видаляти метадані із завантажень у своєму профілі. Обмежень немає: бібліотека повністю локальна і обмежена лише сховищем вашого пристрою — керуйте зображеннями або видаляйте їх там.

Каталог — ваша бібліотека ресурсів

Каталог (#/c або сегмент Каталог у перемикачі Проєкти · Інструменти · Утиліти · Каталог угорі кожного вигляду зі списком) збирає все, чим можуть скористатися ваші інструменти — брендові логотипи, зображення, аудіо та рух, згруповані за видом, — і саме тут живуть ваші власні творчі файли. Без сервера, без адмінконсолі, без pull request: усе на вашому пристрої.

Каталог - брендові ресурси, зразки та шрифти, а також ваші власні завантаженняsigned by Lollyvector SVGПеревірте саміGet the signed file456 paths~43k nodes707 groups1 022 KBКаталог - брендові ресурси, зразки та шрифти, а також ваші власні завантаженняsigned by Lollyvector SVGПеревірте саміGet the signed file456 paths~43k nodes707 groups1 022 KB

Беріть свою палітру та шрифти будь-куди

Панель Зразки в Каталозі не лише показує: клацніть колір, щоб скопіювати його, або завантажте всю брендову палітру у форматі, яким говорить ваш інший інструмент:

Панель Зразки - п'ять кнопок завантаження палітри вгорі, далі кожен брендовий колір як чип, який можна скопіюватиsigned by Lollyvector SVGПеревірте саміGet the signed file196 paths~22k nodes282 groups302 KBПанель Зразки - п'ять кнопок завантаження палітри вгорі, далі кожен брендовий колір як чип, який можна скопіюватиsigned by Lollyvector SVGПеревірте саміGet the signed file196 paths~22k nodes282 groups302 KB

Панель Шрифти перелічує ваші брендові гарнітури з кнопкою завантажити біля кожної, щоб встановити локально чи передати друкарні. (Кімната «Кольори» в Brand Studio пропонує таке саме завантаження палітри.)

Ресурси — це одна половина відкритого шляху «зроби сам»; інша — створення власних інструментів: вільне полотно (Design, описане вище) дозволяє збудувати інструмент візуально, без коду.

Звук і доступність

Lolly прагне бути зручним для всіх. Інтерфейс керується з клавіатури, спеціальні елементи керування мають належні мітки для програм зчитування з екрана, а живий попередній перегляд кожного інструмента подається як єдине марковане зображення, що описує, що саме він створює.

Делікатний шар допоміжних звуків підтверджує ваші дії — прибуття в галерею, дійсна чи недійсна перевірка Content Credentials, закриття панелі, перемикання фільтра. Він вимкнений за замовчуванням: увімкніть Звук будь-де, де з'являється перемикач (спливне вікно параметрів кожного вигляду або Профіль), і вибір запам'ятається.

Чотири необов'язкові налаштування комфорту живуть у Профіль → Доступність: Зменшити рух (прибирає переходи та прикраси застосунку), Приховати кольорові попередні перегляди (спокійні картки галереї з іконкою та текстом і тихіші мініатюри проєктів), Високий контраст (сильніші рамки, текст і кільця фокуса) та Великий текст (більший шрифт застосунку — підписи, меню, текст кнопок). Усі чотири заспокоюють застосунок навколо вашої роботи: вони ніколи не сягають усередину полотна інструмента і не змінюють жодного пікселя того, що ви експортуєте, і кожне вимкнене, доки ви його не ввімкнете. Повні подробиці в Ваш профіль → Доступність.

Поряд із перемикачем звуку — Режим Neurospicy — необов'язкова, заспокійлива фонова доріжка для зосередження, що тихо грає, поки ви працюєте. Її ввімкнення відкриває невеликий док програвача в нижньому кутку, який супроводжує вас по всьому застосунку; з нього ви можете шукати й вибирати доріжку, перемотувати вперед і назад, задавати гучність, а також згортати чи закривати його. Список доріжок охоплює кілька категорій — процедурні мелодії Lolly Sings, ембієнтні петлі та біти, ваше власне завантажене аудіо та кілька живих інтернет-радіостанцій (їм потрібне з'єднання; усе інше грає офлайн). Він вимкнений за замовчуванням і, як і Звук, запам'ятовується між сесіями та пристроями. Вимкнення Звуку глушить і доріжку для зосередження.

Сховище та приватність

Усе зберігається в локальній базі даних вашого браузера (IndexedDB): ваш профіль, збережені сесії, завантажені зображення та кеш завантаженого вмісту каталогу. Профіль → Сховище показує використання і дозволяє:

Картка сховища на екрані завширшки з телефон: названо кожну категорію даних на пристрої, а внизу кнопка Clear all my datasigned by Lollyvector SVGПеревірте саміGet the signed file14 paths~2.0k nodes39 groups28 KBКартка сховища на екрані завширшки з телефон: названо кожну категорію даних на пристрої, а внизу кнопка Clear all my datasigned by Lollyvector SVGПеревірте саміGet the signed file14 paths~2.0k nodes39 groups29 KB

Жодні з цих локальних даних нікуди не передаються — без телеметрії, без хмарного рендерингу. Повний перелік того, що застосунок узагалі завантажує чи надсилає, є в Політиці приватності, а Серверна поверхня інвентаризує необов'язкові серверні компоненти.

Перехід на інший пристрій

Оскільки все живе на вашому пристрої, Профіль → Сховище → Перемістити на інший пристрій дозволяє перенести все на другу інсталяцію — без облікового запису, без хмари:

Кеш каталогу не включається — він перезавантажується сам на новому пристрої. Пакет — це звичайний zip (manifest.json + profile.json + sessions.json + assets.json + assets/blobs/… + prefs.json, id формату lolly-backup), тож він переживає email, USB чи AirDrop незмінним і має той самий формат, який зчитує кожна оболонка. Кожна частина має контрольну суму, тож файл, пошкоджений під час передачі, виявляється при імпорті, а не відновлюється наполовину зламаним. (Повна специфікація формату: Перенесення даних.)

Імпорт дизайну (Figma, Penpot, Illustrator, InDesign)

Ви можете перенести наявний дизайн у Lolly й продовжити роботу над ним: відкрийте Design, натисніть Імпортувати дизайн на панелі інструментів полотна та виберіть файл Figma .fig або SVG, Penpot .penpot, Illustrator .ai / .pdf чи InDesign .idml. Шари стають редагованими блоками на вільному полотні — текст залишається придатним для повторного набору, зображення потрапляють у Мої зображення, а шрифти й кольори узгоджуються з глобальними параметрами бренду, — після чого результат зберігається, надається спільно й рендериться, як і будь-яка інша сесія. Розбір відбувається повністю на вашому пристрої. Докладніше: Імпорт дизайну.

Експорт

Повну історію дивіться в Експорт і формати — вибір формату, розмір виходу та одиниці друку, прозорість, відео і копіювання/спільний доступ. Коротко: виберіть формат, за потреби задайте розмір і натисніть Завантажити (або Копіювати, щоб скопіювати в буфер обміну).

Пакетний режим (Batch, Pro)

Для досвідчених користувачів Batch (посилання з галереї, обмежений функціональним прапорцем Pro, який типово увімкнено) рендерить одразу багато варіацій — сітку, де кожен рядок є набором полів вводу, що експортуються разом. Ідеально підходить для локалізації картки на десяток мов або генерування всіх варіантів розміру за один прохід. Заповнюйте рядки, набираючи текст, вставляючи прямо з електронної таблиці або імпортуючи CSV (його ж можна експортувати назад), і задавайте формат, розмір та назву вихідного файлу для кожного рядка. Збережіть цілу сітку як іменовану пакетну сесію, яка знову відкривається з галереї, і завантажте всі рядки одним .zip.

Панель інструментів пакетної обробки - назва zip-файлу, одиниці, DPI та формат, який успадковує кожен рядок, з «Сеансами» та «Рендер» справаsigned by Lollyvector SVGПеревірте саміGet the signed file31 paths~1.9k nodes50 groups4 images34 KBПанель інструментів пакетної обробки - назва zip-файлу, одиниці, DPI та формат, який успадковує кожен рядок, з «Сеансами» та «Рендер» справаsigned by Lollyvector SVGПеревірте саміGet the signed file31 paths~1.9k nodes50 groups4 images34 KB

Batch призначено для генерування багатьох варіантів одного шаблону за раз. Щоб повторно відрендерити сесії, які ви вже зберегли, скористайтеся Проєкти → Рендерити папку / Рендерити виділене (вище) — Pro не потрібен.

Редагування поруч (Групове редагування)

Пакетна обробка - це багато варіантів одного дизайну. Мультиредагування - друга половина завдання: кілька різних збережених дизайнів відкрито одночасно, тож одна зміна застосовується до всіх них. Позначте від двох до восьми збережених сеансів у Проєктах і виберіть Редагувати разом на панелі вибору; вони відкриються як живі картки поруч за адресою #/multi?s=<slot>,<slot>…. Кожна картка - це справжній рендер цього сеансу, а не збережена мініатюра, тож те, що ви бачите, - це те, що буде експортовано.

Одна бічна панель керує всім:

Клацніть будь-яке полотно (або натисніть на ньому Enter) — і картка бічної панелі цієї сесії відкриється й прокрутиться у видиму область. Зберегти все записує кожну сесію назад у її власний слот. Завантажити все спершу зберігає, а потім рендерить увесь набір тим самим конвеєром, що й Рендерити виділене у Проєктах — один zip, із необов'язковим захистом паролем, який пропонується дорогою.

Два чесні обмеження. Межа «від двох до восьми» справжня: кожна картка монтує власне живе середовище виконання, і це те число, яке лишається чуйним — посилання, що просить більше (або сесію, якої вже немає), скаже про це, а не завантажиться наполовину. І посилання називає ваші збережені слоти, тож воно відкриває цей набір на цьому пристрої; це не посилання для спільного доступу.

Коли виділення більше за вісім, змішує інструменти або містить і зображення, і сесії, запасний вихід — Редагувати як таблицю на тій самій панелі виділення: воно відкриває все виділення рядками в пакетній сітці (#/pro?s=…), без обмеження за розміром і без правила одного інструмента. Папки лишаються поза обома — у них свій шлях відкриття в сітці. (Пошук — це єдине, що сюди ще не сягає: групове редагування — єдиний вигляд, про який рядок пошуку не знає.)

Офлайн та встановлення

Lolly — це PWA. Після першого завантаження вона працює офлайн — встановіть її з адресного рядка браузера (або через Add to Home Screen на мобільному) для роботи в стилі застосунку на весь екран. Вона оновлюється сама, коли ви знову онлайн.

Про оновлення: якщо якийсь вигляд раптом не завантажується одразу після оновлення (порожня панель, «не вдалося отримати» в куті), перезавантажте сторінку один раз - застосунок чисто підхоплює нову версію, а ваша робота, сеанси та бренд лишаються недоторканими. Він зберігає все на вашому пристрої, а не на сторінці.