Un guide pratique pour utiliser concrètement l'application - ouvrir un outil, travailler le canevas, exporter, enregistrer et partager. Tout ici s'exécute sur ton appareil : pas de compte, aucun envoi, et aucune connexion nécessaire pour les écrans que tu as déjà ouverts.
Nouveau ici ? Le Démarrage rapide te fait créer en quelques minutes, et Lolly pour les opérateurs couvre l'installation et le déploiement de l'application ; cette page, elle, explique comment la piloter une fois ouverte.
Ouvrir un outil
L'écran d'accueil est la galerie - tous les outils, regroupés par catégorie. Clique sur une carte pour commencer quelque chose de nouveau dans cet outil ; le travail enregistré se rouvre depuis Projets. Utilise la zone de recherche pour filtrer par nom - ou lance une Recherche depuis la barre au pied des six écrans de liste (la galerie, les Utilitaires, Projets, Éléments, le Tableau de bord et Paramètres), qui atteint ton travail enregistré, tes éléments et tes réglages en plus des outils. Dans un outil, la barre s'efface au profit de l'habillage propre à l'outil.
signed by Lollyvector SVG20 paths~4.5k nodes31 groups59 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG20 paths~4.5k nodes31 groups59 KBVérifie par toi-mêmeRécupérer le fichier signéTry it in the app
Chaque outil se présente en vue divisée : les contrôles d'un côté, un aperçu en direct (le canevas) de l'autre. Modifie n'importe quel contrôle et l'aperçu se met à jour instantanément.
signed by Lollyvector SVG129 paths~6.3k nodes157 groups1 image142 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG129 paths~6.3k nodes157 groups1 image142 KBVérifie par toi-mêmeRécupérer le fichier signé
Quelques outils (comme Design) s'ouvrent plutôt en canevas libre - une surface de manipulation directe, sans habillage, où tu fais glisser, redimensionnes, fais pivoter et alignes des boîtes de texte, de formes et d'images, et où tu double-cliques pour modifier le texte sur place. Il s'exporte par le même chemin de rendu que tout autre outil, donc le canevas est le fichier. Voir Le canevas libre ci-dessous.
Deux façons de façonner la grille elle-même pour qu'elle devienne la tienne :
- Mets une étoile sur ce que tu utilises. Marque une carte d'une ★ et elle obtient sa propre grande tuile dans un bandeau au-dessus de la grille - voir Tes favoris.
- Masque un outil que tu n'utilises jamais. Clic droit sur une carte (ou sélectionnes-en plusieurs et utilise la barre de sélection) → Masquer l'outil. Il sort de la grille, et de ce que la saisie dans la grille trouve ; une tuile grise Afficher les outils masqués (N) tout à la fin les fait réapparaître, estompés, chacun avec Réafficher l'outil dans son propre menu. Le masquage ne concerne que ta grille - l'outil s'ouvre toujours depuis un lien enregistré ou un favori, et il reste exactement où il était pour tout le monde.
signed by Lollyvector SVG348 paths~31k nodes790 groups6 images2 083 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG348 paths~31k nodes790 groups6 images2 084 KBVérifie par toi-mêmeRécupérer le fichier signé
Pour agir sur plusieurs cartes à la fois, coche la case de chaque carte, fais glisser un rectangle de sélection sur une zone vide ou fais Maj/Cmd-clic, et une barre d'action flottante apparaît. Ce que propose la barre de sélection diffère un peu selon la vue, car toutes les actions n'ont pas de sens partout :
- Tools / Utilities : Favori (ou Retirer des favoris), Masquer (ou Afficher), Disponible hors ligne (ou Retirer du hors ligne), Voir les sessions (ouvre Projets en n'affichant que les sessions faites avec ces outils) et Copier le lien quand exactement une carte est sélectionnée.
- Éléments : Favori et Masquer s'appliquent à toute sélection ; Dupliquer, Télécharger et Supprimer n'apparaissent que quand chaque élément sélectionné est l'un de tes propres imports - un asset de système de design partagé est un contrat permanent, donc ces trois actions en restent absentes même en masse.
- Projets : voir Retrouver et récupérer ton travail.
Un piège de libellé : Voir les sessions n'existe qu'une fois quelque chose sélectionné. Un clic droit sur une seule carte non sélectionnée propose plutôt N sessions enregistrées, qui ouvre une liste des sessions enregistrées de cet outil, où une suppression déplace la session vers la Corbeille, plutôt que de naviguer vers Projets.
signed by Lollyvector SVG22 paths~1.5k nodes22 groups26 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG22 paths~1.5k nodes22 groups26 KBVérifie par toi-mêmeRécupérer le fichier signé
Ask Lolly
Quand tu préfères demander plutôt que chercher, Ask Lolly (#/ask) prend une question saisie et renvoie la section correspondante de cette documentation mot pour mot - les mots mêmes des guides, ni un résumé ni une génération - en citant la page d'où elle vient, avec un lien Ouvrir dans la doc à côté. Sous la réponse figurent les endroits de l'application auxquels la même question correspond : un outil, un réglage, un projet enregistré, chacun sous forme de bouton qui t'y emmène, tout simplement.
La transcription est une mémoire de session : pose une question de suivi et le fil se construit au fur et à mesure, puis recharge la page et il repart à zéro. Les résultats de recherche portent en bas une ligne *Ask Lolly : ta requête*** - sous les résultats concrets trouvés par les autres groupes - qui transmet la question directement, si bien que tu peux commencer dans la barre et finir ici.
Le canevas (aperçu)
L'aperçu montre toujours exactement ce qui sera exporté.
Ordinateur
- Zoom : Cmd/Ctrl + molette, ou pince sur un trackpad - le zoom se centre sur ton pointeur.
- Déplacement : maintiens Espace et fais glisser, ou fais glisser avec le bouton central de la souris. (Les clics simples restent libres pour cliquer sur des éléments du design.)
- Clavier :
0= ajuster à la fenêtre ·1= 100 % ·+/−= zoom. - HUD de zoom : le petit contrôle
− NN% + Fitdans le coin. Clique sur le pourcentage pour basculer entre Fit et 100 %.
signed by Lollyvector SVG62 paths420 nodes36 groups42 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG55 paths407 nodes36 groups41 KBVérifie par toi-mêmeRécupérer le fichier signé
Tactile
- Pince pour zoomer, glisse pour déplacer, double-tape pour revenir à l'ajustement. Sur le canevas libre, deux doigts posés sur un objet sélectionné mettent plutôt la sélection à l'échelle, la font pivoter et la déplacent (voir Redimensionner, mettre à l'échelle et pivoter).
Cliquer pour accéder à un contrôle : clique sur n'importe quel élément du design et le champ correspondant dans la barre latérale reçoit le focus et défile jusqu'à être visible - pour un groupe de lignes répétitives, cela déplie exactement la ligne sur laquelle tu as cliqué, si bien que modifier ce que tu vois n'est qu'à un tap.
Un changement de dimension ramène toujours la vue à un ajustement net.
Le canevas libre (Design)
Les outils en canevas libre ajoutent une surface de travail autour du plan de travail, comme le plan de collage d'un designer :
- Mise en attente hors-canevas. Fais glisser une boîte au-delà du bord du cadre et elle reste entièrement visible et sélectionnable - mets des éléments de côté pendant que tu composes, puis ramène-les à l'intérieur. Tout ce qui se trouve hors du cadre est légèrement estompé pour que la zone d'export reste lisible d'un coup d'œil, et le cadre conserve son ombre pour marquer précisément où le fichier commence.
- Seul le cadre s'exporte. Le fichier exporté est délimité par le plan de travail - tout ce qui reste à l'extérieur (ou la partie d'une boîte qui dépasse du bord) est simplement rogné du résultat, aussi bien en formats matriciels que vectoriels.
- Dézoome au-delà de Fit (jusqu'à 20 %) pour voir tout le plan de collage quand tu as mis des éléments loin en dehors du cadre.
- Plan de travail redimensionnable. Changer les dimensions d'export redimensionne le cadre sur place ; les boîtes gardent leur position, ce qui te permet de recadrer une mise en page autour d'un contenu existant.
- Avant l'export. La section Document de l'inspecteur vérifie la structure de calques enregistrée, puis lit le canevas stabilisé à la recherche de texte rogné et de contraste sur les fonds de couleur unie. Elle demande aussi au même registre de polices que celui utilisé pour le détourage SVG/PDF si chaque passage de texte dispose d'octets de police intégrables ; les fonds en image ou en dégradé sont signalés comme des vérifications visuelles plutôt que de recevoir un score de contraste inventé.
signed by Lollyvector SVG288 paths~14k nodes329 groups3 images282 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG281 paths~14k nodes329 groups3 images281 KBVérifie par toi-mêmeRécupérer le fichier signé
Retourner une sélection. Fais un clic droit sur une boîte et choisis Retourner horizontalement ou Retourner verticalement pour la mettre en miroir sur place, ou appuie sur Shift+H / Shift+V au clavier - Shift, car un simple V correspond à l'outil Pointeur. Chaque boîte sélectionnée se retourne selon son propre axe en une seule étape d'annulation, et le miroir est une vraie transformation, donc il tient dans le SVG, le PDF et le PNG exportés, pas seulement sur le canevas.
Redimensionner, mettre à l'échelle et pivoter
Sélectionne un objet, puis fais glisser une poignée pour changer sa taille, ou la poignée ronde sous la sélection pour faire pivoter l'objet. Un glissement de taille fonctionne selon l'un de deux modes :
- Redimensionner, le mode par défaut, ne change que le cadre. Le texte se réagence à la nouvelle taille, et la taille de police, l'épaisseur du contour, le rayon des coins et les effets restent tels quels.
- Échelle agrandit ou réduit l'objet entier avec son contenu : taille de police, contour, rayon des coins, ombre, flou, marge intérieure et espacement changent tous dans la même proportion.
Appuie sur K pour activer ou désactiver Échelle. Sans clavier, choisis Mode Échelle dans le menu Lolly, ou maintiens le bouton Pointeur de la barre d'outils (ou fais un clic droit dessus) et choisis Échelle ; sur un écran tactile, la barre d'objet offre aussi une bascule Échelle. Tant que Échelle est actif, le bouton Pointeur affiche l'icône Échelle et chaque poignée porte un point en son centre. V ou Escape revient à Redimensionner et conserve ta sélection. Échelle est désactivé à chaque ouverture de document, pour que personne ne mette des contours à l'échelle par accident. Chaque mise à l'échelle est une étape d'annulation, intitulée Échelle.
Mettre à l'échelle par un nombre. Avec Échelle activé, ou avec plusieurs objets sélectionnés, clique sur l'indicateur de la barre d'objet pour ouvrir le panneau Échelle. Saisis un pourcentage, ou une largeur ou une hauteur que les deux autres valeurs suivent, choisis sur la grille 3 x 3 le point qui reste immobile, puis choisis Appliquer. Le résultat est une seule étape d'annulation, sans glissement. Avec Échelle désactivé, plusieurs objets ne changent que de taille et de position.
Plusieurs objets. Une sélection de plusieurs objets a des poignées sur ses bords en plus de ses coins. Un glissement de coin change la largeur et la hauteur librement tant que chaque objet de la sélection est droit ou pivoté par quarts de tour entiers, et que la sélection ne contient ni groupe ni cercle. Sinon, la sélection garde ses proportions : ses poignées affichent le curseur de mise à l'échelle et, pendant que tu fais glisser, l'indicateur ajoute Proportionnel. Pendant que tu redimensionnes ou mets à l'échelle, une petite étiquette à côté de la sélection affiche la taille, ou le pourcentage en mode Échelle.
Les touches que tu maintiens pendant un glissement agissent dès que tu les presses ou les relâches (la feuille des raccourcis, ?, les liste aussi) :
| Maintenir | Redimensionner ou mettre à l'échelle | Pivoter | Déplacer |
|---|---|---|---|
| Shift | Conserve les proportions (Échelle le fait toujours) | Pivote par pas de 15 degrés | Aucun changement |
| Alt (Option) | Travaille depuis le centre | Pivote librement | Désactive l'aimantation et la grille |
| Cmd/Ctrl | Désactive l'aimantation et la grille | Pivote librement | Désactive l'aimantation et la grille |
Sans touche maintenue, une rotation est attirée vers le multiple de 15 degrés le plus proche dès qu'elle en approche à 4 degrés. Les plans de travail ne pivotent pas, ils n'ont donc pas de poignée de rotation.
Saisis n'importe où le long d'un bord. Inutile de viser une poignée avec précision. Chaque côté d'une sélection est une bande de redimensionnement sur toute sa longueur, et avec une souris ou un stylet, une zone de rotation se trouve juste à l'extérieur de chaque coin. Le pointeur montre ce que fera un glissement, orienté comme la sélection. Un appui dans une bande ou une zone ne devient un redimensionnement ou une rotation que lorsque tu commences à glisser : un simple clic sélectionne, ajoute à la sélection ou désélectionne comme avant. Un objet verrouillé n'a ni poignées, ni bandes, ni zones.
Les petits objets restent déplaçables. Sur un objet de 25 pixels d'écran ou moins, les poignées du milieu, qui encombreraient les coins, se masquent et les autres poignées s'écartent un peu du contour, si bien qu'un appui sur l'objet le déplace. À 10 pixels ou moins, les poignées de coin disparaissent aussi, et une ligne fine garde une poignée à chaque extrémité. Un appui juste à côté d'une ligne fine ou d'un objet minuscule, à l'écart de ses poignées, déplace aussi l'objet.
Grandes zones de saisie. Sur un écran tactile, les zones de saisie sont grandes : chaque zone de coin fait un quart de la largeur et de la hauteur de la sélection à l'écran, entre 24 et 44 pixels, et chaque zone de côté couvre l'espace entre deux coins. Quand la sélection est trop petite pour cela, les zones passent à l'extérieur de son contour, si bien qu'un appui au milieu déplace toujours la sélection. La zone sous ton pointeur, ou sous un doigt maintenu, est ombrée. Pour obtenir les mêmes zones avec une souris ou un stylet, active Grandes zones de saisie dans le menu Lolly. Ce réglage reste sur cet appareil uniquement.
Deux doigts sur une sélection. Sur un écran tactile, pose deux doigts sur un objet sélectionné : pince pour mettre la sélection à l'échelle, tourne pour la faire pivoter, ou déplace les deux doigts pour la transporter. Tout ce que font les deux doigts compte pour une seule étape d'annulation. Avec Échelle activé, un pincement met aussi le contenu à l'échelle ; avec Échelle désactivé, il redimensionne la sélection en proportion. Une rotation est attirée vers le multiple de 15 degrés le plus proche quand elle en est proche, et un déplacement à deux doigts ne s'aimante jamais. Deux doigts ailleurs zooment et déplacent toujours la vue, et un tap à deux doigts ouvre toujours le menu. Le premier doigt doit se poser sur la sélection et le second doit suivre rapidement, sur la sélection ou juste au-delà de son bord. Si la sélection contient un plan de travail ou un objet verrouillé, couvre la plus grande partie de la vue ou dépasse du bord de la vue, deux doigts zooment et déplacent la vue à la place.
Calques et inspecteur
Dans Calques, chaque plan de travail est un groupe parent repliable. Sélectionne son nom pour y sauter, déplie ses calques, et sélectionne ou réordonne les objets à l'intérieur de ce plan de travail. Passe à Pages pour les vignettes et l'ordre des pages. Les flèches déplacent le curseur dans la liste des calques ; Gauche revient à l'en-tête du plan de travail.
L'Inspecteur met en premier les contrôles de texte ou d'image pour l'objet sélectionné. Utilise les puces d'options pour des choix rapides et déplie Advanced pour les détails de style. Sur téléphone, ouvre l'Inspecteur depuis Plus d'actions. Les contrôles s'ouvrent dans une feuille ; Échap ou Retour la ferme tout en gardant ta sélection.
Dessiner tes propres formes (la plume)
Les boîtes, les cercles et les cadres arrondis couvrent la plupart des mises en page. Quand il te faut une forme absente de cette liste, dessine-la : le bouton Plume de la barre d'outils (ou la touche P) te met en mode dessin. Trois touches simples font passer d'un mode à l'autre - V pour revenir au Pointeur, P pour la Plume, N pour l'outil de nœuds (Modifier les points) - et le Pointeur est toujours la sortie, quel que soit le mode où tu es.
signed by Lollyvector SVG60 paths413 nodes40 groups42 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG60 paths413 nodes40 groups42 KBVérifie par toi-mêmeRécupérer le fichier signé
- Clique pour poser un point. Avec le type de courbe par défaut, cliquer-glisser fait sortir les poignées de ce point, ce qui est la façon de dessiner une courbe plutôt qu'un angle - maintiens Alt en cliquant pour obtenir un angle net à la place. (Avec les autres types de courbe, chaque point posé est un angle et le glissement ne fait rien ; voir Type de spline ci-dessous.)
- Les points s'accrochent au plan de travail et à tes autres boîtes à mesure que tu les poses, en traçant les mêmes repères qu'un glissement ordinaire. Alt supprime la grille pendant que tu dessines, et à la fois la grille et les bords quand tu déplaces un point ensuite.
- Clique sur ton premier point pour fermer la boucle et terminer d'un seul geste. Sinon appuie sur Entrée, double-clique ou change simplement d'outil - le dessin est conservé, pas jeté.
- Échap agit un cran à la fois : la première pression abandonne le dessin sans rien écrire, la seconde quitte la plume.
- Suppr pendant le dessin retire le dernier point posé.
Le résultat est une boîte ordinaire sur le canevas. Déplace-la, redimensionne-la, fais-la pivoter, groupe-la, aligne-la, réempile-la, donne-lui un fond, un dégradé, une ombre ou une opacité - un tracé se comporte comme n'importe quelle autre boîte, et aucun de ces contrôles ne le traite différemment.
Il arrive déjà peint, en plus. Le premier tracé que tu dessines prend le fond et le trait que ta marque attribue à un tracé, puis chaque nouveau tracé reprend ce que tu as utilisé en dernier - règle un fond une fois et continue à dessiner, plutôt que de recolorer chaque forme. (Dans un outil dont la marque ne dit rien des tracés, un tracé dessiné porte le trait de la couleur avec laquelle tu l'as vu se dessiner, il n'est donc jamais invisible.)
Revenir modifier les points. Double-clique sur la forme (ou utilise Modifier les points dans la barre d'objet) et les points reviennent. Fais glisser un point pour le déplacer, une poignée pour la réorienter, clique n'importe où sur la courbe pour insérer un point, encadre un groupe de points au lasso rectangulaire et appuie sur Suppr pour retirer ceux qui sont sélectionnés. Un tracé garde toujours au moins deux points, tu ne peux donc pas le faire disparaître par accident.
Type de spline décide quelle sorte de courbe passe par tes points, et c'est le choix qui vaut la peine d'être compris :
| Type | Ce qu'il fait |
|---|---|
| Lisse (auto) | Le choix par défaut. Il calcule lui-même la longueur des poignées, si bien qu'un simple clic-clic-clic donne une courbe vraiment lisse, sans bataille avec les poignées. Si tu règles une poignée, elle fixe la direction et la courbe garde la maîtrise de la longueur. |
| Poignées Bézier | La plume classique. Les poignées sont les points de contrôle, et insérer un point ne déplace jamais la courbe. |
| À travers les points | Passe exactement par chaque point posé, sans poignées. |
| B-spline | Longe les points au lieu de passer par eux, pour une forme plus douce. |
| Lignes droites | Une polyligne. |
Faire passer un tracé existant à un type qui calcule lui-même ses poignées demande d'abord confirmation, parce que les longueurs de poignées que tu as réglées ne peuvent pas être récupérées - passer aux Poignées Bézier est toujours sans perte. En cours de dessin, il n'y a pas de confirmation : le changement s'applique directement au brouillon, et les poignées que tu avais déjà tirées partent avec. Sur les types qui possèdent leurs poignées, insérer un point remodèle très légèrement la courbe ; avec les Poignées Bézier, non.
Chaque point porte aussi une règle de continuité, indiquée par sa forme sur le canevas - carré pour Angle (les poignées bougent indépendamment), rond pour Lisse (les poignées restent alignées), rond cerclé pour Symétrique (alignées et de même longueur). Applique-la aux points sélectionnés et la courbe s'y conforme aussitôt.
signed by Lollyvector SVG5 paths38 nodes7 groups5 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG5 paths38 nodes7 groups5 KBVérifie par toi-mêmeRécupérer le fichier signé
Un tracé dessiné voyage dans le lien comme tout le reste, si bien qu'une forme que tu dessines se rouvre depuis un lien de partage et se rend à l'identique depuis la CLI. Rien en elle ne dépend de l'éditeur.
Combiner des formes (opérations sur les tracés)
Sélectionne deux formes ou plus, fais un clic droit sur le canevas (tape à deux doigts sur tactile) et le menu propose les opérations attendues d'une application de dessin :
- Union les fusionne en une seule forme, en gardant la peinture de celle du dessus.
- Soustraire retire de la forme du dessous tout ce qui se trouve au-dessus.
- Intersecter ne garde que le chevauchement.
- Exclure garde tout sauf le chevauchement.
Trois autres agissent sur une seule forme : Contourner le trait… transforme un trait en forme pleine de même silhouette (utile quand tu veux garder une épaisseur exactement telle que dessinée), Décaler le tracé… élargit la silhouette vers l'extérieur ou, avec un nombre négatif, la rétrécit vers l'intérieur et Simplifier reconstruit un tracé avec moins de segments à forme égale.
signed by Lollyvector SVG5 paths47 nodes7 groups5 KBVérifie par toi-mêmeRécupérer le fichier signé
Le résultat est un nouveau tracé que tu peux continuer à modifier à la plume. Les trous sont de vrais trous - un contrôle Règle de remplissage dans le panneau de trait décide si les contours qui se chevauchent se remplissent (non-zero) ou se percent (even-odd).
Deux choses que ces opérations ne font délibérément pas. Elles refusent au lieu de détruire : demande l'intersection de deux formes qui ne se chevauchent pas et on te répond qu'il n'y a rien à garder, et rien ne change. Et les boîtes de texte et d'image n'ont pas de silhouette exploitable, elles sont donc laissées telles quelles plutôt qu'approximées par leur cadre. Un résultat combiné est stocké en simples courbes de Bézier, ce que fait aussi une application de dessin - le type de spline d'origine ne survit pas à l'opération.
Scènes 3D
Choisis Scène 3D dans le menu d'ajout de la barre d'outils et fais glisser un cadre : 3D Studio s'ouvre aussitôt sur la nouvelle boîte, et ce que tu y règles revient sur le canevas. À tous les autres égards, une boîte de scène est une boîte ordinaire. Déplace-la, redimensionne-la, fais-la pivoter, donne-lui une ombre, mets-la sur une diapositive ou sur la chronologie, et elle se comporte comme les autres.
Une boîte de scène garde la recette, pas une image. Une boîte image contient un fichier rendu ; une boîte de scène contient un seul réglage, la scène elle-même, écrite comme la requête de lien propre à 3D Studio, chaque valeur encore au réglage par défaut du studio étant omise. C'est pourquoi une scène pèse une centaine d'octets plutôt que les quelques kilo-octets que coûte une recette entière, pourquoi la même chaîne fonctionne dans un lien de partage comme dans la porte de l'éditeur, et pourquoi un nouveau contrôle du studio ne nécessite aucun changement dans Design. C'est aussi pourquoi la boîte se rend à nouveau à la taille et au moment que le document demande, au lieu d'être agrandie à partir d'une image prise plus tôt. Les images qu'une scène utilise restent des assets et voyagent par id, donc un import à l'intérieur d'une scène part dans un fichier .lolly avec le reste du document.
Modifier dans le studio. Sélectionne la boîte et l'Inspecteur affiche une section Scène 3D : une ligne nommant de quoi la scène est faite, une seconde nommant son studio d'éclairage une fois que tu en as choisi un, et un bouton, Modifier dans 3D Studio. Le bouton ouvre le studio sur la scène de cette boîte avec tous les contrôles que possède l'outil. Applique, et la scène modifiée est réécrite en une seule étape, si bien qu'une annulation ramène la boîte à la scène de départ ; ferme le studio sans appliquer et rien ne change. Tout le reste de la boîte - sa place sur le plan de travail, sa taille, son ombre, le moment où elle arrive sur une diapositive - reste dans les sections qu'elle a toujours utilisées. Une boîte de scène ne prend ni image propre ni légende : son image vient du studio, et ses mots y sont réglés aussi.
Une scène en direct, une image fixe sur chaque autre boîte. Chaque boîte 3D d'un document affiche une image fixe : une image immobile de la scène, dessinée hors écran via le pool de rendu partagé, à la taille qu'occupe la boîte. Un document avec vingt scènes coûte un seul contexte de dessin, pas vingt. Sélectionne une boîte de scène et elle devient la scène en direct unique du document ; désélectionne-la et l'image qui était à l'écran devient son image fixe, si bien que rien ne saute. Une seule scène est en direct à la fois, et sélectionner deux boîtes de scène en même temps laisse les deux en image fixe. Dans cette version, la scène en direct sert à regarder, pas à en faire le tour : change une scène via Modifier dans 3D Studio. Un appareil incapable d'ouvrir un contexte graphique en virgule flottante garde l'image fixe et en indique la raison à l'intérieur de la boîte plutôt que d'afficher un rectangle vide, et le reste du document n'est pas affecté. Ouvrir un document Design sans boîte 3D ne charge aucun code 3D.
Sur la chronologie, une boîte de scène suit la tête de lecture comme un clip vidéo : son départ, son point d'entrée dans le clip et sa vitesse font avancer la scène dans sa propre animation, et la longueur de la scène est celle que tu as réglée dans 3D Studio, si bien que rogner une boîte plus courte montre moins de la scène au lieu de l'accélérer. Seule la boîte de scène sélectionnée est en direct ; toutes les autres sont des images fixes, et une image fixe ne réagit pas au glissement de la tête de lecture.
Lors d'un export, chaque scène est redessinée à la taille dont le fichier a besoin, via le même moteur de rendu que le studio utilise. Une vidéo rend une image par scène et par instant ; un PNG, SVG ou PDF intègre une image par boîte, à la taille en pixels propre à la boîte. Rien n'est photographié à l'écran, si bien qu'un export ne dépend pas de la boîte que tu avais sélectionnée. Une scène qui ne peut pas être dessinée fait échouer l'export et t'en dit la raison, dans les mots mêmes du studio.
Partager une scène construite sur ton propre import. Un lien de partage d'un document Design transporte tel quel un id d'import local à l'appareil à l'intérieur d'une scène, là où une boîte image le vide. Une scène dont le visuel ou le modèle est un fichier que tu as importé affiche donc le réglage par défaut du studio pour cette image sur l'appareil de quelqu'un d'autre, à moins que le document ne voyage sous forme de fichier .lolly, qui transporte les octets.
Chronologie (Sequence)
Sequence est la chronologie de Design : elle ajoute le temps au canevas libre. Chaque boîte peut démarrer à un instant donné, durer un certain temps et s'animer à l'entrée comme à la sortie, et c'est dans la chronologie ancrée sous le plan de travail que tu les organises. Ouvre-le et une séquence tourne déjà - un carton-titre, un clip, un carton de fin, un bandeau de bas d'écran et un fond musical - si bien que le modèle est visible avant même que tu changes quoi que ce soit.
signed by Lollyvector SVG63 paths~8.8k nodes132 groups105 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG63 paths~8.8k nodes132 groups105 KBVérifie par toi-mêmeRécupérer le fichier signé
Il y a deux sortes de lignes, et la différence fait toute l'idée :
- La ligne de séquence est magnétique. Les clips se suivent sans trou, l'un après l'autre, et en faire glisser un réordonne l'enchaînement au lieu de laisser un vide. Supprime un clip et les autres se resserrent. C'est ta colonne vertébrale.
- Les pistes de superposition sont libres. Un bandeau de bas d'écran, un logo, une légende - tout ce qui flotte au-dessus de la colonne vertébrale à son propre rythme - reçoit sa propre piste et son propre départ.
- En dessous, Toujours actif rassemble les boîtes sans aucun minutage : le décor, simplement présent du début à la fin. Le
+d'une pastille en promeut une sur une piste ; Rendre toujours actif l'y renvoie.
signed by Lollyvector SVG326 paths~20k nodes444 groups2 images358 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG319 paths~20k nodes444 groups2 images357 KBVérifie par toi-mêmeRécupérer le fichier signé
Ouvrir la chronologie lui donne le clavier : Espace et les flèches pilotent alors la tête de lecture plutôt que la page - et comme elle s'ouvre d'elle-même sur une composition déjà minutée, c'est vrai dès le chargement de Sequence.
L'éditeur de séquence approfondit les quatre choses qui décident si le montage dans le temps reste prévisible : quel clip un clic sur le canevas modifie, les fantômes en pelure d'oignon des clips voisins, la portée du fractionnement et le Joindre qui défait une coupe et le rognage (raccourcis clavier compris). Appuie sur
?avec la chronologie au premier plan pour la fiche des raccourcis.
Le montage. Fais glisser le milieu d'un clip pour le déplacer ou le réordonner, glisse à quelques pixels de l'une ou l'autre extrémité pour le rogner et appuie sur Scinder à la tête de lecture (ou S) pour couper un clip en deux. Scinder demande un clip doté d'une Longueur réelle et la tête de lecture un peu à l'intérieur, si bien qu'un clip ouvert (le fond musical, par exemple) ne peut pas être scindé. Aligner sur les bords est actif par défaut et s'accroche aux bords des clips, à la tête de lecture et aux secondes entières, avec Alt pour passer outre. Chaque glissement est une seule étape d'annulation, et l'aperçu du glissement fait le même calcul que la validation, donc ce que tu vois en glissant est ce que tu obtiens.
Sélectionne un clip et l'inspecteur te donne les mêmes réglages en nombres : Longueur, Rogner le début (à quel point du média source il commence), Vitesse sous forme de multiplicateurs fixes de ×0,25 à ×4, Animer l'entrée / Animer la sortie avec leurs durées et Couper le son du clip. Un clip sur la ligne magnétique n'a volontairement pas de champ Début - c'est la ligne qui possède l'ordre, alors tu le déplaces en le faisant glisser.
Les transitions sont des préréglages, pas des images clés : Fondu, Pop, Agrandir, Montée, Dépose, les quatre Glissements, Zoomer et Dézoomer, Inclinaison, Envolée, Rotation, Dérive ou Coupe (sans animation). Les distances s'adaptent à l'objet, si bien que le même préréglage rend correctement sur un carton plein cadre comme sur un petit badge. Entre deux clips voisins de la ligne de séquence se trouve une pastille de raccord : clique dessus et choisis Coupe ou Fondu enchaîné, qui s'applique aussitôt et se referme. Rouvre la même pastille pour changer la Durée (ms) et appuie sur Terminé. Un fondu enchaîné est stocké comme une sortie en fondu de l'un et une entrée en fondu du suivant, et le vrai fondu est déduit de cette paire : le premier clip continue de jouer après la coupe et disparaît en fondu pendant que le suivant apparaît en dessous. L'aperçu et le fichier suivent la même règle, donc ce que tu vois au raccord, c'est ce que tu exportes.
Le son. Ajoute un clip Audio et il vit sur la chronologie comme n'importe quel autre clip : forme d'onde, rognage, coupure du son. (Le fond généré livré avec la session par défaut est la seule exception - il est synthétisé au moment de l'export, sa barre reste donc unie et muette jusqu'au rendu.) Appuie sur le micro pour enregistrer une voix off directement sur la chronologie, avec un décompte et un vumètre, et la prise est enregistrée comme ton propre asset à l'endroit où tu as commencé. Appuie sur la caméra à côté pour enregistrer une vidéo de la même manière : la prise est rognée à la taille d'export du plan de travail pendant l'enregistrement, si bien que le petit aperçu de toi montre exactement ce qui arrive dans la séquence à la tête de lecture, plein cadre - la façon de récupérer le clip d'un collègue depuis un lien partagé. La musique, les dialogues et la bande-son propre à un clip arrivent tous dans le mixage exporté. (La piste audio du panneau d'export est autre chose : un seul fond posé sous tout le clip, avec fondu et atténuation. Les deux coexistent.)
La piste audio. Sélectionne n'importe quel clip qui porte du son et une piste compacte s'ouvre sous la chronologie : un fader de Volume, un Panoramique pour la position stéréo, un EQ trois bandes (Bas, Médium, Élevé), un contrôle de Hauteur qui transpose en demi-tons tout en gardant le caractère de la voix, et Normaliser le volume, qui amène le clip au niveau sonore de diffusion (BS.1770) pour qu'une note vocale discrète et une piste forte se retrouvent à niveau. Là où deux clips se rejoignent, Fondu enchaîné adoucit la jonction au lieu de couper. Un emplacement d'Effet exécute un traitement sur l'appareil sur le clip - Nettoyage vocal retire la pièce et le souffle d'un enregistrement. Les changements de vitesse gardent aussi la hauteur : un clip ralenti ou accéléré est étiré dans le temps, pas suraigu. À chaque mixage, l'export fait passer la musique sous la voix à mesure qu'elle va et vient, et maintient tout le programme sous un limiteur true peak, pour que rien n'écrête à la sortie ; une forme d'onde qui aurait écrêté est dessinée avec un avertissement à l'endroit où cela se produit.
signed by Lollyvector SVG88 paths~5.8k nodes138 groups2 images86 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG88 paths~5.8k nodes138 groups2 images86 KBVérifie par toi-mêmeRécupérer le fichier signé
Le rendu. Un export animé est un composite déterministe, pas un enregistrement d'écran - chaque image est décodée, dessinée et encodée à un instant exact, si bien que le fichier ne dépend pas de la capacité de ta machine à suivre, et il n'y a pas de plafond d'images pratique en MP4 ou WebM. La longueur de la chronologie fixe la durée, sauf si tu en saisis une. Les Content Credentials sont apposés comme sur n'importe quel autre export. Un export d'image fixe te donne l'image à la tête de lecture, ou une planche-contact entière depuis le champ Images à côté de la taille de sortie - voir Export.
Quelques limites à garder en tête : une séquence est plafonnée à une heure, le GIF et le PNG animé mettent leurs images en mémoire tampon et restent donc courts, un clip joué plus vite ou plus lentement garde sa hauteur (la piste audio l'étire dans le temps, et un contrôle de Hauteur transpose en demi-tons en gardant le caractère de la voix) et Enregistrer en direct est masqué ici parce que le compositeur est la meilleure voie.
Au-delà des préréglages : images clés, profondeur et une caméra. Une transition anime un clip à son arrivée et à son départ. Pour poser une boîte à l'intérieur d'un clip - la faire dériver, la faire apparaître ou disparaître en fondu, la flouter, la soulever de la page et la reposer - ajoute des images clés : sélectionne le clip, appuie sur +Image clé (le losange dans le groupe d'outils de la timeline, le losange sur la barre d'objet du canevas, ou K), et la position de la tête de lecture décide quelle pose ta prochaine modification écrit. Le même système d'images clés donne à chaque composition minutée une caméra qui s'approche, panote et fait le point, et transforme un SVG plat en une pile de calques entre lesquels tu peux voler. Animer est le guide complet.
L'outil Design a la même chronologie, tu peux donc minuter une mise en page sans changer d'outil, et il exporte aussi de l'animation.
Présenter
Pour placer ta caméra, un logo et une légende de nom par-dessus l'image du public, utilise Present with camera. Ses contrôles privés, ses scènes enregistrées, le partage et les étapes d'enregistrement sont couverts dans Présenter avec la caméra. Les contrôles habituels du diaporama ci-dessous restent disponibles via Présenter.
Un document Design fait de plans de travail est déjà un diaporama. Ouvre le menu Lolly de la barre d'outils et choisis Présenter - la dernière ligne - et chaque plan de travail devient une diapositive plein écran, dans l'ordre où les plans de travail sont posés sur le canevas. Le diaporama tourne sur une copie des plans de travail rendus, si bien que l'éditeur en dessous n'est jamais touché et que le quitter te ramène exactement là où tu étais.
- Avance avec Space,
→, Page Down ou un clic sur la bande au bord droit de l'écran ; recule avec←, Page Up ou la bande au bord gauche. Home et End sautent à la première et à la dernière diapositive. Une petite barre de contrôles apparaît en fondu dès que tu déplaces le pointeur et se cache à nouveau une fois que tu t'arrêtes. - Vue d'ensemble (
Oou le bouton grille) dispose tous les artboards en une fois, dans l'agencement que tu leur as donné sur le canevas ; clique sur l'un d'eux pour l'ouvrir. - Étapes de révélation. Fais un clic droit sur une boîte et choisis Reveal at step 1, 2 ou 3 au lieu du réglage par défaut Always visible. Cette boîte attend alors que tu avances jusqu'à son étape, ce qui permet à une diapositive d'arriver par morceaux ; les boîtes qui partagent un numéro arrivent ensemble.
- Vue orateur (
S) ouvre une seconde fenêtre avec la diapositive en cours, la suivante, tes notes pour cette diapositive et un chronomètre en cours. Si le navigateur bloque la pop-up, elle bascule en panneau par-dessus le deck. Les notes sont définies par artboard et n'apparaissent jamais sur la diapositive elle-même. Bmaintient un écran noir (n'importe quelle touche ramène la diapositive),Frevient au plein écran et Escape enlève une couche à la fois : de la vue d'ensemble au deck, du deck à l'éditeur.- Kiosque. Donne à un artboard une Length et le deck s'y maintient pendant cette durée, puis avance de lui-même derrière une fine barre de progression ;
K(ou le bouton pause, qui n'apparaît qu'une fois qu'un élément a une durée) arrête et redémarre cela. Ajoutekioskau lien et le deck reboucle à la fin, ce qui en fait un affichage de signalétique.
- Piles de sous-diapositives. Fais un clic droit sur un plan de travail et choisis Empiler sous la diapositive précédente, et il devient une étape de cette diapositive plutôt qu'une diapositive à part entière : la vue d'ensemble affiche une seule carte, le diaporama parcourt la pile dans l'ordre, et la ligne Pile de l'inspecteur indique à quelle diapositive elle appartient.
- Morphing. Quand deux diapositives consécutives portent chacune une boîte avec le même nom de Correspondance Morphose (clic droit sur une boîte, ou la ligne Correspondance Morphose de l'inspecteur -
hero, par exemple), la transition déplace cette boîte de sa position de départ à sa position d'arrivée, en la redimensionnant et en la recolorant au passage, au lieu de couper. Une transition Morphing à l'échelle du diaporama fait de même pour chaque paire correspondante. - Narration. Les Notes du présentateur de chaque plan de travail peuvent être lues à voix haute. Dans la section Document de l'inspecteur, choisis une Voix, éventuellement une seconde voix à Mélanger avec, la Vitesse de lecture, et une Amorce et une Queue en millisecondes autour de chaque diapositive ; active Afficher les sous-titres pendant la présentation et les mots apparaissent au fur et à mesure qu'ils sont prononcés. La voix tourne sur ton appareil. Les mêmes notes deviennent le film dans un export vidéo, le vrai son des diapositives dans un export PowerPoint, et le film narré dans un paquet SCORM.
signed by Lollyvector SVG60 paths~6.2k nodes101 groups1 image83 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG60 paths~6.2k nodes101 groups1 image83 KBVérifie par toi-mêmeRécupérer le fichier signé
Le diaporama est aussi un lien. ?present l'ouvre directement, s= choisit la diapositive - une position, un id de plan de travail ou id.step pour une étape de révélation - et l'adresse se met à jour à mesure que tu te déplaces, si bien que ce que tu envoies est la diapositive où tu es. Auteurs d'outils : ces paramètres sont documentés sur la page Mode URL.
Sur téléphone
Sur les écrans étroits, la mise en page se réorganise en une seule colonne :
- Les contrôles deviennent une feuille en haut, avec une poignée de glissement sur son bord inférieur. Fais glisser la poignée pour la redimensionner - elle s'accroche aux positions aperçu / moitié / plein écran - ou tape sur la poignée pour basculer entre replié et déplié. L'aperçu occupe l'espace en dessous et reste visible pendant que tu modifies.
- Un bouton Export flottant ouvre la feuille d'export - tous les contrôles de format, taille, copie, enregistrement et téléchargement au même endroit. Ferme-la en tapant sur le fond.
signed by Lollyvector SVG102 paths~2.7k nodes143 groups2 images89 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG102 paths~2.7k nodes143 groups2 images89 KBVérifie par toi-mêmeRécupérer le fichier signé
Contrôles (champs)
Les outils n'exposent que les champs destinés à varier - tout le reste (couleurs, mise en page, typographie, logique) est verrouillé par l'auteur de l'outil, si bien que ce que tu produis respecte les règles qu'il a fixées. Les champs incluent du texte, des curseurs, des sélecteurs de couleur, des menus déroulants, des dates, des sélecteurs d'images et des groupes de lignes répétitives. Certains sont regroupés dans des sections repliables.
signed by Lollyvector SVG44 paths~2.9k nodes55 groups45 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG44 paths~2.9k nodes55 groups45 KBVérifie par toi-mêmeRécupérer le fichier signé
Réinitialiser : Effacer les modifications remet chaque champ à sa valeur par défaut.
Annuler et rétablir
Cmd/Ctrl-Z revient en arrière et Cmd/Ctrl-Maj-Z (ou Cmd/Ctrl-Y) repart en avant. La même paire se retrouve en boutons Annuler et Rétablir dans la rangée au-dessus des contrôles - sur le canevas libre, ils sont plutôt sur la barre d'outils - et chacun se grise tant qu'il n'y a plus rien à reprendre. Chaque étape dit ce qu'elle était : annule une couleur et un petit message nomme le champ qu'il vient de restaurer, avec un bouton Rétablir dedans pour repartir en avant.
- Un glissement est une seule étape. Les changements répétés sur le même contrôle en moins d'une demi-seconde fusionnent, si bien que promener un curseur sur toute sa plage donne une seule annulation plutôt que deux cents.
- Les 100 dernières étapes sont conservées - les plus anciennes tombent du bout. Faire une nouvelle modification après une annulation vide la pile avant, comme partout ailleurs.
- Tant que ton curseur est dans une zone de texte, Cmd/Ctrl-Z appartient au champ lui-même, caractère par caractère. Lolly prend le relais pour les contrôles qui n'ont pas d'annulation utile en propre : curseurs, menus déroulants, couleurs et interrupteurs.
- Choisir un fichier dans un champ fichier n'est pas une étape - ces octets ne sont gardés que pour la session, il n'y aurait donc rien à remettre.
Dans une collaboration en direct, l'historique reste uniquement le tien. Une modification arrivant depuis l'autre appareil n'atterrit jamais sur ta pile, donc annuler ne peut jamais reprendre que quelque chose que tu as fait toi-même.
Annuler ne remonte que sur cette visite ; les outils qui enregistrent au fil du travail gardent aussi des versions antérieures sous Historique, à côté d'Annuler (voir Revenir à une version antérieure).
Tes informations et ta photo
Paramètres (en haut à droite de la galerie, affichant ton prénom une fois que tu en as défini un) contient ton nom, tes coordonnées et une photo facultative. Les outils qui demandent ces champs les pré-remplissent automatiquement - règle-les une fois et ta signature e-mail, tes lockups et tes badges se remplissent tout seuls. Tu peux toujours modifier n'importe quel champ pour une session donnée. Active Utiliser mes informations pour créer pour que tes informations accompagnent ce que tu exportes, en tant qu'auteur.
Ta photo et tes informations résident uniquement sur cet appareil. Un profil peut représenter plus que toi seul - une équipe ou un rôle que tu endosses de temps en temps. Consulte Profils pour la vue d'ensemble, y compris comment en garder plusieurs.
Enregistrer et reprendre
Pour conserver ton travail, appuie sur Enregistrer sous, la coche à côté d'Exporter. Sous Enregistrer dans un projet, laisse Ma bibliothèque sélectionnée ou choisis un projet (+ Nouveau projet… en crée un), puis appuie sur Enregistrer. Enregistrer à nouveau met à jour le même élément au lieu d'en faire une copie. Dans Design, Enregistrer sous se trouve dans le menu sous le logo Lolly ; sur un téléphone, appuie sur •••, puis Menu fichier, puis Enregistrer sous.
Le bouton Enregistrer du panneau d'export fait la même chose en un clic et ne télécharge jamais de fichier : le nouveau travail va dans Ma bibliothèque, et le travail déjà enregistré est mis à jour là où il se trouve.
Pour revenir plus tard, appuie sur Accueil en haut à gauche, puis ouvre l'onglet Projets (une icône de dossier sur un téléphone). Les sauvegardes de Ma bibliothèque se trouvent sur son premier écran ; un projet y est un dossier. Les éléments portent le nom du fichier que tu as saisi dans le panneau d'export, ou sinon celui de leur outil, comme QR Code. Ouvre-en un et chaque réglage est là, prêt à être modifié et exporté à nouveau.
Le travail enregistré reste sur cet appareil, dans le navigateur ou l'application d'où tu l'as enregistré, sauf si tu actives la synchronisation. Un fichier que tu obtiens avec Télécharger est une copie terminée ; pour le modifier plus tard, ouvre l'élément enregistré dans Projets. Si quelque chose n'est pas où tu l'attends, voir Retrouver et récupérer ton travail.
signed by Lollyvector SVG2 paths240 nodes10 groups7 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG2 paths240 nodes10 groups7 KBVérifie par toi-mêmeRécupérer le fichier signé
Projets
Projets, l'onglet Projets en haut de l'écran d'accueil, contient tout ce que tu as enregistré, dans des dossiers que tu crées. Retrouver, trier et rechercher ton travail à cet endroit, et restaurer un élément depuis la Corbeille, c'est expliqué dans Retrouver et récupérer ton travail.
Partager ton travail
Un design sort de deux façons : en lien ou en fichier. La boîte de dialogue de partage propose les deux. Ouvre-la avec Partager dans les contrôles d'export ; Partager le lien sur une session enregistrée dans Projets ouvre la même boîte de dialogue pour cette session.
Le lien
Chaque champ est capturé dans l'URL de la page, donc un lien est le design. En haut de la boîte de dialogue se trouve le lien prêt à copier, avec deux sections repliées en dessous.
- Link options contient Open in the installed app (fait passer le champ à une URI
lolly://pour Shortcuts, les lanceurs et l'automatisation, avec tous les paramètres inchangés), Shortest link (un gros design donne une longue URL, alors ceci compresse tout l'état dans un jeton compact et t'indique l'économie en caractères ; la forme lisible reste toujours disponible), Password-protect this link (AES-256 sur tout le lien, le mot de passe n'y figurant jamais) et Pin this tool version - le drapeau_v, qui cloue le lien à la version de l'outil que tu as sous les yeux pour qu'une mise à jour ultérieure ne puisse pas changer ce qu'il rend. - Link behaviour, c'est ce qui se passe quand le destinataire l'ouvre : plein écran, panneau d'export déjà déplié, téléchargement à l'ouverture avec
&exportou copie dans le presse-papiers avec©.
Colle le lien à un collègue, mets-le en favori ou commite-le. (Tous les détails : Mode URL.)
Certains outils font du lien le produit tout entier. Jump Page rassemble tes liens sur une seule page à distribuer - un lien bio, une conférence, une vitrine. Il n'y a rien à héberger et aucun compte derrière : la page est le lien, donc elle s'ouvre aussi vite que l'URL voyage. Dans l'éditeur, tu vois la page finie à côté des champs ; qui ouvre le lien la reçoit en pleine largeur, une scène par lien au fil du défilement.
signed by Lollyvector SVG4 paths755 nodes13 groups14 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG4 paths755 nodes13 groups14 KBVérifie par toi-mêmeRécupérer le fichier signé
La boîte de dialogue dit ce qu'un lien ne peut pas transporter. Trois choses n'entrent pas dans une URL : une image ou un fichier ajouté depuis cet appareil, une valeur de texte très longue ou une liste très grande. Chacune est comptée à mesure que le lien se construit. Si quelque chose a dû être abandonné, la boîte de dialogue le nomme et te renvoie au fichier ci-dessous, au lieu de te remettre un lien qui s'ouvre sans l'image. Un lien seulement long reçoit une note plus douce avec son nombre de caractères, puisque la compression peut encore sauver la longueur.
Le fichier .lolly
.lolly est l'extension de Lolly pour les paquets portables, pas une promesse que chaque fichier contient la même chose. Le format dans manifest.json fait autorité. L'application lit d'abord ce petit manifeste et affiche la taille, le contenu et l'action avant d'écrire quoi que ce soit :
- Un design partagé (
lolly-share) contient une session d'outil enregistrée, ses fichiers intégrés et un reçu pour tout ce qui se résout encore par référence. Il peut aussi transporter l'outil et le design system utilisés pour le créer. L'ouvrir ajoute un nouveau Projet ; il n'écrase jamais une session existante. - Un projet partagé (
lolly-sharedu genreproject) contient un dossier issu de Projets : ses sous-dossiers, chaque session enregistrée qui y est classée, la vignette de chaque session et les images qui y sont classées. L'ouvrir ajoute une copie de tout le dossier à Projets ; rien de ce qui s'y trouve déjà n'est remplacé. Un Lolly antérieur à l'existence des fichiers de projet ne peut pas en lire un et invite à mettre à jour. - Un pack de design system (
lolly-brand) contient des tokens et peut contenir des polices, des logos, des versions publiées et des ressources conservées. L'ouvrir l'ajoute comme un design system distinct et nommé, puis bascule dessus ; les systèmes déjà présents sur l'appareil restent. - Un espace de travail de marque / pack d'instance est un
lolly-brandavec des outils déclarés, des assets de catalogue et, en option, une adresse d'instance. Le contrôle préalable liste ces effets à l'échelle de l'appareil car le charger remplace l'unique surcouche d'espace de travail déjà chargée.
Une sauvegarde complète d'appareil ou de profil n'est pas un .lolly. Elle reste un LollyTools-….zip de format lolly-backup, et se restaure via Paramètres → Stockage → Importer les données…, qui relit aussi une copie que Sync conserve dans ton espace de stockage. Un simple dossier d'outil zippé reste lui aussi un .zip. Autrement dit, les paquets de session et de design system appartiennent à .lolly ; les flux de sauvegarde et d'archive isolée n'y appartiennent pas.
Download .lolly, dans la boîte de dialogue de partage de l'outil où tu travailles, écrit le design actuel comme un paquet de design partagé. Il emporte la session enregistrée avec les images et les fichiers disponibles sur cet appareil. Les visuels ordinaires du catalogue voyagent aussi. Les visuels sous licence sont retenus sauf si tu les inclus explicitement, et un fichier obsolète ou indisponible reste une référence externe plutôt que de disparaître. Le reçu préparé indique la taille réelle du .lolly, le nombre de fichiers intégrés, le nombre de références externes et si l'outil est inclus. Là où ton appareil a une feuille de partage, Envoyer à… lui remet ce fichier directement (AirDrop, un partage Android) au lieu de l'enregistrer sur le disque.
Download project (.lolly), dans le menu d'un dossier dans Projets, écrit ce dossier comme un projet partagé, pour que quelqu'un d'autre puisse l'ouvrir et continuer avec chaque session qu'il contient. Chaque session voyage comme sa propre partie (sessions/<key>.json, avec sa vignette sous thumbs/), l'arborescence du dossier est listée dans manifest.json, et les imports et les visuels de catalogue voyagent selon les mêmes règles qu'un design partagé unique. Les sessions de batch ne sont pas des sessions d'outil et restent de côté ; l'avis indique combien. Télécharger les originaux, à côté, reste inchangé : un simple zip avec chaque élément comme son propre fichier.
Un .lolly est un zip ordinaire. Renomme-le .zip et ouvre-le : tes propres images sont sous assets/uploads/ et les visuels du catalogue sous assets/catalog/, chacun avec son vrai nom et son extension, manifest.json les liste tous et un README à la racine explique ce qu'est le fichier.
Trois choses te reviennent avant qu'il ne parte :
- Si ton nom y figure. Ton nom, ton e-mail et ton organisation ne sont inscrits dans le fichier que lorsque Use my details to create est activé dans ton profil. Une fois désactivé, le fichier indique qu'il a été créé avec Lolly et quand - rien à ton sujet.
- Si des visuels sous licence y figurent. Les ressources sous licence et verrouillées à la marque sont retenues par défaut. Si le design en utilise, la boîte de dialogue indique combien et propose deux boutons - Download without them ou Include and download - car les inclure remet les fichiers réels à quiconque ouvre le
.lolly. - Si l'outil y figure. Include the tool intègre les fichiers propres de l'outil avec le design, afin qu'il s'ouvre sur un appareil qui n'a pas cet outil. La case est cochée par défaut pour un outil personnalisé - un fork ou un outil de marque privée que ton destinataire risque de ne pas avoir - et décochée pour un outil listé dans le catalogue signé, puisque sa copie provient de la même source. (Sur une version sans catalogue signé, chaque outil compte comme personnalisé et la case démarre cochée.)
Ouvrir un fichier. Sur une app de bureau ou mobile installée, double-clique ou appuie sur un .lolly, choisis Open with Lolly, ou envoie-le à Lolly depuis la feuille de partage du système. macOS, Windows, Linux, iOS et Android enregistrent tous le format ; les gestionnaires de fichiers de bureau l'affichent comme un document Lolly (et GNOME Files peut afficher la vignette propre d'une session enregistrée). Dans l'app web, utilise Ouvrir ou dépose le fichier sur Lolly. Chaque porte utilise le même contrôle préalable qui lit d'abord le manifeste. Ouvrir depuis Brand Studio recommande l'action de design system quand un design partagé en porte un, mais ça ne renomme jamais le fichier et ne masque jamais Conception partagée ouverte.
Un document iOS ou Android transmis depuis une autre app est plafonné à 48 Mo car le transfert natif doit copier ses octets par-dessus la frontière entre apps. L'app mobile le dit au lieu d'ignorer silencieusement un fichier trop volumineux. Ouvrir à l'intérieur de Lolly n'utilise pas ce transfert ; c'est la voie à essayer pour un paquet plus gros.
Après confirmation, le lecteur choisi décompresse et vérifie le paquet une fois. Les assets d'un design partagé vont dans ta bibliothèque, sa session va dans Projets et son outil s'ouvre s'il est disponible. Les sessions d'un projet partagé vont dans Projets sous une nouvelle copie de ses dossiers, avec de nouveaux id afin que le même fichier puisse être ouvert deux fois, et le dossier s'ouvre ; une session dont l'outil manque sur cet appareil y attend. Un asset déjà présent sur l'appareil est reconnu par somme de contrôle et réutilisé. Un pack de design system est stocké dans son propre espace de noms avant que l'app ne bascule dessus. Les fichiers de plus de 100 Mo sont signalés comme volumineux, et le contrôle préalable avertit quand le stockage du navigateur indique moins d'espace libre que ce que la charge déclarée nécessite. Chaque partie couverte par un contrôle d'intégrité est vérifiée avant que l'opération ne s'engage ; une copie endommagée est refusée et la destination nouvellement créée est annulée.
Si le fichier apporte un outil que tu n'as pas, Lolly demande avant que cet outil puisse s'exécuter : Faire confiance à cet outil ? le nomme, nomme son auteur et dit clairement que l'ouvrir exécute le code de l'outil sur ton appareil, avec Faire confiance et installer comme voie de passage. Refuse et le travail partagé est quand même enregistré dans tes projets, où il attend le jour où tu ajouteras l'outil. (Un type d'outil ne peut pas encore être installé ainsi - celui dont le code arrive sous forme de module - et il est écarté de la même façon.)
Un lien comme un fichier remettent un instantané. Pour travailler sur la même session en même temps que quelqu'un d'autre - deux appareils, pas de serveur, pas besoin d'internet si vous êtes sur le même réseau - voir Travailler ensemble.
Caméra en direct (outils réactifs au mouvement)
Chaque filtre photo - Halftone, Scanline, Posterize, Voronoi cells, Colour treatment, Pixel stretch et Imperfections - affiche un bouton Passer en direct là où une caméra est disponible. Active-le et l'effet suit ta webcam image par image, il réagit donc au mouvement ; tu peux enregistrer le résultat en GIF, WebM ou MP4. Les images sont lues et traitées sur ton appareil et n'en sortent jamais, et la caméra est libérée dès que tu arrêtes ou quittes l'outil. (N'importe quel sélecteur d'image dispose aussi de Prendre une photo pour capturer une seule image directement sur l'appareil.)
Mes images
Quand un outil te permet d'ajouter une image depuis ton appareil, elle est conservée exactement telle qu'elle est arrivée - un Content Credential posé dessus se vérifie donc toujours - et enregistrée dans ta bibliothèque personnelle Mes images (sous Paramètres → Stockage). Seul un fichier vraiment énorme te demande s'il faut le garder tel quel ou le redimensionner. Réutilise-la dans n'importe quel outil. Pour effacer les données EXIF/GPS à l'arrivée des images, active Supprimer les métadonnées des imports dans ton profil. Il n'y a pas de plafond : la bibliothèque est entièrement locale et limitée seulement par le stockage de ton appareil - gère ou supprime les images à cet endroit.
Éléments - ta bibliothèque
Éléments (#/a, ou le segment Éléments du sélecteur Outils · Utilitaires · Éléments · Projets en haut de chaque vue de liste) rassemble tout ce sur quoi tes outils peuvent s'appuyer - logos de marque, images, audio et animations, regroupés par type - et c'est aussi là que vivent tes propres fichiers créatifs. Pas de serveur, pas de console d'administration, pas de pull request : tout est sur ton appareil.
signed by Lollyvector SVG180 paths~33k nodes460 groups469 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG180 paths~33k nodes460 groups470 KBVérifie par toi-mêmeRécupérer le fichier signé
- Fais entrer tes fichiers. Fais glisser n'importe quelle image, SVG, clip audio, vidéo, Lottie, PDF ou présentation PowerPoint sur la zone d'import - ou clique pour choisir - et ça arrive instantanément dans Éléments, prêt dans le sélecteur d'assets de chaque outil. Un PDF multipage ou un
.pptxdemande quelles pages ou diapositives garder - chacune devient un asset SVG. Importe autant que tu veux ; ça ne quitte jamais ton appareil. - Mets en favori ce que tu utilises souvent. ★ un asset (ou une couleur de marque) et il s'épingle en haut de chaque sélecteur, pour que ton logo ou ta couleur habituels soient à un clic.
- Fais du rangement. Recatégorise un asset dans un autre groupe, masque un asset de marque partagé que tu n'utilises pas (avec Afficher les masqués pour le récupérer) ou supprime carrément tes propres imports. Le même geste de sélection multiple et la même barre d'action flottante que dans Projets fonctionnent ici aussi, donc tout ça peut se faire sur toute une sélection à la fois.
- Détache une vidéo de son fond. Ouvre le détail d'une vidéo ou fais un clic droit sur sa carte dans n'importe quel sélecteur d'assets, et choisis Retirer l'arrière-plan… pour enregistrer une alternative transparente - un WebP ou PNG animé avec un vrai canal alpha. Choisis une Méthode : un Modèle sur l'appareil détoure un sujet dans une scène chargée, ou une Légende des couleurs détoure un fond uni et bien éclairé comme un fond vert ou un mur uni, avec Tolérance, Douceur et Suppression des débordements pour ajuster le contour. La légende des couleurs ne nécessite aucun téléchargement de modèle ni réseau, donc Retirer l'arrière-plan est proposé sur toute vidéo et donne souvent un résultat plus propre sur des images bien nettes. Un contrôle de Résolution (360, 480, 720 ou 1080p, jamais au-delà de la source) échange du détail contre un fichier plus petit et plus rapide. Ça tourne en tâche de fond sur ton appareil. Le détourage final est enregistré à côté de l'original comme son propre asset, et le Content Credential de la vidéo source voyage avec en tant qu'ingrédient. (Voir Généré une fois, rendu à l'identique pour comprendre pourquoi retirer un fond reste une simple modification.)
Emporte ta palette et tes polices partout
Le panneau Échantillons d'Éléments ne fait pas qu'afficher - clique sur une couleur pour la copier, ou télécharge toute la palette de marque dans le format que parle ton autre outil :
- Design tokens (JSON), variables CSS ou classes CSS - intègre la marque directement dans une feuille de style ou un build ;
- Adobe Swatch Exchange (.ase) - charge-la dans Illustrator ou Photoshop ;
- Palette GIMP (.gpl) - pour GIMP ou Inkscape.
signed by Lollyvector SVG87 paths~23k nodes204 groups290 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG87 paths~23k nodes204 groups290 KBVérifie par toi-mêmeRécupérer le fichier signé
Le panneau Polices liste tes fontes de marque avec un téléchargement à côté de chacune, pour les installer localement ou les remettre à un imprimeur. (La salle Couleurs du Brand Studio propose le même téléchargement de palette.)
Les ressources sont une moitié du chemin ouvert et « fais-le toi-même » ; l'autre, c'est créer tes propres outils - le canevas libre (Design, décrit ci-dessus) te permet d'en construire un visuellement, sans aucun code.
Son et accessibilité
Lolly vise à être confortable à utiliser pour tout le monde. L'interface est navigable au clavier, les contrôles personnalisés portent des libellés adaptés aux lecteurs d'écran et l'aperçu en direct de chaque outil est exposé comme une image unique et libellée décrivant ce qu'il produit.
Une couche discrète de sons d'assistance confirme tes actions - l'arrivée dans la galerie, une vérification Content Credentials valide ou invalide, la fermeture d'un panneau, le changement de filtre. C'est désactivé par défaut : active le son partout où l'interrupteur apparaît (le popover d'options de chaque vue, ou les Paramètres), et le choix est mémorisé.
Quatre réglages de confort optionnels vivent sous Paramètres → Accessibilité : Réduire les animations (supprime les transitions et fioritures de l'application), Masquer les aperçus colorés (cartes de galerie calmes, en icône et texte, et vignettes de projet plus sobres), Contraste élevé (bordures, textes et anneaux de focus plus marqués) et Grand texte (typographie d'application plus grande - libellés, menus, texte des boutons). Tous les quatre apaisent l'application autour de ton travail : ils n'entrent jamais dans le canevas d'un outil et ne changent pas un pixel de ce que tu exportes, et chacun est désactivé tant que tu ne l'actives pas. Détails complets dans Ton profil → Accessibilité.
À côté de l'interrupteur Son se trouve le Mode Neurospicy - une piste de fond apaisante et facultative, qui joue discrètement pendant que tu travailles. L'activer ouvre un petit dock de lecture dans le coin inférieur qui te suit dans toute l'application ; depuis là, tu peux rechercher et choisir une piste, avancer et reculer, régler le volume et le réduire ou le fermer. La liste de pistes couvre quelques catégories - des morceaux procéduraux Lolly Sings, des boucles et rythmes d'ambiance, tes propres fichiers audio importés et une poignée de stations de radio internet en direct (celles-ci nécessitent une connexion ; tout le reste se joue hors ligne). C'est désactivé par défaut et, comme le son, mémorisé d'une session et d'un appareil à l'autre. Désactiver le son coupe aussi la piste de concentration.
Stockage et confidentialité
Lolly conserve ton travail sur ton appareil : dans le stockage propre de ce navigateur pour l'application web, et dans le stockage propre de l'application pour les applications de bureau et mobiles. Ce qui est conservé, ce que Effacer toutes mes données supprime et ce qu'effacer les données du navigateur emporte avec lui sont sur Retrouver et récupérer ton travail ; la Politique de confidentialité liste tout ce que l'application récupère ou envoie, et Surface serveur les composants serveur optionnels.
Passer à un autre appareil
Pour transférer ton travail vers un second ordinateur ou téléphone, utilise la synchronisation, un fichier de sauvegarde ou un fichier .lolly. Transférer ton travail vers un autre appareil compare les trois et détaille Exporter mes données et Importer les données….
Importer un design (Figma, Penpot, Illustrator, InDesign)
Tu peux importer un design existant dans Lolly et continuer à y travailler : ouvre Design, clique sur Importer un design dans la barre d'outils du canevas et choisis un fichier Figma .fig ou SVG, un Penpot .penpot, un Illustrator .ai / .pdf ou un InDesign .idml. Les calques deviennent des boîtes modifiables sur le canevas libre - le texte reste re-saisissable, les images atterrissent dans Mes images et la typographie et les couleurs se conforment aux globales de marque - puis le résultat s'enregistre, se partage et se rend comme n'importe quelle autre session. L'analyse se fait entièrement sur ton appareil. Détails complets : Importer un design.
Exporter
Consulte Export et formats pour l'histoire complète - choisir un format, une taille de sortie et des unités d'impression, la transparence, la vidéo et la copie/le partage. En bref : choisis un format, règle la taille si besoin et Télécharge (ou Copie dans le presse-papiers).
Mode Batch (Pro)
Pour les utilisateurs avancés, Batch (accessible depuis la galerie, réservé au drapeau de fonctionnalité Pro, activé par défaut) rend de nombreuses variantes d'un coup - une grille où chaque ligne est un ensemble de champs, exportés ensemble. Idéal pour localiser une carte en une douzaine de langues ou générer toutes les variantes de taille en une seule passe. Remplis les lignes en tapant, en collant directement depuis un tableur ou en important un CSV (tu peux aussi en exporter un), et règle le format, la taille et le nom de fichier de sortie ligne par ligne. Enregistre toute une grille comme une session batch nommée qui se rouvre depuis la galerie, et télécharge chaque ligne dans un seul .zip.
signed by Lollyvector SVG133 paths~15k nodes185 groups1 image195 KBVérifie par toi-mêmeRécupérer le fichier signé
signed by Lollyvector SVG133 paths~15k nodes185 groups1 image195 KBVérifie par toi-mêmeRécupérer le fichier signé
Batch sert à générer de nombreuses variantes d'un même modèle d'un coup. Pour re-rendre des sessions que tu as déjà enregistrées, utilise Projets → Rendre le dossier / Rendre la sélection (voir Retrouver et récupérer ton travail) - pas besoin de Pro.
Modifier côte à côte (Multi-édition)
Batch, c'est plusieurs variantes d'un seul design. Multi-Edit est l'autre moitié du travail : plusieurs designs enregistrés différents ouverts en même temps, pour qu'une modification s'applique à tous. Coche entre deux et huit sessions enregistrées dans Projets et choisis Modifier ensemble dans la barre de sélection ; elles s'ouvrent en cartes live côte à côte à #/multi?s=<slot>,<slot>…. Chaque carte est un vrai rendu de cette session, pas une miniature stockée, donc ce que tu vois est ce qui sera exporté.
Une seule barre latérale pilote l'ensemble :
- Partagés ouvre la marche - chaque champ que deux sessions sélectionnées ou plus déclarent de la même façon (même id, même type, mêmes contraintes - la règle de fusion qu'applique la grille de lot à ses colonnes). Modifie un contrôle partagé une fois et la valeur se diffuse à chaque session qui le déclare, en direct sur chaque carte. Deux sessions du même outil partagent tout ; deux outils différents ne partagent que les champs qu'ils ont en commun.
- En dessous, une carte repliée par session avec tous les champs propres à cette session, avec la même fidélité que la barre latérale de l'outil - sélecteurs d'assets, groupes de lignes répétitives, champs de couleur - plus un bloc d'export compact : Format, L / H, Unité, DPI et son propre Télécharger. Ce Télécharger enregistre d'abord la session puis la rend par le chemin d'export de session ordinaire, si bien que le fichier porte le même nom, le même format et les mêmes Content Credentials que depuis l'outil lui-même.
- Filtrer les champs… en haut réduit les contrôles de toutes les cartes d'un coup - c'est comme ça qu'on atteint « le titre » dans huit sessions sans le chercher en défilant.
Clique sur un canevas (ou appuie sur Entrée dessus) et la carte de barre latérale de cette session s'ouvre et défile jusqu'à être visible. Tout enregistrer réécrit chaque session dans son propre emplacement. Tout télécharger enregistre d'abord, puis rend l'ensemble par la même chaîne que Rendre la sélection dans Projets - un seul zip, avec le verrou par mot de passe facultatif proposé au passage.
Deux limites assumées. Le plafond de deux à huit est réel : chaque carte monte son propre runtime en direct, et c'est le nombre qui reste réactif - un lien qui en demande plus (ou qui demande une session qui n'existe plus) le dit plutôt que de charger à moitié. Et le lien nomme tes emplacements enregistrés, il rouvre donc cet ensemble sur cet appareil ; ce n'est pas un lien de partage.
Quand la sélection dépasse huit éléments, mélange des outils ou contient des images en plus des sessions, la porte de sortie est Modifier en feuille dans la même barre de sélection : elle ouvre toute la sélection en lignes dans la grille de lot (#/pro?s=…), sans limite de taille ni règle du même outil. Les dossiers restent en dehors des deux - ils ont leur propre chemin d'ouverture en grille. (Recherche est la seule chose qui n'atteint pas encore cet endroit : la Multi-édition est la seule vue que la barre de recherche ne connaît pas.)
Hors ligne et installation
Lolly est une PWA. Elle continue de fonctionner hors ligne sur les écrans que tu as déjà ouverts, et L'application sous Paramètres → Disponible hors ligne télécharge le reste - installe-la depuis la barre d'adresse de ton navigateur (ou Ajouter à l'écran d'accueil sur mobile) pour une expérience plein écran, comme une application. Elle se met à jour toute seule dès que tu es de nouveau en ligne.
À propos des mises à jour : si une vue ne charge pas juste après une mise à jour (un panneau vide, un « failed to fetch » dans un coin), recharge la page une fois - l'app récupère proprement la nouvelle version et ton travail enregistré, tes sessions et ta marque restent intacts ; seule une image que tu as ajoutée et jamais enregistrée peut avoir besoin d'être rajoutée. Elle stocke tout sur ton appareil, pas dans la page.
Design et Darkroom peuvent garder la précision d'image d'origine grâce à l'édition Wide colour / HDR, y compris pour la vidéo Sequence. Les échantillons de marque peuvent porter des valeurs sRGB et P3 distinctes. Voir Édition Wide colour / HDR pour les choix de sortie et les limites actuelles.
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.