Lolly
App öffnen

Lolly verwenden

Ein praktischer Leitfaden zum tatsächlichen Verwenden der App - ein Tool öffnen, mit der Zeichenfläche arbeiten, exportieren, speichern und teilen. Alles hier läuft auf Ihrem Gerät: kein Konto, kein Upload, und kein Internet nötig für die Bildschirme, die Sie bereits geöffnet haben.

Neu hier? Der Schnellstart bringt Sie in wenigen Minuten zum ersten Ergebnis, und Lolly für Operatoren behandelt Installation und Bereitstellung der App; auf dieser Seite geht es darum, sie zu bedienen, sobald sie offen ist.

Ein Tool öffnen

Der Startbildschirm ist die Galerie - jedes Tool, nach Kategorie gruppiert. Klicken Sie auf eine Karte, um in diesem Tool etwas Neues zu beginnen; gespeicherte Arbeit öffnet sich erneut über Projekte. Nutzen Sie das Suchfeld, um nach Namen zu filtern - oder verwenden Sie die Suche in der Leiste am Fuß der sechs Übersichtsansichten (Galerie, Utilities, Projekte, Assets, Dashboard und Einstellungen), die neben den Tools auch Ihre gespeicherte Arbeit, Ihre Assets und Ihre Einstellungen erreicht. Innerhalb eines Tools tritt die Leiste zur Seite und macht der eigenen Oberfläche des Tools Platz.

Eine Galerie-Kachel mit Beispielnavigation und einer Neu-Aktion signed by Lollyvector SVG20 paths~4.5k nodes31 groups59 KBPrüfen Sie es selbstSignierte Datei holenEine Galerie-Kachel mit Beispielnavigation und einer Neu-Aktion signed by Lollyvector SVG20 paths~4.5k nodes31 groups59 KBPrüfen Sie es selbstSignierte Datei holenTry it in the app

Jedes Tool ist eine geteilte Ansicht: Steuerelemente auf der einen Seite, eine Live-Vorschau (die Zeichenfläche) auf der anderen. Ändern Sie ein Steuerelement, und die Vorschau aktualisiert sich sofort.

Die geteilte Ansicht eines Tools - der Kontrollstapel links und das live gezeichnete gruppierte Balkendiagramm rechts signed by Lollyvector SVG129 paths~6.3k nodes157 groups1 image142 KBPrüfen Sie es selbstSignierte Datei holenDie geteilte Ansicht eines Tools - der Kontrollstapel links und das live gezeichnete gruppierte Balkendiagramm rechts signed by Lollyvector SVG129 paths~6.3k nodes157 groups1 image142 KBPrüfen Sie es selbstSignierte Datei holen

Einige Tools (wie Design) öffnen stattdessen als freie Zeichenfläche - eine rahmenlose Oberfläche zur direkten Bearbeitung, auf der Sie Boxen mit Text, Formen und Bildern ziehen, skalieren, drehen und einrasten lassen und Text per Doppelklick an Ort und Stelle bearbeiten. Sie exportiert über denselben Renderpfad wie jedes andere Tool, die Zeichenfläche ist also die Datei. Siehe Die freie Zeichenfläche weiter unten.

Zwei Wege, das Raster selbst zu dem zu machen, das Sie haben wollen:

Das Ende des Tool-Rasters mit sichtbar gemachten ausgeblendeten Tools: die abgeblendete Karte QR Code Generator und daneben die graue Kachel, die sie zurückgeholt hat und nun Ausgeblendetes verbergen anzeigt signed by Lollyvector SVG348 paths~31k nodes790 groups6 images2.083 KBPrüfen Sie es selbstSignierte Datei holenDas Ende des Tool-Rasters mit sichtbar gemachten ausgeblendeten Tools: die abgeblendete Karte QR Code Generator und daneben die graue Kachel, die sie zurückgeholt hat und nun Ausgeblendetes verbergen anzeigt signed by Lollyvector SVG348 paths~31k nodes790 groups6 images2.084 KBPrüfen Sie es selbstSignierte Datei holen

Um mehrere Karten auf einmal zu bearbeiten, setzen Sie das Häkchen einer Karte, ziehen Sie ein Auswahlrechteck über leere Fläche oder nutzen Sie Umschalt/Cmd-Klick, und eine schwebende Aktionsleiste erscheint. Was die Auswahlleiste anbietet unterscheidet sich je nach Ansicht ein wenig, da nicht jede Aktion überall sinnvoll ist:

Eine Falle bei den Bezeichnungen: Sitzungen ansehen gibt es erst, wenn etwas ausgewählt ist. Ein Rechtsklick auf eine einzelne, nicht ausgewählte Karte bietet stattdessen N gespeicherte Sitzungen, was eine Liste der gespeicherten Sitzungen dieses Tools öffnet, wo ein Löschen die Sitzung in den Papierkorb verschiebt, statt zu Projekten zu wechseln.

Die Auswahlleiste der Galerie für zwei Tools, mit Offline verfügbar, Sitzungen anzeigen, Favorit und Ausblenden signed by Lollyvector SVG22 paths~1.5k nodes22 groups26 KBPrüfen Sie es selbstSignierte Datei holenDie Auswahlleiste der Galerie für zwei Tools, mit Offline verfügbar, Sitzungen anzeigen, Favorit und Ausblenden signed by Lollyvector SVG22 paths~1.5k nodes22 groups26 KBPrüfen Sie es selbstSignierte Datei holen

Ask Lolly

