Korzystanie z Lolly

Praktyczny przewodnik po korzystaniu z aplikacji - otwieraniu narzędzia, pracy na kanwie, eksporcie, zapisie i udostępnianiu. Wszystko tutaj działa na twoim urządzeniu: bez konta, bez wysyłania plików, bez internetu po pierwszym załadowaniu.

Dopiero zaczynasz? Szybki start pozwoli ci tworzyć w kilka minut, a Lolly dla operatorów opisuje instalację i wdrożenie aplikacji; ta strona jest o tym, jak ją obsługiwać, gdy już działa.

Otwieranie narzędzia

Ekran startowy to galeria - wszystkie narzędzia pogrupowane według kategorii. Kliknij kartę, aby otworzyć narzędzie; jeśli już wcześniej nad nim pracowałeś, przycisk Continue wznawia twoją ostatnią sesję. Użyj pola wyszukiwania, aby filtrować po nazwie - albo skorzystaj z wyszukiwarki na pasku u dołu sześciu ekranów list (galeria, Utilities, Projects, Catalogue, Dashboard i Profile), która sięga do twoich zapisanych prac, katalogu i ustawień, nie tylko do narzędzi. Wewnątrz narzędzia pasek ustępuje miejsca własnym elementom narzędzia.

Galeria narzędzi - każde narzędzie jako karta, pogrupowane według kategoriisigned by Lollyvector SVGSprawdź samodzielnieGet the signed file281 paths~38k nodes443 groups6 images2269 KBGaleria narzędzi - każde narzędzie jako karta, pogrupowane według kategoriisigned by Lollyvector SVGSprawdź samodzielnieGet the signed file281 paths~38k nodes443 groups6 images2265 KBTry it in the app

Każde narzędzie to widok dzielony: kontrolki po jednej stronie, żywy podgląd (kanwa) po drugiej. Zmień dowolną kontrolkę, a podgląd zaktualizuje się natychmiast.

Widok podzielony narzędzia - stos elementów sterujących po lewej i rysowany na żywo wykres słupkowy grupowany po prawejsigned by Lollyvector SVGSprawdź samodzielnieGet the signed file23 paths372 nodes11 groups21 KBWidok podzielony narzędzia - stos elementów sterujących po lewej i rysowany na żywo wykres słupkowy grupowany po prawejsigned by Lollyvector SVGSprawdź samodzielnieGet the signed file23 paths372 nodes11 groups21 KB

Kilka narzędzi (jak Design) otwiera się zamiast tego jako wolna kanwa - powierzchnia bez zbędnej obudowy, na której przeciągasz, skalujesz, obracasz i przyciągasz do siebie pola tekstu, kształty i obrazy, a dwuklik pozwala edytować tekst na miejscu. Eksportuje się tą samą ścieżką renderowania co każde inne narzędzie, więc kanwa jest plikiem. Zobacz Wolna kanwa poniżej.

Dwa sposoby, by ułożyć samą siatkę tak, jak chcesz:

Koniec siatki Tools z odkrytymi ukrytymi narzędziami: przygaszona karta QR Code Generator, a obok niej szary kafelek, który przywrócił ją do widoku, teraz z napisem Hide hidden toolssigned by Lollyvector SVGSprawdź samodzielnieGet the signed file251 paths~29k nodes440 groups658 KBKoniec siatki Tools z odkrytymi ukrytymi narzędziami: przygaszona karta QR Code Generator, a obok niej szary kafelek, który przywrócił ją do widoku, teraz z napisem Hide hidden toolssigned by Lollyvector SVGSprawdź samodzielnieGet the signed file247 paths~29k nodes439 groups1 image729 KB

Ask Lolly

