Lolly gebruiken

Een praktische gids voor het daadwerkelijk gebruiken van de app - een tool openen, werken met het canvas, exporteren, opslaan en delen. Alles hier draait op je eigen apparaat: geen account, geen upload, geen internet nodig na de eerste keer laden.

Nieuw hier? Snelstart helpt je binnen enkele minuten iets te maken, en Lolly voor operators behandelt het installeren/uitrollen van de app; deze pagina gaat over het bedienen ervan zodra hij open staat.

Een tool openen

Het startscherm is de galerij - elke tool, gegroepeerd per categorie. Klik op een kaart om de tool te openen; als je er eerder aan hebt gewerkt, hervat een Doorgaan-knop je meest recente sessie. Gebruik het zoekvak om op naam te filteren - of Zoeken via de balk onderaan de zes overzichtsschermen (de galerij, Hulpprogramma's, Projecten, de Catalogus, het Dashboard en Profiel), die naast de tools ook je opgeslagen werk, de catalogus en je instellingen bereikt. Binnen een tool stapt de balk opzij voor de eigen chrome van de tool.

De toolgalerij - elke tool als kaart, gegroepeerd per categoriesigned by Lollyvector SVGControleer het zelfGet the signed file281 paths~38k nodes443 groups6 images2.269 KBDe toolgalerij - elke tool als kaart, gegroepeerd per categoriesigned by Lollyvector SVGControleer het zelfGet the signed file281 paths~38k nodes443 groups6 images2.265 KBTry it in the app

Elke tool is een gesplitste weergave: bedieningselementen aan de ene kant, een live voorvertoning (het canvas) aan de andere. Verander een bedieningselement en de voorvertoning wordt direct bijgewerkt.

De gesplitste weergave van een tool - de bedieningsstack links, en de live gegroepeerde staafdiagram die hij rechts tekentsigned by Lollyvector SVGControleer het zelfGet the signed file23 paths372 nodes11 groups21 KBDe gesplitste weergave van een tool - de bedieningsstack links, en de live gegroepeerde staafdiagram die hij rechts tekentsigned by Lollyvector SVGControleer het zelfGet the signed file23 paths372 nodes11 groups21 KB

Een paar tools (zoals Design) openen in plaats daarvan als een vrij canvas - een chromeloos oppervlak voor directe manipulatie waarop je vakken met tekst, vormen en afbeeldingen sleept, van grootte verandert, roteert en laat vastklikken, en waar je dubbelklikt om tekst ter plekke te bewerken. Het exporteert via hetzelfde renderpad als elke andere tool, dus het canvas is het bestand. Zie Het vrije canvas hieronder.

Twee manieren om het raster zelf naar je hand te zetten:

Het einde van het toolraster met de verborgen tools zichtbaar gemaakt: de gedimde kaart QR Code Generator, en ernaast de grijze tegel die hem terughaalde, nu met de tekst Verborgen tools verbergensigned by Lollyvector SVGControleer het zelfGet the signed file251 paths~29k nodes440 groups658 KBHet einde van het toolraster met de verborgen tools zichtbaar gemaakt: de gedimde kaart QR Code Generator, en ernaast de grijze tegel die hem terughaalde, nu met de tekst Verborgen tools verbergensigned by Lollyvector SVGControleer het zelfGet the signed file247 paths~29k nodes439 groups1 image729 KB

Ask Lolly

Als je liever vraagt dan zoekt: Ask Lolly (#/ask) neemt een getypte vraag aan en geeft het bijpassende deel van deze documentatie letterlijk terug - de eigen woorden van de gidsen, geen samenvatting en niets gegenereerds - met vermelding van de pagina waar het vandaan komt en een link Openen in documentatie ernaast. Onder het antwoord staan de plekken in de app waar dezelfde vraag op past: een tool, een instelling, een opgeslagen project, elk als knop die je er simpelweg naartoe brengt.

Het transcript is sessiegeheugen: stel een vervolgvraag en de draad bouwt zich al doende op, herlaad de pagina en hij begint opnieuw. Zoekresultaten dragen onderaan een rij *Ask Lolly: jouw zoekopdracht*** - onder de concrete treffers die de andere groepen vonden - die de vraag meteen doorgeeft, zodat je in de balk kunt beginnen en hier kunt eindigen.

Het canvas (voorvertoning)

De voorvertoning toont altijd precies wat er geëxporteerd wordt.

Desktop

De zoom-HUD in de hoek van het canvas - min, het live percentage, plus, Fit, en dan de schakelaars voor thema en geluidsigned by Lollyvector SVGControleer het zelfGet the signed file5 paths199 nodes11 groups7 KBDe zoom-HUD in de hoek van het canvas - min, het live percentage, plus, Fit, en dan de schakelaars voor thema en geluidsigned by Lollyvector SVGControleer het zelfGet the signed file5 paths186 nodes11 groups7 KB

Touch

Klik om naar een bedieningselement te springen: klik op een willekeurig element in het ontwerp en het bijbehorende invoerveld in de zijbalk krijgt focus en scrolt in beeld - bij een herhalende rijgroep vouwt precies de rij open waarop je klikte, zodat bewerken wat je ziet één tik verwijderd is.

Een wijziging van de afmetingen zet de weergave altijd terug naar een nette passende weergave.

Het vrije canvas (Design)

Tools met een vrij canvas voegen een werkoppervlak toe rondom het tekenvlak, zoals het plakbord van een ontwerper:

Het vrije canvas van Design - het artboard met het omringende plakbordsigned by LollyPNGControleer het zelfGet the signed filepixels, not shapes543 KBHet vrije canvas van Design - het artboard met het omringende plakbordsigned by LollyPNGControleer het zelfGet the signed filepixels, not shapes490 KB

Een selectie spiegelen. Klik met de rechtermuisknop op een box en kies Horizontaal spiegelen of Verticaal spiegelen om hem ter plekke te spiegelen, of druk op Shift+H / Shift+V op het toetsenbord - Shift, omdat een kale V de Pointer-tool is. Elke geselecteerde box spiegelt op zijn eigen as in één undo-stap, en de spiegeling is een echte transform, dus die blijft staan in de geëxporteerde SVG, PDF en PNG en niet alleen op het canvas.

Je eigen vormen tekenen (de pen)

Vakken, cirkels en afgeronde kaders dekken de meeste layouts. Heb je een vorm nodig die niet in dat rijtje staat, teken hem dan: de knop Pen op de balk (of de toets P) zet je in tekenmodus. Drie losse toetsen wisselen tussen de modi - V terug naar de Pointer, P voor de Pen, N voor het puntgereedschap (Punten bewerken) - en de Pointer is altijd de uitweg uit waar je ook in zit.

De gereedschapsbalk van het vrije canvas: een sleepgreep, het Lolly-menu, dan Pointer, Vak toevoegen, Pen, Punten bewerken, Lijn, Tijdlijn, Tekenvlakken en Automatisch rangschikkensigned by Lollyvector SVGControleer het zelfGet the signed file36 paths206 nodes31 groups22 KBDe gereedschapsbalk van het vrije canvas: een sleepgreep, het Lolly-menu, dan Pointer, Vak toevoegen, Pen, Punten bewerken, Lijn, Tijdlijn, Tekenvlakken en Automatisch rangschikkensigned by Lollyvector SVGControleer het zelfGet the signed file36 paths206 nodes31 groups22 KB

Het resultaat is een gewoon vak op het canvas. Verplaats het, verander de grootte, roteer het, groepeer het, lijn het uit, herschik de stapelvolgorde, geef het een vulling, een verloop, een schaduw of een dekking - een pad gedraagt zich als elk ander vak, en geen van die bedieningselementen behandelt het anders.

Het komt ook gekleurd tevoorschijn. Het eerste pad dat je tekent, krijgt de vulling en de lijn die je merk aan een pad geeft, en daarna neemt elk nieuw pad over wat je het laatst gebruikte - stel de vulling één keer in en teken door, in plaats van elke vorm opnieuw te kleuren. (In een tool waarvan het merk niets over paden zegt, krijgt een getekend pad de lijnkleur waarin je het zag ontstaan, zodat het nooit onzichtbaar is.)

De punten opnieuw bewerken. Dubbelklik op de vorm (of gebruik Punten bewerken op de objectbalk) en de punten komen terug. Sleep een punt om het te verplaatsen, sleep een handvat om het opnieuw te richten, klik ergens op de curve om een punt in te voegen, trek een selectiekader om een groep punten en druk op Delete om de geselecteerde punten te verwijderen. Een pad houdt altijd minstens twee punten, dus je kunt het niet per ongeluk wegdelen.

Splinetype bepaalt wat voor curve er door je punten loopt, en dat is de keuze die het waard is om te begrijpen:

TypeWat het doet
Vloeiend (auto)De standaard. Bepaalt zelf de lengte van de handvatten, zodat simpel klik-klik-klik een echt vloeiende curve oplevert zonder aan handvatten te sjorren. Stel je toch een handvat in, dan legt dat de richting vast en blijft de lengte eigendom van de curve.
Bezier-handvattenDe klassieke pen. De handvatten zijn de controlepunten, en een punt invoegen verplaatst de curve nooit.
Door de puntenLoopt precies door elk punt dat je plaatste, zonder handvatten.
B-splineStroomt langs de punten in plaats van erdoorheen, voor een zachtere vorm.
Rechte lijnenEen polylijn.

Een bestaand pad omzetten naar een type dat zijn eigen handvatten bepaalt, vraagt eerst om bevestiging, omdat de handvatlengtes die je instelde niet terug te halen zijn - omzetten naar Bezier-handvatten is altijd verliesvrij. Midden in het tekenen komt die vraag niet: de omzetting geldt meteen voor het concept, en alle handvatten die je al had uitgetrokken gaan mee. Bij de types die hun handvatten zelf bepalen, hervormt het invoegen van een punt de curve heel licht; bij Bezier-handvatten niet.

Elk punt draagt ook een continuïteitsregel, zichtbaar aan zijn vorm op het canvas - vierkant voor Hoek (handvatten bewegen onafhankelijk), rond voor Vloeiend (handvatten blijven in lijn), rond met een ring voor Symmetrisch (in lijn en van gelijke lengte). Stel hem in voor elk geselecteerd punt en de curve voldoet er meteen weer aan.

Twee pentekeningen rechtstreeks vanuit een link gerenderd: een S-bocht met lijn en een gesloten gevulde vleksigned by Lollyvector SVGControleer het zelfGet the signed file5 paths38 nodes7 groups5 KBTwee pentekeningen rechtstreeks vanuit een link gerenderd: een S-bocht met lijn en een gesloten gevulde vleksigned by Lollyvector SVGControleer het zelfGet the signed file5 paths38 nodes7 groups5 KB

Een getekend pad reist net als al het andere mee in de link, dus een vorm die je tekent opent opnieuw vanuit een deel-link en rendert identiek vanaf de CLI. Niets eraan hangt af van de editor.

Vormen combineren (padbewerkingen)

Selecteer twee of meer vormen, rechtsklik op het canvas (tweevingertik op touch) en het menu biedt de bewerkingen die je van een tekenprogramma verwacht:

Drie andere werken op één vorm: Lijn omzetten in omtrek… maakt van een lijn een gevulde vorm met dezelfde omtrek (handig als je een dikte precies wilt houden zoals hij getekend is), Pad offsetten… laat het silhouet naar buiten groeien of, met een negatief getal, naar binnen krimpen en Vereenvoudigen bouwt een pad opnieuw op met minder segmenten bij dezelfde vorm.

Een halvemaan en een ring met een echt gat, beide gemaakt met Aftrekkensigned by Lollyvector SVGControleer het zelfGet the signed file5 paths47 nodes7 groups5 KBEen halvemaan en een ring met een echt gat, beide gemaakt met Aftrekkensigned by Lollyvector SVGControleer het zelfGet the signed file5 paths47 nodes7 groups5 KB

Het resultaat is een nieuw pad dat je met de pen verder kunt bewerken. Gaten zijn echte gaten - een bedieningselement Vulregel op het lijnpaneel bepaalt of overlappende contouren vullen (non-zero) of erdoorheen ponsen (even-odd).

Twee dingen doen deze bewerkingen bewust niet. Ze weigeren liever dan dat ze vernietigen: vraag je om twee vormen te doorsnijden die elkaar niet overlappen, dan krijg je te horen dat er niets te behouden valt, en er verandert niets. En tekst- en afbeeldingsvakken hebben geen omtrek om mee te werken, dus die worden met rust gelaten in plaats van benaderd door hun kader. Een gecombineerd resultaat wordt bewaard als gewone bezierkrommen, precies zoals een tekenprogramma dat ook doet - het oorspronkelijke splinetype overleeft de bewerking niet.

Tijdlijn (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 SVGControleer het zelfGet 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 SVGControleer het zelfGet the signed file104 paths~7.2k nodes157 groups2 images97 KB

Sequence Studio voegt tijd toe aan het vrije canvas. Elk vak kan op een moment beginnen, een tijd lang lopen en in- en uitanimeren, en een tijdlijn onder het tekenvlak is waar je ze ordent. Open hem en er speelt al een sequentie - een titelkaart, een clip, een eindkaart, een lower third en een muziekbed - zodat het model zichtbaar is voordat je iets verandert.

De tijdlijn van Sequence Studio: het transport, de liniaal, een overlaylaan, de magnetische sequence-rij met zijn clips en naadchips en de Always on-strooksigned by Lollyvector SVGControleer het zelfGet the signed file73 paths~5.4k nodes115 groups80 KBDe tijdlijn van Sequence Studio: het transport, de liniaal, een overlaylaan, de magnetische sequence-rij met zijn clips en naadchips en de Always on-strooksigned by Lollyvector SVGControleer het zelfGet the signed file73 paths~5.4k nodes115 groups80 KB

Er zijn twee soorten rijen, en het verschil is het hele idee:

Het bewerkingsstadium: het artboard voorop en centraal, de toolrail links en de zoom-HUD in de hoeksigned by Lollyvector SVGControleer het zelfGet the signed file19 paths852 nodes30 groups20 KBHet bewerkingsstadium: het artboard voorop en centraal, de toolrail links en de zoom-HUD in de hoeksigned by Lollyvector SVGControleer het zelfGet the signed file19 paths839 nodes30 groups20 KB

Het openen van de tijdlijn geeft hem het toetsenbord, zodat Spatie en de pijltjestoetsen de afspeelkop besturen in plaats van de pagina - en omdat hij zichzelf opent bij een compositie die al timing heeft, geldt dat vanaf het moment dat Sequence Studio laadt.

De sequentie-editor gaat dieper in op de vier dingen die bepalen of bewerken in de tijd voorspelbaar aanvoelt: welke clip een klik op het canvas bewerkt, uienschil-schaduwbeelden van de aangrenzende clips, het bereik van een splitsing en de Samenvoegen die een knip ongedaan maakt, en het trimmen (inclusief de toetsenbordset). Druk op ? met de tijdlijn in focus voor het overzicht met sneltoetsen.

Bewerken. Sleep het midden van een clip om hem te verplaatsen of te herschikken, sleep binnen een paar pixels van een uiteinde om hem te trimmen en druk op Splitsen bij playhead (of S) om één clip in tweeën te knippen. Splitsen vraagt om een clip met een echte Lengte en een afspeelkop die er een stukje in staat, dus een open clip (het muziekbed bijvoorbeeld) kan niet gesplitst worden. Uitlijnen op randen staat standaard aan en klikt vast op clipranden, de afspeelkop en hele seconden, met Alt om dat te negeren. Elke sleepbeweging is één stap terug, en de sleepvoorvertoning rekent hetzelfde als de uiteindelijke bewerking, dus wat je tijdens het slepen ziet, is wat je krijgt.

Selecteer een clip en de inspector geeft je dezelfde bewerkingen als getallen: Lengte, Intrimmen (hoe ver in de bron hij begint), Snelheid als een reeks vaste vermenigvuldigers van ×0,25 tot ×4, Animeer in / Animeer uit met hun lengtes en Clip dempen. Een clip op de magnetische rij heeft bewust geen veld Start - de rij bezit de volgorde, dus je versleept hem om hem te verplaatsen.

Overgangen zijn presets, geen keyframes: Fade, Pop, Grow, Rise, Drop, de vier Slides, Zoom in en Zoom out, Tilt, Swoop, Spin, Drift of Knip (geen animatie). Afstanden schalen mee met het object, zodat dezelfde preset klopt op een beeldvullende kaart en op een klein badge. Tussen twee aangrenzende clips op de sequentierij zit een naadchip: klik erop en kies Knip of Crossfade, wat meteen wordt toegepast waarna de chip sluit. Open dezelfde chip opnieuw om de Lengte (ms) te wijzigen en druk op Klaar. Een crossfade wordt bewaard als een uitfade van de ene en een infade in de volgende, en de export leidt de eigenlijke overvloeiing uit dat paar af - daarom ziet een crossfade er in de voorvertoning uit als twee fades en in het bestand als een echte overgave.

Geluid. Voeg een Audio-clip toe en die leeft op de tijdlijn als elke andere clip: golfvorm, trimmen, dempen. (Het gegenereerde bed waarmee de standaardsessie komt, is de enige uitzondering - het wordt bij het exporteren gesynthetiseerd, dus zijn balk blijft leeg en stil tot je rendert.) Druk op de microfoon om een voice-over op te nemen rechtstreeks op de tijdlijn, met aftellen en een niveaumeter, en de opname wordt bewaard als je eigen asset op het punt waar je begon. Druk op de camera ernaast om op dezelfde manier een video op te nemen: de opname wordt tijdens het opnemen bijgesneden tot de exportgrootte van het tekenvlak, zodat het kleine eigen beeld precies laat zien wat er bij de afspeelkop, beeldvullend, in de sequentie terechtkomt - de manier om de clip van een collega via een gedeelde link te verzamelen. Muziek, dialoog en het eigen geluid van een clip komen allemaal in de geëxporteerde mix. (Het audiospoor van het exportpaneel is iets anders: één bed onder de hele clip, met fade en ducking. Ze bestaan naast elkaar.)

Renderen. Een bewegingsexport is een deterministische compositie, geen schermopname - elk frame wordt op een exact tijdstip gedecodeerd, getekend en gecodeerd, dus het bestand hangt er niet van af of je machine het bijhoudt, en er is geen praktisch framemaximum voor MP4 of WebM. De lengte van de tijdlijn zelf bepaalt de duur, tenzij je er een intypt. Content Credentials worden gestempeld zoals bij elke andere export. Een stilstaande export geeft je het frame bij de afspeelkop, of een heel contactblad via het veld Frames naast de uitvoergrootte - zie Exporteren.

Een paar grenzen om in gedachten te houden: een sequentie is gemaximeerd op één uur, GIF en geanimeerde PNG bufferen hun frames en blijven daarom kort, audio is stil op een clip waarvan de snelheid niet ×1 is (time-stretching bestaat nog niet) en Live opnemen is hier verborgen omdat de compositor de betere weg is.

Meer dan presets: keyframes, diepte en een camera. Een overgang animeert een clip terwijl die aankomt en vertrekt. Om een box binnen een clip te poseren - laten driften, laten faden, vervagen, van de pagina tillen en weer laten landen - voeg je keyframes toe: selecteer de clip, druk op +Keyframe (het ruitje in de toolcluster van de tijdlijn, het ruitje op de canvas-objectbalk of K) en de positie van de afspeelkop bepaalt welke pose je volgende bewerking vastlegt. Hetzelfde keyframe-systeem geeft elke getimede compositie een camera die inzoomt, meepant en scherpstelt, en die één platte SVG omzet in een stapel lagen waartussen je kunt vliegen. Animeren is de volledige handleiding.

De Design-tool heeft dezelfde tijdlijn, dus je kunt een layout van timing voorzien zonder naar een andere tool te gaan, en hij exporteert ook beweging.

Presenteren

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

Een Design-document dat uit tekenvlakken bestaat, is al een presentatie. Open het Lolly-menu op de gereedschapsbalk en kies Presenteren - de onderste rij - en elk tekenvlak wordt een schermvullende dia, in de volgorde waarin de tekenvlakken op het canvas staan. De presentatie draait op een kopie van de gerenderde tekenvlakken, dus de editor eronder wordt nooit aangeraakt en bij het verlaten sta je precies waar je was.

De presentatie is ook een link. ?present opent er meteen in, s= benoemt de dia - een positie, een tekenvlak-id of id.step voor een opbouwstap - en het adres wordt bijgewerkt terwijl je verder gaat, dus wat je verstuurt is de dia waar je staat. Toolauteurs: die parameters zijn gedocumenteerd op de pagina URL-modus.

Op een telefoon

Op smalle schermen vloeit de layout om naar één kolom:

Een tool op een schermbreedte van een telefoon - bedieningselementen als sheet bovenin, het gegenereerde palet dat de voorvertoning eronder vult en de renderpil die onderaan het midden zweeftsigned by Lollyvector SVGControleer het zelfGet the signed file61 paths~2.9k nodes128 groups2 images72 KBEen tool op een schermbreedte van een telefoon - bedieningselementen als sheet bovenin, het gegenereerde palet dat de voorvertoning eronder vult en de renderpil die onderaan het midden zweeftsigned by Lollyvector SVGControleer het zelfGet the signed file61 paths~2.9k nodes128 groups2 images72 KB

Bedieningselementen (invoervelden)

Tools tonen alleen de invoervelden die bedoeld zijn om te variëren - al het andere (kleuren, layout, typografie, logica) ligt vast door de maker van de tool, zodat alles wat je maakt voldoet aan de regels die de maker heeft gesteld. Invoervelden zijn onder meer tekst, schuifregelaars, kleurkiezers, dropdowns, datums, afbeeldingkiezers en herhalende rijgroepen. Sommige zijn gegroepeerd onder inklapbare secties.

De stapel bedieningselementen van een tool - een tekstveld, kleurknoppen en een schuifregelaar, en verder niets: de rest heeft de maker vastgezetsigned by Lollyvector SVGControleer het zelfGet the signed file19 paths~2.1k nodes45 groups1 image31 KBDe stapel bedieningselementen van een tool - een tekstveld, kleurknoppen en een schuifregelaar, en verder niets: de rest heeft de maker vastgezetsigned by Lollyvector SVGControleer het zelfGet the signed file19 paths~2.1k nodes45 groups1 image31 KB

Reset: Wijzigingen wissen zet elk invoerveld terug naar de standaardwaarde.

Ongedaan maken en opnieuw

Cmd/Ctrl-Z zet een stap terug en Cmd/Ctrl-Shift-Z (of Cmd/Ctrl-Y) zet weer een stap vooruit. Datzelfde paar staat als knoppen Ongedaan maken en Opnieuw in de rij boven de bedieningselementen - op het vrije canvas staan ze in plaats daarvan op de gereedschapsbalk - en elk wordt grijs zodra er niets meer terug te nemen valt. Elke stap zegt wat hij was: maak een kleur ongedaan en een klein bericht noemt het invoerveld dat het net herstelde, met een knop Opnieuw erin voor de weg terug.

In een live-samenwerking blijft de geschiedenis alleen van jou. Een wijziging die van het andere apparaat binnenkomt, komt nooit op jouw stack terecht, dus ongedaan maken kan alleen ooit iets terugdraaien dat jij hebt gedaan.

Jouw gegevens & pasfoto

Profiel (rechtsboven in de galerij) bevat je naam, contactgegevens en een optionele pasfoto. Tools die om die velden vragen, vullen ze automatisch vooraf in - stel ze eenmalig in en je e-mailhandtekening, lockups en badges vullen zichzelf in. Je kunt elk veld per sessie nog altijd overschrijven. Zet Gebruik mijn gegevens om te maken aan zodat je gegevens als auteur meereizen met wat je exporteert.

Je pasfoto en gegevens staan alleen op dit apparaat. Een profiel kan meer zijn dan alleen jij - een team of een rol die je af en toe op je neemt. Zie Profielen voor het volledige verhaal, inclusief het bijhouden van meer dan één.

Opslaan & doorgaan

Klik op Opslaan om de huidige invoer op te slaan als sessie voor die tool. Je kunt meerdere benoemde sessies per tool bewaren; de Doorgaan-knop van elke tool heropent je meest recente, en de geschiedenisknop (rechtsboven, naast je profiel) toont elke opgeslagen sessie van alle tools. Sessies zijn apparaatgebonden. Om ze te organiseren open je Projecten (hieronder).

De renderpil in twee helften - een pijl omhoog die het exportpaneel opent, en een vinkje dat de sessie ter plekke opslaatsigned by Lollyvector SVGControleer het zelfGet the signed file2 paths240 nodes10 groups7 KBDe renderpil in twee helften - een pijl omhoog die het exportpaneel opent, en een vinkje dat de sessie ter plekke opslaatsigned by Lollyvector SVGControleer het zelfGet the signed file2 paths240 nodes10 groups7 KB

Projecten

Projecten - open het via het tabblad Projecten naast Tools, of via Profiel → Opslag → Organiseren in Projecten - is een thuisbasis voor alles wat je hebt opgeslagen, en het werkt als een bestandsbeheerder:

Projecten - opgeslagen sessies geordend in nestbare mappensigned by Lollyvector SVGControleer het zelfGet the signed file79 paths~7.7k nodes104 groups179 KBProjecten - opgeslagen sessies geordend in nestbare mappensigned by Lollyvector SVGControleer het zelfGet the signed file79 paths~7.7k nodes104 groups180 KB

De geopende popover Weergeven en sorteren in Projecten, met een themarij, een keuze bij Weergeven tussen Voorvertoning of Lijst en Naam, Toegevoegd op en Laatst gewijzigd onder Sorterensigned by Lollyvector SVGControleer het zelfGet the signed file11 paths~1.3k nodes21 groups19 KBDe geopende popover Weergeven en sorteren in Projecten, met een themarij, een keuze bij Weergeven tussen Voorvertoning of Lijst en Naam, Toegevoegd op en Laatst gewijzigd onder Sorterensigned by Lollyvector SVGControleer het zelfGet the signed file11 paths~1.3k nodes21 groups19 KB

Wat de selectiebalk biedt verschilt iets per weergave, want niet elke actie is overal zinvol:

Één labelvalkuil: Sessies bekijken bestaat alleen zodra er iets geselecteerd is. Rechtsklikken op een enkele niet-geselecteerde kaart biedt in plaats daarvan N opgeslagen sessies, wat het eigen geschiedenisvenster van die tool opent in plaats van naar Projecten te navigeren.

Twee toolkaarten aangevinkt in de Tools-galerij, met de zwevende selectiebalk die '2 selected' toont en Available offline, View sessions, Favourite en Hide aanbiedtsigned by Lollyvector SVGControleer het zelfGet the signed file278 paths~46k nodes495 groups4 images1.183 KBTwee toolkaarten aangevinkt in de Tools-galerij, met de zwevende selectiebalk die '2 selected' toont en Available offline, View sessions, Favourite en Hide aanbiedtsigned by Lollyvector SVGControleer het zelfGet the signed file280 paths~46k nodes500 groups5 images1.227 KB

Je werk delen

Een ontwerp gaat op één van twee manieren de deur uit: als link of als bestand. De Deel-dialoog biedt allebei. Open hem met Delen in de exportbediening; Link delen bij een opgeslagen sessie in Projecten opent dezelfde dialoog voor die sessie.

Elke invoer wordt vastgelegd in de pagina-URL, dus een link is het ontwerp. Bovenaan de dialoog staat de direct te kopiëren link, met twee ingeklapte secties eronder.

Plak de link naar een collega, bookmark hem of commit hem. (Volledige details: URL-modus.)

Bij sommige tools is de link het hele product. Jump Page verzamelt je links op één pagina om uit te delen - een bio-link, een conferentiepraatje, een winkelpui. Er is niets te hosten en geen account nodig: de pagina is de link, dus die opent zo snel als de URL reist. In de editor zie je de afgewerkte pagina naast de velden; een bezoeker die de link opent, krijgt hem op volle breedte, één link per scène terwijl hij scrollt.

Jump Page in de editor - de kop, drie linkscènes elk met een eigen kleurwas en een 'Made with Lolly'-voettekst, uitgelijnd als één pagina op het canvassigned by Lollyvector SVGControleer het zelfGet the signed file12 paths~2.4k nodes28 groups30 KBJump Page in de editor - de kop, drie linkscènes elk met een eigen kleurwas en een 'Made with Lolly'-voettekst, uitgelijnd als één pagina op het canvassigned by Lollyvector SVGControleer het zelfGet the signed file12 paths~2.4k nodes28 groups30 KB

De dialoog zegt wat een link niet kan meenemen. Drie dingen passen niet in een URL: een afbeelding of bestand dat je vanaf dit apparaat hebt toegevoegd, een heel lange tekstwaarde of een heel grote lijst. Elk daarvan wordt geteld terwijl de link wordt opgebouwd. Als er iets weg moest, noemt de dialoog het en wijst hij je naar het bestand hieronder, in plaats van je een link te geven die opent met de afbeelding weg. Een link die alleen maar lang is, krijgt een mildere melding met zijn aantal tekens, want inpakken kan lengte nog redden.

Het .lolly-bestand

Download .lolly, in de Deel-dialoog van de tool waarin je werkt, schrijft hetzelfde ontwerp weg als bestand. Het draagt de opgeslagen sessie samen met de afbeeldingen en bestanden die je vanaf je apparaat hebt toegevoegd. De catalogusbeelden waar het ontwerp uit put, reizen er ook in mee, zodat het bestand compleet opent op een machine die je merk nooit heeft gezien. Waar je apparaat een deelmenu heeft, geeft Versturen naar… dat bestand er rechtstreeks aan door (AirDrop, een Android-deelactie) in plaats van het naar schijf op te slaan.

Een .lolly is een gewone zip. Hernoem hem naar .zip en open hem: je eigen afbeeldingen staan onder assets/uploads/ en catalogusbeelden onder assets/catalog/, elk met hun echte naam en extensie, manifest.json somt ze allemaal op en een README bovenin zegt wat het bestand is.

Drie dingen bepaal jij voordat het weggaat:

Een bestand openen. Zet een .lolly op de app: de assets gaan naar je bibliotheek, de sessie gaat naar Projects en de tool opent erop. Niets van jou wordt overschreven: de sessie komt binnen als een nieuw opgeslagen item, terwijl een asset die al op dit apparaat staat, via checksum wordt herkend en hergebruikt in plaats van gedupliceerd. Elk onderdeel wordt bij binnenkomst gecontroleerd aan de hand van de eigen checksums van het bestand, zodat een kopie die onderweg beschadigd is, wordt geweigerd in plaats van half geïmporteerd.

Draagt het bestand een tool die je niet hebt, dan vraagt Lolly het eerst voordat die tool mag draaien: Deze tool vertrouwen? noemt de tool en zijn auteur en zegt onomwonden dat openen de eigen code van de tool op je apparaat uitvoert, met Vertrouwen & installeren als de weg erdoorheen. Weiger je, dan wordt het gedeelde werk toch in je projecten opgeslagen en wacht het daar op de dag dat je de tool toevoegt. (Één soort tool kan nog niet zo geladen worden - een tool waarvan de code als module wordt geleverd - en die wordt op dezelfde manier geweigerd.)

Een link en een bestand geven allebei een momentopname door. Om tegelijkertijd met iemand anders aan dezelfde sessie te werken - twee apparaten, geen server, geen internet nodig als je op één netwerk zit - zie Samenwerken.

Live camera (bewegingsgevoelige tools)

Elk foto-filter - Halftone, Scanline, Posterize, Voronoi-cellen, Kleurbewerking, Pixel stretch en Imperfecties - toont een knop Live gaan waar een camera beschikbaar is. Zet hem aan en het effect volgt je webcam beeld voor beeld, zodat het op beweging reageert; je kunt het resultaat opnemen naar GIF, WebM of MP4. Beelden worden op je apparaat gelezen en verwerkt en verlaten het nooit, en de camera wordt losgelaten zodra je stopt of de tool verlaat. (Elke afbeeldingkiezer heeft ook Maak een foto om één beeld vast te leggen als afbeelding op het apparaat.)

Mijn afbeeldingen

Wanneer een tool je een afbeelding vanaf je apparaat laat toevoegen, wordt die bewaard precies zoals hij binnenkwam - zodat een Content Credential erop nog steeds verifieert - en opgeslagen in je persoonlijke bibliotheek Mijn afbeeldingen (onder Profiel → Opslag). Alleen bij een werkelijk enorm bestand wordt gevraagd of je het wilt houden of verkleinen. Hergebruik het in elke tool. Om EXIF/GPS te wissen zodra afbeeldingen binnenkomen, zet je Metadata uit uploads verwijderen aan in je profiel. Er is geen limiet: de bibliotheek is volledig lokaal en wordt alleen begrensd door de opslag van je apparaat - beheer of verwijder afbeeldingen daar.

De Catalogus - je assetbibliotheek

De Catalogus (#/c, of het segment Catalogus van de schakelaar Projecten · Tools · Hulpprogramma's · Catalogus bovenaan elke overzichtsweergave) verzamelt alles waar je tools uit kunnen putten - merklogo's, afbeeldingen, audio en beweging, gegroepeerd per soort - en het is ook waar je eigen creatieve bestanden leven. Geen server, geen adminconsole, geen pull request: alles staat op je apparaat.

De Catalogus - merkassets, stalen en lettertypen, plus je eigen uploadssigned by Lollyvector SVGControleer het zelfGet the signed file456 paths~43k nodes707 groups1.022 KBDe Catalogus - merkassets, stalen en lettertypen, plus je eigen uploadssigned by Lollyvector SVGControleer het zelfGet the signed file456 paths~43k nodes707 groups1.022 KB

Neem je palet en lettertypen overal mee naartoe

Het paneel Stalen van de Catalogus doet meer dan tonen - klik op een kleur om hem te kopiëren, of download het volledige merkpalet in het formaat dat je andere tool spreekt:

Het paneel Stalen - de vijf paletdownloadknoppen bovenaan, en daaronder elke merkkleur als kopieerbare chipsigned by Lollyvector SVGControleer het zelfGet the signed file196 paths~22k nodes282 groups302 KBHet paneel Stalen - de vijf paletdownloadknoppen bovenaan, en daaronder elke merkkleur als kopieerbare chipsigned by Lollyvector SVGControleer het zelfGet the signed file196 paths~22k nodes282 groups302 KB

Het paneel Lettertypen toont je merklettertypen met een download naast elk, om lokaal te installeren of aan een drukkerij te geven. (De kamer Kleuren van de Brand Studio biedt dezelfde paletdownload.)

Assets zijn de ene helft van het open, doe-het-zelf-pad; de andere is je eigen tools maken - het vrije canvas (Design, hierboven beschreven) laat je er visueel een bouwen, zonder code.

Geluid & toegankelijkheid

Lolly streeft ernaar voor iedereen prettig te gebruiken te zijn. De interface is met het toetsenbord te navigeren, aangepaste bedieningselementen hebben correcte labels voor schermlezers en de live voorvertoning van elke tool wordt weergegeven als één gelabelde afbeelding die beschrijft wat er wordt gemaakt.

Een subtiele laag ondersteunende geluiden bevestigt wat je doet - aankomen in de galerij, een geldige versus ongeldige Content Credentials-controle, een paneel sluiten, een filter wisselen. Het staat standaard uit: zet Geluid aan waar de schakelaar ook verschijnt (het optiepaneel van elke weergave, of Profiel), en de keuze wordt onthouden.

Vier optionele comfortinstellingen staan onder Profiel → Toegankelijkheid: Beweging beperken (laat de overgangen en franje van de app vallen), Kleurrijke voorvertoningen verbergen (rustige galerijkaarten met alleen pictogram en tekst, en kalmere projectminiaturen), Hoog contrast (sterkere randen, tekst en focusringen) en Grote tekst (grotere app-typografie - labels, menu's, knoptekst). Alle vier brengen rust rondom je werk: ze komen nooit binnen een toolcanvas en veranderen geen pixel van wat je exporteert, en elk staat uit tot je het aanzet. Volledige details in Je profiel → Toegankelijkheid.

Naast de schakelaar Geluid staat Neurospicy-modus - een optionele, rustgevende achtergrond-focustrack die zachtjes speelt terwijl je werkt. Als je hem aanzet, opent er een klein spelerdock in de onderhoek dat je door de hele app volgt; van daaruit kun je een track zoeken en kiezen, vooruit- en terugspringen, het volume instellen en hem minimaliseren of sluiten. De tracklijst omvat een paar categorieën - procedurele Lolly Sings-deuntjes, ambient loops en beats, je eigen geüploade audio en een handjevol live internet-radiostations (deze hebben een verbinding nodig; al het andere speelt offline). Hij staat standaard uit en wordt, net als Geluid, onthouden tussen sessies en apparaten. Geluid uitzetten dempt ook de focustrack.

Opslag & privacy

Alles wordt opgeslagen in de lokale database van je browser (IndexedDB): je profiel, opgeslagen sessies, geüploade afbeeldingen en een cache van gedownloade catalogusinhoud. Profiel → Opslag toont het gebruik en biedt je de mogelijkheid om:

De opslagkaart op een schermbreedte van een telefoon: elke categorie gegevens op het apparaat met naam genoemd, met onderaan de knop Al mijn gegevens wissensigned by Lollyvector SVGControleer het zelfGet the signed file14 paths~2.0k nodes39 groups28 KBDe opslagkaart op een schermbreedte van een telefoon: elke categorie gegevens op het apparaat met naam genoemd, met onderaan de knop Al mijn gegevens wissensigned by Lollyvector SVGControleer het zelfGet the signed file14 paths~2.0k nodes39 groups29 KB

Niets van deze lokale gegevens wordt ergens naartoe verzonden - geen telemetrie, geen cloud-rendering. De volledige lijst van wat de app ooit ophaalt of verstuurt staat in het Privacybeleid, en Serveroppervlak inventariseert de optionele servercomponenten.

Overstappen naar een ander apparaat

Omdat alles op je apparaat leeft, kun je via Profiel → Opslag → Overstappen naar een ander apparaat alles meenemen naar een tweede installatie - geen account, geen cloud:

De catalogus-cache is niet inbegrepen - die wordt op het nieuwe apparaat opnieuw gedownload. Het pakket is een gewone zip (manifest.json + profile.json + sessions.json + assets.json + assets/blobs/… + prefs.json, format-id lolly-backup), zodat het intact blijft na e-mail, USB of AirDrop en overal hetzelfde formaat is dat elke shell inleest. Elk onderdeel heeft een checksum, zodat een bestand dat onderweg beschadigd raakt bij het importeren wordt opgemerkt in plaats van halfstuk te worden hersteld. (Volledige formaatspecificatie: Gegevensoverdracht.)

Een ontwerp importeren (Figma, Penpot, Illustrator, InDesign)

Je kunt een bestaand ontwerp in Lolly binnenhalen en ermee verder werken: open Design, klik op Ontwerp importeren in de werkbalk van het canvas en kies een Figma .fig of SVG, een Penpot .penpot, een Illustrator .ai / .pdf of een InDesign .idml. Lagen worden bewerkbare vakken op het vrije canvas - tekst blijft herschrijfbaar, afbeeldingen komen terecht in Mijn afbeeldingen en typografie en kleuren voegen zich naar de merkglobals - waarna het resultaat wordt opgeslagen, gedeeld en gerenderd als elke andere sessie. Het parsen gebeurt volledig op je apparaat. Volledige details: Een ontwerp importeren.

Exporteren

Zie Exporteren & formaten voor het volledige verhaal - een formaat kiezen, uitvoergrootte en printeenheden, transparantie, video en kopiëren/delen. Kort samengevat: kies een formaat, stel indien nodig de grootte in en klik op Downloaden (of Kopiëren naar het klembord).

Batch-modus (Pro)

Voor gevorderde gebruikers rendert Batch (gelinkt vanuit de galerij, afgeschermd achter de Pro-functievlag, die standaard aan staat) veel varianten tegelijk - een raster waarin elke rij een set invoer is, samen geëxporteerd. Ideaal om een kaart in een tiental talen te lokaliseren of om elke formaatvariant in één keer te genereren. Vul rijen door te typen, rechtstreeks vanuit een spreadsheet te plakken of een CSV te importeren (je kunt er ook weer een exporteren), en stel per rij het formaat, de grootte en de uitvoerbestandsnaam in. Sla een heel raster op als een benoemde batch-sessie die vanuit de galerij weer opent, en download elke rij als één .zip.

De batch-werkbalk - zipnaam, eenheden, DPI en het formaat dat elke rij erft, met Sessions en Render rechtssigned by Lollyvector SVGControleer het zelfGet the signed file31 paths~1.9k nodes50 groups4 images34 KBDe batch-werkbalk - zipnaam, eenheden, DPI en het formaat dat elke rij erft, met Sessions en Render rechtssigned by Lollyvector SVGControleer het zelfGet the signed file31 paths~1.9k nodes50 groups4 images34 KB

Batch is bedoeld om veel varianten van één template tegelijk te genereren. Om sessies die je al hebt opgeslagen opnieuw te renderen, gebruik je Projecten → Map renderen / Selectie renderen (hierboven) - geen Pro nodig.

Naast elkaar bewerken (Multi-edit)

Batch is vele varianten van één ontwerp. Multi-edit is de andere helft van de klus: meerdere verschillende opgeslagen ontwerpen tegelijk geopend, zodat één wijziging op ze allemaal wordt toegepast. Vink twee tot acht opgeslagen sessies aan in Projects en kies Edit together uit de selectiebalk; ze openen als live kaarten naast elkaar op #/multi?s=<slot>,<slot>…. Elke kaart is een echte render van die sessie, geen opgeslagen thumbnail, dus wat je ziet is wat er geëxporteerd wordt.

Eén zijbalk bestuurt het geheel:

Klik op een willekeurig canvas (of druk er Enter op) en de zijbalkkaart van die sessie klapt open en scrolt in beeld. Alles opslaan schrijft elke sessie terug naar zijn eigen slot. Alles downloaden slaat eerst op en rendert daarna de hele set door dezelfde pijplijn als Selectie renderen in Projecten - één zip, met onderweg het optionele wachtwoordslot als aanbod.

Twee eerlijke grenzen. De limiet van twee tot acht is echt: elke kaart start zijn eigen live runtime, en dat is het aantal dat responsief blijft - een link die om meer vraagt (of om een sessie die niet meer bestaat) zegt dat, in plaats van half te laden. En de link noemt jouw opgeslagen slots, dus hij heropent die set op dit apparaat; het is geen deel-link.

Is de selectie groter dan acht, mengt hij tools of bevat hij naast sessies ook afbeeldingen, dan is de uitweg Bewerken als sheet in dezelfde selectiebalk: die opent de hele selectie als rijen in het batchraster (#/pro?s=…), zonder limiet en zonder regel over dezelfde tool. Mappen blijven buiten allebei - die hebben hun eigen pad om in het raster te openen. (Zoeken is het enige dat hier nog niet bij kan: Multi-edit is de enige weergave die de zoekbalk niet kent.)

Offline & installeren

Lolly is een PWA. Na de eerste keer laden werkt hij offline - installeer hem vanuit de adresbalk van je browser (of Toevoegen aan beginscherm op mobiel) voor een app-achtige, volledig schermvullende ervaring. Hij werkt zichzelf bij zodra je weer online bent.

Over updates: als een weergave direct na een update ooit niet laadt (een leeg paneel, een "failed to fetch" in de hoek), laad de pagina dan één keer opnieuw - de app pakt de nieuwe versie netjes op en je werk, sessies en merk blijven onaangetast. Alles wordt op je apparaat opgeslagen, niet in de pagina.