Wenn Sie lieber fragen als suchen: Ask Lolly (#/ask) nimmt eine getippte Frage entgegen und gibt den passenden Abschnitt dieser Dokumentation wörtlich zurück - die Worte der Anleitungen selbst, keine Zusammenfassung und nichts Generiertes - mit Angabe der Seite, aus der er stammt, und einem Link In der Dokumentation öffnen daneben. Unter der Antwort stehen die Stellen in der App, auf die dieselbe Frage passt: ein Tool, eine Einstellung, ein gespeichertes Projekt, jeweils als Schaltfläche, die einfach dorthin führt.

Der Verlauf ist Sitzungsgedächtnis: Stellen Sie eine Anschlussfrage, und der Faden wächst mit; laden Sie neu, beginnt er von vorn. Suchergebnisse tragen unten eine Zeile *Ask Lolly: Ihre Anfrage*** - unter den konkreten Treffern der anderen Gruppen -, die die Frage direkt weiterreicht, sodass Sie in der Leiste beginnen und hier aufhören können.

Die Zeichenfläche (Vorschau)

Die Vorschau zeigt immer genau das, was exportiert wird.

Desktop

Das Zoom-HUD in der Ecke der Zeichenfläche - Minus, der Live-Prozentwert, Plus, Fit, dann die Schalter für Farbschema und Ton signed by Lollyvector SVG62 paths420 nodes36 groups42 KBPrüfen Sie es selbstSignierte Datei holenDas Zoom-HUD in der Ecke der Zeichenfläche - Minus, der Live-Prozentwert, Plus, Fit, dann die Schalter für Farbschema und Ton signed by Lollyvector SVG55 paths407 nodes36 groups41 KBPrüfen Sie es selbstSignierte Datei holen

Touch

Klicken, um zu einem Steuerelement zu springen: Klicken Sie auf ein beliebiges Element im Design, und die passende Eingabe in der Seitenleiste erhält den Fokus und wird ins Sichtfeld gescrollt - bei einer sich wiederholenden Zeilengruppe klappt genau die Zeile auf, die Sie angeklickt haben, sodass das Bearbeiten des Gesehenen nur einen Tipp entfernt ist.

Eine Änderung der Abmessungen setzt die Ansicht immer auf eine saubere Einpassung zurück.

Die freie Zeichenfläche (Design)

Tools mit freier Zeichenfläche legen eine Arbeitsfläche um das Artboard herum, wie das Montagebrett auf einem Grafiktisch:

Designs freie Zeichenfläche - das Artboard mit seinem umgebenden Montagebrett signed by Lollyvector SVG288 paths~14k nodes329 groups3 images282 KBPrüfen Sie es selbstSignierte Datei holenDesigns freie Zeichenfläche - das Artboard mit seinem umgebenden Montagebrett signed by Lollyvector SVG281 paths~14k nodes329 groups3 images281 KBPrüfen Sie es selbstSignierte Datei holen

Eine Auswahl spiegeln. Rechtsklicken Sie auf eine beliebige Box und wählen Sie Flip horizontal oder Flip vertical, um sie an Ort und Stelle zu spiegeln, oder drücken Sie Shift+H / Shift+V auf der Tastatur - Shift, weil ein bloßes V das Pointer-Werkzeug ist. Jede ausgewählte Box spiegelt sich in einem Undo-Schritt entlang ihrer eigenen Achse, und die Spiegelung ist eine echte Transformation, sodass sie im exportierten SVG, PDF und PNG erhalten bleibt und nicht nur auf der Leinwand.

Größe ändern, skalieren und drehen

Wählen Sie ein Objekt aus und ziehen Sie dann an einem Griff, um seine Größe zu ändern, oder am runden Griff unter der Auswahl, um das Objekt zu drehen. Ein Größenzug arbeitet in einem von zwei Modi:

Drücken Sie K, um Skalieren ein- oder auszuschalten. Ohne Tastatur wählen Sie im Lolly-Menü Skalierungsmodus, oder Sie halten die Schaltfläche Zeiger in der Werkzeugleiste gedrückt (oder klicken sie mit der rechten Maustaste an) und wählen Skalieren; auf einem Touchscreen hat auch die Objektleiste einen Schalter für Skalieren. Solange Skalieren aktiv ist, zeigt die Zeiger-Schaltfläche das Skalieren-Symbol, und jeder Griff hat einen Punkt in der Mitte. V oder Escape kehrt zu Größe ändern zurück und behält Ihre Auswahl. Skalieren ist beim Öffnen eines Dokuments immer aus, damit niemand versehentlich Konturen skaliert. Jedes Skalieren ist ein Rückgängig-Schritt mit der Bezeichnung Skalierung.

Skalieren mit einer Zahl. Klicken Sie bei aktivem Skalieren oder bei mehreren ausgewählten Objekten auf die Anzeige in der Objektleiste, um das Popover Skalierung zu öffnen. Geben Sie einen Prozentwert, eine Breite oder eine Höhe ein, worauf die beiden anderen Werte folgen, wählen Sie dann im 3 x 3-Raster den Punkt, der ruhig bleibt, und wählen Sie Anwenden. Das Ergebnis ist ein Rückgängig-Schritt, ganz ohne Ziehen. Bei ausgeschaltetem Skalieren ändern mehrere Objekte nur Größe und Position.

Mehrere Objekte. Eine Auswahl aus mehreren Objekten hat Griffe an den Kanten und an den Ecken. Ein Eckenzug ändert Breite und Höhe frei, solange jedes Objekt der Auswahl aufrecht oder um ganze Vierteldrehungen gedreht ist und die Auswahl weder Gruppe noch Kreis enthält. Andernfalls behält die Auswahl ihre Proportionen: Die Griffe zeigen den Skalierungszeiger, und während Sie ziehen, ergänzt die Anzeige Proportional. Während Sie die Größe ändern oder skalieren, zeigt ein kleines Label neben der Auswahl die Größe an, im Skalierungsmodus den Prozentwert.

Tasten, die Sie während eines Zugs gedrückt halten, wirken sofort, sobald Sie sie drücken oder loslassen (die Tastenkürzel-Übersicht, ?, listet sie ebenfalls auf):

HaltenGröße ändern oder skalierenDrehenVerschieben
ShiftBehält die Proportionen (Skalieren tut das immer)Dreht in 15-Grad-SchrittenKeine Änderung
Alt (Option)Arbeitet von der Mitte ausDreht freiSchaltet Einrasten und Raster aus
Cmd/CtrlSchaltet Einrasten und Raster ausDreht freiSchaltet Einrasten und Raster aus

Ohne gehaltene Taste rastet eine Drehung auf das nächste 15-Grad-Vielfache ein, sobald sie bis auf 4 Grad herankommt. Artboards lassen sich nicht drehen, sie haben also keinen Drehgriff.

Überall an der Kante greifen. Sie müssen einen Griff nicht genau treffen. Jede Seite einer Auswahl ist auf ihrer ganzen Länge ein Streifen zum Ändern der Größe, und mit Maus oder Stift gibt es direkt außerhalb jeder Ecke eine Drehzone. Der Zeiger zeigt, was ein Zug bewirkt, passend zur Auswahl gedreht. Ein Druck in einem Streifen oder einer Zone wird erst zu einer Größenänderung oder Drehung, wenn Sie zu ziehen beginnen; ein einfacher Klick wählt also weiterhin aus, ergänzt die Auswahl oder hebt sie auf wie bisher. Ein gesperrtes Objekt hat keine Griffe, Streifen oder Zonen.

Kleine Objekte bleiben verschiebbar. Bei einem Objekt von 25 Bildschirmpixeln Breite oder weniger verschwinden die mittleren Griffe, die die Ecken bedrängen würden, und die übrigen Griffe rücken ein Stück von der Umrisslinie nach außen, sodass ein Druck auf das Objekt das Objekt verschiebt. Bei 10 Pixeln oder weniger verschwinden auch die Eckgriffe, und eine dünne Linie behält an jedem Ende einen Griff. Ein Druck knapp neben einer dünnen Linie oder einem winzigen Objekt, abseits seiner Griffe, verschiebt das Objekt ebenfalls.

Große Greifbereiche. Auf einem Touchscreen sind die Greifzonen groß: Jede Eckzone beträgt ein Viertel von Breite und Höhe der Auswahl auf dem Bildschirm, begrenzt auf 24 bis 44 Pixel, und jede Seitenzone deckt den Abschnitt zwischen zwei Ecken ab. Ist die Auswahl dafür zu klein, rücken die Zonen außerhalb ihres Umrisses, sodass ein Druck in der Mitte die Auswahl weiterhin verschiebt. Die Zone unter Ihrem Zeiger oder unter einem aufgelegten Finger ist schattiert. Um dieselben Zonen mit Maus oder Stift zu erhalten, schalten Sie im Lolly-Menü Große Greifbereiche ein. Die Einstellung gilt nur für dieses Gerät.

Zwei Finger auf einer Auswahl. Legen Sie auf einem Touchscreen zwei Finger auf ein ausgewähltes Objekt: Mit Pinch skalieren Sie die Auswahl, mit einer Drehung drehen Sie sie, und mit beiden Fingern verschieben Sie sie. Alles, was die beiden Finger tun, zählt als ein Rückgängig-Schritt. Bei aktivem Skalieren skaliert ein Pinch auch den Inhalt; bei ausgeschaltetem Skalieren ändert der Pinch die Größe der Auswahl proportional. Eine Drehung rastet in der Nähe auf das nächste 15-Grad-Vielfache ein, und eine Zwei-Finger-Bewegung rastet nie ein. Zwei Finger an anderer Stelle zoomen und schwenken weiterhin die Ansicht, und ein Zwei-Finger-Tipp öffnet weiterhin das Menü. Der erste Finger muss auf der Auswahl landen, und der zweite muss schnell folgen, auf der Auswahl oder knapp außerhalb ihres Rands. Enthält die Auswahl ein Artboard oder ein gesperrtes Objekt, deckt sie den größten Teil der Ansicht ab oder ragt über den Rand der Ansicht hinaus, zoomen und schwenken zwei Finger stattdessen.

Ebenen und Inspektor

In Ebenen ist jedes Artboard eine einklappbare übergeordnete Gruppe. Wählen Sie seinen Namen, um dorthin zu springen, klappen Sie seine Ebenen auf und wählen oder ordnen Sie Objekte innerhalb dieses Artboards neu an. Wechseln Sie zu Seiten für Miniaturansichten und die Seitenreihenfolge. Die Pfeiltasten bewegen sich durch die Ebenenliste; Links führt zurück zur Artboard-Überschrift.

Der Inspektor stellt Text- oder Bildsteuerelemente für das ausgewählte Objekt an die erste Stelle. Nutzen Sie Options-Chips für schnelle Entscheidungen und klappen Sie Advanced für Gestaltungsdetails auf. Öffnen Sie auf dem Smartphone den Inspektor über Weitere Aktionen. Die Steuerelemente öffnen sich in einem Bedienfeld; Escape oder Zurück schließt es, ohne Ihre Auswahl aufzuheben.

Eigene Formen zeichnen (der Stift)

Boxen, Kreise und abgerundete Rahmen decken die meisten Layouts ab. Brauchen Sie eine Form, die nicht in dieser Liste steht, zeichnen Sie sie: Die Schaltfläche Stift in der Leiste (oder die Taste P) versetzt Sie in den Zeichenmodus. Drei einzelne Tasten wechseln zwischen den Modi - V zurück zum Zeiger, P zum Stift, N zum Punktewerkzeug (Punkte bearbeiten) - und der Zeiger ist immer der Ausweg aus dem, worin Sie gerade sind.

Die Werkzeugleiste der freien Zeichenfläche: ein Ziehgriff, das Lolly-Menü, dann Zeiger, Box hinzufügen, Stift, Punkte bearbeiten, Linie, Zeitleiste, Artboards und Automatisch anordnen signed by Lollyvector SVG60 paths413 nodes40 groups42 KBPrüfen Sie es selbstSignierte Datei holenDie Werkzeugleiste der freien Zeichenfläche: ein Ziehgriff, das Lolly-Menü, dann Zeiger, Box hinzufügen, Stift, Punkte bearbeiten, Linie, Zeitleiste, Artboards und Automatisch anordnen signed by Lollyvector SVG60 paths413 nodes40 groups42 KBPrüfen Sie es selbstSignierte Datei holen

Das Ergebnis ist eine gewöhnliche Box auf der Zeichenfläche. Verschieben, skalieren, drehen, gruppieren, ausrichten, neu stapeln, mit Füllung, Verlauf, Schatten oder Deckkraft versehen - ein Pfad verhält sich wie jede andere Box, und keines dieser Steuerelemente behandelt ihn anders.

Er kommt auch bereits eingefärbt an. Der erste Pfad, den Sie zeichnen, übernimmt Füllung und Strich, die Ihre Marke für einen Pfad vorsieht, danach übernimmt jeder neue Pfad das, was Sie zuletzt verwendet haben - Füllung einmal festlegen und weiterzeichnen, statt jede Form nachträglich umzufärben. (In einem Tool, dessen Marke nichts über Pfade sagt, wird ein gezeichneter Pfad in der Farbe umrandet, in der Sie ihn haben entstehen sehen, damit er nie unsichtbar ist.)

Die Punkte erneut bearbeiten. Doppelklicken Sie auf die Form (oder verwenden Sie Punkte bearbeiten in der Objektleiste), und die Punkte sind wieder da. Ziehen Sie einen Punkt, um ihn zu verschieben, ziehen Sie einen Griff, um ihn neu auszurichten, klicken Sie irgendwo auf die Kurve, um einen Punkt einzufügen, ziehen Sie einen Auswahlrahmen um eine Gruppe von Punkten und drücken Sie Entf, um die ausgewählten zu entfernen. Ein Pfad behält immer mindestens zwei Punkte, Sie können ihn also nicht versehentlich ganz weglöschen.

Spline-Typ entscheidet, welche Art Kurve durch Ihre Punkte läuft, und das ist die Wahl, die man verstanden haben sollte:

TypWas er bewirkt
Glatt (auto)Die Voreinstellung. Ermittelt die Länge der Griffe selbst, sodass schlichtes Klick-Klick-Klick eine wirklich glatte Kurve ergibt, ganz ohne Zerren an Griffen. Setzen Sie doch einen Griff, legt er die Richtung fest, und die Länge bleibt Sache der Kurve.
Bézier-GriffeDer klassische Stift. Die Griffe sind die Kontrollpunkte, und das Einfügen eines Punktes verschiebt die Kurve nie.
Durch die PunkteVerläuft genau durch jeden gesetzten Punkt, ohne Griffe.
B-SplineFließt nahe an den Punkten vorbei statt durch sie, für eine weichere Form.
Gerade LinienEin Polygonzug.

Einen bestehenden Pfad auf einen Typ umzustellen, der seine Griffe selbst ermittelt, fragt vorher nach, denn die von Ihnen gesetzten Grifflängen lassen sich nicht wiederherstellen - der Wechsel zu Bézier-Griffe ist immer verlustfrei. Mitten im Zeichnen gibt es keine Rückfrage: Der Wechsel greift sofort im Entwurf, und bereits herausgezogene Griffe gehen mit. Bei den Typen, denen ihre Griffe gehören, verändert das Einfügen eines Punktes die Kurve ganz leicht; bei Bézier-Griffe nicht.

Jeder Punkt trägt außerdem eine Stetigkeitsregel, erkennbar an seiner Form auf der Zeichenfläche - quadratisch für Ecke (Griffe bewegen sich unabhängig), rund für Glatt (Griffe bleiben in einer Linie), rund mit Ring für Symmetrisch (in einer Linie und gleich lang). Legen Sie sie für beliebige ausgewählte Punkte fest, und die Kurve erfüllt sie sofort wieder.

Zwei Stiftpfade, direkt aus einem Link gerendert: eine umrandete S-Kurve und ein geschlossener, gefüllter Klecks signed by Lollyvector SVG5 paths38 nodes7 groups5 KBPrüfen Sie es selbstSignierte Datei holenZwei Stiftpfade, direkt aus einem Link gerendert: eine umrandete S-Kurve und ein geschlossener, gefüllter Klecks signed by Lollyvector SVG5 paths38 nodes7 groups5 KBPrüfen Sie es selbstSignierte Datei holen

Ein gezeichneter Pfad reist wie alles andere im Link mit, sodass eine von Ihnen gezeichnete Form sich aus einem geteilten Link wieder öffnet und über die CLI identisch rendert. Nichts daran hängt vom Editor ab.

Formen kombinieren (Pfadoperationen)

Wählen Sie zwei oder mehr Formen aus, klicken Sie mit der rechten Maustaste auf die Zeichenfläche (auf Touch: Tippen mit zwei Fingern), und das Menü bietet die Operationen, die Sie aus einem Zeichenprogramm kennen:

Drei weitere arbeiten an einer einzelnen Form: Strich konturieren… macht aus einem Strich eine gefüllte Form derselben Kontur (nützlich, wenn eine Strichstärke exakt so bleiben soll, wie sie gezeichnet wurde), Pfad versetzen… lässt die Silhouette nach außen wachsen oder, mit einer negativen Zahl, nach innen schrumpfen und Vereinfachen baut einen Pfad mit weniger Segmenten bei gleicher Form neu auf.

Eine Mondsichel und ein Ring mit einem echten Loch, beide durch Subtrahieren entstanden signed by Lollyvector SVG5 paths47 nodes7 groups5 KBPrüfen Sie es selbstSignierte Datei holen

Das Ergebnis ist ein neuer Pfad, den Sie mit dem Stift weiterbearbeiten können. Löcher sind echte Löcher - ein Steuerelement Füllregel im Strich-Bedienfeld entscheidet, ob sich überlappende Konturen füllen (non-zero) oder durchstoßen (even-odd).

Zwei Dinge tun diese Operationen bewusst nicht. Sie verweigern, statt zu zerstören: Verlangen Sie die Schnittmenge zweier Formen, die sich nicht überlappen, erfahren Sie, dass nichts zu behalten ist, und es ändert sich nichts. Und Text- und Bildboxen haben keine Kontur, mit der sich arbeiten ließe, deshalb bleiben sie unangetastet, statt durch ihren Rahmen angenähert zu werden. Ein kombiniertes Ergebnis wird als schlichte Bézierkurven gespeichert, wie es ein Zeichenprogramm auch tut - der ursprüngliche Spline-Typ überlebt die Operation nicht.

3D-Szenen

Wählen Sie 3D-Szene aus dem Hinzufügen-Menü auf der Werkzeugleiste und ziehen Sie einen Rahmen auf: 3D Studio öffnet sich sofort auf der neuen Box, und was Sie dort einstellen, kommt zurück auf die Zeichenfläche. In jeder anderen Hinsicht ist eine Szenen-Box eine gewöhnliche Box. Verschieben, skalieren, drehen Sie sie, geben Sie ihr einen Schatten, setzen Sie sie auf eine Folie oder auf die Zeitleiste, und sie verhält sich wie alle anderen.

Eine Szenen-Box hält das Rezept fest, kein Bild. Eine Bild-Box enthält eine gerenderte Datei; eine Szenen-Box enthält eine einzige Einstellung, die Szene selbst, geschrieben als eigene Link-Abfrage von 3D Studio, wobei jeder Wert, der noch auf der Studio-Voreinstellung steht, weggelassen wird. Deshalb umfasst eine Szene etwa hundert Byte statt der paar Kilobyte, die ein ganzes Rezept kostet, deshalb funktioniert derselbe String sowohl in einem Teilen-Link als auch in der Tür des Editors, und deshalb braucht ein neues Studio-Steuerelement keine Änderung in Design. Deshalb rendert die Box auch bei jeder Größe und in jedem Moment neu, den das Dokument verlangt, statt aus einem früher aufgenommenen Bild vergrößert zu werden. Bilder, die eine Szene verwendet, bleiben Assets und reisen über ihre ID, sodass ein Upload innerhalb einer Szene mit dem Rest des Dokuments in eine .lolly-Datei geht.

In Studio bearbeiten. Wählen Sie die Box aus, und der Inspektor zeigt einen Abschnitt 3D-Szene: eine Zeile, die benennt, woraus die Szene besteht, eine zweite, die das gewählte Beleuchtungsstudio nennt, sobald Sie eines ausgewählt haben, und eine Schaltfläche, In 3D Studio bearbeiten. Die Schaltfläche öffnet das Studio mit der Szene dieser Box und allen Steuerelementen des Tools. Übernehmen Sie die Änderung, wird die bearbeitete Szene als ein einziger Schritt zurückgeschrieben, sodass ein Rückgängig die Box zur Ausgangsszene zurückbringt; schließen Sie das Studio ohne zu übernehmen, ändert sich nichts. Alles andere an der Box - ihr Platz auf dem Artboard, ihre Größe, ihr Schatten, wann sie auf einer Folie erscheint - bleibt in den Abschnitten, die es immer schon gab. Eine Szenen-Box hat kein eigenes Bild und keine eigene Bildunterschrift: Ihr Bild kommt aus dem Studio, und ihre Worte werden dort ebenfalls festgelegt.

Eine Live-Szene, ein Standbild auf jeder anderen Box. Jede 3D-Box in einem Dokument zeigt ein Standbild: ein unbewegtes Bild der Szene, abseits des Bildschirms über den gemeinsamen Renderer-Pool in der Größe gezeichnet, die die Box einnimmt. Ein Dokument mit zwanzig Szenen kostet einen Zeichenkontext, nicht zwanzig. Wählen Sie eine Szenen-Box aus, wird sie zur einen Live-Szene des Dokuments; heben Sie die Auswahl auf, wird das zuletzt sichtbare Bild zu ihrem Standbild, sodass nichts springt. Immer nur eine Szene ist live, und wählen Sie zwei Szenen-Boxen zugleich aus, bleiben beide Standbilder. In dieser Version dient die Live-Szene zum Betrachten, nicht zum Umkreisen: Ändern Sie eine Szene über In 3D Studio bearbeiten. Ein Gerät, das keinen Fließkomma-Grafikkontext öffnen kann, behält das Standbild und nennt den Grund innerhalb der Box, statt ein leeres Rechteck zu zeigen, und der Rest des Dokuments bleibt unberührt. Das Öffnen eines Design-Dokuments ohne 3D-Box lädt überhaupt keinen 3D-Code.

Auf der Zeitleiste folgt eine Szenen-Box dem Playhead wie ein Videoclip: ihr Start, ihr Clip-Einstieg und ihre Geschwindigkeit bewegen die Szene durch ihre eigene Animation, und die Länge der Szene ist die, die Sie in 3D Studio festgelegt haben, sodass das Kürzen einer Box weniger von der Szene zeigt, statt sie schneller ablaufen zu lassen. Nur die ausgewählte Szenen-Box ist live; jede andere ist ein Standbild, und ein Standbild lässt sich nicht scrubben.

Bei einem Export wird jede Szene neu gezeichnet, in der Größe, die die Datei braucht, über denselben Renderer, den auch das Studio nutzt. Ein Video rendert pro Moment ein Einzelbild je Szene; ein PNG, SVG oder PDF bettet ein Bild je Box in der eigenen Pixelgröße der Box ein. Nichts wird vom Bildschirm abfotografiert, ein Export hängt also nicht davon ab, welche Box Sie ausgewählt hatten. Eine Szene, die sich nicht zeichnen lässt, lässt den Export fehlschlagen und nennt den Grund in den eigenen Worten des Studios.

Eine Szene teilen, die auf einem eigenen Upload aufbaut. Ein Teilen-Link eines Design-Dokuments trägt eine geräteinterne Upload-ID innerhalb einer Szene unverändert weiter, während eine Bild-Box sie leert. Eine Szene, deren Grafik oder Modell eine von Ihnen hochgeladene Datei ist, zeigt auf dem Gerät einer anderen Person also die Studio-Voreinstellung für dieses Bild - es sei denn, das Dokument reist als .lolly-Datei, die die Bytes mitträgt.

Zeitleiste (Sequence)

Sequence ist Designs Zeitleiste und fügt der freien Zeichenfläche Zeit hinzu. Jede Box kann zu einem Zeitpunkt beginnen, eine bestimmte Länge laufen und ein- und ausblenden, und angeordnet werden sie auf einer Zeitleiste, die unter dem Artboard andockt. Öffnen Sie es, läuft bereits eine Sequenz - eine Titelkarte, ein Clip, eine Endkarte, eine Bauchbinde und ein Musikbett -, sodass das Modell sichtbar ist, bevor Sie irgendetwas ändern.

Die Zeitleiste von Sequence: das Transport-Bedienfeld, das Lineal, eine Overlay-Spur, die magnetische Sequenzreihe mit ihren Clips und Nahtstellen-Chips und der Always-on-Streifen signed by Lollyvector SVG63 paths~8.8k nodes132 groups105 KBPrüfen Sie es selbstSignierte Datei holenDie Zeitleiste von Sequence: das Transport-Bedienfeld, das Lineal, eine Overlay-Spur, die magnetische Sequenzreihe mit ihren Clips und Nahtstellen-Chips und der Always-on-Streifen signed by Lollyvector SVG63 paths~8.8k nodes132 groups105 KBPrüfen Sie es selbstSignierte Datei holen

Es gibt zwei Arten von Zeilen, und der Unterschied ist die ganze Idee:

Die Bearbeitungsbühne: das Artboard im Vordergrund und mittig, die Werkzeugleiste links und das Zoom-HUD in der Ecke signed by Lollyvector SVG326 paths~20k nodes444 groups2 images358 KBPrüfen Sie es selbstSignierte Datei holenDie Bearbeitungsbühne: das Artboard im Vordergrund und mittig, die Werkzeugleiste links und das Zoom-HUD in der Ecke signed by Lollyvector SVG319 paths~20k nodes444 groups2 images357 KBPrüfen Sie es selbstSignierte Datei holen

Wird die Zeitleiste geöffnet, bekommt sie die Tastatur: Leertaste und Pfeiltasten steuern dann den Playhead statt der Seite - und weil sie sich bei einer Komposition mit vorhandener Zeitgebung von selbst öffnet, gilt das ab dem Moment, in dem Sequence lädt.

Der Sequenz-Editor geht tiefer auf die vier Dinge ein, die darüber entscheiden, ob sich das Bearbeiten in der Zeit vorhersehbar anfühlt: welchen Clip ein Klick auf die Zeichenfläche bearbeitet, Zwiebelschalen-Schemen der Nachbarclips, der Geltungsbereich des Teilens und das Verbinden, das einen Schnitt rückgängig macht, sowie das Kürzen (samt Tastaturbefehlen). Drücken Sie ? bei fokussierter Zeitleiste für die Übersicht der Kurzbefehle.

Bearbeiten. Ziehen Sie die Mitte eines Clips, um ihn zu verschieben oder umzusortieren, ziehen Sie wenige Pixel neben einem der Enden, um ihn zu kürzen, und drücken Sie Am Playhead teilen (oder S), um einen Clip in zwei zu schneiden. Teilen braucht einen Clip mit einer echten Länge und den Playhead ein Stück weit darin, ein Clip mit offenem Ende (etwa das Musikbett) lässt sich also nicht teilen. An Kanten einrasten ist voreingestellt aktiv und rastet an Clipkanten, am Playhead und an ganzen Sekunden ein; Alt hebt das auf. Jedes Ziehen ist ein einziger Schritt beim Rückgängigmachen, und die Vorschau während des Ziehens rechnet genauso wie das Festschreiben, sodass Sie beim Ziehen sehen, was Sie bekommen.

Wählen Sie einen Clip aus, und der Inspektor bietet dieselben Änderungen als Zahlen: Länge, Anfang kürzen (wie weit im Quellmaterial er beginnt), Geschwindigkeit als feste Vielfache von ×0,25 bis ×4, Einblenden / Ausblenden samt ihren Dauern und Clip stummschalten. Ein Clip in der magnetischen Zeile hat absichtlich kein Feld Start - die Zeile besitzt die Reihenfolge, verschoben wird also per Ziehen.

Übergänge sind Voreinstellungen, keine Keyframes: Fade, Pop, Grow, Rise, Drop, die vier Slides, Zoom in und Zoom out, Tilt, Swoop, Spin, Drift oder Schnitt (keine Animation). Die Distanzen skalieren mit dem Objekt, sodass dieselbe Voreinstellung auf einer bildfüllenden Karte und auf einem kleinen Badge gleichermaßen stimmig wirkt. Zwischen zwei benachbarten Clips der Sequenzzeile sitzt ein Nahtstellen-Chip: Klicken Sie ihn an und wählen Sie Schnitt oder Überblendung, was sofort greift und den Chip schließt. Öffnen Sie denselben Chip erneut, um die Länge (ms) zu ändern, und drücken Sie Fertig. Eine Überblendung wird als Ausblenden des einen und Einblenden des nächsten Clips gespeichert, und die eigentliche Blende wird aus diesem Paar abgeleitet: Der erste Clip läuft über den Schnitt hinaus weiter und blendet aus, während der nächste darunter einblendet. Vorschau und Datei folgen derselben Regel, sodass das, was Sie an der Nahtstelle sehen, auch das ist, was Sie exportieren.

Ton. Fügen Sie einen Audio-Clip hinzu, und er lebt auf der Zeitleiste wie jeder andere Clip: Wellenform, Kürzen, Stummschalten. (Das erzeugte Bett, das die Standardsitzung mitbringt, ist die eine Ausnahme - es wird erst beim Export synthetisiert, sein Balken bleibt also schlicht und still, bis Sie rendern.) Drücken Sie auf das Mikrofon, um ein Voiceover aufzunehmen, direkt auf die Zeitleiste, mit Einzählung und Pegelanzeige; die Aufnahme wird als Ihr eigenes Asset an der Stelle gespeichert, an der Sie begonnen haben. Drücken Sie auf die Kamera daneben, um auf die gleiche Weise ein Video aufzunehmen: Die Aufnahme wird während der Aufzeichnung auf die Exportgröße des Artboards zugeschnitten, sodass die kleine Selbstansicht genau zeigt, was am Playhead bildfüllend in die Sequenz gelangt - die Art, wie Sie den Clip einer Kollegin oder eines Kollegen über einen geteilten Link holen. Musik, Sprache und der eigene Ton eines Clips landen alle in der exportierten Mischung. (Die Audiospur im Exportfeld ist etwas anderes: ein Bett, das unter den gesamten Clip gelegt wird, mit Blende und Ducking. Beides existiert nebeneinander.)

Die Audioleiste. Wählen Sie einen Clip mit Ton aus, und unter der Zeitleiste öffnet sich eine kompakte Leiste: ein Lautstärke-Regler, Schwenken für die Stereoposition, ein dreibandiges EQ (Niedrig, Mitten, Hoch), ein Tonhöhe-Regler, der in Halbtonschritten transponiert, während die Stimme ihren Charakter behält, und Lautstärke normalisieren, das den Clip auf Sendelautstärke bringt (BS.1770), sodass eine leise Sprachnotiz und ein lauter Track gleich laut wirken. Wo zwei Clips aufeinandertreffen, blendet Überblendung den Übergang statt zu schneiden. Ein Effekt-Slot führt eine Verarbeitung auf dem Gerät am Clip aus - Sprachbereinigung nimmt einer Aufnahme den Raumklang und das Rauschen. Geschwindigkeitsänderungen behalten auch die Tonhöhe: Ein verlangsamter oder beschleunigter Clip wird zeitlich gestreckt, nicht piepsig verzerrt. Bei jeder Abmischung duckt der Export die Musik unter die Sprache, während diese kommt und geht, und hält das gesamte Programm unter einem True-Peak-Limiter, sodass beim Export nichts übersteuert; eine Wellenform, die übersteuert hätte, wird an der Stelle mit einer Warnung gezeichnet.

Die Zeitleiste mit ausgewähltem Musikclip: Ihre Leiste läuft am unteren Rand entlang, mit Geschwindigkeit, Ein-/Ausblenden, Lautstärke, Schwenken, EQ, Tonhöhe, Lautstärke normalisieren und dem Effekt-Slot signed by Lollyvector SVG88 paths~5.8k nodes138 groups2 images86 KBPrüfen Sie es selbstSignierte Datei holenDie Zeitleiste mit ausgewähltem Musikclip: Ihre Leiste läuft am unteren Rand entlang, mit Geschwindigkeit, Ein-/Ausblenden, Lautstärke, Schwenken, EQ, Tonhöhe, Lautstärke normalisieren und dem Effekt-Slot signed by Lollyvector SVG88 paths~5.8k nodes138 groups2 images86 KBPrüfen Sie es selbstSignierte Datei holen

Rendern. Ein Bewegtbild-Export ist eine deterministische Komposition, keine Bildschirmaufnahme - jedes Einzelbild wird zu einem exakten Zeitpunkt dekodiert, gezeichnet und kodiert, die Datei hängt also nicht davon ab, ob Ihr Rechner mitkommt, und bei MP4 oder WebM gibt es praktisch keine Obergrenze an Einzelbildern. Die Länge der Zeitleiste bestimmt die Dauer, sofern Sie keine eingeben. Content Credentials werden wie bei jedem anderen Export eingeprägt. Ein Standbild-Export liefert das Einzelbild am Playhead oder, über das Feld Einzelbilder neben der Ausgabegröße, gleich einen ganzen Kontaktbogen - siehe Exportieren.

Ein paar Grenzen, die Sie im Blick behalten sollten: Eine Sequenz ist auf eine Stunde begrenzt, GIF und animiertes PNG puffern ihre Einzelbilder und bleiben deshalb kurz, ein schneller oder langsamer abgespielter Clip behält seine Tonhöhe (die Audioleiste streckt ihn zeitlich, und ein Tonhöhe-Regler transponiert in Halbtonschritten, wobei der Charakter der Stimme erhalten bleibt), und Live aufnehmen ist hier ausgeblendet, weil die Komposition der bessere Weg ist.

Über Voreinstellungen hinaus: Keyframes, Tiefe und eine Kamera. Ein Übergang animiert einen Clip bei Ankunft und Abgang. Um eine Box innerhalb eines Clips zu posieren - sie treiben zu lassen, sie ein- und auszublenden, zu unschärfen, sie von der Seite abzuheben und wieder abzusetzen - fügen Sie Keyframes hinzu: Wählen Sie den Clip aus, drücken Sie +Keyframe (die Raute in der Werkzeuggruppe der Zeitleiste, die Raute in der Objektleiste der Leinwand oder K), und die Position des Playheads entscheidet, welche Pose Ihre nächste Bearbeitung schreibt. Dasselbe Keyframe-System gibt jeder zeitbasierten Komposition eine Kamera, die heranfährt, schwenkt und den Fokus zieht und eine flache SVG in einen Stapel von Ebenen verwandelt, zwischen denen Sie fliegen können. Animieren ist die vollständige Anleitung.

Das Tool Design hat dieselbe Zeitleiste, Sie können ein Layout also mit Zeit versehen, ohne das Tool zu wechseln, und es exportiert ebenfalls Bewegtbild.

Präsentieren

Um Ihre Kamera, ein Logo und eine Namensbeschriftung über das Publikumsbild zu legen, verwenden Sie Present with camera. Die zugehörigen privaten Einstellungen, gespeicherten Szenen, das Teilen und die Aufnahmeschritte sind unter Mit Kamera präsentieren beschrieben. Die gewöhnlichen Steuerelemente der Präsentation darunter bleiben weiterhin über Präsentieren verfügbar.

Ein Design-Dokument aus Artboards ist bereits eine Präsentation. Öffnen Sie das Lolly-Menü in der Werkzeugleiste und wählen Sie Präsentieren - die letzte Zeile -, und jedes Artboard wird zu einer Folie im Vollbild, in der Reihenfolge, in der die Artboards auf der Zeichenfläche liegen. Die Präsentation läuft auf einer Kopie der gerenderten Artboards, der Editor darunter wird also nie angefasst, und beim Verlassen sind Sie genau dort, wo Sie waren.

Der Abschnitt Dokument im Inspektor: Stimme, Mischen mit, Geschwindigkeit, Vorlauf, Nachlauf und Untertitel beim Präsentieren anzeigen signed by Lollyvector SVG60 paths~6.2k nodes101 groups1 image83 KBPrüfen Sie es selbstSignierte Datei holenDer Abschnitt Dokument im Inspektor: Stimme, Mischen mit, Geschwindigkeit, Vorlauf, Nachlauf und Untertitel beim Präsentieren anzeigen signed by Lollyvector SVG60 paths~6.2k nodes101 groups1 image83 KBPrüfen Sie es selbstSignierte Datei holen

Die Präsentation ist auch ein Link. ?present öffnet direkt hinein, s= wählt die Folie - eine Position, eine Artboard-ID oder id.step für einen Einblendschritt -, und die Adresse aktualisiert sich, während Sie sich bewegen, sodass Sie genau die Folie verschicken, auf der Sie gerade stehen. Für Tool-Autoren: Diese Parameter sind auf der Seite URL-Modus dokumentiert.

Auf einem Smartphone

Auf schmalen Bildschirmen fließt das Layout in eine einzige Spalte um:

Ein Tool auf einem schmalen Smartphone-Bildschirm - oben die Steuerelemente als Bedienfeld, darunter die erzeugte Palette in der Vorschau und die Render-Pille schwebend am unteren Rand signed by Lollyvector SVG102 paths~2.7k nodes143 groups2 images89 KBPrüfen Sie es selbstSignierte Datei holenEin Tool auf einem schmalen Smartphone-Bildschirm - oben die Steuerelemente als Bedienfeld, darunter die erzeugte Palette in der Vorschau und die Render-Pille schwebend am unteren Rand signed by Lollyvector SVG102 paths~2.7k nodes143 groups2 images89 KBPrüfen Sie es selbstSignierte Datei holen

Steuerelemente (Eingaben)

Tools legen nur die Eingaben offen, die variieren sollen - alles andere (Farben, Layout, Typografie, Logik) ist vom Tool-Autor festgezurrt, sodass alles, was Sie erstellen, den Regeln des Autors entspricht. Zu den Eingaben zählen Text, Schieberegler, Farbwähler, Auswahlfelder, Datumsangaben, Bildauswahl und sich wiederholende Zeilengruppen. Manche sind in einklappbaren Abschnitten gruppiert.

Die Steuerelemente eines Tools - ein Textfeld, Farbschaltflächen und ein Schieberegler, mehr hat der Autor nicht freigegeben signed by Lollyvector SVG44 paths~2.9k nodes55 groups45 KBPrüfen Sie es selbstSignierte Datei holenDie Steuerelemente eines Tools - ein Textfeld, Farbschaltflächen und ein Schieberegler, mehr hat der Autor nicht freigegeben signed by Lollyvector SVG44 paths~2.9k nodes55 groups45 KBPrüfen Sie es selbstSignierte Datei holen

Zurücksetzen: Änderungen verwerfen setzt jede Eingabe auf ihre Standardwerte zurück.

Rückgängig und Wiederholen

Cmd/Strg-Z geht einen Schritt zurück, Cmd/Strg-Umschalt-Z (oder Cmd/Strg-Y) wieder vorwärts. Dasselbe Paar sitzt als Schaltflächen Rückgängig und Wiederholen in der Zeile über den Steuerelementen - auf der freien Zeichenfläche stattdessen in der Werkzeugleiste - und beide sind ausgegraut, solange es nichts zurückzunehmen gibt. Jeder Schritt sagt, was er war: Nehmen Sie eine Farbe zurück, nennt eine kleine Meldung die soeben wiederhergestellte Eingabe und enthält eine Schaltfläche Wiederholen für den Weg zurück.

In einer Live-Zusammenarbeit bleibt der Verlauf ausschließlich Ihrer. Eine vom anderen Gerät eintreffende Änderung landet nie auf Ihrem Stapel, daher kann Rückgängig immer nur etwas zurücknehmen, das Sie selbst getan haben.

Rückgängig reicht nur innerhalb dieses Besuchs zurück; Tools, die während der Arbeit speichern, bewahren außerdem frühere Versionen unter Verlauf auf, neben Rückgängig (siehe Zu einer früheren Version zurückkehren).

Ihre Angaben & Ihr Porträtfoto

Einstellungen (oben rechts in der Galerie, zeigt Ihren Vornamen an, sobald Sie einen festgelegt haben) enthält Ihren Namen, Ihre Kontaktdaten und ein optionales Porträtfoto. Tools, die nach diesen Feldern fragen, füllen sie automatisch vor - einmal gesetzt, füllen sich Ihre E-Mail-Signatur, Lockups und Badges von selbst. Jedes Feld können Sie pro Sitzung weiterhin überschreiben. Mit Meine Daten zum Erstellen verwenden stimmen Sie zu, dass Ihre Angaben als Urheber in dem mitreisen, was Sie exportieren.

Ihr Porträtfoto und Ihre Angaben existieren nur auf diesem Gerät. Ein Profil kann mehr sein als nur Sie selbst - ein Team oder eine Rolle, in die Sie hin und wieder schlüpfen. Das vollständige Bild, einschließlich mehrerer Profile, finden Sie unter Profile.

Speichern & Fortsetzen

Um Ihre Arbeit zu behalten, drücken Sie Speichern unter, den Haken neben Export. Lassen Sie unter In einem Projekt speichern Meine Bibliothek ausgewählt oder wählen Sie ein Projekt (+ Neues Projekt… erstellt eines), und drücken Sie dann Speichern. Erneutes Speichern aktualisiert dasselbe Element, statt eine Kopie zu erstellen. In Design befindet sich Speichern unter im Menü unter dem Lolly-Logo; auf einem Smartphone drücken Sie •••, dann Dateimenü, dann Speichern unter.

Die Schaltfläche Speichern im Exportfeld macht dasselbe mit einem Klick und lädt nie eine Datei herunter: Neue Arbeit landet in Meine Bibliothek, und zuvor gespeicherte Arbeit wird dort aktualisiert, wo sie liegt.

Um später zurückzukehren, drücken Sie oben links auf Start und öffnen Sie dann den Tab Projekte (auf dem Smartphone ein Ordnersymbol). Die in Meine Bibliothek gespeicherten Sitzungen liegen auf dessen erstem Bildschirm; ein Projekt ist dort ein Ordner. Elemente sind nach dem Dateinamen benannt, den Sie im Exportbereich eingegeben haben, oder sonst nach ihrem Tool, etwa QR Code. Öffnen Sie eines, und jede Einstellung ist da, bereit, geändert und erneut exportiert zu werden.

Gespeicherte Arbeit bleibt auf diesem Gerät, im selben Browser oder derselben App, in der Sie gespeichert haben, sofern Sie nicht die Synchronisierung einschalten. Eine Datei, die Sie mit Herunterladen erhalten, ist eine fertige Kopie; um sie später zu ändern, öffnen Sie das gespeicherte Element in Projekte. Wenn etwas nicht dort ist, wo Sie es erwarten, siehe Ihre Arbeit finden und wiederherstellen.

Die zweigeteilte Render-Pille - ein Pfeil nach oben, der das Exportfeld öffnet, und ein mit Speichern unter beschrifteter Haken, der das Speicherblatt öffnet signed by Lollyvector SVG2 paths240 nodes10 groups7 KBPrüfen Sie es selbstSignierte Datei holenDie zweigeteilte Render-Pille - ein Pfeil nach oben, der das Exportfeld öffnet, und ein mit Speichern unter beschrifteter Haken, der das Speicherblatt öffnet signed by Lollyvector SVG2 paths240 nodes10 groups7 KBPrüfen Sie es selbstSignierte Datei holen

Projekte

Projekte, der Tab Projekte oben auf dem Startbildschirm, hält alles, was Sie gespeichert haben, in Ordnern, die Sie anlegen. Wie Sie dort Ihre Arbeit finden, sortieren und durchsuchen und ein Element aus dem Papierkorb wiederherstellen, steht unter Ihre Arbeit finden und wiederherstellen.

Ihre Arbeit teilen

Ein Design geht auf zwei Wegen hinaus: als Link oder als Datei. Der Teilen-Dialog bietet beides. Öffnen Sie ihn mit Teilen in den Exportsteuerelementen; Link teilen bei einer gespeicherten Sitzung in Projekten öffnet denselben Dialog für diese Sitzung.

Jede Eingabe wird in der Seiten-URL festgehalten, ein Link ist also das Design. Oben im Dialog steht der kopierbereite Link, darunter zwei eingeklappte Abschnitte.

Geben Sie den Link an Kolleginnen und Kollegen weiter, setzen Sie ein Lesezeichen oder checken Sie ihn ein. (Vollständige Details: URL-Modus.)

Manche Tools machen den Link zum ganzen Produkt. Jump Page sammelt Ihre Links auf einer Seite zum Weitergeben - ein Bio-Link, ein Konferenzvortrag, eine Schaufensterseite. Es gibt nichts zu hosten und kein Konto dahinter: Die Seite ist der Link, daher öffnet sie sich so schnell, wie die URL reist. Im Editor sehen Sie die fertige Seite neben den Feldern; wer den Link als Besucherin oder Besucher öffnet, bekommt sie in voller Breite, eine Szene pro Link beim Scrollen.

Jump Page im Editor: die Überschriften-Szene oben auf der Seite, darunter die Link-Szenen signed by Lollyvector SVG4 paths755 nodes13 groups14 KBPrüfen Sie es selbstSignierte Datei holenJump Page im Editor: die Überschriften-Szene oben auf der Seite, darunter die Link-Szenen signed by Lollyvector SVG4 paths755 nodes13 groups14 KBPrüfen Sie es selbstSignierte Datei holen

Der Dialog sagt, was ein Link nicht tragen kann. Drei Dinge passen nicht in eine URL: ein Bild oder eine Datei, die Sie von diesem Gerät hinzugefügt haben, ein sehr langer Textwert oder eine sehr große Liste. Jedes davon wird beim Bauen des Links gezählt. Musste etwas wegfallen, benennt der Dialog es und verweist Sie auf die Datei weiter unten, statt Ihnen einen Link zu geben, der ohne das Bild aufgeht. Ein Link, der bloß lang ist, bekommt einen milderen Hinweis samt Zeichenzahl, denn Länge lässt sich durch Packen noch retten.

Die .lolly-Datei

.lolly ist Lollys Dateiendung für portable Bündel, kein Versprechen, dass jede Datei denselben Inhalt hat. Maßgeblich ist das format in manifest.json. Die App liest dieses winzige Manifest zuerst und zeigt Größe, Inhalt und Aktion an, bevor sie irgendetwas schreibt:

Eine vollständige Geräte-/Profilsicherung ist kein .lolly. Sie bleibt eine LollyTools-….zip mit dem Format lolly-backup und wird über Einstellungen → Speicher → Daten importieren… wiederhergestellt, was auch eine Kopie einliest, die Sync in Ihrem Speicher ablegt. Ein schlicht gezippter Tool-Ordner bleibt ebenfalls .zip. Mit anderen Worten: Sitzungs- und Design-System-Bündel gehören zu .lolly; Sicherungs- und lose Archiv-Workflows nicht.

Download .lolly, im Teilen-Dialog des Tools, in dem Sie gerade arbeiten, schreibt das aktuelle Design als geteiltes-Design-Bündel. Es trägt die gespeicherte Sitzung zusammen mit den auf diesem Gerät verfügbaren Bildern und Dateien. Gewöhnliche Katalog-Grafik reist ebenfalls mit. Lizenzierte Grafik wird zurückgehalten, sofern Sie sie nicht ausdrücklich einschließen, und eine veraltete oder nicht verfügbare Datei bleibt ein externer Verweis, statt zu verschwinden. Der vorbereitete Beleg zeigt die tatsächliche .lolly-Größe, die Zahl der eingebetteten Dateien, die Zahl der externen Verweise und ob das Tool enthalten ist. Hat Ihr Gerät ein Teilen-Menü, reicht Senden an… diese Datei direkt dorthin weiter (AirDrop, das Teilen unter Android), statt sie auf die Festplatte zu schreiben.

Download project (.lolly) im Ordnermenü in Projekte schreibt diesen Ordner als geteiltes Projekt, sodass jemand anderes ihn öffnen und mit jeder darin enthaltenen Sitzung weiterarbeiten kann. Jede Sitzung reist als eigener Teil (sessions/<key>.json, mit ihrer Kachel unter thumbs/), der Ordnerbaum wird in manifest.json aufgelistet, und Uploads und Katalog-Grafik reisen nach denselben Regeln wie bei einem einzelnen geteilten Design. Batch-Sitzungen sind keine Tool-Sitzungen und bleiben zurück; der Hinweis nennt, wie viele. Originale herunterladen daneben ist unverändert: ein schlichtes Zip mit jedem Element als eigener Datei.

Eine .lolly ist ein gewöhnliches Zip. Benennen Sie sie in .zip um und öffnen Sie sie: Ihre eigenen Bilder liegen unter assets/uploads/, Katalog-Grafiken unter assets/catalog/, jeweils mit echtem Namen und echter Endung, manifest.json listet jede einzelne auf, und eine README ganz oben sagt, was die Datei ist.

Drei Dinge entscheiden Sie, bevor sie hinausgeht:

Eine Datei öffnen. Doppelklicken oder tippen Sie in einer installierten Desktop- oder Mobil-App auf eine .lolly, wählen Sie Open with Lolly, oder senden Sie sie über das Teilen-Menü des Systems an Lolly. macOS, Windows, Linux, iOS und Android registrieren das Format alle; Desktop-Dateimanager zeigen sie als Lolly-Dokument (und GNOME Files kann die eigene Miniaturansicht einer gespeicherten Sitzung anzeigen). Nutzen Sie in der Web-App Öffnen, oder ziehen Sie die Datei auf Lolly. Jede Tür nutzt dieselbe Vorprüfung, die zuerst das Manifest liest. Das Öffnen aus Brand Studio empfiehlt die Design-System-Aktion, wenn ein geteiltes Design eines mitträgt, benennt die Datei dabei aber nie um und verbirgt Offene gemeinsame Konstruktion nicht.

Ein iOS- oder Android-Dokument, das aus einer anderen App übergeben wird, ist auf 48 MB begrenzt, weil die native Übergabe ihre Bytes über die App-Grenze hinweg kopieren muss. Die mobile App sagt das auch so, statt eine übergroße Datei stillschweigend zu ignorieren. Öffnen innerhalb von Lolly nutzt diese Übergabe nicht; das ist der Weg, den Sie für ein größeres Bündel versuchen sollten.

Nach der Bestätigung entpackt und prüft der gewählte Reader das Bündel einmal. Die Assets eines geteilten Designs gehen in Ihre Bibliothek, seine Sitzung geht zu Projekte, und sein Tool öffnet sich, sofern verfügbar. Die Sitzungen eines geteilten Projekts gehen unter einer neuen Kopie seiner Ordner zu Projekte, mit neuen IDs, sodass sich dieselbe Datei zweimal öffnen lässt, und der Ordner öffnet sich; eine Sitzung, deren Tool auf diesem Gerät fehlt, wartet dort. Ein bereits auf dem Gerät vorhandenes Asset wird per Prüfsumme abgeglichen und wiederverwendet. Ein Design-System-Paket wird in seinem eigenen Namensraum gespeichert, bevor die App dorthin wechselt. Dateien über 100 MB werden als groß gekennzeichnet, und die Vorprüfung warnt, wenn der Browser-Speicher weniger freien Platz meldet, als die angegebene Nutzlast braucht. Jeder durch Integrität abgedeckte Teil wird geprüft, bevor der Vorgang übernommen wird; eine beschädigte Kopie wird abgelehnt, und das neu angelegte Ziel wird zurückgerollt.

Trägt die Datei ein Tool, das Sie nicht haben, fragt Lolly nach, bevor dieses Tool laufen darf: Diesem Tool vertrauen? nennt es und seinen Autor und sagt klar, dass das Öffnen den Code des Tools auf Ihrem Gerät ausführt, mit Vertrauen & installieren als Weg hindurch. Lehnen Sie ab, wird die geteilte Arbeit dennoch in Ihren Projekten gespeichert und wartet dort auf den Tag, an dem Sie das Tool hinzufügen. (Eine Art Tool lässt sich noch nicht nachträglich installieren - eines, dessen Code als Modul ausgeliefert wird - und wird auf dieselbe Weise abgewiesen.)

Ein Link und eine Datei übergeben beide eine Momentaufnahme. Wenn Sie gleichzeitig mit jemand anderem an derselben Sitzung arbeiten wollen - zwei Geräte, kein Server, kein Internet nötig, solange Sie im selben Netz sind -, siehe Gemeinsam arbeiten.

Live-Kamera (bewegungsreaktive Tools)

Jeder Foto-Filter - Halftone, Scanline, Posterize, Voronoi-Zellen, Farbbehandlung, Pixel-Stretch und Imperfections - zeigt eine Schaltfläche Live gehen, sofern eine Kamera verfügbar ist. Schalten Sie sie ein, und der Effekt folgt Ihrer Webcam Bild für Bild, reagiert also auf Bewegung; das Ergebnis können Sie als GIF, WebM oder MP4 aufzeichnen. Die Einzelbilder werden auf Ihrem Gerät gelesen und verarbeitet und verlassen es nie, und die Kamera wird freigegeben, sobald Sie stoppen oder das Tool verlassen. (Jede Bildauswahl hat außerdem Foto aufnehmen, um ein einzelnes Bild als geräteinternes Bild zu erfassen.)

Meine Bilder

Wenn ein Tool Sie ein Bild von Ihrem Gerät hinzufügen lässt, bleibt es genau so erhalten, wie es angekommen ist - ein Content Credential darauf lässt sich also weiterhin prüfen - und wird in Ihrer persönlichen Bibliothek Meine Bilder gespeichert (unter Einstellungen → Speicher). Nur bei einer wirklich riesigen Datei wird gefragt, ob sie behalten oder verkleinert werden soll. Verwenden Sie sie in jedem Tool wieder. Um EXIF/GPS beim Hereinkommen zu entfernen, aktivieren Sie in Ihrem Profil Metadaten aus Uploads entfernen. Es gibt keine Obergrenze: Die Bibliothek ist vollständig lokal und nur durch den Speicher Ihres Geräts begrenzt - verwalten oder löschen Sie Bilder dort.

Assets - Ihre Bibliothek

Assets (#/a, oder das Segment Assets im Umschalter Werkzeuge · Utilities · Assets · Projekte am Kopf jeder Übersichtsansicht) versammelt alles, worauf Ihre Tools zurückgreifen können - Markenlogos, Bilder, Audio und Bewegtbild, nach Art gruppiert - und hier liegen auch Ihre eigenen kreativen Dateien. Kein Server, keine Verwaltungskonsole, kein Pull Request: alles auf Ihrem Gerät.

Assets, mit den Farbmustern und Schriften der Marke sowie Ihren eigenen Uploads signed by Lollyvector SVG180 paths~33k nodes460 groups469 KBPrüfen Sie es selbstSignierte Datei holenAssets, mit den Farbmustern und Schriften der Marke sowie Ihren eigenen Uploads signed by Lollyvector SVG180 paths~33k nodes460 groups470 KBPrüfen Sie es selbstSignierte Datei holen

Nehmen Sie Palette und Schriften überallhin mit

Das Bedienfeld Farbmuster in Assets zeigt nicht nur an - klicken Sie eine Farbe an, um sie zu kopieren, oder laden Sie die ganze Markenpalette herunter, in dem Format, das Ihr anderes Programm spricht:

Das Bedienfeld Farbmuster - oben die fünf Schaltflächen zum Herunterladen der Palette, darunter jede Markenfarbe als kopierbarer Chip signed by Lollyvector SVG87 paths~23k nodes204 groups290 KBPrüfen Sie es selbstSignierte Datei holenDas Bedienfeld Farbmuster - oben die fünf Schaltflächen zum Herunterladen der Palette, darunter jede Markenfarbe als kopierbarer Chip signed by Lollyvector SVG87 paths~23k nodes204 groups290 KBPrüfen Sie es selbstSignierte Datei holen

Das Bedienfeld Schriften listet Ihre Markenschriften mit einem Download daneben, zum lokalen Installieren oder zur Weitergabe an eine Druckerei. (Der Farbenraum im Brand Studio bietet denselben Palettendownload.)

Assets sind die eine Hälfte des offenen Selbermach-Wegs; die andere ist, eigene Tools zu bauen - auf der freien Zeichenfläche (Design, oben beschrieben) bauen Sie eines visuell, ganz ohne Code.

Ton & Barrierefreiheit

Lolly möchte für alle angenehm zu bedienen sein. Die Oberfläche lässt sich per Tastatur bedienen, eigene Steuerelemente tragen ordentliche Beschriftungen für Screenreader, und die Live-Vorschau jedes Tools wird als ein einzelnes beschriftetes Bild ausgegeben, das beschreibt, was gerade entsteht.

Eine sanfte Schicht unterstützender Klänge bestätigt, was Sie tun - das Ankommen in der Galerie, eine gültige oder ungültige Prüfung der Content Credentials, das Schließen eines Bedienfelds, den Wechsel eines Filters. Sie ist standardmäßig aus: Schalten Sie Ton überall dort ein, wo der Schalter erscheint (im Optionen-Popover jeder Ansicht oder unter Einstellungen), und die Wahl wird gemerkt.

Vier zuschaltbare Komforteinstellungen liegen unter Einstellungen → Barrierefreiheit: Bewegung reduzieren (nimmt der App ihre Übergänge und Verzierungen), Bunte Vorschauen ausblenden (ruhige Galeriekarten aus Symbol und Text sowie zurückhaltendere Projektminiaturen), Hoher Kontrast (kräftigere Rahmen, Texte und Fokusringe) und Großer Text (größere App-Schrift - Beschriftungen, Menüs, Text auf Schaltflächen). Alle vier beruhigen die App rund um Ihre Arbeit: Sie greifen nie in eine Tool-Zeichenfläche hinein und ändern kein Pixel dessen, was Sie exportieren, und jede ist aus, bis Sie sie einschalten. Alle Einzelheiten unter Ihr Profil → Barrierefreiheit.

Neben dem Schalter Ton steht der Neurospicy Mode - ein optionaler, beruhigender Fokus-Track, der im Hintergrund leise läuft, während Sie arbeiten. Beim Einschalten öffnet sich in der unteren Ecke ein kleines Player-Dock, das Ihnen durch die App folgt; darin können Sie einen Titel suchen und auswählen, vor- und zurückspringen, die Lautstärke einstellen und es minimieren oder schließen. Die Titelliste umfasst einige Kategorien - prozedurale Lolly Sings-Stücke, ambiente Loops und Beats, Ihre eigenen hochgeladenen Audiodateien und eine Handvoll Radiosender aus dem Internet (die brauchen eine Verbindung; alles andere läuft offline). Er ist standardmäßig aus und wird, wie Ton, über Sitzungen und Geräte hinweg gemerkt. Schalten Sie Ton aus, verstummt auch der Fokus-Track.

Speicher & Datenschutz

Lolly bewahrt Ihre Arbeit auf Ihrem Gerät: im eigenen Speicher dieses Browsers in der Web-App und im eigenen Speicher der App in den Desktop- und Mobil-Apps. Was aufbewahrt wird, was Alle meine Daten löschen entfernt und was das Löschen von Browserdaten mitnimmt, steht unter Ihre Arbeit finden und wiederherstellen; die Datenschutzerklärung listet alles auf, was die App abruft oder sendet, und Server-Angriffsfläche die optionalen Serverkomponenten.

Auf ein anderes Gerät wechseln

Um Ihre Arbeit auf einen zweiten Computer oder ein Smartphone zu übertragen, nutzen Sie die Synchronisierung, eine Sicherungsdatei oder eine .lolly-Datei. Arbeit auf ein anderes Gerät übertragen vergleicht die drei und führt durch Meine Daten exportieren und Daten importieren….

Ein Design importieren (Figma, Penpot, Illustrator, InDesign)

Sie können ein bestehendes Design in Lolly holen und daran weiterarbeiten: Öffnen Sie Design, klicken Sie in der Werkzeugleiste der Zeichenfläche auf Ein Design importieren und wählen Sie ein Figma-.fig oder SVG, ein Penpot-.penpot, ein Illustrator-.ai / .pdf oder ein InDesign-.idml. Ebenen werden zu bearbeitbaren Boxen auf der freien Zeichenfläche - Text bleibt neu tippbar, Bilder landen in Meine Bilder, und Schrift und Farben richten sich nach den Vorgaben der Marke - danach lässt sich das Ergebnis wie jede andere Sitzung speichern, teilen und rendern. Das Einlesen geschieht vollständig auf Ihrem Gerät. Alle Einzelheiten: Ein Design importieren.

Exportieren

Die ganze Geschichte steht unter Export & Formate - Format wählen, Ausgabegröße und Druckmaße, Transparenz, Video sowie Kopieren und Teilen. Kurz gesagt: Format wählen, bei Bedarf die Größe setzen und Herunterladen (oder Kopieren in die Zwischenablage).

Batch-Modus (Pro)

Für erfahrene Nutzerinnen und Nutzer rendert Batch (aus der Galerie verlinkt, hinter dem Pro-Feature-Flag, das standardmäßig an ist) viele Varianten auf einmal - ein Raster, in dem jede Zeile ein Satz Eingaben ist, gemeinsam exportiert. Ideal, um eine Karte in ein Dutzend Sprachen zu übertragen oder alle Größenvarianten in einem Durchgang zu erzeugen. Füllen Sie Zeilen durch Tippen, direktes Einfügen aus einer Tabellenkalkulation oder den Import einer CSV (Sie können auch eine zurück exportieren), und legen Sie Format, Größe und Ausgabedateinamen je Zeile fest. Speichern Sie ein ganzes Raster als benannte Batch-Sitzung, die sich aus der Galerie wieder öffnet, und laden Sie alle Zeilen als eine einzige .zip herunter.

Die Batch-Symbolleiste - ZIP-Name, Einheiten, DPI und das Format, das jede Zeile erbt, mit Sitzungen und Rendern rechts signed by Lollyvector SVG133 paths~15k nodes185 groups1 image195 KBPrüfen Sie es selbstSignierte Datei holenDie Batch-Symbolleiste - ZIP-Name, Einheiten, DPI und das Format, das jede Zeile erbt, mit Sitzungen und Rendern rechts signed by Lollyvector SVG133 paths~15k nodes185 groups1 image195 KBPrüfen Sie es selbstSignierte Datei holen

Batch ist dafür da, viele Varianten einer Vorlage auf einmal zu erzeugen. Um Sitzungen neu zu rendern, die Sie bereits gespeichert haben, nutzen Sie Projekte → Ordner rendern / Auswahl rendern (siehe Ihre Arbeit finden und wiederherstellen) - dafür braucht es kein Pro.

Nebeneinander bearbeiten (Mehrfachbearbeitung)

Batch bedeutet viele Varianten eines Designs. Multi-Edit ist die andere Hälfte der Aufgabe: mehrere unterschiedliche gespeicherte Designs gleichzeitig geöffnet, sodass eine Änderung auf alle zugleich wirkt. Haken Sie zwischen zwei und acht gespeicherten Sitzungen in Projekte an, und wählen Sie Zusammen bearbeiten aus der Auswahlleiste; sie öffnen sich als live Karten nebeneinander unter #/multi?s=<slot>,<slot>…. Jede Karte ist ein echtes Rendering dieser Sitzung, kein gespeichertes Thumbnail, sodass das, was Sie sehen, auch exportiert wird.

Eine Seitenleiste steuert das Ganze:

Klicken Sie auf eine beliebige Zeichenfläche (oder drücken Sie darauf Enter), und die Seitenleistenkarte dieser Sitzung öffnet sich und wird ins Sichtfeld gescrollt. Alle speichern schreibt jede Sitzung zurück auf ihren eigenen Platz. Alle herunterladen speichert zuerst und rendert dann den ganzen Satz über dieselbe Kette wie Auswahl rendern in Projekten - ein Zip, wobei unterwegs der optionale Passwortschutz angeboten wird.

Zwei ehrliche Grenzen. Die Obergrenze von zwei bis acht ist echt: Jede Karte startet ihre eigene laufende Umgebung, und das ist die Zahl, bei der es flüssig bleibt - ein Link, der mehr verlangt (oder eine Sitzung, die es nicht mehr gibt), sagt das, statt halb zu laden. Und der Link nennt Ihre Speicherplätze, er öffnet diesen Satz also auf diesem Gerät; ein Link zum Teilen ist er nicht.

Ist die Auswahl größer als acht, mischt sie Tools oder enthält sie neben Sitzungen auch Bilder, ist Als Tabelle bearbeiten in derselben Auswahlleiste die Notausfahrt: Es öffnet die ganze Auswahl als Zeilen im Batch-Raster (#/pro?s=…), ohne Größenbegrenzung und ohne Regel zum selben Tool. Ordner bleiben bei beidem außen vor - sie haben ihren eigenen Weg ins Raster. (Die Suche ist das eine, was hier noch nicht hineinreicht: Die Mehrfachbearbeitung ist die einzige Ansicht, die die Suchleiste nicht kennt.)

Offline & Installation

Lolly ist eine PWA. Sie funktioniert weiterhin offline auf den Bildschirmen, die Sie bereits geöffnet haben, und Die App unter Einstellungen → Offline verfügbar lädt den Rest herunter - installieren Sie sie über die Adressleiste Ihres Browsers (oder Zum Startbildschirm hinzufügen auf dem Smartphone) für ein app-artiges Vollbild-Erlebnis. Sie aktualisiert sich selbst, sobald Sie wieder online sind.

Zu Updates: Falls eine Ansicht direkt nach einem Update einmal nicht lädt (ein leeres Panel, ein „failed to fetch" in der Ecke), laden Sie die Seite einmal neu - die App übernimmt die neue Version sauber, und Ihre gespeicherte Arbeit, Sitzungen und Marke bleiben unberührt; nur ein Bild, das Sie hinzugefügt und nie gespeichert haben, muss möglicherweise erneut hinzugefügt werden. Sie speichert alles auf Ihrem Gerät, nicht in der Seite.

Design und Darkroom können mit der Bearbeitung Wide colour / HDR die ursprüngliche Bildpräzision erhalten, auch bei Sequence-Video. Marken-Farbmuster können getrennte sRGB- und P3-Werte tragen. Siehe Bearbeitung mit Wide colour / HDR für Ausgabeoptionen und aktuelle Grenzen.

Live pages that take the clicker

Select a Web page box and turn on Make interactive. Its focus step keeps the clicker in the deck while Up and Down control the highlighted page. Owner settings cover highlights, scroll stops, automatic movement and keyboard handover. See Live pages that take the clicker.