Usando Lolly

Una guía práctica para usar de verdad la aplicación - abrir una herramienta, trabajar en el lienzo, exportar, guardar y compartir. Todo esto funciona en tu dispositivo: sin cuenta, sin subir archivos, sin necesidad de internet después de la primera carga.

¿Eres nuevo aquí? La Guía rápida te pone a crear en minutos, y Lolly para Operadores cubre la instalación/el despliegue de la app; esta página trata sobre cómo manejarla una vez abierta.

Abrir una herramienta

La pantalla de inicio es la galería - todas las herramientas, agrupadas por categoría. Haz clic en una tarjeta para abrir la herramienta; si ya has trabajado en ella antes, un botón Continuar retoma tu sesión más reciente. Usa el cuadro de búsqueda para filtrar por nombre - o Buscar desde la barra al pie de las seis pantallas de listado (la galería, Utilidades, Proyectos, el Catálogo, el Panel y Perfil), que llega a tu trabajo guardado, al catálogo y a tus ajustes además de a las herramientas. Dentro de una herramienta, la barra se aparta para dejar sitio a los controles de la propia herramienta.

La galería de herramientas - cada herramienta como una tarjeta, agrupadas por categoríasigned by Lollyvector SVGCompruébalo tú mismoGet the signed file281 paths~38k nodes443 groups6 images2269 KBLa galería de herramientas - cada herramienta como una tarjeta, agrupadas por categoríasigned by Lollyvector SVGCompruébalo tú mismoGet the signed file281 paths~38k nodes443 groups6 images2265 KBTry it in the app

Cada herramienta es una vista dividida: controles a un lado, una vista previa en vivo (el lienzo) al otro. Cambia cualquier control y la vista previa se actualiza al instante.

La vista dividida de una herramienta - la pila de controles a la izquierda, y el gráfico de barras agrupadas en directo que dibuja a la derechasigned by Lollyvector SVGCompruébalo tú mismoGet the signed file23 paths372 nodes11 groups21 KBLa vista dividida de una herramienta - la pila de controles a la izquierda, y el gráfico de barras agrupadas en directo que dibuja a la derechasigned by Lollyvector SVGCompruébalo tú mismoGet the signed file23 paths372 nodes11 groups21 KB

Algunas herramientas (como Design) se abren en cambio como un lienzo libre - una superficie sin interfaz, de manipulación directa, donde arrastras, redimensionas, rotas y ajustas cajas de texto, formas e imágenes, y haces doble clic para editar el texto en el sitio. Se exporta por la misma ruta de renderizado que cualquier otra herramienta, así que el lienzo es el archivo. Consulta El lienzo libre más abajo.

Dos maneras de moldear la propia cuadrícula hasta dejarla como la quieres:

El final de la cuadrícula de Herramientas con las herramientas ocultas reveladas: la tarjeta atenuada del Generador de códigos QR y, junto a ella, el mosaico gris que la devolvió a la vista, que ahora dice Ocultar herramientas ocultassigned by Lollyvector SVGCompruébalo tú mismoGet the signed file251 paths~29k nodes440 groups658 KBEl final de la cuadrícula de Herramientas con las herramientas ocultas reveladas: la tarjeta atenuada del Generador de códigos QR y, junto a ella, el mosaico gris que la devolvió a la vista, que ahora dice Ocultar herramientas ocultassigned by Lollyvector SVGCompruébalo tú mismoGet the signed file247 paths~29k nodes439 groups1 image729 KB

Ask Lolly

