Практичний посібник із того, як власне користуватися застосунком - відкрити інструмент, попрацювати на полотні, експортувати, зберегти та поділитися. Усе тут працює на вашому пристрої: без облікового запису, без завантаження на сервер, без потреби в інтернеті для екранів, які ви вже відкрили.
Уперше тут? Швидкий старт дасть вам створити щось за лічені хвилини, а Lolly для операторів охоплює встановлення та розгортання застосунку; ця сторінка — про те, як керувати ним після відкриття.
Як відкрити інструмент
Головний екран - це галерея - усі інструменти, згруповані за категоріями. Клацніть картку, щоб почати щось нове в цьому інструменті; збережена робота знову відкривається з Проєктів. Скористайтеся полем пошуку, щоб фільтрувати за назвою - або Пошуком на панелі внизу шести екранів зі списками (галерея, Утиліти, Проєкти, Ресурси, Панель керування та Налаштування), яка охоплює вашу збережену роботу, ваші ресурси та налаштування, а не лише інструменти. Усередині інструмента ця панель поступається місцем власному інтерфейсу інструмента.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл23 paths~4.7k nodes39 groups61 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл23 paths~4.7k nodes39 groups61 KBTry it in the app
Кожен інструмент — це розділений вигляд: елементи керування з одного боку та живий попередній перегляд (полотно) з іншого. Змініть будь-який елемент керування — і попередній перегляд оновиться миттєво.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл124 paths~6.2k nodes154 groups1 image179 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл124 paths~6.2k nodes154 groups1 image179 KB
Кілька інструментів (як-от Design) натомість відкриваються як вільне полотно — поверхня без зайвого інтерфейсу з прямим маніпулюванням, де ви перетягуєте, змінюєте розмір, обертаєте та прив'язуєте блоки тексту, фігур і зображень, а подвійним клацанням редагуєте текст на місці. Воно експортується тим самим шляхом рендерингу, що й будь-який інший інструмент, тож полотно і є файл. Див. Вільне полотно нижче.
Два способи привести саму сітку до потрібного вам вигляду:
- Позначайте зірочкою те, чим користуєтеся. Позначте картку ★ — і вона отримає власну велику плитку в смузі над сіткою; див. Ваше улюблене.
- Приховайте інструмент, яким ніколи не користуєтеся. Клацніть картку правою кнопкою (або виберіть кілька і скористайтеся панеллю виділення) → Сховати інструмент. Він зникне із сітки й з того, що знаходить набір тексту в ній; сіра плитка Показати сховані інструменти (N) у самому кінці знову покаже їх, приглушеними, кожен зі своїм Показати інструмент у власному меню. Приховування стосується лише вашої сітки — інструмент і далі відкривається зі збереженого посилання чи закладки й залишається на місці для всіх інших.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл416 paths~76k nodes810 groups7 images1 815 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл416 paths~76k nodes810 groups7 images1 816 KB
За да действате върху кілька карток одразу, поставте прапорець на картці, протягніть рамку виділення по порожньому місцю або клацайте з Shift/Cmd-click, і з'явиться плаваюча панель дій. Що пропонує панель виділення, трохи різниться залежно від вигляду, бо не кожна дія має сенс усюди:
- Інструменти / Утиліти: Улюблене (або Прибрати з улюбленого), Сховати (або Показати), Доступно офлайн (або Прибрати з офлайну), Переглянути сеанси (відкриває Проєкти, показуючи лише сесії, зроблені цими інструментами) і Копіювати посилання, коли вибрано рівно одну картку.
- Ресурси: Улюблене і Сховати застосовуються до будь-якого виділення; Дублювати, Завантажити і Видалити з'являються лише тоді, коли кожен вибраний елемент є вашим власним завантаженням - спільний ресурс дизайн-системи є постійним контрактом, тож ці три залишаються недоступними для нього навіть у групових діях.
- Проєкти: див. Знайдіть і відновіть свою роботу.
Одна пастка з назвами: Переглянути сеанси існує лише тоді, коли щось вибрано. Клацання правою кнопкою по одній невибраній картці натомість пропонує N збережених сеансів, що відкриває список збережених сесій цього інструмента, де видалення переміщує сеанс до Кошика, а не веде до Проєктів.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл21 paths~1.5k nodes20 groups25 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл21 paths~1.5k nodes20 groups25 KB
Ask Lolly
Коли легше запитати, ніж шукати, Ask Lolly (#/ask) приймає набране запитання і повертає відповідний розділ цієї документації дослівно — власними словами посібників, не переказом і не згенерованим текстом — із зазначенням сторінки, звідки він узятий, і кнопкою Відкрити в документації поруч. Під відповіддю стоять місця в застосунку, яким відповідає те саме запитання: інструмент, налаштування, збережений проєкт, кожне як кнопка, що просто веде туди.
Транскрипт — це пам'ять сесії: поставте уточнювальне запитання, і гілка нарощується під час роботи, а після перезавантаження вона починається з чистого аркуша. Результати пошуку внизу мають рядок *Ask Lolly: ваш запит*** — під усіма конкретними збігами, які знайшли інші групи, — що передає запитання прямо туди, тож ви можете почати в рядку пошуку і завершити тут.
Полотно (попередній перегляд)
Попередній перегляд завжди показує саме те, що буде експортовано.
Комп'ютер
- Масштаб: Cmd/Ctrl + прокручування або зведення пальців на трекпаді — масштаб центрується на вказівнику.
- Панорамування: утримуйте Space і перетягуйте або перетягуйте середньою кнопкою миші. (Звичайні клацання залишаються вільними, щоб клацати частини дизайну.)
- Клавіатура:
0= вписати у вікно ·1= 100% ·+/−= масштаб. - HUD масштабу: невеликий елемент керування
− NN% + Fitу кутку. Клацніть відсоток, щоб перемкнути Fit ↔ 100%.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл46 paths338 nodes21 groups36 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл46 paths338 nodes21 groups36 KB
Дотик
- Зведіть пальці для масштабування, перетягуйте для панорамування, подвійний дотик — скинути до вписування.
Клацніть, щоб перейти до елемента керування: клацніть будь-який елемент дизайну — і відповідне поле на бічній панелі отримає фокус та прокрутиться у видиму область; для повторюваної групи рядків воно розгорне саме той рядок, який ви клацнули, тож редагувати те, що бачите, — це один дотик.
Зміна розмірів завжди повертає вигляд до охайного вписування.
Вільне полотно (Design)
Інструменти з вільним полотном додають робочу поверхню навколо монтажної області, наче монтажний стіл дизайнера:
- Розміщення поза полотном. Перетягніть блок за край рамки - і він залишиться повністю видимим і доступним для вибору: припаркуйте елементи збоку, поки компонуєте композицію, а потім перетягніть їх назад. Усе за межами рамки м'яко приглушене, тож область експорту завжди зчитується з першого погляду, а рамка зберігає свою тінь, щоб точно позначати, де починається файл.
- Експортується лише рамка. Експортований файл обмежений монтажною областю - усе, що залишилося ззовні (або частина блока, що звисає за край), просто обрізається у вихідному файлі, як у растрових, так і у векторних форматах.
- Зменшіть масштаб нижче Fit (аж до 20%), щоб побачити весь монтажний стіл, коли ви розмістили щось далеко за межами рамки.
- Змінюваний розмір монтажної області. Зміна розмірів експорту змінює розмір рамки на місці; блоки зберігають свої позиції, тож ви можете перекомпонувати макет навколо наявного вмісту.
- Перш ніж експортувати. Розділ «Документ» в Інспекторі перевіряє збережену структуру шарів, а потім зчитує усталене полотно на предмет обрізаного тексту та контрасту суцільних кольорів. Він також запитує той самий реєстр шрифтів, який використовує векторизація SVG/PDF, чи має кожен текстовий рядок вбудовувані байти шрифту; зображення та градієнтні тла позначаються як візуальні перевірки, а не отримують вигаданий показник контрасту.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл264 paths~14k nodes270 groups4 images379 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл264 paths~14k nodes270 groups4 images379 KB
Віддзеркалити вибір. Клацніть правою кнопкою по будь-якому боксу і виберіть Flip horizontal або Flip vertical, щоб віддзеркалити його на місці, або натисніть Shift+H / Shift+V на клавіатурі - Shift, тому що сам V це інструмент Pointer. Кожен обраний бокс дзеркалиться по своїй осі за один крок скасування, і дзеркальне відображення - це справжня трансформація, тож вона зберігається в експортованому SVG, PDF і PNG, а не тільки на полотні.
Шари та Інспектор
У Шарах кожна монтажна область - це батьківська група, яку можна згорнути. Виберіть її назву, щоб перейти туди, розгорніть її шари та вибирайте чи перевпорядковуйте об'єкти в межах цієї монтажної області. Перемкніться на Сторінки для мініатюр і впорядкування сторінок. Клавіші зі стрілками рухаються списком шарів; стрілка вліво повертає до заголовка монтажної області.
Інспектор ставить елементи керування текстом чи зображенням на перше місце для вибраного об'єкта. Використовуйте чипи варіантів для швидкого вибору і розгорніть Advanced для деталей стилізації. На телефонах відкрийте Інспектор з Більше дій. Елементи керування відкриваються в панелі; Escape або Назад закриває її, зберігаючи ваш вибір.
Малювання власних фігур (перо)
Блоки, кола та рамки із заокругленнями покривають більшість макетів. Коли потрібна фігура, якої в цьому списку немає, намалюйте її: кнопка Перо на панелі (або клавіша P) вмикає режим малювання. Три окремі клавіші перемикають режими — V повертає до вказівника, P дає перо, N — інструмент вузлів (Редагувати точки), — і вказівник завжди є виходом із будь-якого з них.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл56 paths388 nodes35 groups40 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл56 paths388 nodes35 groups40 KB
- Клацніть, щоб поставити точку. На типовому типі кривої клацання з перетягуванням витягує ручки цієї точки — саме так малюють криву, а не кут; утримуйте Alt під час клацання, щоб отримати різкий кут. (На інших типах кривої кожна поставлена точка є кутом, і перетягування нічого не робить; див. Тип сплайна нижче.)
- Точки прив'язуються до монтажної області та до інших ваших блоків у міру розставляння, малюючи ті самі напрямні, що й звичайне перетягування. Alt приглушує сітку, поки ви малюєте, а потім, коли ви тягнете точку, — і сітку, і краї.
- Клацніть першу точку, щоб замкнути контур і завершити одним рухом. Інакше натисніть Enter, зробіть подвійне клацання або просто перемкніть інструмент — намальоване збережеться, а не зникне.
- Escape діє по одному щаблю за раз: перше натискання скасовує малювання і нічого не записує, друге виходить із пера.
- Delete під час малювання прибирає останню поставлену точку.
Результат — звичайний блок на полотні. Пересувайте його, змінюйте розмір, обертайте, групуйте, вирівнюйте, змінюйте порядок, задавайте заливку, градієнт, тінь чи прозорість — контур поводиться як будь-який інший блок, і жоден із цих елементів керування не ставиться до нього інакше.
Він з'являється вже пофарбованим. Перший намальований контур бере заливку та обведення, які ваш бренд дає контуру, а далі кожен новий контур бере те, що ви використали востаннє — задайте заливку один раз і малюйте далі, замість перефарбовувати кожну фігуру. (В інструменті, чий бренд нічого не каже про контури, намальований контур обводиться тим кольором, у якому ви бачили його під час малювання, тож він ніколи не буває невидимим.)
Повернутися до редагування точок. Двічі клацніть фігуру (або скористайтеся Редагувати точки на панелі об'єкта) — і точки повернуться. Тягніть точку, щоб пересунути її, тягніть ручку, щоб змінити її напрямок, клацніть будь-де на кривій, щоб вставити точку, обведіть рамкою групу точок і натисніть Delete, щоб видалити вибрані. Контур завжди зберігає щонайменше дві точки, тож випадково видалити його повністю не вийде.
Тип сплайна визначає, яка саме крива проходить через ваші точки, і це той вибір, який варто розуміти:
| Тип | Що він робить |
|---|---|
| Плавний (авто) | Типовий. Сам обчислює довжини ручок, тож звичайне клац-клац-клац дає справді плавну криву без вовтузіння з ручками. Якщо ви все ж задасте ручку, вона зафіксує напрямок, а довжина залишиться за кривою. |
| Керівні точки Безьє | Класичне перо. Ручки є контрольними точками, і вставлення точки ніколи не зсуває криву. |
| Через точки | Проходить точно через кожну поставлену вами точку, без ручок. |
| B-сплайн | Тече поблизу точок, а не крізь них, для м'якшої форми. |
| Прямі лінії | Ламана. |
Перемикання наявного контуру на тип, який сам обчислює свої ручки, спершу перепитує, бо задані вами довжини ручок відновити неможливо — перехід на Керівні точки Безьє завжди без втрат. Під час малювання запиту немає: перемикання застосовується прямо до чернетки, і всі вже витягнуті ручки йдуть разом із нею. На типах, які володіють своїми ручками, вставлення точки трохи змінює форму кривої; на Керівних точках Безьє — ні.
Кожна точка також несе правило неперервності, показане її формою на полотні: квадрат для Corner (ручки рухаються незалежно), коло для Smooth (ручки лишаються на одній лінії), коло з обідком для Symmetric (на одній лінії й однакової довжини). Задайте його для будь-яких вибраних точок — і крива одразу його виконає.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл5 paths38 nodes7 groups5 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл5 paths38 nodes7 groups5 KB
Намальований контур подорожує в посиланні, як і все інше, тож намальована вами фігура знову відкриється зі спільного посилання й ідентично відрендериться з CLI. Ніщо в ній не залежить від редактора.
Комбінування фігур (операції з контурами)
Виберіть дві чи більше фігур, клацніть правою кнопкою на полотні (двома пальцями на сенсорному екрані) — і меню запропонує операції, яких ви очікуєте від графічного редактора:
- Union об'єднує їх в одну фігуру, зберігаючи фарбування найвищої з них.
- Subtract вирізає все, що вище, з нижньої фігури.
- Intersect залишає тільки перекриття.
- Exclude залишає все, крім перекриття.
Ще три працюють з однією фігурою: Перетворити обведення на контур… робить з обведення залиту фігуру того самого абрису (зручно, коли треба зберегти товщину точно такою, як намальовано), Зміщення контуру… розрощує силует назовні або, з від'ємним числом, стискає його всередину, а Спростити перебудовує контур із меншою кількістю сегментів за тієї самої форми.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл5 paths47 nodes7 groups5 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл5 paths47 nodes7 groups5 KB
Результат — новий контур, який можна далі редагувати пером. Отвори є справжніми отворами: елемент керування Правило заповнення на панелі обведення визначає, чи контури, що перекриваються, заливаються (non-zero), чи пробивають наскрізь (even-odd).
Дві речі ці операції свідомо не роблять. Вони відмовляють, а не руйнують: попросіть перетнути дві фігури, які не перекриваються, — і вам скажуть, що зберігати нічого, і нічого не зміниться. А текстові блоки та блоки зображень не мають абрису, з яким можна працювати, тож їх залишають без змін, а не апроксимують їхньою рамкою. Скомбінований результат зберігається як звичайні криві Безьє — так само робить і графічний редактор, — тож початковий тип сплайна операцію не переживає.
3D-сцени
Виберіть 3D-сцена в меню додавання на панелі інструментів і витягніть рамку: 3D Studio відкриється одразу на новому блоці, і те, що ви там задасте, повернеться на полотно. У всьому іншому блок сцени - звичайний блок. Пересувайте його, змінюйте розмір, обертайте, додавайте тінь, розміщуйте на слайді чи на таймлайні - він поводиться, як і всі інші.
Блок сцени зберігає рецепт, а не картинку. Блок зображення містить відрендерений файл; блок сцени містить одне налаштування - саму сцену, записану як власний пошуковий рядок посилання 3D Studio, з якого прибрано кожне значення, що й досі дорівнює типовому для студії. Тому сцена важить із сотню байтів, а не кілька кілобайтів, у які обходиться цілий рецепт, тому той самий рядок працює і в посиланні для спільного доступу, і в дверцятах редактора, і тому новий елемент керування студії не потребує жодних змін у Design. Саме тому блок перерендерюється в будь-якому розмірі й у будь-яку мить, якої потребує документ, замість того, щоб збільшуватися зі знятої раніше картинки. Картинки, які використовує сцена, лишаються активами і подорожують за ідентифікатором, тож завантаження всередині сцени потрапляє у файл .lolly разом з рештою документа.
Редагуйте її в студії. Виберіть блок, і Інспектор покаже розділ 3D-сцена: рядок із назвою того, з чого зроблена сцена, другий - з назвою її студії освітлення, щойно ви її оберете, і одна кнопка - Редагувати в 3D Studio. Кнопка відкриває студію на сцені цього блока з усіма елементами керування, які має інструмент. Застосуйте - і відредаговану сцену буде записано назад одним кроком, тож одне скасування поверне блок до сцени, з якої ви почали; закрийте студію без застосування - і нічого не зміниться. Усе інше в блоці - його місце на монтажній області, розмір, тінь, момент появи на слайді - лишається в тих розділах, у яких завжди було. Блок сцени не має власного зображення чи підпису: його картинку дає студія, і слова там теж задаються.
Одна жива сцена, постер на кожному іншому блоці. Кожен 3D-блок у документі показує постер: нерухому картинку сцени, намальовану поза екраном через спільний пул рендерерів у розмірі, який займає блок. Документ із двадцятьма сценами коштує один контекст малювання, а не двадцять. Виберіть блок сцени - і він стане єдиною живою сценою документа; скасуйте вибір - і кадр, який був на екрані, стане її постером, тож нічого не сіпнеться. Жива лише одна сцена водночас, а вибір двох блоків сцени одразу лишає обидва постерами. У цьому релізі жива сцена призначена для перегляду, а не для обертання: змінюйте сцену через Редагувати в 3D Studio. Пристрій, який не може відкрити графічний контекст із рухомою комою, лишає постер і пояснює причину всередині блока, а не показує порожній прямокутник, і решта документа лишається непорушною. Відкриття документа Design без жодного 3D-блока взагалі не завантажує 3D-код.
На таймлайні блок сцени слідує за повзунком відтворення, як відеокліп: його початок, точка входу кліпу та швидкість рухають сцену крізь її власну анімацію, а довжина сцени - та, яку ви задали в 3D Studio, тож обрізання блока коротшим показує менше сцени, а не прискорює її. Живий лише вибраний блок сцени; кожен інший - нерухома картинка, а нерухома картинка не прокручується разом із повзунком.
Під час експорту кожну сцену малюють наново в розмірі, якого потребує файл, через той самий рендерер, що використовує студія. Відео рендерить один кадр на сцену на мить; PNG, SVG чи PDF вбудовує одну картинку на блок у власному піксельному розмірі блока. Нічого не фотографується з екрана, тож експорт не залежить від того, який блок був вибраний. Сцена, яку не вдається намалювати, провалює експорт і повідомляє чому, власними словами студії.
Поширення сцени, побудованої на вашому власному завантаженні. Посилання для спільного доступу на документ Design несе локальний для пристрою ідентифікатор завантаження всередині сцени як є, тоді як блок зображення його очищує. Тож сцена, чия графіка чи модель - це файл, який ви завантажили, показує типову для студії картинку на пристрої іншої людини, якщо документ не подорожує як файл .lolly, що несе самі байти.
Таймлайн (Sequence)
Sequence - це таймлайн Design: він додає час до вільного полотна. Кожен блок може починатися в певний момент, тривати заданий час і анімуватися на вході й виході, а таймлайн, закріплений під монтажною областю, - це місце, де ви їх розставляєте. Відкрийте його - і послідовність уже грає: титульна картка, кліп, кінцева картка, нижня третина та музична підкладка, - тож модель видно ще до того, як ви щось змінили.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл63 paths~8.8k nodes132 groups104 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл63 paths~8.8k nodes132 groups104 KB
Є два види рядків, і різниця між ними — це вся суть:
- Ряд послідовності — магнітний. Кліпи стоять без проміжків, один за одним, і перетягування одного змінює порядок, а не лишає дірку. Видаліть кліп — решта зімкнеться. Це ваш хребет.
- Накладні доріжки вільні. Нижня третина, логотип, підпис — усе, що плаває над хребтом у свій час, — отримує власну доріжку і власний початок.
- Під ними Завжди ввімкнено збирає блоки, які взагалі не мають хронометражу: декорації, що просто присутні весь час.
+на чипі підвищує блок на доріжку; Зробити завжди ввімкненим повертає його назад.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл73 paths~2.3k nodes64 groups84 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл68 paths~1.2k nodes60 groups61 KB
Відкриття таймлайна віддає йому клавіатуру, тож Space і клавіші зі стрілками керують повзунком відтворення, а не сторінкою - і оскільки він відкривається сам на композиції, яка вже має хронометраж, це справджується щойно Sequence завантажиться.
Редактор послідовностей докладніше розглядає чотири речі, від яких залежить, чи редагування в часі відчувається передбачуваним: який кліп редагує клацання по полотну, «цибулинні» силуети сусідніх кліпів, область дії розділення та Join, що скасовує розріз, і обрізання (зокрема з клавіатури). Натисніть
?, коли таймлайн у фокусі, щоб побачити перелік скорочень.
Редагування. Тягніть середину кліпу, щоб пересунути або переупорядкувати його, тягніть у межах кількох пікселів від будь-якого кінця, щоб обрізати його, і натисніть Розділити на позиції повзунка (або S), щоб розрізати один кліп на два. Розділення потребує кліпу зі справжньою Довжиною і повзунка трохи всередині нього, тож незавершений кліп (наприклад, музична підкладка) розділити не можна. Прив'язка до країв увімкнена за замовчуванням і прив'язує до країв кліпів, повзунка та цілих секунд, а Alt її перевизначає. Кожне перетягування — один крок скасування, і попередній перегляд перетягування виконує ту саму арифметику, що й фіксація, тож що ви бачите під час перетягування, те й отримаєте.
Виберіть кліп — і інспектор дасть ті самі правки числами: Довжина, Обрізати початок (наскільки глибоко в джерелі він починається), Швидкість як набір фіксованих множників від ×0.25 до ×4, Анімація появи / Анімація зникнення з їхніми тривалостями і Вимкнути звук кліпу. Кліп на магнітному ряді свідомо не має поля Початок — порядком володіє ряд, тож пересувати його треба перетягуванням.
Переходи - це пресети, а не ключові кадри: Згасання, Виринути, Розширити, Підйом, Скинути, чотири Зсуви, Збільшити та Зменшити, Нахил, Розмах, Обертання, Дрейф або Різкий перехід (без анімації). Відстані масштабуються разом з об'єктом, тож той самий пресет коректно читається і на повнокадровій картці, і на маленькому бейджі. Між двома сусідніми кліпами в ряді послідовності є чип стику: клацніть його і виберіть Різкий перехід або Плавний перехід, що застосується одразу і закриється. Відкрийте той самий чип ще раз, щоб змінити Довжину (мс), і натисніть Готово. Плавний перехід зберігається як згасання одного кліпу і поява наступного, а справжнє розчинення виводиться з цієї пари: перший кліп продовжує відтворюватися після розрізу і згасає, тоді як наступний з'являється під ним. Попередній перегляд і файл використовують те саме правило, тож те, що ви бачите на стику, це те, що ви експортуєте.
Звук. Додайте кліп Аудіо — і він житиме на таймлайні, як будь-який інший кліп: хвиля, обрізання, вимкнення звуку. (Згенерована підкладка, з якою постачається типова сесія, — єдиний виняток: вона синтезується під час експорту, тож її смуга залишається простою й беззвучною, доки ви не відрендерите.) Натисніть мікрофон, щоб записати озвучення прямо на таймлайн, зі зворотним відліком та індикатором рівня, і дубль збережеться як ваш власний ресурс у точці, де ви почали. Так само натисніть камеру поруч, щоб записати відео: під час запису дубль одразу обрізається до розміру експорту монтажної області, тож маленьке зображення з камери показує точно те, що на весь кадр потрапить у послідовність на позиції повзунка — це спосіб зібрати кліп колеги за спільним посиланням. Музика, репліки та власна звукова доріжка кліпу — усе потрапляє в експортований мікс. (Аудіодоріжка на панелі експорту — це інше: одна підкладка під усім кліпом, із загасанням і приглушенням. Вони співіснують.)
Аудіосмуга. Виберіть будь-який кліп зі звуком - і під таймлайном відкриється компактна смуга: фейдер Гучність, Панорама для стереопозиції, трисмугове EQ (Низька, Середні, Високий), елемент керування Висота тону, що транспонує в півтонах, зберігаючи характер голосу, і Нормалізувати гучність, яка доводить кліп до мовної гучності (BS.1770), тож тиха голосова нотатка й гучний трек звучать на одному рівні. Там, де стикаються два кліпи, Плавний перехід змішує стик замість різкого переходу. Слот Ефект виконує на пристрої обробку кліпу - Очищення голосу прибирає з запису кімнату та шум. Зміна швидкості теж зберігає висоту тону: сповільнений чи прискорений кліп розтягується в часі, а не «булькає бурундуком». У кожному мікші експорт приглушує музику під час мовлення, коли мовлення з'являється й зникає, і тримає всю програму під лімітером істинного піку, тож нічого не клипує на виході; хвилю, яка б клипувала, малюють із попередженням у тому місці, де це станеться.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл52 paths~7.0k nodes90 groups79 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл52 paths~7.0k nodes90 groups79 KB
Рендеринг. Експорт руху — це детермінований композит, а не запис екрана: кожен кадр декодується, малюється й кодується в точний момент часу, тож файл не залежить від того, чи встигає ваша машина, і практичної межі кількості кадрів для MP4 чи WebM немає. Тривалість задає довжина самого таймлайна, якщо ви не введете свою. Content Credentials проставляються так само, як і в будь-якому іншому експорті. Експорт нерухомого зображення дає кадр на позиції повзунка або цілий контактний аркуш із поля Кадри поруч із розміром виходу — див. Експорт.
Кілька обмежень, про які варто пам'ятати: послідовність обмежена однією годиною, GIF та анімований PNG буферизують свої кадри, тож лишаються короткими, кліп, відтворюваний швидше чи повільніше, зберігає висоту тону (аудіосмуга розтягує його в часі, а елемент керування Висота тону транспонує в півтонах, зберігаючи характер голосу), а Запис наживо тут прихований, бо композитор - кращий шлях.
Понад пресети: ключові кадри, глибина та камера. Перехід анімує кліп при його появі та зникненні. Щоб поставити елемент у певну позу всередині кліпу - зсунути, приглушити, розмити, підняти над сторінкою й опустити назад - додайте ключові кадри: виберіть кліп, натисніть +Ключовий кадр (ромб у групі інструментів таймлайну, ромб на панелі об’єкта полотна або K), і позиція повзунка відтворення вирішує, яку позу записує ваша наступна правка. Та сама система ключових кадрів дає кожній таймованій композиції камеру, що наближає, панорамує та переносить фокус, перетворюючи один плаский SVG на стос шарів, між якими можна пролітати. Анімація - це повний посібник.
Інструмент Design має той самий таймлайн, тож ви можете задати хронометраж макета, не переходячи до іншого інструмента, і він теж експортує рух.
Презентація
Щоб розмістити вашу камеру, логотип і підпис з іменем поверх зображення для аудиторії, скористайтеся Present with camera. Його власні елементи керування, збережені сцени, кроки спільного доступу та запису розглянуто в Презентації з камерою. Звичайні елементи керування показом нижче лишаються доступними через Презентувати.
Документ Design, зроблений із монтажних областей, — це вже готова презентація. Відкрийте меню Lolly на панелі інструментів і виберіть Презентувати — останній рядок — і кожна монтажна область стане повноекранним слайдом у тому порядку, у якому монтажні області стоять на полотні. Презентація працює на копії відрендерених монтажних областей, тож редактор під нею ніколи не змінюється, а вихід повертає вас рівно туди, де ви були.
- Уперед за допомогою Space,
→, Page Down або кліком по смужці біля правого краю екрана; назад —←, Page Up або смужка біля лівого краю. Home і End переносять до першого й останнього слайда. Невелика панель керування з'являється, щойно ви рухаєте вказівник, і знову ховається, коли ви зупиняєтеся. - Огляд (
Oабо кнопка сітки) розкладає всі артборди одразу в тому порядку, який ви задали їм на полотні; клацніть один, щоб відкрити його. - Кроки появи. Клацніть правою кнопкою на блоці й оберіть Reveal at step 1, 2 або 3 замість типового Always visible. Тоді цей блок чекає, поки ви не перейдете до його кроку, тож слайд може з'являтися частинами; блоки з однаковим номером з'являються разом.
- Speaker view (
S) відкриває друге вікно з поточним слайдом, наступним, вашими нотатками до цього слайда та годинником, що йде. Якщо браузер блокує спливне вікно, воно замінюється панеллю поверх презентації. Нотатки задаються для кожного артборда окремо й ніколи не з'являються на самому слайді. Bпоказує чорний екран (будь-яка клавіша повертає слайд),Fповертає повноекранний режим, а Escape знімає по одному шару за раз: огляд повертає до презентації, презентація — до редактора.- Kiosk. Задайте артборду Length, і презентація затримається на ньому на цей час, а потім сама перейде далі за тонкою смугою прогресу;
K(або кнопка паузи, яка з'являється лише тоді, коли щось має задану тривалість) зупиняє й перезапускає це. Додайтеkioskдо посилання, і презентація зациклюється в кінці — саме це й робить її цифровою вивіскою.
- Стоси підслайдів. Клацніть монтажну область правою кнопкою і виберіть Вкласти під попередній слайд - і вона стане кроком того слайда, а не окремим слайдом: огляд показує одну картку, показ проходить стос по порядку, а рядок Стос в інспекторі каже, якому слайду вона належить.
- Морфінг. Коли два послідовні слайди несуть блок з однаковою назвою Збіг морфінгу (клацніть блок правою кнопкою, або рядок Збіг морфінгу в інспекторі - скажімо,
hero), перехід переміщує цей блок з того місця, де він був, туди, де він тепер, змінюючи розмір і колір по дорозі, замість різкого переходу. Перехід Морфінг на весь показ робить те саме для кожної зіставленої пари. - Озвучення. Нотатки доповідача кожної монтажної області можна прочитати вголос. У розділі Документ інспектора виберіть Голос, за бажанням другий голос для Змішати з, Швидкість читання, а також Вступ і Хвіст у мілісекундах навколо кожного слайда; увімкніть Показувати субтитри під час презентації - і слова з'являтимуться, поки їх промовляють. Голос працює на вашому пристрої. Ті самі нотатки стають фільмом у відеоекспорті, справжнім звуком слайдів в експорті PowerPoint і озвученим фільмом усередині пакета SCORM.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл63 paths~6.2k nodes68 groups1 image80 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл63 paths~6.2k nodes68 groups1 image80 KB
Презентація - це також посилання. ?present відкриває одразу в ній, s= вибирає слайд - позицію, ідентифікатор монтажної області або id.step для кроку побудови, - і адреса оновлюється, поки ви рухаєтеся, тож ви надсилаєте саме той слайд, на якому перебуваєте. Авторам інструментів: ці параметри задокументовано на сторінці URL-режим.
На телефоні
На вузьких екранах компонування переформатовується в один стовпець:
- Елементи керування стають панеллю угорі з ручкою для перетягування на нижньому краї. Тягніть ручку, щоб змінити її розмір — вона прив'язується до вигляду / половини / повного розміру — або торкніться ручки, щоб перемкнути згорнуто ↔ розгорнуто. Попередній перегляд заповнює простір нижче і залишається видимим під час редагування.
- Плаваюча кнопка Експорт відкриває панель експорту — усі елементи керування форматом, розміром, копіюванням, збереженням і завантаженням в одному місці. Закрийте її, торкнувшись фону.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл106 paths~2.7k nodes146 groups2 images91 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл106 paths~2.7k nodes146 groups2 images91 KB
Елементи керування (поля вводу)
Інструменти показують лише ті поля вводу, які мають змінюватися — усе інше (кольори, компонування, типографіка, логіка) зафіксовано автором інструмента, тож усе, що ви створюєте, відповідає правилам, які встановив автор. Поля вводу охоплюють текст, повзунки, палітри кольорів, розкривні списки, дати, засоби вибору зображень і повторювані групи рядків. Деякі згруповані під згортними секціями.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл36 paths~2.6k nodes55 groups39 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл36 paths~2.6k nodes55 groups39 KB
Скидання: Очистити зміни повертає кожне поле до значень за замовчуванням.
Скасування та повторення
Cmd/Ctrl-Z робить крок назад, а Cmd/Ctrl-Shift-Z (або Cmd/Ctrl-Y) - крок уперед. Та сама пара стоїть кнопками Скасувати і Повторити в рядку над елементами керування - на вільному полотні вони натомість на панелі інструментів - і кожна сіріє, коли повертати вже нічого. Кожен крок каже, чим він був: скасуйте колір - і невелике повідомлення назве поле, яке щойно відновлено, з кнопкою Повторити всередині для дороги назад.
- Перетягування — це один крок. Повторні зміни того самого елемента керування протягом пів секунди зливаються разом, тож протягування повзунка через увесь діапазон — це одне скасування, а не двісті.
- Зберігаються останні 100 кроків — старіші відпадають. Нова правка після скасування очищає стек уперед, як і всюди.
- Поки курсор у текстовому полі, Cmd/Ctrl-Z належить самому полю, символ за символом. Lolly перебирає керування на себе для елементів без власного корисного скасування: повзунків, розкривних списків, кольорів і перемикачів.
- Вибір файлу в полі типу file не є кроком — ці байти зберігаються лише на час сесії, тож повертати було б нічого.
У живій співпраці історія залишається лише вашою. Зміна, що надходить з іншого пристрою, ніколи не потрапляє у ваш стек, тому скасувати можна лише те, що зробили ви самі.
Скасувати сягає назад лише в межах цього візиту; інструменти, які зберігають під час роботи, також тримають попередні версії під Історія, поряд зі Скасувати (див. Поверніться до попередньої версії).
Ваші дані та фото
Налаштування (у верхньому правому куті галереї, показує ваше ім'я, щойно ви його задасте) містить ваше ім'я, контактні дані та необов'язкове фото. Інструменти, що запитують ці поля, заповнюють їх автоматично - задайте їх один раз, і ваш підпис до листа, лого-лакапи та бейджі заповнюватимуться самі. Ви все одно можете перевизначити будь-яке поле для окремої сесії. Увімкніть Використати мої дані для створення, щоб ваші дані йшли разом як автор того, що ви експортуєте.
Ваше фото та дані зберігаються лише на цьому пристрої. Профіль може бути не лише вами — це може бути команда чи роль, у яку ви час від часу входите. Див. Профілі для повної картини, зокрема про ведення кількох профілів.
Збереження та продовження
Щоб зберегти вашу роботу, натисніть Зберегти як - галочку поряд з Експорт. У розділі Save to a project лишіть вибраною Моя бібліотека або оберіть проєкт (+ Новий проєкт… створює новий), тоді натисніть Зберегти. Повторне збереження оновлює той самий елемент, а не створює копію. У Design Зберегти як міститься в меню під логотипом Lolly; на телефоні натисніть •••, потім File menu, потім Зберегти як.
Кнопка Зберегти на панелі експорту робить те саме в один клік і ніколи не завантажує файл: нова робота потрапляє в Моя бібліотека, а робота, яку ви зберігали раніше, оновлюється там, де вона є.
Щоб повернутися пізніше, натисніть Головна у верхньому лівому куті, тоді відкрийте вкладку Проєкти (піктограма папки на телефоні). Збереження в Моя бібліотека - на її першому екрані; проєкт там - це папка. Елементи називаються за назвою файлу, яку ви ввели в панелі експорту, або ж за інструментом, наприклад QR Code. Відкрийте один, і кожне налаштування там, готове до зміни та повторного експорту.
Збережена робота лишається на цьому пристрої, у браузері чи застосунку, з якого ви зберігали, якщо ви не увімкнете Синхронізацію. Файл, який ви отримуєте через Завантажити, - це готова копія; щоб змінити його пізніше, відкрийте збережений елемент у Проєктах. Якщо щось не там, де ви очікували, див. Знайдіть і відновіть свою роботу.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл2 paths240 nodes10 groups7 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл2 paths240 nodes10 groups7 KB
Проєкти
Проєкти, вкладка Проєкти вгорі головного екрана, тримає все, що ви зберегли, у папках, які ви створюєте. Пошук, сортування та фільтрація вашої роботи там, а також відновлення елемента з Кошика, описані в Знайдіть і відновіть свою роботу.
Як поділитися роботою
Дизайн виходить назовні одним із двох способів: як посилання або як файл. Вікно «Поділитися» пропонує обидва. Відкрийте його кнопкою Поділитися в елементах керування експортом; Посилання для спільного доступу на збереженій сесії у Проєктах відкриває те саме вікно для цієї сесії.
Посилання
Кожне поле вводу зафіксоване в URL сторінки, тож посилання і є дизайн. Угорі вікна стоїть готове до копіювання посилання, а під ним два згорнуті розділи.
- Параметри посилання містять Open in the installed app (перемикає поле на URI
lolly://для Shortcuts, лаунчерів та автоматизації, з усіма параметрами незмінними), Найкоротше посилання (великий дизайн дає довгий URL, тож цей параметр пакує весь стан у компактний токен і показує вам економію в символах; читабельна форма теж завжди доступна), Захистити це посилання паролем (AES-256 на все посилання, і пароля в ньому немає) та Закріпити цю версію інструмента - прапорець_v, який прив'язує посилання до тієї версії інструмента, яку ви бачите, щоб пізніше оновлення не змінило те, що воно рендерить. - Поведінка посилання - це те, що станеться, коли одержувач його відкриє: повноекранний режим, уже розгорнута панель експорту, завантаження під час відкриття з
&exportабо копіювання в буфер обміну з©.
Вставте посилання колезі, додайте в закладки чи закомітьте. (Повні подробиці: URL-режим.)
Деякі інструменти роблять посилання цілим продуктом. Jump Page збирає ваші посилання в одну сторінку для роздачі - посилання-візитка, доповідь на конференції, вітрина магазину. Тут нема чого хостити, і за цим не стоїть жодного облікового запису: сторінка - це і є посилання, тому вона відкривається так само швидко, як мандрує URL. У редакторі ви бачите готову сторінку поруч із полями; відвідувач, що відкриває посилання, отримує її на всю ширину, по одній сцені-посиланню за раз, гортаючи вниз.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл4 paths763 nodes13 groups14 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл4 paths763 nodes13 groups14 KB
Вікно каже, чого посилання нести не може. Три речі не вміщаються в URL: зображення чи файл, який ви додали з цього пристрою, дуже довге текстове значення та дуже великий список. Кожне з них рахується під час побудови посилання. Якщо щось довелося відкинути, вікно назве це і вкаже вам на файл нижче, замість давати посилання, яке відкриється без зображення. Посилання, яке просто довге, отримує м'якше зауваження з кількістю символів, бо пакування ще може врятувати довжину.
Файл .lolly
.lolly - це розширення портативного пакета Lolly, а не обіцянка, що кожен файл містить те саме. Авторитетне джерело - поле format у manifest.json. Застосунок спершу зчитує цей крихітний маніфест і показує розмір, вміст і дію, перш ніж щось записати:
- Спільний дизайн (
lolly-share) містить одну збережену сесію інструмента, її вбудовані файли та розписку для всього, що досі розв'язується за посиланням. Він також може нести інструмент і дизайн-систему, використані для його створення. Відкриття додає новий проєкт; воно ніколи не перезаписує наявну сесію. - Спільний проєкт (
lolly-shareіз видомproject) містить папку з Проєктів: її підпапки, кожну збережену в них сесію, плитку кожної сесії та розміщені там картинки. Відкриття додає копію всієї папки до Проєктів; ніщо з наявного не замінюється. Lolly, старіший за появу файлів проєктів, не може прочитати такий файл і пропонує оновитися. - Пакет дизайн-системи (
lolly-brand) містить токени і може містити шрифти, логотипи, опубліковані версії та збережені ресурси. Відкриття додає його як окрему іменовану дизайн-систему, а потім перемикається на неї; системи, вже наявні на пристрої, лишаються. - Брендовий робочий простір / пакет інстансу - це
lolly-brandіз декларованими інструментами, ресурсами каталогу та, за бажанням, адресою інстансу. Попередня перевірка перелічує ці загальнопристрійні наслідки, бо завантаження замінює єдиний раніше завантажений оверлей робочого простору.
Повне резервне копіювання пристрою/профілю - не .lolly. Воно лишається файлом LollyTools-….zip з форматом lolly-backup і відновлюється через Налаштування → Сховище → Імпортувати дані…, що також бере копію, яку Синхронізація тримає у вашому сховищі. Звичайна заархівована папка інструмента теж лишається .zip. Іншими словами, пакети сесій і дизайн-систем володіють .lolly; резервне копіювання та робота з довільними архівами - ні.
Download .lolly у вікні «Поділитися» того інструмента, у якому ви працюєте, записує поточний дизайн як пакет спільного дизайну. Він несе збережену сесію разом із зображеннями та файлами, доступними на цьому пристрої. Звичайна каталожна графіка їде разом. Ліцензована графіка стримується, якщо ви явно не увімкнете її, а застарілий чи недоступний файл лишається зовнішнім посиланням, а не зникає. Підготовлена розписка показує фактичний розмір .lolly, кількість вбудованих файлів, кількість зовнішніх посилань і чи включено інструмент. Там, де на вашому пристрої є панель спільного доступу, Надіслати до… передає цей файл прямо їй (AirDrop, спільний доступ Android), а не зберігає його на диск.
Download project (.lolly) у меню папки в Проєктах записує цю папку як спільний проєкт, тож хтось інший може відкрити її і продовжити з кожною сесією в ній. Кожна сесія подорожує як власна частина (sessions/<key>.json, з плиткою під thumbs/), дерево папок перелічено в manifest.json, а завантаження й каталожна графіка подорожують за тими самими правилами, що й окремий спільний дизайн. Пакетні сесії - не сесії інструментів і лишаються позаду; сповіщення каже скільки. Завантажити оригінали поруч лишається без змін: звичайний zip кожного елемента як окремого файлу.
.lolly — це звичайний zip. Перейменуйте його на .zip і відкрийте: ваші власні зображення лежать у assets/uploads/, а каталожна графіка — у assets/catalog/, кожна зі своєю справжньою назвою та розширенням, manifest.json перелічує всі до одної, а README вгорі каже, що це за файл.
Три речі вам вирішувати, перш ніж він піде:
- Чи потрапляє ваше ім'я. Ваше ім'я, електронна пошта та організація записуються у файл лише якщо в профілі увімкнено Use my details to create. Коли це вимкнено, файл фіксує, що його створено в Lolly і коли - нічого про вас.
- Чи потрапляє ліцензована графіка. Ліцензовані та закріплені за брендом активи за замовчуванням не включаються. Якщо дизайн використовує будь-які з них, діалог повідомляє скільки і пропонує дві кнопки - Download without them або Include and download - тому що їхнє включення передає фактичні файли будь-кому, хто відкриє
.lolly. - Чи потрапляє інструмент. Include the tool пакує власні файли інструмента разом із дизайном, щоб він відкривався на пристрої, де цього інструмента немає. Ця опція приходить позначеною для кастомного інструмента - форку чи приватного інструмента бренду, якого у вашого отримувача, ймовірно, немає - і непозначеною для інструмента, що є в підписаному каталозі, оскільки їхня копія походить з того самого джерела. (У збірці без підписаного каталогу кожен інструмент вважається кастомним, і опція стартує позначеною.)
Відкриття файлу. У встановленому застосунку для комп'ютера чи мобільного пристрою двічі клацніть або торкніться .lolly, виберіть Open with Lolly або надішліть його в Lolly з системної панелі спільного доступу. macOS, Windows, Linux, iOS та Android усі реєструють цей формат; файлові менеджери комп'ютера показують його як документ Lolly (а GNOME Files може показати власну мініатюру збереженої сесії). У вебзастосунку скористайтеся Відкрити або перетягніть файл на Lolly. Кожні двері використовують ту саму перевірку, що починається з маніфесту. Відкриття з Brand Studio радить дію дизайн-системи, коли спільний дизайн її несе, але ніколи не перейменовує файл і не приховує Open shared design.
Документ iOS чи Android, переданий з іншого застосунку, обмежений 48 МБ, бо нативна передача має скопіювати його байти через межу застосунку. Мобільний застосунок повідомляє про це, замість того щоб мовчки ігнорувати завеликий файл. Відкрити всередині Lolly не використовує цю передачу; це шлях, який варто спробувати для більшого пакета.
Після підтвердження вибраний читач розпаковує і перевіряє пакет один раз. Активи спільного дизайну потрапляють у вашу бібліотеку, його сесія - у Проєкти, а його інструмент відкривається, якщо доступний. Сесії спільного проєкту потрапляють у Проєкти під новою копією його папок, з новими ідентифікаторами, тож той самий файл можна відкрити двічі, і папка відкривається; сесія, чийого інструмента на цьому пристрої немає, чекає там. Актив, що вже є на пристрої, зіставляється за контрольною сумою і використовується повторно. Пакет дизайн-системи зберігається у власному просторі імен, перш ніж застосунок перемкнеться на нього. Файли понад 100 МБ позначаються як великі, а попередня перевірка попереджає, коли сховище браузера повідомляє про менше вільного місця, ніж потребує заявлене навантаження. Кожна частина, покрита перевіркою цілісності, перевіряється до того, як операція завершиться; пошкоджену копію відхиляють, а щойно створений напрямок відкочують назад.
Якщо файл несе інструмент, якого у вас немає, Lolly питає, перш ніж дати йому запуститися: Довіряти цьому інструменту? називає його та його автора і прямо каже, що відкриття запустить власний код інструмента на вашому пристрої, а Довіряти й встановити - це шлях далі. Відмовтеся - і надіслана робота все одно збережеться у ваших проєктах і чекатиме там на день, коли ви додасте інструмент. (Один вид інструментів поки не можна встановити збоку - той, чий код постачається як модуль, - і його відхиляють так само.)
Посилання і файл обидва передають знімок стану. Щоб працювати над однією сесією одночасно з кимось іншим — два пристрої, без сервера, без потреби в інтернеті, якщо ви в одній мережі, — див. Спільна робота.
Жива камера (інструменти, що реагують на рух)
Кожен фотофільтр — Halftone, Scanline, Posterize, Voronoi cells, Colour treatment, Pixel stretch та Imperfections — показує кнопку Почати трансляцію там, де доступна камера. Увімкніть її, і ефект відстежуватиме вашу вебкамеру кадр за кадром, тож він реагуватиме на рух; результат можна записати у GIF, WebM чи MP4. Кадри зчитуються й обробляються на вашому пристрої і ніколи його не залишають, а камера звільняється щойно ви зупиняєте роботу або залишаєте інструмент. (Будь-який засіб вибору зображень також має Зробити фото, щоб зняти окремий кадр як зображення на пристрої.)
Мої зображення
Коли інструмент дозволяє додати зображення з вашого пристрою, воно зберігається точно таким, яким прийшло, - тож Content Credential на ньому все ще перевіряється, - і потрапляє до вашої особистої бібліотеки Мої зображення (у Налаштування → Сховище). Лише справді величезний файл запитає, зберегти його чи змінити розмір. Використовуйте його повторно в будь-якому інструменті. Щоб вичищати EXIF/GPS у міру надходження зображень, увімкніть Видаляти метадані із завантажень у своєму профілі. Обмежень немає: бібліотека повністю локальна і обмежена лише сховищем вашого пристрою - керуйте зображеннями або видаляйте їх там.
Ресурси - ваша бібліотека
Ресурси (#/a або сегмент Ресурси у перемикачі Інструменти · Утиліти · Ресурси · Проєкти угорі кожного вигляду зі списком) збирає все, чим можуть скористатися ваші інструменти - брендові логотипи, зображення, аудіо та рух, згруповані за видом - і саме тут живуть ваші власні творчі файли. Без сервера, без адмінконсолі, без pull request: усе на вашому пристрої.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл256 paths~41k nodes433 groups850 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл256 paths~41k nodes433 groups851 KB
- Приносьте свої файли. Перетягніть будь-яке зображення, SVG, аудіокліп, відео, Lottie, PDF чи презентацію PowerPoint на область завантаження - або клацніть, щоб вибрати - і воно миттєво з'явиться в Ресурсах, готове в засобі вибору активів кожного інструмента. Багатосторінковий PDF чи
.pptxзапитує, які сторінки чи слайди зберегти - кожен стає активом SVG. Завантажуйте скільки завгодно; це ніколи не залишає ваш пристрій. - Позначайте улюблене, до чого тягнетеся. ★ актив (або зразок бренду) - і він закріплюється вгорі кожного засобу вибору, тож ваш звичний логотип чи колір завжди на відстані одного кліку.
- Наводьте лад. Перекатегоризуйте актив в іншу групу, приховайте спільний актив бренду, яким не користуєтеся (кнопка Показати приховані повертає його) або видаліть власні завантаження повністю. Той самий жест мультивибору й плаваюча панель дій, що й у Проєктах, працюють і тут, тож усе це можна зробити для цілого вибору одразу.
- Зніміть з відео фон. Відкрийте деталі відео або клацніть правою кнопкою на його картці в будь-якому засобі вибору активів і виберіть Видалити фон…, щоб зберегти прозору альтернативу - анімований WebP чи PNG зі справжньою альфою. Виберіть Метод: Локальна модель вирізає об'єкт із насиченої сцени, а Ключ кольору вирізає рівномірно освітлене плоске тло, як-от зелений екран чи звичайна стіна, з параметрами Допуск, М'якість і Видалення просочення для налаштування краю. Ключ кольору не потребує завантаження моделі й мережі, тому Видалити фон пропонується для будь-якого відео і часто дає чистіший результат на охайних кадрах. Керування Роздільною здатністю (360, 480, 720 чи 1080p, ніколи вище за джерело) обмінює деталізацію на менший, швидший файл. Це виконується як фонове завдання на вашому пристрої. Готовий вирізаний кадр зберігається поряд з оригіналом як окремий актив, а Content Credential вихідного відео їде разом як складник. (Про те, чому видалення фону лишається звичайною правкою, див. Згенеровано один раз, відрендерено однаково.)
Беріть свою палітру та шрифти будь-куди
Панель Зразки в Ресурсах не лише показує: клацніть колір, щоб скопіювати його, або завантажте всю брендову палітру у форматі, яким говорить ваш інший інструмент:
- Дизайн-токени (JSON), CSS-змінні або CSS-класи — вставте бренд прямо в таблицю стилів чи збірку;
- Adobe Swatch Exchange (.ase) — завантажте його в Illustrator чи Photoshop;
- Палітра GIMP (.gpl) — для GIMP чи Inkscape.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл135 paths~17k nodes195 groups225 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл135 paths~17k nodes195 groups225 KB
Панель Шрифти перелічує ваші брендові гарнітури з кнопкою завантажити біля кожної, щоб встановити локально чи передати друкарні. (Кімната «Кольори» в Brand Studio пропонує таке саме завантаження палітри.)
Ресурси — це одна половина відкритого шляху «зроби сам»; інша — створення власних інструментів: вільне полотно (Design, описане вище) дозволяє збудувати інструмент візуально, без коду.
Звук і доступність
Lolly прагне бути зручним для всіх. Інтерфейс керується з клавіатури, спеціальні елементи керування мають належні мітки для програм зчитування з екрана, а живий попередній перегляд кожного інструмента подається як єдине марковане зображення, що описує, що саме він створює.
Делікатний шар допоміжних звуків підтверджує ваші дії - прибуття в галерею, дійсна чи недійсна перевірка Content Credentials, закриття панелі, перемикання фільтра. Він вимкнений за замовчуванням: увімкніть Звук будь-де, де з'являється перемикач (спливне вікно параметрів кожного вигляду або Налаштування), і вибір запам'ятається.
Чотири необов'язкові налаштування комфорту живуть у Налаштування → Доступність: Зменшити рух (прибирає переходи та прикраси застосунку), Приховати кольорові попередні перегляди (спокійні картки галереї з іконкою та текстом і тихіші мініатюри проєктів), Високий контраст (сильніші рамки, текст і кільця фокуса) та Великий текст (більший шрифт застосунку - підписи, меню, текст кнопок). Усі чотири заспокоюють застосунок навколо вашої роботи: вони ніколи не сягають усередину полотна інструмента і не змінюють жодного пікселя того, що ви експортуєте, і кожне вимкнене, доки ви його не ввімкнете. Повні подробиці в Ваш профіль → Доступність.
Поряд із перемикачем звуку — Режим Neurospicy — необов'язкова, заспокійлива фонова доріжка для зосередження, що тихо грає, поки ви працюєте. Її ввімкнення відкриває невеликий док програвача в нижньому кутку, який супроводжує вас по всьому застосунку; з нього ви можете шукати й вибирати доріжку, перемотувати вперед і назад, задавати гучність, а також згортати чи закривати його. Список доріжок охоплює кілька категорій — процедурні мелодії Lolly Sings, ембієнтні петлі та біти, ваше власне завантажене аудіо та кілька живих інтернет-радіостанцій (їм потрібне з'єднання; усе інше грає офлайн). Він вимкнений за замовчуванням і, як і Звук, запам'ятовується між сесіями та пристроями. Вимкнення Звуку глушить і доріжку для зосередження.
Сховище та приватність
Lolly зберігає вашу роботу на вашому пристрої: у власному сховищі цього браузера у веб-застосунку, і у власному сховищі застосунку в десктопному та мобільному застосунках. Що зберігається, що прибирає Очистити всі мої дані і що забирає з собою очищення даних браузера - на Знайдіть і відновіть свою роботу; Політика приватності перелічує все, що застосунок узагалі завантажує чи надсилає, а Серверна поверхня - необов'язкові серверні компоненти.
Перехід на інший пристрій
Щоб перенести свою роботу на другий комп'ютер чи телефон, скористайтеся синхронізацією, файлом резервної копії або файлом .lolly. Перенесіть свою роботу на інший пристрій порівнює всі три способи й проводить через Export my data та Import data….
Імпорт дизайну (Figma, Penpot, Illustrator, InDesign)
Ви можете перенести наявний дизайн у Lolly й продовжити роботу над ним: відкрийте Design, натисніть Імпортувати дизайн на панелі інструментів полотна та виберіть файл Figma .fig або SVG, Penpot .penpot, Illustrator .ai / .pdf чи InDesign .idml. Шари стають редагованими блоками на вільному полотні — текст залишається придатним для повторного набору, зображення потрапляють у Мої зображення, а шрифти й кольори узгоджуються з глобальними параметрами бренду, — після чого результат зберігається, надається спільно й рендериться, як і будь-яка інша сесія. Розбір відбувається повністю на вашому пристрої. Докладніше: Імпорт дизайну.
Експорт
Повну історію дивіться в Експорт і формати — вибір формату, розмір виходу та одиниці друку, прозорість, відео і копіювання/спільний доступ. Коротко: виберіть формат, за потреби задайте розмір і натисніть Завантажити (або Копіювати, щоб скопіювати в буфер обміну).
Пакетний режим (Batch, Pro)
Для досвідчених користувачів Batch (посилання з галереї, обмежений функціональним прапорцем Pro, який типово увімкнено) рендерить одразу багато варіацій — сітку, де кожен рядок є набором полів вводу, що експортуються разом. Ідеально підходить для локалізації картки на десяток мов або генерування всіх варіантів розміру за один прохід. Заповнюйте рядки, набираючи текст, вставляючи прямо з електронної таблиці або імпортуючи CSV (його ж можна експортувати назад), і задавайте формат, розмір та назву вихідного файлу для кожного рядка. Збережіть цілу сітку як іменовану пакетну сесію, яка знову відкривається з галереї, і завантажте всі рядки одним .zip.
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл37 paths~3.5k nodes56 groups4 images52 KB
signed by Lollyvector SVGПеревірте саміОтримати підписаний файл37 paths~3.5k nodes56 groups4 images52 KB
Batch призначено для генерування багатьох варіантів одного шаблону за раз. Щоб повторно відрендерити сесії, які ви вже зберегли, скористайтеся Проєкти → Рендерити папку / Рендерити виділене (див. Знайдіть і відновіть свою роботу) - Pro не потрібен.
Редагування поруч (Групове редагування)
Пакетна обробка - це багато варіантів одного дизайну. Мультиредагування - друга половина завдання: кілька різних збережених дизайнів відкрито одночасно, тож одна зміна застосовується до всіх них. Позначте від двох до восьми збережених сеансів у Проєктах і виберіть Редагувати разом на панелі вибору; вони відкриються як живі картки поруч за адресою #/multi?s=<slot>,<slot>…. Кожна картка - це справжній рендер цього сеансу, а не збережена мініатюра, тож те, що ви бачите, - це те, що буде експортовано.
Одна бічна панель керує всім:
- Спільні очолюють її - кожне поле вводу, яке дві чи більше вибраних сесій оголошують однаково (той самий id, той самий тип, ті самі обмеження - те саме правило злиття, яке пакетна сітка застосовує до своїх стовпців). Змініть спільний елемент керування один раз - і значення розійдеться по всіх сесіях, які його оголошують, наживо на кожній картці. Дві сесії того самого інструмента ділять усе; два різні інструменти ділять те, що в них випадково збіглося, і не більше.
- Під ними - по одній згорнутій картці на сесію з усіма власними полями вводу цієї сесії, з тією самою точністю, що й у власній бічній панелі інструмента: засоби вибору ресурсів, повторювані групи рядків, поля кольору - плюс компактний блок експорту: Формат, Ш / В, Одиниця, DPI і власне Завантажити. Це «Завантажити» спершу зберігає сесію, а потім рендерить її звичайним шляхом експорту сесії, тож файл несе ту саму назву, формат і Content Credentials, які були б прямо з інструмента.
- Фільтрувати поля вводу… угорі звужує елементи керування одразу на кожній картці - саме так ви дістаєтеся до «заголовка» у восьми сесіях, не прокручуючи до нього.
Клацніть будь-яке полотно (або натисніть на ньому Enter) — і картка бічної панелі цієї сесії відкриється й прокрутиться у видиму область. Зберегти все записує кожну сесію назад у її власний слот. Завантажити все спершу зберігає, а потім рендерить увесь набір тим самим конвеєром, що й Рендерити виділене у Проєктах — один zip, із необов'язковим захистом паролем, який пропонується дорогою.
Два чесні обмеження. Межа «від двох до восьми» справжня: кожна картка монтує власне живе середовище виконання, і це те число, яке лишається чуйним — посилання, що просить більше (або сесію, якої вже немає), скаже про це, а не завантажиться наполовину. І посилання називає ваші збережені слоти, тож воно відкриває цей набір на цьому пристрої; це не посилання для спільного доступу.
Коли виділення більше за вісім, змішує інструменти або містить і зображення, і сесії, запасний вихід — Редагувати як таблицю на тій самій панелі виділення: воно відкриває все виділення рядками в пакетній сітці (#/pro?s=…), без обмеження за розміром і без правила одного інструмента. Папки лишаються поза обома — у них свій шлях відкриття в сітці. (Пошук — це єдине, що сюди ще не сягає: групове редагування — єдиний вигляд, про який рядок пошуку не знає.)
Офлайн та встановлення
Lolly - це PWA. Вона й далі працює офлайн на екранах, які ви вже відкрили, а Застосунок під Налаштування → Доступно офлайн завантажує решту - встановіть її з адресного рядка браузера (або через Add to Home Screen на мобільному) для роботи в стилі застосунку на весь екран. Вона оновлюється сама, коли ви знову онлайн.
Про оновлення: якщо якийсь вигляд раптом не завантажується одразу після оновлення (порожня панель, «не вдалося отримати» в куті), перезавантажте сторінку один раз - застосунок чисто підхоплює нову версію, а ваша робота, сеанси та бренд лишаються недоторканими; лише зображення, яке ви додали й ніколи не зберегли, може знадобитися додати знову. Він зберігає все на вашому пристрої, а не на сторінці.
Design і Darkroom можуть зберігати первісну точність зображення за допомогою редагування Wide colour / HDR, зокрема відео Sequence. Брендові зразки можуть нести окремі значення sRGB і P3. Див. Редагування широкого кольору та HDR для варіантів виводу та поточних обмежень.