Kiedy wolisz zapytać, niż szukać, Ask Lolly (#/ask) przyjmuje wpisane pytanie i zwraca pasujący fragment tej dokumentacji dosłownie - własnymi słowami przewodników, nie jako streszczenie ani wygenerowany tekst - z podaniem strony, z której pochodzi, i linkiem Open in docs obok. Pod odpowiedzią leżą miejsca w aplikacji pasujące do tego samego pytania: narzędzie, ustawienie, zapisany projekt - każde jako przycisk, który po prostu tam przenosi.

Zapis rozmowy to pamięć sesji: zadaj pytanie uzupełniające, a wątek narasta w miarę pracy, ale po przeładowaniu zaczyna się od nowa. Wyniki wyszukiwania mają na dole wiersz *Ask Lolly: twoje zapytanie*** - pod konkretnymi trafieniami z pozostałych grup - który przekazuje pytanie dalej, więc możesz zacząć na pasku, a skończyć tutaj.

Kanwa (podgląd)

Podgląd zawsze pokazuje dokładnie to, co zostanie wyeksportowane.

Komputer

Zoom HUD w rogu kanwy - minus, aktualny procent, plus, Fit, a dalej przełączniki motywu i dźwiękusigned by Lollyvector SVGSprawdź samodzielnieGet the signed file5 paths199 nodes11 groups7 KBZoom HUD w rogu kanwy - minus, aktualny procent, plus, Fit, a dalej przełączniki motywu i dźwiękusigned by Lollyvector SVGSprawdź samodzielnieGet the signed file5 paths186 nodes11 groups7 KB

Dotyk

Kliknij, by przejść do kontrolki: kliknij dowolny element projektu, a odpowiadające mu pole na pasku bocznym dostanie fokus i przewinie się do widoku - w powtarzalnej grupie wierszy rozwinie dokładnie ten wiersz, który kliknąłeś, więc edycja tego, co widzisz, jest o jedno stuknięcie.

Zmiana wymiarów zawsze przywraca widok do czystego dopasowania.

Wolna kanwa (Design)

Narzędzia z wolną kanwą dodają powierzchnię roboczą wokół obszaru roboczego, jak stół montażowy projektanta:

Wolne płótno Design - artboard wraz z otaczającym go stołem roboczymsigned by LollyPNGSprawdź samodzielnieGet the signed filepixels, not shapes543 KBWolne płótno Design - artboard wraz z otaczającym go stołem roboczymsigned by LollyPNGSprawdź samodzielnieGet the signed filepixels, not shapes490 KB

Odbij zaznaczenie. Kliknij prawym przyciskiem dowolny box i wybierz Flip horizontal lub Flip vertical, by odbić go w miejscu, albo naciśnij Shift+H / Shift+V na klawiaturze - Shift, ponieważ samo V to narzędzie Pointer. Każdy zaznaczony box odbija się względem własnej osi w jednym kroku cofania, a odbicie jest prawdziwą transformacją, więc zachowuje się w wyeksportowanym SVG, PDF i PNG, a nie tylko na płótnie.

Rysowanie własnych kształtów (pióro)

Prostokąty, koła i zaokrąglone ramki wystarczają do większości układów. Kiedy potrzebujesz kształtu spoza tej listy, narysuj go: przycisk Pen na listwie (albo klawisz P) włącza tryb rysowania. Trzy pojedyncze klawisze przełączają tryby - V wraca do wskaźnika, P włącza pióro, N narzędzie węzłów (Edit points) - a wskaźnik jest zawsze wyjściem z tego, w czym akurat jesteś.

Listwa narzędzi wolnej kanwy: uchwyt do przeciągania, menu Lolly, dalej Pointer, Add a box, Pen, Edit points, Line, Timeline, Artboards i Auto-arrangesigned by Lollyvector SVGSprawdź samodzielnieGet the signed file36 paths206 nodes31 groups22 KBListwa narzędzi wolnej kanwy: uchwyt do przeciągania, menu Lolly, dalej Pointer, Add a box, Pen, Edit points, Line, Timeline, Artboards i Auto-arrangesigned by Lollyvector SVGSprawdź samodzielnieGet the signed file36 paths206 nodes31 groups22 KB

Wynikiem jest zwykłe pole na kanwie. Przesuwaj je, skaluj, obracaj, grupuj, wyrównuj, zmieniaj kolejność, nadaj mu wypełnienie, gradient, cień albo przezroczystość - ścieżka zachowuje się jak każde inne pole i żadna z tych kontrolek nie traktuje jej inaczej.

Powstaje też od razu pomalowana. Pierwsza narysowana ścieżka dostaje wypełnienie i obrys, jakie twoja marka przewiduje dla ścieżki, a każda kolejna przejmuje to, czego użyłeś ostatnio - ustaw wypełnienie raz i rysuj dalej, zamiast przekolorowywać każdy kształt. (W narzędziu, którego marka nic nie mówi o ścieżkach, narysowana ścieżka dostaje obrys w kolorze, w którym widziałeś ją podczas rysowania, więc nigdy nie jest niewidoczna.)

Ponowna edycja punktów. Kliknij kształt dwukrotnie (albo użyj Edit points na pasku obiektu), a punkty wrócą. Przeciągnij punkt, aby go przesunąć, przeciągnij uchwyt, aby zmienić jego kierunek, kliknij w dowolnym miejscu krzywej, aby wstawić punkt, zaznacz grupę punktów gumką i naciśnij Delete, aby usunąć zaznaczone. Ścieżka zawsze zachowuje co najmniej dwa punkty, więc nie da się jej przypadkiem skasować do zera.

Spline type decyduje, jaka krzywa przechodzi przez twoje punkty, i to jest wybór, który warto rozumieć:

TypCo robi
Smooth (auto)Domyślny. Sam wylicza długości uchwytów, więc zwykłe klik-klik-klik daje naprawdę gładką krzywą bez mocowania się z uchwytami. Jeśli ustawisz uchwyt, przypina on kierunek, a długość pozostaje w gestii krzywej.
Bezier handlesKlasyczne pióro. Uchwyty są punktami kontrolnymi, a wstawienie punktu nigdy nie rusza krzywej.
Through the pointsPrzechodzi dokładnie przez każdy postawiony punkt, bez uchwytów.
B-splinePłynie w pobliżu punktów, a nie przez nie, dając miększy kształt.
Straight linesŁamana.

Przełączenie istniejącej ścieżki na typ, który sam wylicza uchwyty, najpierw pyta o zgodę, bo ustawionych przez ciebie długości uchwytów nie da się odzyskać - przełączenie na Bezier handles jest zawsze bezstratne. W trakcie rysowania nie ma pytania: zmiana od razu obejmuje szkic, a wyciągnięte już uchwyty przepadają razem z nią. Przy typach, które same zarządzają uchwytami, wstawienie punktu minimalnie zmienia kształt krzywej; przy Bezier handles nie.

Każdy punkt ma też regułę ciągłości, widoczną po jego kształcie na kanwie - kwadrat to Corner (uchwyty poruszają się niezależnie), koło to Smooth (uchwyty zostają w jednej linii), koło z obwódką to Symmetric (w jednej linii i równej długości). Ustaw ją dla dowolnych zaznaczonych punktów, a krzywa natychmiast się do niej dostosuje.

Dwie ścieżki pióra wyrenderowane wprost z linku: obrysowana krzywa S i zamknięta wypełniona plamasigned by Lollyvector SVGSprawdź samodzielnieGet the signed file5 paths38 nodes7 groups5 KBDwie ścieżki pióra wyrenderowane wprost z linku: obrysowana krzywa S i zamknięta wypełniona plamasigned by Lollyvector SVGSprawdź samodzielnieGet the signed file5 paths38 nodes7 groups5 KB

Narysowana ścieżka podróżuje w linku jak wszystko inne, więc narysowany kształt otworzy się z linku do udostępniania i wyrenderuje identycznie z CLI. Nic w niej nie zależy od edytora.

Łączenie kształtów (operacje na ścieżkach)

Zaznacz dwa kształty lub więcej, kliknij kanwę prawym przyciskiem (na dotyku stuknięcie dwoma palcami), a menu zaproponuje operacje, jakich oczekujesz od programu do rysowania:

Trzy kolejne działają na pojedynczym kształcie: Outline stroke… zamienia obrys w wypełniony kształt o tym samym zarysie (przydatne, gdy chcesz zachować grubość dokładnie taką, jak narysowana), Offset path… rozszerza sylwetkę na zewnątrz albo, przy liczbie ujemnej, ściąga ją do środka, a Simplify odbudowuje ścieżkę z mniejszej liczby segmentów przy tym samym kształcie.

Półksiężyc i pierścień z prawdziwym otworem, oba powstałe przez Subtractsigned by Lollyvector SVGSprawdź samodzielnieGet the signed file5 paths47 nodes7 groups5 KBPółksiężyc i pierścień z prawdziwym otworem, oba powstałe przez Subtractsigned by Lollyvector SVGSprawdź samodzielnieGet the signed file5 paths47 nodes7 groups5 KB

Wynikiem jest nowa ścieżka, którą dalej edytujesz piórem. Otwory są prawdziwymi otworami - kontrolka Fill rule w panelu obrysu decyduje, czy nakładające się kontury wypełniają się (non-zero), czy przebijają na wylot (even-odd).

Dwie rzeczy, których te operacje celowo nie robią. Odmawiają, zamiast niszczyć: poproś o część wspólną dwóch kształtów, które się nie nakładają, a dostaniesz informację, że nie ma czego zachować, i nic się nie zmieni. A pola tekstowe i obrazy nie mają zarysu, na którym można pracować, więc zostają nietknięte, zamiast być przybliżane własną ramką. Połączony wynik zapisuje się jako zwykłe krzywe Beziera, tak samo jak w programie do rysowania - pierwotny typ krzywej nie przetrwa operacji.

Oś czasu (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 SVGSprawdź samodzielnieGet 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 SVGSprawdź samodzielnieGet the signed file104 paths~7.2k nodes157 groups2 images97 KB

Sequence Studio dodaje wolnej kanwie czas. Każde pole może zaczynać się w danym momencie, trwać przez określony czas i animować się na wejściu i wyjściu, a układasz je na osi czasu zadokowanej pod obszarem roboczym. Po otwarciu sekwencja już się odtwarza - plansza tytułowa, klip, plansza końcowa, belka dolna i podkład muzyczny - więc model widać, zanim cokolwiek zmienisz.

Oś czasu Sequence Studio: pasek transportu, linijka, ścieżka nakładki, magnetyczny rząd sekwencji z klipami i znacznikami złączeń oraz pasek Always onsigned by Lollyvector SVGSprawdź samodzielnieGet the signed file73 paths~5.4k nodes115 groups80 KBOś czasu Sequence Studio: pasek transportu, linijka, ścieżka nakładki, magnetyczny rząd sekwencji z klipami i znacznikami złączeń oraz pasek Always onsigned by Lollyvector SVGSprawdź samodzielnieGet the signed file73 paths~5.4k nodes115 groups80 KB

Są dwa rodzaje wierszy i cała idea leży w tej różnicy:

Scena edycji: artboard na pierwszym planie i na środku, pasek narzędzi po lewej oraz HUD powiększenia w rogusigned by Lollyvector SVGSprawdź samodzielnieGet the signed file19 paths852 nodes30 groups20 KBScena edycji: artboard na pierwszym planie i na środku, pasek narzędzi po lewej oraz HUD powiększenia w rogusigned by Lollyvector SVGSprawdź samodzielnieGet the signed file19 paths839 nodes30 groups20 KB

Otwarcie osi czasu przekazuje jej klawiaturę, więc spacja i strzałki sterują głowicą, a nie stroną - a ponieważ oś otwiera się sama przy kompozycji, która ma już czasy, dzieje się tak od chwili wczytania Sequence Studio.

Edytor sekwencji wchodzi głębiej w cztery rzeczy, które decydują o tym, czy montaż w czasie jest przewidywalny: który klip edytuje kliknięcie na kanwie, przezroczyste duchy sąsiednich klipów, zakres podziału i Join, który cofa cięcie, oraz przycinanie (razem ze skrótami klawiszowymi). Naciśnij ? przy aktywnej osi czasu, aby zobaczyć ściągę ze skrótami.

Montaż. Przeciągnij środek klipu, aby go przesunąć lub zmienić kolejność, przeciągnij w odległości kilku pikseli od któregoś końca, aby go przyciąć, i naciśnij Split at playhead (albo S), aby przeciąć klip na dwa. Podział wymaga klipu z realną wartością Length i głowicy kawałek w jego wnętrzu, więc klipu bez końca (na przykład podkładu muzycznego) nie da się podzielić. Snap to edges jest domyślnie włączone i przyciąga do krawędzi klipów, głowicy i pełnych sekund, a Alt to wyłącza. Każde przeciągnięcie to jeden krok cofania, a podgląd przeciągania liczy dokładnie to samo co zatwierdzenie, więc to, co widzisz w trakcie, jest tym, co dostajesz.

Zaznacz klip, a inspektor da ci te same zmiany w postaci liczb: Length, Trim in (jak głęboko w materiale źródłowym się zaczyna), Speed jako zestaw stałych mnożników od ×0.25 do ×4, Animate in / Animate out wraz z ich długościami oraz Mute clip. Klip w wierszu magnetycznym celowo nie ma pola Start - to wiersz decyduje o kolejności, więc przesuwasz go przeciąganiem.

Przejścia to gotowe ustawienia, nie klatki kluczowe: Fade, Pop, Grow, Rise, Drop, cztery warianty Slide, Zoom in i out, Tilt, Swoop, Spin, Drift albo Cut (no animation). Odległości skalują się z obiektem, więc to samo ustawienie działa tak samo dobrze na pełnoekranowej planszy i na małej plakietce. Między dwoma sąsiednimi klipami w wierszu sekwencji jest znacznik styku: kliknij go i wybierz Cut albo Crossfade - zmiana działa od razu i znacznik się zamyka. Otwórz go ponownie, aby zmienić Length (ms), i naciśnij Done. Przenikanie zapisuje się jako wyjście jednego klipu i wejście następnego, a eksport wyprowadza z tej pary faktyczne przenikanie - dlatego w podglądzie wygląda ono jak dwa zanikania, a w pliku jak prawdziwe przekazanie.

Dźwięk. Dodaj klip Audio, a znajdzie się na osi czasu jak każdy inny klip: przebieg fali, przycinanie, wyciszenie. (Wyjątkiem jest generowany podkład, z którym przychodzi domyślna sesja - powstaje dopiero przy eksporcie, więc jego pasek pozostaje pusty i cichy aż do renderu.) Naciśnij mikrofon, aby nagrać lektora wprost na oś czasu, z odliczaniem i miernikiem poziomu; nagranie zapisuje się jako twój własny zasób w miejscu, w którym zacząłeś. Naciśnij obok niego kamerę, aby w ten sam sposób nagrać wideo: ujęcie jest przycinane do rozmiaru eksportu obszaru roboczego w trakcie nagrywania, więc mały podgląd własny pokazuje dokładnie to, co trafia do sekwencji przy głowicy, pełną klatką - w ten sposób zbierasz klip współpracownika z udostępnionego linku. Muzyka, dialogi i własna ścieżka dźwiękowa klipu trafiają do wyeksportowanego miksu. (Audio track w panelu eksportu to co innego: jeden podkład położony pod całym materiałem, z zanikaniem i ściszaniem. Oba działają obok siebie.)

Render. Eksport ruchu to deterministyczna kompozycja, nie nagranie ekranu - każda klatka jest dekodowana, rysowana i kodowana w dokładnym czasie, więc plik nie zależy od tego, czy twój komputer nadąża, i nie ma praktycznego limitu klatek w MP4 ani WebM. Czas trwania wynika z długości samej osi czasu, chyba że wpiszesz własny. Content Credentials są stemplowane tak samo jak przy każdym innym eksporcie. Eksport nieruchomy daje ci klatkę spod głowicy albo całą stykówkę z pola Frames obok rozmiaru wyjściowego - zobacz Eksport.

Kilka ograniczeń, o których warto pamiętać: sekwencja jest ograniczona do godziny, GIF i animowany PNG buforują klatki, więc pozostają krótkie, dźwięk milczy w klipie o prędkości innej niż ×1 (nie ma jeszcze rozciągania w czasie), a Record live jest tu ukryte, bo kompozytor to lepsza droga.

Poza gotowymi ustawieniami: klatki kluczowe, głębia i kamera. Przejście animuje klip w chwili, gdy się pojawia i znika. Aby ustawić pozę elementu wewnątrz klipu - przesunąć go, rozjaśnić, rozmyć, unieść nad stronę i osadzić z powrotem - dodaj klatki kluczowe: zaznacz klip, naciśnij +Keyframe (romb w klastrze narzędzi na osi czasu, romb na pasku obiektu na płótnie lub K), a pozycja wskaźnika odtwarzania decyduje o tym, jaką pozę zapisze Twoja następna edycja. Ten sam system klatek kluczowych daje każdej kompozycji czasowej kamerę, która najeżdża, panoramuje i zmienia ostrość, zamieniając jeden płaski SVG w stos warstw, między którymi możesz przelatywać. Animacja to pełny przewodnik.

Narzędzie Design ma tę samą oś czasu, więc możesz nadać układowi czas bez przechodzenia do innego narzędzia - i ono też eksportuje ruch.

Prezentowanie

The inspector's Document section: Voice, Blend with, Speed, Lead-in, Tail and Show captions when presentingsigned by Lollyvector SVGSprawdź samodzielnieGet 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 SVGSprawdź samodzielnieGet the signed file29 paths~4.4k nodes56 groups2 images57 KB

Dokument Design złożony z obszarów roboczych jest już prezentacją. Otwórz menu Lolly na listwie narzędzi i wybierz Present - ostatni wiersz - a każdy obszar roboczy stanie się slajdem na pełnym ekranie, w kolejności, w jakiej obszary leżą na kanwie. Prezentacja działa na kopii wyrenderowanych obszarów, więc edytor pod spodem pozostaje nietknięty, a wyjście przywraca cię dokładnie tam, gdzie byłeś.

Prezentacja jest też linkiem. ?present otwiera ją od razu, s= wskazuje slajd - pozycję, identyfikator obszaru roboczego albo id.step dla kroku odsłaniania - a adres aktualizuje się przy każdym przejściu, więc wysyłasz dokładnie ten slajd, na którym jesteś. Autorzy narzędzi: te parametry są opisane na stronie URL Mode.

Na telefonie

Na wąskich ekranach układ przechodzi w jedną kolumnę:

Narzędzie na ekranie o szerokości telefonu - kontrolki jako arkusz u góry, wygenerowana paleta wypełniająca podgląd poniżej i pigułka renderu unosząca się na dole pośrodkusigned by Lollyvector SVGSprawdź samodzielnieGet the signed file61 paths~2.9k nodes128 groups2 images72 KBNarzędzie na ekranie o szerokości telefonu - kontrolki jako arkusz u góry, wygenerowana paleta wypełniająca podgląd poniżej i pigułka renderu unosząca się na dole pośrodkusigned by Lollyvector SVGSprawdź samodzielnieGet the signed file61 paths~2.9k nodes128 groups2 images72 KB

Kontrolki (pola)

Narzędzia udostępniają tylko te pola, które mają się zmieniać - cała reszta (kolory, układ, typografia, logika) jest zablokowana przez autora narzędzia, więc cokolwiek zrobisz, spełnia ustalone przez niego zasady. Pola to między innymi tekst, suwaki, próbniki kolorów, listy rozwijane, daty, wybór obrazów i powtarzalne grupy wierszy. Część z nich jest zebrana w zwijanych sekcjach.

Stos kontrolek narzędzia - pole tekstowe, przyciski kolorów i suwak, i nic poza tym, co autor postanowił zablokowaćsigned by Lollyvector SVGSprawdź samodzielnieGet the signed file19 paths~2.1k nodes45 groups1 image31 KBStos kontrolek narzędzia - pole tekstowe, przyciski kolorów i suwak, i nic poza tym, co autor postanowił zablokowaćsigned by Lollyvector SVGSprawdź samodzielnieGet the signed file19 paths~2.1k nodes45 groups1 image31 KB

Reset: Clear changes przywraca wszystkim polom wartości domyślne.

Cofanie i ponawianie

Cmd/Ctrl-Z cofa, a Cmd/Ctrl-Shift-Z (albo Cmd/Ctrl-Y) idzie z powrotem do przodu. Ta sama para siedzi jako przyciski Undo i Redo w rzędzie nad kontrolkami - na wolnej kanwie są zamiast tego na listwie narzędzi - i każdy z nich szarzeje, kiedy nie ma już czego cofać. Każdy krok mówi, czym był: cofnij kolor, a krótki komunikat nazwie pole, które właśnie przywrócił, z przyciskiem Redo w środku na drogę powrotną.

W trakcie współpracy na żywo historia pozostaje wyłącznie Twoja. Zmiana napływająca z innego urządzenia nigdy nie trafia na Twój stos, więc cofnięcie może cofnąć tylko to, co zrobiłeś sam.

Twoje dane i zdjęcie profilowe

Profile (prawy górny róg galerii) przechowuje twoje imię i nazwisko, dane kontaktowe oraz opcjonalne zdjęcie profilowe. Narzędzia, które pytają o te pola, wypełniają je automatycznie - ustaw je raz, a twoja stopka mailowa, lockupy i identyfikatory uzupełnią się same. Każde pole nadal możesz nadpisać w ramach sesji. Włącz Use my details to create, aby twoje dane szły dalej jako dane autora tego, co eksportujesz.

Twoje zdjęcie i dane żyją wyłącznie na tym urządzeniu. Profil to nie musi być tylko ty - może być zespołem albo rolą, w którą od czasu do czasu wchodzisz. Pełny obraz, łącznie z prowadzeniem kilku profili, znajdziesz w Profilach.

Zapisywanie i wznawianie

Kliknij Save, aby zapisać bieżące wartości pól jako sesję tego narzędzia. Możesz trzymać wiele nazwanych sesji na narzędzie; przycisk Continue w każdym narzędziu otwiera najnowszą, a przycisk historii (prawy górny róg, obok profilu) wypisuje wszystkie zapisane sesje ze wszystkich narzędzi. Sesje są lokalne dla urządzenia. Aby je uporządkować, otwórz Projects (poniżej).

Dwudzielna pigułka renderu - strzałka w górę otwierająca panel eksportu i ptaszek zapisujący sesję na miejscusigned by Lollyvector SVGSprawdź samodzielnieGet the signed file2 paths240 nodes10 groups7 KBDwudzielna pigułka renderu - strzałka w górę otwierająca panel eksportu i ptaszek zapisujący sesję na miejscusigned by Lollyvector SVGSprawdź samodzielnieGet the signed file2 paths240 nodes10 groups7 KB

Projects

Projects - otworzysz je z zakładki Projects obok Tools albo z Profile → Storage → Organise in Projects - to dom dla wszystkiego, co zapisałeś, i działa jak menedżer plików:

Projects - zapisane sesje uporządkowane w zagnieżdżalnych folderachsigned by Lollyvector SVGSprawdź samodzielnieGet the signed file79 paths~7.7k nodes104 groups179 KBProjects - zapisane sesje uporządkowane w zagnieżdżalnych folderachsigned by Lollyvector SVGSprawdź samodzielnieGet the signed file79 paths~7.7k nodes104 groups180 KB

Otwarte okienko View and sort w Projects, z wierszem motywu, wyborem View pomiędzy Preview a List oraz Name, Date added i Last modified pod Sortsigned by Lollyvector SVGSprawdź samodzielnieGet the signed file11 paths~1.3k nodes21 groups19 KBOtwarte okienko View and sort w Projects, z wierszem motywu, wyborem View pomiędzy Preview a List oraz Name, Date added i Last modified pod Sortsigned by Lollyvector SVGSprawdź samodzielnieGet the signed file11 paths~1.3k nodes21 groups19 KB

To, co oferuje pasek zaznaczenia, różni się nieco w zależności od widoku, bo nie każda akcja ma wszędzie sens:

Jedna pułapka nazewnicza: View sessions istnieje dopiero wtedy, gdy coś jest zaznaczone. Kliknięcie prawym przyciskiem pojedynczej niezaznaczonej karty daje zamiast tego N saved sessions, co otwiera własne okno historii tego narzędzia, a nie przenosi do Projects.

Dwie zaznaczone karty narzędzi w galerii Tools, z pływającym paskiem zaznaczenia pokazującym 2 selected i oferującym Available offline, View sessions, Favourite oraz Hidesigned by Lollyvector SVGSprawdź samodzielnieGet the signed file278 paths~46k nodes495 groups4 images1183 KBDwie zaznaczone karty narzędzi w galerii Tools, z pływającym paskiem zaznaczenia pokazującym 2 selected i oferującym Available offline, View sessions, Favourite oraz Hidesigned by Lollyvector SVGSprawdź samodzielnieGet the signed file280 paths~46k nodes500 groups5 images1227 KB

Udostępnianie swojej pracy

Projekt wychodzi na dwa sposoby: jako link albo jako plik. Okno Share oferuje oba. Otwórz je przyciskiem Share w kontrolkach eksportu; Share link na zapisanej sesji w Projects otwiera to samo okno dla tej sesji.

Każde pole jest zapisane w adresie URL strony, więc link jest projektem. Na górze okna leży gotowy do skopiowania link, a pod nim dwie zwinięte sekcje.

Wklej link koledze, dodaj go do zakładek albo wrzuć do repozytorium. (Pełne szczegóły: URL Mode.)

Niektóre narzędzia sprawiają, że link jest całym produktem. Jump Page zbiera Twoje linki na jednej stronie do rozdawania - link biograficzny, prelekcja konferencyjna, witryna sklepowa. Nie ma nic do hostowania i nie stoi za tym żadne konto: strona to link, więc otwiera się tak szybko, jak podróżuje adres URL. W edytorze widzisz gotową stronę obok pól; osoba odwiedzająca, która otworzy link, dostaje ją na pełną szerokość, jeden link na scenę w miarę przewijania.

Jump Page w edytorze - nagłówek, trzy sceny linków, każda z własnym tłem, oraz stopka Made with Lolly, ułożone jako jedna strona na płótniesigned by Lollyvector SVGSprawdź samodzielnieGet the signed file12 paths~2.4k nodes28 groups30 KBJump Page w edytorze - nagłówek, trzy sceny linków, każda z własnym tłem, oraz stopka Made with Lolly, ułożone jako jedna strona na płótniesigned by Lollyvector SVGSprawdź samodzielnieGet the signed file12 paths~2.4k nodes28 groups30 KB

Okno mówi, czego link nie uniesie. Trzy rzeczy nie mieszczą się w adresie URL: obraz albo plik dodany z tego urządzenia, bardzo długa wartość tekstowa i bardzo duża lista. Każda z nich jest liczona przy budowaniu linku. Jeśli coś trzeba było pominąć, okno nazywa to i kieruje cię do pliku opisanego niżej, zamiast wręczać ci link, który otworzy się bez obrazka. Link, który jest po prostu długi, dostaje łagodniejszą uwagę z liczbą znaków, bo długość wciąż da się uratować pakowaniem.

Plik .lolly

Download .lolly w oknie Share narzędzia, w którym pracujesz, zapisuje ten sam projekt jako plik. Niesie zapisaną sesję razem z obrazami i plikami dodanymi z twojego urządzenia. Grafika z katalogu, z której korzysta projekt, jedzie w środku razem z nim, więc plik otwiera się kompletny na komputerze, który nigdy nie widział twojej marki. Jeśli twoje urządzenie ma systemowy arkusz udostępniania, Send to… przekazuje ten plik prosto do niego (AirDrop, udostępnianie w Androidzie), zamiast zapisywać go na dysku.

.lolly to zwykły zip. Zmień rozszerzenie na .zip i otwórz: twoje własne obrazy są w assets/uploads/, a grafika z katalogu w assets/catalog/, każda z prawdziwą nazwą i rozszerzeniem, manifest.json wypisuje je wszystkie, a README na górze mówi, czym jest ten plik.

Trzy rzeczy zależą od ciebie, zanim plik wyjdzie:

Otwieranie pliku. Upuść plik .lolly na aplikację: zasoby trafiają do Twojej biblioteki, sesja trafia do Projects, a narzędzie otwiera się na niej. Nic Twojego nie zostaje nadpisane: sesja pojawia się jako nowy zapisany slot, a zasób już obecny na tym urządzeniu jest dopasowywany po sumie kontrolnej i ponownie wykorzystywany zamiast duplikowany. Każda część jest sprawdzana względem własnych sum kontrolnych pliku podczas importu, więc kopia uszkodzona w transporcie zostaje odrzucona zamiast zaimportowana połowicznie.

Jeśli plik niesie narzędzie, którego nie masz, Lolly pyta, zanim to narzędzie będzie mogło działać: Trust this tool? nazywa je i jego autora oraz mówi wprost, że otwarcie uruchomi kod tego narzędzia na twoim urządzeniu, a Trust & install jest drogą dalej. Odmów, a udostępniona praca i tak zapisze się w twoich projektach i poczeka tam do dnia, w którym dodasz narzędzie. (Jednego rodzaju narzędzia nie da się jeszcze doinstalować z boku - takiego, którego kod przychodzi jako moduł - i jest ono odprawiane tak samo.)

I link, i plik przekazują migawkę. Aby pracować nad tą samą sesją w tym samym czasie co ktoś inny - dwa urządzenia, bez serwera, bez internetu, jeśli jesteście w jednej sieci - zobacz Praca razem.

Kamera na żywo (narzędzia reagujące na ruch)

Każdy Filter do zdjęć - Halftone, Scanline, Posterize, Voronoi cells, Colour treatment, Pixel stretch i Imperfections - pokazuje przycisk Go live tam, gdzie dostępna jest kamera. Włącz go, a efekt śledzi obraz z kamery klatka po klatce, więc reaguje na ruch; wynik możesz nagrać do GIF, WebM albo MP4. Klatki są odczytywane i przetwarzane na twoim urządzeniu i nigdy go nie opuszczają, a kamera zostaje zwolniona w chwili, gdy zatrzymasz podgląd albo wyjdziesz z narzędzia. (Każdy wybór obrazu ma też Take a photo, aby złapać pojedynczą klatkę jako obraz na urządzeniu.)

My images

Kiedy narzędzie pozwala dodać obraz z twojego urządzenia, jest on zachowywany dokładnie w takiej postaci, w jakiej przyszedł - więc Content Credential na nim nadal się weryfikuje - i zapisywany w twojej osobistej bibliotece My images (w Profile → Storage). Tylko naprawdę wielki plik pyta, czy go zachować, czy zmniejszyć. Używaj go ponownie w dowolnym narzędziu. Aby czyścić EXIF/GPS przy wczytywaniu obrazów, włącz w profilu Strip metadata from uploads. Nie ma limitu: biblioteka jest w całości lokalna i ograniczona tylko pamięcią twojego urządzenia - tam też zarządzasz obrazami i je usuwasz.

Catalogue - twoja biblioteka zasobów

Catalogue (#/c albo segment Catalog przełącznika Projects · Tools · Utilities · Catalog na górze każdego widoku listy) zbiera wszystko, z czego mogą korzystać twoje narzędzia - logotypy marki, obrazy, dźwięk i animacje, pogrupowane według rodzaju - i tu też mieszkają twoje własne pliki twórcze. Bez serwera, bez konsoli administracyjnej, bez pull requestów: wszystko jest na twoim urządzeniu.

Catalogue - zasoby marki, próbki kolorów i kroje pisma, a do tego twoje własne wgrane plikisigned by Lollyvector SVGSprawdź samodzielnieGet the signed file456 paths~43k nodes707 groups1022 KBCatalogue - zasoby marki, próbki kolorów i kroje pisma, a do tego twoje własne wgrane plikisigned by Lollyvector SVGSprawdź samodzielnieGet the signed file456 paths~43k nodes707 groups1022 KB

Zabierz swoją paletę i kroje pisma wszędzie

Panel Swatches w Catalogue nie tylko wyświetla - kliknij kolor, aby go skopiować, albo pobierz całą paletę marki w formacie, którym mówi twój drugi program:

Panel Swatches - pięć przycisków pobierania palety na górze, a pod nimi każdy kolor marki jako kopiowalny żetonsigned by Lollyvector SVGSprawdź samodzielnieGet the signed file196 paths~22k nodes282 groups302 KBPanel Swatches - pięć przycisków pobierania palety na górze, a pod nimi każdy kolor marki jako kopiowalny żetonsigned by Lollyvector SVGSprawdź samodzielnieGet the signed file196 paths~22k nodes282 groups302 KB

Panel Fonts wypisuje kroje pisma twojej marki, każdy z pobieraniem obok, do instalacji lokalnie albo przekazania drukarni. (Pokój Colours w Brand Studio oferuje to samo pobieranie palety.)

Zasoby to jedna połowa otwartej ścieżki zrób-to-sam; druga to tworzenie własnych narzędzi - wolna kanwa (opisany wyżej Design) pozwala zbudować takie narzędzie wizualnie, bez pisania kodu.

Dźwięk i dostępność

Lolly ma być wygodna w użyciu dla każdego. Interfejs obsługuje się z klawiatury, własne kontrolki mają poprawne etykiety dla czytników ekranu, a podgląd na żywo każdego narzędzia jest wystawiony jako jeden opisany obraz mówiący, co powstaje.

Delikatna warstwa dźwięków pomocniczych potwierdza to, co robisz - wejście do galerii, poprawny albo niepoprawny wynik sprawdzenia Content Credentials, zamknięcie panelu, przełączenie filtra. Jest domyślnie wyłączona: włącz Sound wszędzie tam, gdzie pojawia się ten przełącznik (okienko opcji każdego widoku albo Profile), a wybór zostanie zapamiętany.

Cztery opcjonalne ustawienia komfortu mieszkają w Profile → Accessibility: Reduce motion (usuwa przejścia i ozdobniki aplikacji), Hide colourful previews (spokojne karty galerii z ikoną i tekstem oraz stonowane miniatury projektów), High contrast (mocniejsze obramowania, tekst i obwódki fokusu) i Large text (większy krój aplikacji - etykiety, menu, tekst przycisków). Wszystkie cztery uspokajają aplikację wokół twojej pracy: nigdy nie sięgają do kanwy narzędzia ani nie zmieniają ani jednego piksela tego, co eksportujesz, i każde jest wyłączone, dopóki go nie włączysz. Pełny opis w Twój profil → Accessibility.

Obok przełącznika Sound jest Neurospicy Mode - opcjonalna, kojąca ścieżka w tle, która cicho gra podczas pracy. Włączenie jej otwiera mały dok odtwarzacza w dolnym rogu, który towarzyszy ci w całej aplikacji; z niego wyszukasz i wybierzesz utwór, przeskoczysz do przodu i do tyłu, ustawisz głośność oraz zminimalizujesz lub zamkniesz odtwarzacz. Lista utworów obejmuje kilka kategorii - proceduralne melodie Lolly Sings, ambientowe pętle i bity, twoje własne wgrane nagrania oraz garść internetowych stacji radiowych na żywo (te wymagają połączenia; cała reszta gra offline). Jest domyślnie wyłączony i, tak jak Sound, zapamiętywany między sesjami i urządzeniami. Wyłączenie Sound wycisza także ścieżkę do skupienia.

Pamięć i prywatność

Wszystko jest przechowywane w lokalnej bazie danych twojej przeglądarki (IndexedDB): twój profil, zapisane sesje, wgrane obrazy i pamięć podręczna pobranej zawartości katalogu. Profile → Storage pokazuje zużycie i pozwala ci:

Karta pamięci na ekranie o szerokości telefonu: nazwana każda kategoria danych na urządzeniu, a na dole przycisk Clear all my datasigned by Lollyvector SVGSprawdź samodzielnieGet the signed file14 paths~2.0k nodes39 groups28 KBKarta pamięci na ekranie o szerokości telefonu: nazwana każda kategoria danych na urządzeniu, a na dole przycisk Clear all my datasigned by Lollyvector SVGSprawdź samodzielnieGet the signed file14 paths~2.0k nodes39 groups29 KB

Żadne z tych lokalnych danych nigdzie nie są przesyłane - bez telemetrii, bez renderowania w chmurze. Pełna lista tego, co aplikacja kiedykolwiek pobiera lub wysyła, jest w Polityce prywatności, a Server Surface spisuje opcjonalne komponenty serwerowe.

Przenoszenie na inne urządzenie

Ponieważ wszystko żyje na twoim urządzeniu, Profile → Storage → Move to another device pozwala przenieść całość do drugiej instalacji - bez konta, bez chmury:

Pamięć podręczna katalogu nie jest dołączana - pobiera się sama na nowym urządzeniu. Paczka to zwykły zip (manifest.json + profile.json + sessions.json + assets.json + assets/blobs/… + prefs.json, identyfikator formatu lolly-backup), więc przetrwa w całości pocztę, pendrive'a albo AirDrop i jest tym samym formatem, który czyta każda powłoka. Każda część ma sumę kontrolną, więc plik uszkodzony w transporcie zostaje wychwycony przy imporcie, a nie przywrócony w połowie zepsuty. (Pełna specyfikacja formatu: Data Transfer.)

Importowanie projektu (Figma, Penpot, Illustrator, InDesign)

Możesz wnieść istniejący projekt do Lolly i pracować nad nim dalej: otwórz Design, kliknij Import a design na pasku narzędzi kanwy i wybierz .fig lub SVG z Figmy, .penpot z Penpota, .ai / .pdf z Illustratora albo .idml z InDesign. Warstwy stają się edytowalnymi polami na wolnej kanwie - tekst nadal da się przepisać, obrazy lądują w My images, a typografia i kolory dostosowują się do globalnych ustawień marki - a wynik zapisuje się, udostępnia i renderuje jak każda inna sesja. Parsowanie odbywa się w całości na twoim urządzeniu. Pełny opis: Import projektu.

Eksport

Pełną historię znajdziesz w Eksport i formaty - wybór formatu, rozmiar wyjściowy i jednostki druku, przezroczystość, wideo oraz kopiowanie i udostępnianie. W skrócie: wybierz format, ustaw rozmiar, jeśli trzeba, i kliknij Download (albo Copy do schowka).

Tryb Batch (Pro)

Dla zaawansowanych użytkowników Batch (link z galerii, za flagą funkcji Pro, domyślnie włączoną) renderuje wiele wariantów naraz - siatka, w której każdy wiersz to zestaw wartości pól eksportowanych razem. Idealne do lokalizacji karty na kilkanaście języków albo wygenerowania wszystkich wariantów rozmiaru w jednym przebiegu. Wiersze wypełnisz pisaniem, wklejeniem wprost z arkusza kalkulacyjnego albo importem CSV (możesz też wyeksportować taki plik z powrotem), a format, rozmiar i nazwę pliku wyjściowego ustawisz osobno dla każdego wiersza. Zapisz całą siatkę jako nazwaną sesję wsadową, która otwiera się z galerii, i pobierz wszystkie wiersze jako jeden .zip.

Pasek narzędzi trybu wsadowego - nazwa archiwum zip, jednostki, DPI oraz format dziedziczony przez każdy wiersz, z Sessions i Render po prawejsigned by Lollyvector SVGSprawdź samodzielnieGet the signed file31 paths~1.9k nodes50 groups4 images34 KBPasek narzędzi trybu wsadowego - nazwa archiwum zip, jednostki, DPI oraz format dziedziczony przez każdy wiersz, z Sessions i Render po prawejsigned by Lollyvector SVGSprawdź samodzielnieGet the signed file31 paths~1.9k nodes50 groups4 images34 KB

Batch służy do generowania wielu wariantów jednego szablonu naraz. Aby ponownie wyrenderować sesje, które już zapisałeś, użyj Projects → Render folder / Render selection (powyżej) - Pro nie jest potrzebne.

Edycja obok siebie (Multi-edit)

Batch to wiele wariantów jednego projektu. Multi-edit to druga połowa tego zadania: kilka różnych zapisanych projektów otwartych naraz, więc jedna zmiana stosuje się do wszystkich. Zaznacz od dwóch do ośmiu zapisanych sesji w Projects i wybierz Edit together z paska zaznaczenia; otwierają się jako żywe karty obok siebie pod adresem #/multi?s=<slot>,<slot>…. Każda karta to prawdziwy render danej sesji, a nie zapisana miniatura, więc to, co widzisz, jest tym, co zostanie wyeksportowane.

Wszystkim steruje jeden pasek boczny:

Kliknij dowolną kanwę (albo naciśnij na niej Enter), a karta tej sesji na pasku bocznym otworzy się i przewinie do widoku. Save all zapisuje każdą sesję z powrotem do jej własnego miejsca. Download all najpierw zapisuje, a potem renderuje cały zestaw tym samym potokiem co Render selection w Projects - jeden zip, z opcjonalną blokadą hasłem proponowaną po drodze.

Dwa uczciwie postawione ograniczenia. Limit od dwóch do ośmiu jest prawdziwy: każda karta uruchamia własne żywe środowisko, a to jest liczba, przy której wszystko pozostaje responsywne - link proszący o więcej (albo o sesję, która już nie istnieje) mówi to wprost, zamiast wczytywać się do połowy. I link nazywa twoje zapisane miejsca, więc otwiera ten zestaw na tym urządzeniu; to nie jest link do udostępniania.

Kiedy zaznaczenie liczy więcej niż osiem elementów, miesza narzędzia albo obejmuje obrazy oprócz sesji, wyjściem awaryjnym jest Edit as sheet na tym samym pasku zaznaczenia: otwiera całe zaznaczenie jako wiersze w siatce wsadowej (#/pro?s=…), bez limitu rozmiaru i bez zasady jednego narzędzia. Foldery są poza obydwoma - mają własną ścieżkę otwierania w siatce. (Wyszukiwarka jest jedyną rzeczą, która tu jeszcze nie sięga: Multi-edit to jedyny widok, o którym pasek wyszukiwania nie wie.)

Tryb offline i instalacja

Lolly to PWA. Po pierwszym wczytaniu działa offline - zainstaluj ją z paska adresu przeglądarki (albo przez Add to Home Screen na telefonie), aby korzystać z niej jak z aplikacji, na pełnym ekranie. Aktualizuje się sama, kiedy wrócisz online.

O aktualizacjach: jeśli widok kiedykolwiek nie wczyta się zaraz po niej (pusty panel, \"failed to fetch\" w rogu), przeładuj stronę raz - aplikacja czysto przechodzi na nową wersję, a Twoja praca, sesje i marka pozostają nienaruszone. Wszystko przechowuje na Twoim urządzeniu, nie na stronie.