Cuando prefieres preguntar antes que buscar, Ask Lolly (#/ask) recibe una pregunta escrita y te devuelve literalmente la sección correspondiente de esta documentación - las palabras propias de las guías, no un resumen ni una generación - citando la página de la que salió y con un enlace Abrir en la documentación al lado. Bajo la respuesta están los lugares de la app con los que coincide esa misma pregunta: una herramienta, un ajuste, un proyecto guardado, cada uno como un botón que simplemente te lleva allí.

La transcripción es memoria de sesión: haz una pregunta de seguimiento y el hilo se va acumulando, pero al recargar empieza de cero. Los resultados de búsqueda llevan abajo una fila *Ask Lolly: tu consulta*** - por debajo de los resultados concretos que hayan encontrado los demás grupos - que traslada la pregunta directamente, así que puedes empezar en la barra y terminar aquí.

El lienzo (vista previa)

La vista previa siempre muestra exactamente lo que se exportará.

Escritorio

El HUD de zoom en la esquina del lienzo - menos, el porcentaje en vivo, más, Ajustar, y luego los interruptores de tema y sonidosigned by Lollyvector SVGCompruébalo tú mismoGet the signed file5 paths199 nodes11 groups7 KBEl HUD de zoom en la esquina del lienzo - menos, el porcentaje en vivo, más, Ajustar, y luego los interruptores de tema y sonidosigned by Lollyvector SVGCompruébalo tú mismoGet the signed file5 paths186 nodes11 groups7 KB

Táctil

Clic para ir a un control: haz clic en cualquier elemento del diseño y el control correspondiente de la barra lateral recibe el foco y se desplaza a la vista - en un grupo de filas repetibles despliega exactamente la fila en la que hiciste clic, así que editar lo que ves está a un toque de distancia.

Un cambio de dimensión siempre hace que la vista vuelva a un ajuste limpio.

El lienzo libre (Design)

Las herramientas de lienzo libre añaden una superficie de trabajo alrededor del área de diseño, como la mesa de montaje de un diseñador:

El lienzo libre de Design - la mesa de trabajo con la zona de pegado que la rodeasigned by LollyPNGCompruébalo tú mismoGet the signed filepixels, not shapes543 KBEl lienzo libre de Design - la mesa de trabajo con la zona de pegado que la rodeasigned by LollyPNGCompruébalo tú mismoGet the signed filepixels, not shapes490 KB

Voltea una selección. Haz clic derecho en cualquier caja y elige Flip horizontal o Flip vertical para reflejarla en su sitio, o pulsa Shift+H / Shift+V desde el teclado - Shift, porque una V sola es la herramienta Puntero. Cada caja seleccionada se refleja en su propio eje en un solo paso de deshacer, y el reflejo es una transformación real, así que se mantiene en el SVG, PDF y PNG exportados y no solo en el lienzo.

Dibujar tus propias formas (la pluma)

Las cajas, los círculos y los marcos redondeados cubren la mayoría de las composiciones. Cuando necesitas una forma que no está en esa lista, dibújala: el botón Pluma de la barra (o la tecla P) te pone en modo de dibujo. Tres teclas sueltas te mueven entre los modos - V para volver al Puntero, P para la Pluma, N para la herramienta de nodos (Editar puntos) - y el Puntero es siempre la salida de donde estés.

La barra de herramientas del lienzo libre: un asa de arrastre, el menú de Lolly y luego Puntero, Añadir un cuadro, Pluma, Editar puntos, Línea, Línea de tiempo, Áreas de diseño y Organizar automáticamentesigned by Lollyvector SVGCompruébalo tú mismoGet the signed file36 paths206 nodes31 groups22 KBLa barra de herramientas del lienzo libre: un asa de arrastre, el menú de Lolly y luego Puntero, Añadir un cuadro, Pluma, Editar puntos, Línea, Línea de tiempo, Áreas de diseño y Organizar automáticamentesigned by Lollyvector SVGCompruébalo tú mismoGet the signed file36 paths206 nodes31 groups22 KB

El resultado es una caja normal en el lienzo. Muévela, redimensiónala, rótala, agrúpala, alinéala, reordénala, dale un relleno, un degradado, una sombra o una opacidad - un trazado se comporta como cualquier otra caja, y ninguno de esos controles lo trata de forma distinta.

Además llega ya pintado. El primer trazado que dibujas toma el relleno y el trazo que tu marca asigna a un trazado, y a partir de ahí cada trazado nuevo toma lo último que usaste - define un relleno una vez y sigue dibujando, en lugar de recolorear cada forma. (En una herramienta cuya marca no dice nada sobre trazados, un trazado dibujado se traza en el mismo color con el que lo viste dibujarse, así que nunca es invisible.)

Volver a editar los puntos. Haz doble clic en la forma (o usa Editar puntos en la barra del objeto) y los puntos vuelven. Arrastra un punto para moverlo, arrastra un manejador para reorientarlo, haz clic en cualquier parte de la curva para insertar un punto, encierra un grupo de puntos con un recuadro y pulsa Delete para eliminar los seleccionados. Un trazado conserva siempre al menos dos puntos, así que no puedes borrarlo por completo sin querer.

Tipo de spline decide qué clase de curva pasa por tus puntos, y es la elección que merece la pena entender:

TipoQué hace
Suave (auto)El predeterminado. Calcula por su cuenta la longitud de los manejadores, así que un simple clic-clic-clic da una curva realmente suave sin pelearse con los manejadores. Si defines un manejador, este fija la dirección y la curva conserva el control de la longitud.
Manejadores BézierLa pluma clásica. Los manejadores son los puntos de control, e insertar un punto nunca mueve la curva.
A través de los puntosPasa exactamente por cada punto que colocaste, sin manejadores.
B-splineFluye cerca de los puntos en lugar de por ellos, para una forma más suave.
Líneas rectasUna polilínea.

Cambiar un trazado existente a un tipo que calcula sus propios manejadores pregunta antes, porque las longitudes de manejador que definiste no se pueden recuperar - cambiar a Manejadores Bézier nunca pierde nada. A mitad de un dibujo no hay aviso: el cambio se aplica directamente al borrador, y los manejadores que ya hubieras sacado se van con él. En los tipos que gestionan sus propios manejadores, insertar un punto reforma la curva muy levemente; en Manejadores Bézier no.

Cada punto lleva además una regla de continuidad, indicada por su forma en el lienzo - cuadrado para Esquina (los manejadores se mueven de forma independiente), redondo para Suave (los manejadores permanecen alineados), redondo con anillo para Simétrico (alineados y de igual longitud). Aplícala a los puntos que selecciones y la curva vuelve a cumplirla al instante.

Dos trazados de pluma renderizados directamente desde un enlace: una curva en S con trazo y una mancha cerrada con rellenosigned by Lollyvector SVGCompruébalo tú mismoGet the signed file5 paths38 nodes7 groups5 KBDos trazados de pluma renderizados directamente desde un enlace: una curva en S con trazo y una mancha cerrada con rellenosigned by Lollyvector SVGCompruébalo tú mismoGet the signed file5 paths38 nodes7 groups5 KB

Un trazado dibujado viaja en el enlace como todo lo demás, así que una forma que dibujes se reabre desde un enlace compartido y se renderiza igual desde la CLI. Nada de él depende del editor.

Combinar formas (operaciones de trazado)

Selecciona dos o más formas, haz clic derecho en el lienzo (toque con dos dedos en táctil) y el menú ofrece las operaciones que esperarías de una aplicación de dibujo:

Otras tres actúan sobre una sola forma: Convertir trazo en contorno… convierte un trazo en una forma rellena con el mismo contorno (útil cuando quieres conservar un grosor exactamente como se dibujó), Desplazar trazado… hace crecer la silueta hacia fuera o, con un número negativo, la encoge hacia dentro y Simplificar reconstruye un trazado con menos segmentos manteniendo la misma forma.

Una media luna y un anillo con un agujero real, ambos producidos con Restarsigned by Lollyvector SVGCompruébalo tú mismoGet the signed file5 paths47 nodes7 groups5 KBUna media luna y un anillo con un agujero real, ambos producidos con Restarsigned by Lollyvector SVGCompruébalo tú mismoGet the signed file5 paths47 nodes7 groups5 KB

El resultado es un trazado nuevo que puedes seguir editando con la pluma. Los agujeros son agujeros de verdad - un control Regla de relleno en el panel de trazo decide si los contornos superpuestos se rellenan (non-zero) o se perforan (even-odd).

Dos cosas que estas operaciones deliberadamente no hacen. Se niegan en vez de destruir: pide intersecar dos formas que no se solapan y se te dice que no queda nada, y nada cambia. Y las cajas de texto e imagen no tienen contorno con el que trabajar, así que se dejan tal cual en lugar de aproximarlas por su marco. Un resultado combinado se guarda como curvas Bézier simples, que es lo que hace también una aplicación de dibujo - el tipo de spline original no sobrevive a la operación.

Línea de tiempo (Sequence Studio)

The timeline with the music clip selected: its strip runs along the bottom with Speed, Fades, Volume, Pan, EQ, Pitch, Normalize volume and the Effect slotsigned by Lollyvector SVGCompruébalo tú mismoGet the signed file104 paths~7.2k nodes157 groups2 images97 KBThe timeline with the music clip selected: its strip runs along the bottom with Speed, Fades, Volume, Pan, EQ, Pitch, Normalize volume and the Effect slotsigned by Lollyvector SVGCompruébalo tú mismoGet the signed file104 paths~7.2k nodes157 groups2 images97 KB

Sequence Studio añade tiempo al lienzo libre. Cada caja puede empezar en un momento, durar un tiempo y animarse al entrar y al salir, y una línea de tiempo acoplada bajo el área de diseño es donde las organizas. Ábrelo y ya hay una secuencia en marcha - una tarjeta de título, un clip, una tarjeta final, un rótulo inferior y una base musical - así que el modelo se ve antes de que cambies nada.

La línea de tiempo de Sequence Studio: el transporte, la regla, una pista de superposición, la fila de secuencia magnética con sus clips y fichas de costura, y la franja Always onsigned by Lollyvector SVGCompruébalo tú mismoGet the signed file73 paths~5.4k nodes115 groups80 KBLa línea de tiempo de Sequence Studio: el transporte, la regla, una pista de superposición, la fila de secuencia magnética con sus clips y fichas de costura, y la franja Always onsigned by Lollyvector SVGCompruébalo tú mismoGet the signed file73 paths~5.4k nodes115 groups80 KB

Hay dos clases de fila, y la diferencia es la idea entera:

El escenario de edición: el tablero de arte en primer plano, el riel de herramientas a la izquierda y el HUD de zoom en la esquinasigned by Lollyvector SVGCompruébalo tú mismoGet the signed file19 paths852 nodes30 groups20 KBEl escenario de edición: el tablero de arte en primer plano, el riel de herramientas a la izquierda y el HUD de zoom en la esquinasigned by Lollyvector SVGCompruébalo tú mismoGet the signed file19 paths839 nodes30 groups20 KB

Abrir la línea de tiempo le entrega el teclado, así que la barra espaciadora y las flechas manejan el cabezal de reproducción en vez de la página - y como se abre sola en una composición que ya tiene tiempos, eso se cumple en cuanto carga Sequence Studio.

El editor de secuencias profundiza en las cuatro cosas que deciden si editar en el tiempo resulta predecible: qué clip edita un clic en el lienzo, los fantasmas de piel de cebolla de los clips vecinos, el alcance de la división y el Unir que deshace un corte y el recorte (incluido el juego de teclas). Pulsa ? con la línea de tiempo enfocada para ver la hoja de atajos.

Edición. Arrastra el centro de un clip para moverlo o reordenarlo, arrastra a unos pocos píxeles de cualquiera de sus extremos para recortarlo y pulsa Dividir en el cabezal de reproducción (o S) para cortar un clip en dos. Dividir necesita un clip con una Duración real y el cabezal un poco dentro de él, así que un clip sin final definido (la base musical, por ejemplo) no se puede dividir. Ajustar a los bordes está activado por defecto y se ajusta a los bordes de los clips, al cabezal y a los segundos enteros, con Alt para anularlo. Cada arrastre es un único paso de deshacer, y la vista previa del arrastre hace la misma aritmética que la confirmación, así que lo que ves mientras arrastras es lo que obtienes.

Selecciona un clip y el inspector te da las mismas ediciones como números: Duración, Recortar entrada (a qué altura del origen empieza), Velocidad como un conjunto de multiplicadores fijos de ×0,25 a ×4, Animar entrada / Animar salida con sus duraciones y Silenciar clip. Un clip de la fila magnética no tiene campo Inicio a propósito - la fila es la dueña del orden, así que lo arrastras para moverlo.

Las transiciones son preajustes, no fotogramas clave: Fundido, Sacar, Expandir, Elevación, Soltar, los cuatro Deslizamientos, Acercar y Alejar, Inclinación, Barrido, Giro, Deriva o Corte (sin animación). Las distancias escalan con el objeto, así que el mismo preajuste se lee bien en una tarjeta a pantalla completa y en una insignia pequeña. Entre dos clips contiguos de la fila de secuencia hay una ficha de unión: haz clic en ella y elige Corte o Fundido cruzado, que se aplica de inmediato y se cierra. Vuelve a abrir la misma ficha para cambiar la Duración (ms) y pulsa Listo. Un fundido cruzado se guarda como un fundido de salida de uno y un fundido de entrada del siguiente, y la exportación deriva la disolución real de ese par - por eso un fundido cruzado parece dos fundidos en la vista previa y un relevo de verdad en el archivo.

Sonido. Añade un clip de Audio y vive en la línea de tiempo como cualquier otro clip: forma de onda, recorte, silencio. (La base generada que trae la sesión predeterminada es la única excepción - se sintetiza en el momento de exportar, así que su barra se queda lisa y muda hasta que renderizas.) Pulsa el micrófono para grabar una voz en off directamente sobre la línea de tiempo, con cuenta atrás y medidor de nivel, y la toma se guarda como recurso tuyo en el punto donde empezaste. Pulsa la cámara de al lado para grabar un vídeo de la misma manera: la toma se recorta al tamaño de exportación del área de diseño mientras se graba, así que la pequeña vista propia muestra exactamente lo que entra en la secuencia en el cabezal de reproducción, con el encuadre completo - la manera de recoger el clip de un colega desde un enlace compartido. La música, los diálogos y la banda sonora propia de un clip llegan todos a la mezcla exportada. (La Pista de audio del panel de exportación es otra cosa: una única base tendida bajo todo el clip, con fundido y atenuación. Las dos conviven.)

Renderizarlo. Una exportación de movimiento es una composición determinista, no una grabación de pantalla - cada fotograma se decodifica, se dibuja y se codifica en un instante exacto, así que el archivo no depende de que tu máquina siga el ritmo, y no hay un techo práctico de fotogramas en MP4 ni en WebM. La propia duración de la línea de tiempo fija la duración salvo que escribas una. Las Content Credentials se estampan igual que en cualquier otra exportación. Una exportación fija te da el fotograma del cabezal, o una hoja de contactos entera desde el campo Fotogramas junto al tamaño de salida - consulta Exportar.

Unos límites que conviene tener presentes: una secuencia está limitada a una hora, GIF y PNG animado guardan sus fotogramas en memoria, así que se quedan cortos, el audio queda mudo en un clip cuya velocidad no sea ×1 (todavía no hay estiramiento temporal) y Grabar en directo está oculto aquí porque el compositor es el mejor camino.

Más allá de los preajustes: fotogramas clave, profundidad y una cámara. Una transición anima un clip cuando llega y cuando se va. Para posar una caja dentro de un clip - hacerla derivar, aparecer o desaparecer en fundido, difuminarla, levantarla de la página y volver a asentarla - añade fotogramas clave: selecciona el clip, pulsa +Fotograma clave (el rombo en el grupo de herramientas de la línea de tiempo, el rombo en la barra de objeto del lienzo, o K), y la posición de la cabeza de reproducción decide qué pose escribe tu próxima edición. El mismo sistema de fotogramas clave le da a cada composición cronometrada una cámara que se acerca, gira y enfoca, y convierte un SVG plano en una pila de capas entre las que puedes volar. Animar es la guía completa.

La herramienta Design tiene la misma línea de tiempo, así que puedes dar tiempos a una composición sin cambiar de herramienta, y también exporta movimiento.

Presentar

The inspector's Document section: Voice, Blend with, Speed, Lead-in, Tail and Show captions when presentingsigned by Lollyvector SVGCompruébalo tú mismoGet the signed file29 paths~4.4k nodes56 groups2 images57 KBThe inspector's Document section: Voice, Blend with, Speed, Lead-in, Tail and Show captions when presentingsigned by Lollyvector SVGCompruébalo tú mismoGet the signed file29 paths~4.4k nodes56 groups2 images57 KB

Un documento de Design hecho de áreas de diseño ya es una presentación. Abre el menú de Lolly en la barra de herramientas y elige Presentar - la última fila - y cada área de diseño se convierte en una diapositiva a pantalla completa, en el orden en que las áreas están colocadas en el lienzo. La presentación funciona sobre una copia de las áreas renderizadas, así que nunca se toca el editor de debajo y al salir vuelves exactamente a donde estabas.

La presentación también es un enlace. ?present la abre directamente, s= nombra la diapositiva - una posición, el id de un área de diseño o id.step para un paso de construcción - y la dirección se actualiza a medida que avanzas, así que lo que envías es la diapositiva en la que estás. Para quien crea herramientas: esos parámetros están documentados en la página Modo URL.

En un teléfono

En pantallas estrechas, el diseño se reorganiza en una sola columna:

Una herramienta en una pantalla de ancho de teléfono - los controles como una hoja arriba, la paleta generada llenando la vista previa abajo y la píldora de renderizado flotando en el centro inferiorsigned by Lollyvector SVGCompruébalo tú mismoGet the signed file61 paths~2.9k nodes128 groups2 images72 KBUna herramienta en una pantalla de ancho de teléfono - los controles como una hoja arriba, la paleta generada llenando la vista previa abajo y la píldora de renderizado flotando en el centro inferiorsigned by Lollyvector SVGCompruébalo tú mismoGet the signed file61 paths~2.9k nodes128 groups2 images72 KB

Controles (entradas)

Las herramientas exponen solo las entradas que están pensadas para variar - todo lo demás (colores, composición, tipografía, lógica) queda fijado por quien creó la herramienta, así que lo que hagas siempre cumple las reglas que estableció. Las entradas incluyen texto, deslizadores, selectores de color, menús desplegables, fechas, selectores de imagen y grupos de filas repetibles. Algunas se agrupan en secciones plegables.

La pila de controles de una herramienta - un campo de texto, selectores de color y un deslizador, y nada más de lo que quien la creó decidió dejar fijadosigned by Lollyvector SVGCompruébalo tú mismoGet the signed file19 paths~2.1k nodes45 groups1 image31 KBLa pila de controles de una herramienta - un campo de texto, selectores de color y un deslizador, y nada más de lo que quien la creó decidió dejar fijadosigned by Lollyvector SVGCompruébalo tú mismoGet the signed file19 paths~2.1k nodes45 groups1 image31 KB

Restablecer: Descartar cambios devuelve cada entrada a sus valores predeterminados.

Deshacer y rehacer

Cmd/Ctrl-Z retrocede un paso y Cmd/Ctrl-Shift-Z (o Cmd/Ctrl-Y) vuelve a avanzar. El mismo par aparece como botones Deshacer y Rehacer en la fila sobre los controles - en el lienzo libre están en la barra de herramientas - y cada uno se atenúa mientras no queda nada que recuperar. Cada paso dice lo que fue: deshaz un color y un pequeño mensaje nombra la entrada que acaba de restaurar, con un botón Rehacer dentro para volver.

En una colaboración en directo, el historial sigue siendo solo tuyo. Un cambio que llega desde el otro dispositivo nunca aterriza en tu pila, así que deshacer solo puede recuperar algo que hiciste tú.

Tus datos y tu foto

Perfil (arriba a la derecha en la galería) guarda tu nombre, tus datos de contacto y una foto opcional. Las herramientas que piden esos campos los rellenan automáticamente - configúralos una vez y tu firma de correo, tus lockups y tus insignias se completan solos. Aun así, puedes anular cualquier campo en cada sesión. Actívalo con Usar mis datos para crear para que tus datos viajen como autoría en lo que exportas.

Tu foto y tus datos viven solo en este dispositivo. Un perfil puede ser más que solo tú - un equipo o un rol que asumes de vez en cuando. Consulta Perfiles para ver el panorama completo, incluido cómo mantener más de uno.

Guardar y continuar

Haz clic en Guardar para almacenar las entradas actuales como una sesión de esa herramienta. Puedes mantener varias sesiones con nombre por herramienta; el botón Continuar de cada herramienta reabre la más reciente, y el botón de historial (arriba a la derecha, junto a tu perfil) enumera todas las sesiones guardadas de todas las herramientas. Las sesiones son locales al dispositivo. Para organizarlas, abre Proyectos (más abajo).

La píldora de renderizado de dos mitades - una flecha hacia arriba que abre el panel de exportación y una marca de verificación que guarda la sesión en el sitiosigned by Lollyvector SVGCompruébalo tú mismoGet the signed file2 paths240 nodes10 groups7 KBLa píldora de renderizado de dos mitades - una flecha hacia arriba que abre el panel de exportación y una marca de verificación que guarda la sesión en el sitiosigned by Lollyvector SVGCompruébalo tú mismoGet the signed file2 paths240 nodes10 groups7 KB

Proyectos

Proyectos - ábrelo desde la pestaña Proyectos junto a Herramientas, o desde Perfil → Almacenamiento → Organizar en Proyectos - es un hogar para todo lo que has guardado, y funciona como un gestor de archivos:

Proyectos - sesiones guardadas organizadas en carpetas anidablessigned by Lollyvector SVGCompruébalo tú mismoGet the signed file79 paths~7.7k nodes104 groups179 KBProyectos - sesiones guardadas organizadas en carpetas anidablessigned by Lollyvector SVGCompruébalo tú mismoGet the signed file79 paths~7.7k nodes104 groups180 KB

El popover Ver y ordenar de Proyectos abierto, con una fila de tema, una elección de Vista entre Vista previa o Lista y Nombre, Fecha de adición y Última modificación bajo Ordenarsigned by Lollyvector SVGCompruébalo tú mismoGet the signed file11 paths~1.3k nodes21 groups19 KBEl popover Ver y ordenar de Proyectos abierto, con una fila de tema, una elección de Vista entre Vista previa o Lista y Nombre, Fecha de adición y Última modificación bajo Ordenarsigned by Lollyvector SVGCompruébalo tú mismoGet the signed file11 paths~1.3k nodes21 groups19 KB

Lo que ofrece la barra de selección varía un poco según la vista, ya que no toda acción tiene sentido en todas partes:

Una trampa de etiquetas: Ver sesiones solo existe cuando hay algo seleccionado. Hacer clic derecho en una sola tarjeta no seleccionada ofrece en cambio N sesiones guardadas, que abre el diálogo de historial de esa herramienta en lugar de llevarte a Proyectos.

Dos tarjetas de herramientas marcadas en la galería de Herramientas, con la barra de selección flotante mostrando 2 seleccionados y ofreciendo Disponible sin conexión, Ver sesiones, Favorito y Ocultarsigned by Lollyvector SVGCompruébalo tú mismoGet the signed file278 paths~46k nodes495 groups4 images1183 KBDos tarjetas de herramientas marcadas en la galería de Herramientas, con la barra de selección flotante mostrando 2 seleccionados y ofreciendo Disponible sin conexión, Ver sesiones, Favorito y Ocultarsigned by Lollyvector SVGCompruébalo tú mismoGet the signed file280 paths~46k nodes500 groups5 images1227 KB

Compartir tu trabajo

Un diseño sale de una de estas dos maneras: como enlace o como archivo. El diálogo de Compartir ofrece ambas. Ábrelo con Compartir en los controles de exportación; Compartir enlace en una sesión guardada de Proyectos abre el mismo diálogo para esa sesión.

El enlace

Cada entrada queda capturada en la URL de la página, así que un enlace es el diseño. En la parte superior del diálogo está el enlace listo para copiar, con dos secciones plegadas debajo.

Pégale el enlace a un colega, guárdalo en marcadores o inclúyelo en un commit. (Detalles completos: Modo URL.)

Algunas herramientas hacen del enlace el producto entero. Jump Page reúne tus enlaces en una sola página para repartir - un enlace de bio, una charla de conferencia, un escaparate. No hay nada que alojar ni ninguna cuenta detrás: la página es el enlace, así que se abre tan rápido como viaja la URL. En el editor ves la página terminada junto a los campos; quien abre el enlace la recibe a todo lo ancho, una escena por enlace conforme se desplaza.

Jump Page en el editor - el título, tres escenas de enlaces con su propio tinte cada una, y un pie de página Made with Lolly, dispuestos como una sola página en el lienzosigned by Lollyvector SVGCompruébalo tú mismoGet the signed file12 paths~2.4k nodes28 groups30 KBJump Page en el editor - el título, tres escenas de enlaces con su propio tinte cada una, y un pie de página Made with Lolly, dispuestos como una sola página en el lienzosigned by Lollyvector SVGCompruébalo tú mismoGet the signed file12 paths~2.4k nodes28 groups30 KB

El diálogo dice lo que un enlace no puede llevar. Tres cosas no caben en una URL: una imagen o un archivo que añadiste desde este dispositivo, un valor de texto muy largo o una lista muy grande. Cada una se cuenta mientras se construye el enlace. Si hubo que dejar algo fuera, el diálogo lo nombra y te señala el archivo de más abajo, en lugar de darte un enlace que se abre sin la imagen. Un enlace que solo es largo recibe un aviso más suave con su recuento de caracteres, ya que empaquetarlo aún puede salvar la longitud.

El archivo .lolly

Descargar .lolly, en el diálogo de Compartir de la herramienta en la que trabajas, escribe el mismo diseño como archivo. Lleva la sesión guardada junto con las imágenes y los archivos que añadiste desde tu dispositivo. El material del catálogo del que tira el diseño viaja también dentro, así que el archivo se abre completo en una máquina que nunca ha visto tu marca. Si tu dispositivo tiene una hoja de compartir, Enviar a… le entrega ese archivo directamente (AirDrop, un compartir de Android) en lugar de guardarlo en el disco.

Un .lolly es un zip normal. Renómbralo a .zip y ábrelo: tus propias imágenes están en assets/uploads/ y el material del catálogo en assets/catalog/, cada uno con su nombre y su extensión reales, manifest.json los enumera todos y un README en la raíz explica qué es el archivo.

Tres cosas las decides tú antes de que salga:

Abrir uno. Suelta un .lolly sobre la app: los assets van a tu biblioteca, la sesión va a Proyectos y la herramienta se abre con ella. Nada tuyo se sobrescribe: la sesión llega como una nueva ranura guardada, mientras que un asset que ya está en este dispositivo se identifica por suma de comprobación y se reutiliza en lugar de duplicarse. Cada parte se verifica contra las propias sumas de comprobación del archivo al importarlo, así que una copia dañada en tránsito se rechaza en lugar de importarse a medias.

Si el archivo lleva una herramienta que no tienes, Lolly pregunta antes de que esa herramienta pueda ejecutarse: ¿Confiar en esta herramienta? la nombra a ella y a su autor y dice con claridad que abrirla ejecuta el código de la herramienta en tu dispositivo, con Confiar e instalar como la vía para seguir. Si lo rechazas, el trabajo compartido se guarda igualmente en tus proyectos, esperando ahí al día en que añadas la herramienta. (Un tipo de herramienta todavía no se puede cargar así - una cuyo código se distribuye como módulo - y se rechaza de la misma manera.)

Tanto un enlace como un archivo entregan una instantánea. Para trabajar en la misma sesión a la vez que otra persona - dos dispositivos, sin servidor, sin necesidad de internet si estáis en la misma red - consulta Trabajar juntos.

Cámara en vivo (herramientas que reaccionan al movimiento)

Todos los Filtros de foto - Halftone, Scanline, Posterize, celdas de Voronoi, Tratamiento de color, Estirado de píxeles e Imperfecciones - muestran un botón Activar en vivo donde haya una cámara disponible. Actívalo y el efecto sigue tu cámara web fotograma a fotograma, así que reacciona al movimiento; puedes grabar el resultado en GIF, WebM o MP4. Los fotogramas se leen y se procesan en tu dispositivo y nunca salen de él, y la cámara se libera en cuanto detienes o abandonas la herramienta. (Cualquier selector de imagen también tiene Tomar una foto para capturar un solo fotograma como imagen local.)

Mis imágenes

Cuando una herramienta te permite añadir una imagen desde tu dispositivo, se conserva exactamente como llegó - así un Content Credential que lleve sigue verificándose - y se guarda en tu biblioteca personal Mis imágenes (en Perfil → Almacenamiento). Solo un archivo verdaderamente enorme pregunta si conservarlo o redimensionarlo. Reutilízala en cualquier herramienta. Para borrar EXIF/GPS a medida que entran las imágenes, activa Eliminar metadatos de los archivos subidos en tu perfil. No hay límite: la biblioteca es totalmente local y solo la limita el almacenamiento de tu dispositivo - gestiona o elimina imágenes ahí.

El Catálogo - tu biblioteca de recursos

El Catálogo (#/c, o el segmento Catálogo del selector Proyectos · Herramientas · Utilidades · Catálogo en la parte superior de cada vista de listado) reúne todo lo que tus herramientas pueden aprovechar - logos de marca, imágenes, audio y animación, agrupados por tipo - y es también donde viven tus propios archivos creativos. Sin servidor, sin consola de administración, sin pull request: todo está en tu dispositivo.

El Catálogo - recursos de marca, muestras y tipografías, además de tus propias subidassigned by Lollyvector SVGCompruébalo tú mismoGet the signed file456 paths~43k nodes707 groups1022 KBEl Catálogo - recursos de marca, muestras y tipografías, además de tus propias subidassigned by Lollyvector SVGCompruébalo tú mismoGet the signed file456 paths~43k nodes707 groups1022 KB

Lleva tu paleta y tus tipografías a cualquier parte

El panel de Muestras del Catálogo no es solo para consultar - haz clic en un color para copiarlo, o descarga toda la paleta de marca en el formato que hable tu otra herramienta:

El panel de Muestras - los cinco botones de descarga de paleta en la parte superior y luego cada color de marca como una ficha que se puede copiarsigned by Lollyvector SVGCompruébalo tú mismoGet the signed file196 paths~22k nodes282 groups302 KBEl panel de Muestras - los cinco botones de descarga de paleta en la parte superior y luego cada color de marca como una ficha que se puede copiarsigned by Lollyvector SVGCompruébalo tú mismoGet the signed file196 paths~22k nodes282 groups302 KB

El panel de Tipografías lista las tipografías de tu marca con una descarga junto a cada una, para instalarlas localmente o entregarlas a una imprenta. (La sala de Colores del Brand Studio ofrece la misma descarga de paleta.)

Los recursos son una mitad del camino abierto y de hazlo-tú-mismo; la otra es crear tus propias herramientas - el lienzo libre (Design, descrito arriba) te permite construir una visualmente, sin necesidad de código.

Sonido y accesibilidad

Lolly aspira a ser cómodo de usar para todo el mundo. La interfaz se puede navegar con el teclado, los controles personalizados llevan etiquetas adecuadas para lectores de pantalla y la vista previa en vivo de cada herramienta se expone como una única imagen etiquetada que describe lo que está creando.

Una capa suave de sonidos asistivos confirma lo que haces - al llegar a la galería, al comprobar si unas Content Credentials son válidas o no, al cerrar un panel, al cambiar un filtro. Está desactivada por defecto: activa Sonido en cualquier lugar donde aparezca el interruptor (el popover de opciones de cada vista, o Perfil), y la elección se recuerda.

Cuatro ajustes de comodidad opcionales viven en Perfil → Accesibilidad: Reducir movimiento (elimina las transiciones y los adornos de la app), Ocultar vistas previas con color (tarjetas de galería sobrias, de icono y texto, y miniaturas de proyecto más calmadas), Alto contraste (bordes, texto y anillos de foco más marcados) y Texto grande (tipografía de la app más grande - etiquetas, menús, texto de los botones). Los cuatro calman la app alrededor de tu trabajo: nunca entran en el lienzo de una herramienta ni cambian un píxel de lo que exportas, y cada uno está desactivado hasta que tú lo actives. Todo el detalle en Tu perfil → Accesibilidad.

Junto al interruptor de Sonido está el Modo Neurospicy - una pista de concentración de fondo, opcional y relajante, que suena en voz baja mientras trabajas. Al activarla se abre un pequeño dock de reproductor en la esquina inferior que te acompaña por toda la app; desde él puedes buscar y elegir una pista, avanzar y retroceder, ajustar el volumen y minimizarlo o cerrarlo. La lista de pistas abarca varias categorías - melodías procedurales Lolly Sings, bucles y ritmos ambientales, tu propio audio subido y un puñado de emisoras de radio de internet en directo (estas necesitan conexión; todo lo demás se reproduce sin conexión). Está desactivado por defecto y, como el Sonido, se recuerda entre sesiones y dispositivos. Desactivar el Sonido también silencia la pista de concentración.

Almacenamiento y privacidad

Todo se almacena en la base de datos local de tu navegador (IndexedDB): tu perfil, las sesiones guardadas, las imágenes subidas y una caché del contenido del catálogo descargado. Perfil → Almacenamiento muestra el uso y te permite:

La tarjeta de almacenamiento en una pantalla de ancho de teléfono: cada categoría de datos del dispositivo con su nombre, y el botón Borrar todos mis datos abajosigned by Lollyvector SVGCompruébalo tú mismoGet the signed file14 paths~2.0k nodes39 groups28 KBLa tarjeta de almacenamiento en una pantalla de ancho de teléfono: cada categoría de datos del dispositivo con su nombre, y el botón Borrar todos mis datos abajosigned by Lollyvector SVGCompruébalo tú mismoGet the signed file14 paths~2.0k nodes39 groups29 KB

Ninguno de estos datos locales se transmite a ningún sitio - sin telemetría, sin renderizado en la nube. La lista completa de lo que la app llega a descargar o enviar está en la Política de privacidad, y Superficie de servidor inventaría los componentes de servidor opcionales.

Pasar a otro dispositivo

Como todo vive en tu dispositivo, Perfil → Almacenamiento → Pasar a otro dispositivo te permite llevarlo todo a una segunda instalación - sin cuenta, sin nube:

La caché del catálogo no se incluye - se vuelve a descargar sola en el nuevo dispositivo. El paquete es un zip normal (manifest.json + profile.json + sessions.json + assets.json + assets/blobs/… + prefs.json, con el id de formato lolly-backup), así que sobrevive intacto al correo, al USB o a AirDrop y es el mismo formato que lee cada shell. Cada parte lleva su checksum, así que un archivo dañado en tránsito se detecta al importar en lugar de restaurarse a medias. (Especificación completa del formato: Transferencia de datos.)

Importar un diseño (Figma, Penpot, Illustrator, InDesign)

Puedes traer un diseño existente a Lolly y seguir trabajando en él: abre Design, haz clic en Importar un diseño en la barra de herramientas del lienzo y elige un .fig o SVG de Figma, un .penpot de Penpot, un .ai / .pdf de Illustrator o un .idml de InDesign. Las capas se convierten en cajas editables en el lienzo libre - el texto se puede volver a escribir, las imágenes van a Mis imágenes y la tipografía y los colores se ajustan a las variables globales de marca - y luego el resultado se guarda, se comparte y se renderiza como cualquier otra sesión. El análisis ocurre por completo en tu dispositivo. Detalle completo: Importar un diseño.

Exportar

Consulta Exportar y formatos para la historia completa - elegir un formato, el tamaño de salida y las unidades de impresión, la transparencia, el vídeo y copiar/compartir. En resumen: elige un formato, ajusta el tamaño si lo necesitas y Descargar (o Copiar al portapapeles).

Modo Batch (Pro)

Para usuarios avanzados, Batch (enlazado desde la galería, protegido tras el indicador de función Pro, que está activado por defecto) renderiza muchas variaciones a la vez - una cuadrícula donde cada fila es un conjunto de entradas, exportadas juntas. Ideal para localizar una tarjeta en una docena de idiomas o generar cada variante de tamaño de una sola vez. Rellena las filas escribiendo, pegando directamente desde una hoja de cálculo o importando un CSV (también puedes exportar uno de vuelta), y define el formato, el tamaño y el nombre de archivo de salida por fila. Guarda una cuadrícula completa como una sesión por lotes con nombre que se reabre desde la galería, y descarga cada fila como un único .zip.

La barra de herramientas de Batch - nombre del zip, unidades, DPI y el formato que hereda cada fila, con Sesiones y Renderizar a la derechasigned by Lollyvector SVGCompruébalo tú mismoGet the signed file31 paths~1.9k nodes50 groups4 images34 KBLa barra de herramientas de Batch - nombre del zip, unidades, DPI y el formato que hereda cada fila, con Sesiones y Renderizar a la derechasigned by Lollyvector SVGCompruébalo tú mismoGet the signed file31 paths~1.9k nodes50 groups4 images34 KB

Batch sirve para generar muchas variantes de una misma plantilla a la vez. Para volver a renderizar sesiones que ya has guardado, usa Proyectos → Renderizar carpeta / Renderizar selección (más arriba) - no hace falta Pro.

Editar en paralelo (Multiedición)

Batch son muchas variantes de un solo diseño. Multi-Edit es la otra mitad del trabajo: varios diseños guardados distintos abiertos a la vez, para que un cambio se aplique a todos ellos. Marca entre dos y ocho sesiones guardadas en Proyectos y elige Editar juntos en la barra de selección; se abren como tarjetas en directo una junto a otra en #/multi?s=<slot>,<slot>…. Cada tarjeta es un render real de esa sesión, no una miniatura guardada, así que lo que ves es lo que se exportará.

Una sola barra lateral lo gobierna todo:

Haz clic en cualquier lienzo (o pulsa Enter sobre él) y la tarjeta de barra lateral de esa sesión se abre y se desplaza a la vista. Guardar todo devuelve cada sesión a su propia ranura. Descargar todo guarda primero y luego renderiza el conjunto entero por la misma tubería que Renderizar selección de Proyectos - un solo zip, con el bloqueo opcional por contraseña ofrecido por el camino.

Dos límites honestos. El tope de dos a ocho es real: cada tarjeta monta su propio runtime en vivo, y ese es el número que se mantiene ágil - un enlace que pida más (o una sesión que ya no existe) lo dice en lugar de cargar a medias. Y el enlace nombra tus ranuras guardadas, así que reabre ese conjunto en este dispositivo; no es un enlace para compartir.

Cuando la selección supera las ocho, mezcla herramientas o incluye imágenes además de sesiones, la vía de escape es Editar como hoja en esa misma barra de selección: abre toda la selección como filas en la cuadrícula por lotes (#/pro?s=…), sin límite de tamaño y sin la regla de la misma herramienta. Las carpetas quedan fuera de ambas - tienen su propia ruta de apertura en cuadrícula. (Buscar es lo único que todavía no llega hasta aquí: Multiedición es la única vista que la barra de búsqueda no conoce.)

Sin conexión e instalación

Lolly es una PWA. Después de la primera carga funciona sin conexión - instálala desde la barra de direcciones de tu navegador (o Añadir a pantalla de inicio en el móvil) para una experiencia a pantalla completa, como la de una app. Se actualiza sola cuando vuelves a tener conexión.

Sobre las actualizaciones: si una vista alguna vez no carga justo después de una (un panel en blanco, un "failed to fetch" en la esquina), recarga la página una vez - la app adopta la nueva versión sin problemas y tu trabajo, sesiones y marca quedan intactos. Almacena todo en tu dispositivo, no en la página.