Paggamit ng Lolly

Isang praktikal na gabay sa aktuwal na paggamit ng app - pagbukas ng tool, pagtrabaho sa canvas, pag-export, pag-save at pag-share. Lahat ng nandito ay tumatakbo sa device mo: walang account, walang upload, walang kailangang internet pagkatapos ng unang load.

Bago ka rito? Ang Quickstart ang magpapasimula sa iyo sa paggawa sa loob ng ilang minuto, at ang Lolly for Operators ang sumasaklaw sa pag-install/pag-deploy ng app; ang pahinang ito ay tungkol sa pagpapatakbo nito kapag bukas na.

Pagbukas ng tool

Ang home screen ay ang gallery - lahat ng tool, nakagrupo ayon sa kategorya. I-click ang isang card para buksan ang tool; kung nagtrabaho ka na rito dati, ibabalik ng Continue na button ang pinakahuli mong session. Gamitin ang search box para mag-filter ayon sa pangalan - o mag-Search mula sa bar sa ibaba ng anim na listing screen (ang gallery, Utilities, Projects, ang Catalogue, ang Dashboard at Profile), na umaabot sa naka-save mong gawa, sa catalogue at sa mga setting mo bukod pa sa mga tool. Sa loob ng isang tool, umuurong ang bar para sa sariling chrome ng tool.

Ang tool gallery - bawat tool bilang isang card, nakagrupo ayon sa kategoryasigned by Lollyvector SVGI-check mo mismoGet the signed file281 paths~38k nodes443 groups6 images2,269 KBAng tool gallery - bawat tool bilang isang card, nakagrupo ayon sa kategoryasigned by Lollyvector SVGI-check mo mismoGet the signed file281 paths~38k nodes443 groups6 images2,265 KBTry it in the app

Bawat tool ay isang split view: controls sa isang gilid, at buhay na preview (ang canvas) sa kabila. Baguhin ang alinmang control at agad na nag-a-update ang preview.

Split view ng isang tool - ang control stack sa kaliwa, at ang live na grouped bar chart na iginuhit nito sa kanansigned by Lollyvector SVGI-check mo mismoGet the signed file23 paths372 nodes11 groups21 KBSplit view ng isang tool - ang control stack sa kaliwa, at ang live na grouped bar chart na iginuhit nito sa kanansigned by Lollyvector SVGI-check mo mismoGet the signed file23 paths372 nodes11 groups21 KB

May ilang tool (tulad ng Design) na bumubukas bilang free canvas - isang chromeless at direct-manipulation na surface kung saan dinadrag, binabago ang laki, iniikot at isinasnap mo ang mga box ng teksto, hugis at larawan, at dini-double-click para i-edit ang teksto sa mismong kinalalagyan nito. Nag-e-export ito sa parehong render path gaya ng ibang tool, kaya ang canvas ang file mismo. Tingnan ang Ang free canvas sa ibaba.

Dalawang paraan para hubugin ang grid mismo tungo sa gusto mo:

Ang dulo ng Tools grid na nakalabas ang mga nakatagong tool: ang malabong QR Code Generator card, at sa tabi nito ang kulay-abong tile na nagbalik dito sa view, na ngayon ay nagbabasang Hide hidden toolssigned by Lollyvector SVGI-check mo mismoGet the signed file251 paths~29k nodes440 groups658 KBAng dulo ng Tools grid na nakalabas ang mga nakatagong tool: ang malabong QR Code Generator card, at sa tabi nito ang kulay-abong tile na nagbalik dito sa view, na ngayon ay nagbabasang Hide hidden toolssigned by Lollyvector SVGI-check mo mismoGet the signed file247 paths~29k nodes439 groups1 image729 KB

Ask Lolly

Kapag mas gusto mong magtanong kaysa maghanap, kinukuha ng Ask Lolly (#/ask) ang tanong na tinipa mo at ibinabalik ang tugmang bahagi ng dokumentasyong ito nang verbatim - ang mismong salita ng mga gabay, hindi buod at hindi gawa ng makina - kasama ang sipi ng pahinang pinanggalingan nito at isang Open in docs na link sa tabi. Sa ilalim ng sagot ay ang mga lugar sa app na tumutugma sa parehong tanong: isang tool, isang setting, isang naka-save na project, bawat isa ay button na dumederetso roon.

Ang transcript ay memorya ng session: magtanong ulit at unti-unting nabubuo ang thread habang tumatagal, tapos mag-reload at magsisimula itong bago. May *Ask Lolly: ang query mo*** na row sa ibaba ng mga search result - sa ilalim ng anumang tiyak na hit na nakita ng ibang grupo - na dumederetsong nagpapasa ng tanong, kaya puwede kang magsimula sa bar at tumapos dito.

Ang canvas (preview)

Laging ipinapakita ng preview ang eksaktong ie-export.

Desktop

Ang zoom HUD sa sulok ng canvas - minus, ang buhay na porsyento, plus, Fit, tapos ang theme at sound togglesigned by Lollyvector SVGI-check mo mismoGet the signed file5 paths199 nodes11 groups7 KBAng zoom HUD sa sulok ng canvas - minus, ang buhay na porsyento, plus, Fit, tapos ang theme at sound togglesigned by Lollyvector SVGI-check mo mismoGet the signed file5 paths186 nodes11 groups7 KB

Touch

I-click para tumalon sa isang control: i-click ang alinmang elemento sa disenyo at makukuha ng tugmang sidebar input ang focus at lilitaw ito sa view - para sa isang paulit-ulit na row group, binubuksan nito ang mismong row na na-click mo, kaya isang tap lang ang layo ng pag-edit sa nakikita mo.

Ang pagbabago ng dimensyon ay laging nagbabalik sa view sa isang malinis na fit.

Ang free canvas (Design)

Nagdaragdag ang mga free-canvas na tool ng working surface sa paligid ng artboard, parang pasteboard ng isang designer:

Ang libreng canvas ng Design - ang artboard kasama ang pasteboard na nakapaligid ditosigned by LollyPNGI-check mo mismoGet the signed filepixels, not shapes543 KBAng libreng canvas ng Design - ang artboard kasama ang pasteboard na nakapaligid ditosigned by LollyPNGI-check mo mismoGet the signed filepixels, not shapes490 KB

I-flip ang isang selection. Mag-right-click sa anumang box at piliin ang Flip horizontal o Flip vertical para i-mirror ito sa lugar, o pindutin ang Shift+H / Shift+V mula sa keyboard - Shift, dahil ang hubad na V ay ang Pointer tool. Nagmi-mirror ang bawat napiling box sa sarili nitong axis sa isang undo step, at tunay na transform ang mirror, kaya nananatili ito sa na-export na SVG, PDF at PNG at hindi lamang sa canvas.

Pagguhit ng sarili mong hugis (ang pen)

Sapat na ang mga box, bilog at rounded frame para sa karamihan ng layout. Kapag kailangan mo ng hugis na wala sa listahang iyon, iguhit mo: inilalagay ka ng Pen na button sa rail (o ng P key) sa drawing mode. Tatlong solong key ang naglilipat sa pagitan ng mga mode - V pabalik sa Pointer, P para sa Pen, N para sa node tool (Edit points) - at ang Pointer ang laging labasan mula sa kung nasaan ka man.

Ang tool rail ng free canvas: isang drag grip, ang Lolly menu, tapos Pointer, Add a box, Pen, Edit points, Line, Timeline, Artboards at Auto-arrangesigned by Lollyvector SVGI-check mo mismoGet the signed file36 paths206 nodes31 groups22 KBAng tool rail ng free canvas: isang drag grip, ang Lolly menu, tapos Pointer, Add a box, Pen, Edit points, Line, Timeline, Artboards at Auto-arrangesigned by Lollyvector SVGI-check mo mismoGet the signed file36 paths206 nodes31 groups22 KB

Ang resulta ay isang ordinaryong box sa canvas. Ilipat ito, baguhin ang laki nito, iikot ito, i-group ito, i-align ito, i-restack ito, bigyan ito ng fill, gradient, anino o opacity - kumikilos ang isang path gaya ng bawat ibang box, at wala ni isa sa mga control na iyon ang tumatrato rito nang iba.

Dumarating din itong may kulay na. Ang unang path na iginuhit mo ay kumukuha ng fill at stroke na ibinibigay ng brand mo sa isang path, at pagkatapos noon ay kinukuha ng bawat bagong path ang huli mong ginamit - magtakda ng fill nang minsan at magpatuloy sa pagguhit, sa halip na kulayan muli ang bawat hugis. (Sa isang tool na walang sinasabi ang brand tungkol sa mga path, ang iginuhit na path ay may stroke na kulay na nakita mong ginamit habang iginuguhit ito, kaya hindi ito kailanman nagiging invisible.)

Pag-edit muli sa mga point. I-double-click ang hugis (o gamitin ang Edit points sa object bar) at babalik ang mga point. I-drag ang isang point para ilipat ito, i-drag ang isang handle para baguhin ang tutok nito, i-click kahit saan sa kurba para magpasok ng point, rubber-band ang isang grupo ng point at pindutin ang Delete para alisin ang mga napili. Laging may hindi bababa sa dalawang point ang isang path, kaya hindi mo ito maaaksidenteng mabura nang tuluyan.

Ang Spline type ang nagpapasya kung anong uri ng kurba ang dumadaan sa mga point mo, at ito ang pagpiling sulit intindihin:

UriAng ginagawa nito
Smooth (auto)Ang default. Kinakalkula nito ang sariling haba ng mga handle, kaya ang simpleng click-click-click ay nagbibigay ng tunay na makinis na kurba nang walang pakikipagbuno sa mga handle. Kung magtatakda ka ng handle, itinatali nito ang direksyon at nananatili sa kurba ang pagmamay-ari ng haba.
Bezier handlesAng klasikong pen. Ang mga handle ang control point, at ang pagpasok ng point ay hindi kailanman naggagalaw sa kurba.
Through the pointsDumadaan nang eksakto sa bawat point na inilagay mo, walang handle.
B-splineDumadaloy malapit sa mga point sa halip na dumaan sa mga ito, para sa mas malambot na hugis.
Straight linesIsang polyline.

Ang paglipat ng umiiral na path sa isang uring kumakalkula ng sarili nitong handle ay nagtatanong muna, dahil hindi na mababawi ang mga haba ng handle na itinakda mo - laging walang bawas ang paglipat sa Bezier handles. Sa gitna ng pagguhit ay walang prompt: dumederetso ang paglipat sa draft, at kasama roon ang anumang handle na nahila mo na. Sa mga uring may hawak sa sariling handle, bahagyang nagbabago ang hugis ng kurba kapag nagpasok ka ng point; sa Bezier handles ay hindi.

May dala ring continuity rule ang bawat point, na ipinapakita ng hugis nito sa canvas - parisukat para sa Corner (magkahiwalay na gumagalaw ang mga handle), bilog para sa Smooth (nananatiling magkahanay ang mga handle), bilog na may singsing para sa Symmetric (magkahanay at magkapantay ang haba). Itakda ito para sa alinmang napiling point at agad itong susundin muli ng kurba.

Dalawang pen path na direktang na-render mula sa isang link: isang S-curve na may stroke at isang saradong blob na may fillsigned by Lollyvector SVGI-check mo mismoGet the signed file5 paths38 nodes7 groups5 KBDalawang pen path na direktang na-render mula sa isang link: isang S-curve na may stroke at isang saradong blob na may fillsigned by Lollyvector SVGI-check mo mismoGet the signed file5 paths38 nodes7 groups5 KB

Ang iginuhit na path ay dala rin ng link gaya ng lahat ng iba, kaya ang hugis na iginuhit mo ay muling bumubukas mula sa isang share link at magkatulad ang render nito mula sa CLI. Walang bahagi nito ang nakadepende sa editor.

Pagsasama ng mga hugis (path operations)

Pumili ng dalawa o higit pang hugis, i-right-click ang canvas (two-finger tap sa touch) at ihahain ng menu ang mga operasyong inaasahan mo sa isang drawing app:

May tatlo pang gumagana sa iisang hugis: ang Outline stroke… ay ginagawang hugis na may fill ang isang stroke sa parehong outline (kapaki-pakinabang kapag gusto mong panatilihin ang kapal nang eksakto sa pagkakaguhit), ang Offset path… ay pinalalaki ang silweta palabas o, kapag negatibong numero, pinaliliit ito papasok, at ang Simplify ay muling binubuo ang isang path nang mas kaunti ang segment sa parehong hugis.

Isang gasuklay at isang singsing na may tunay na butas, pareho ay gawa ng Subtractsigned by Lollyvector SVGI-check mo mismoGet the signed file5 paths47 nodes7 groups5 KBIsang gasuklay at isang singsing na may tunay na butas, pareho ay gawa ng Subtractsigned by Lollyvector SVGI-check mo mismoGet the signed file5 paths47 nodes7 groups5 KB

Ang resulta ay isang bagong path na patuloy mong mae-edit gamit ang pen. Tunay na butas ang mga butas - ang Fill rule na control sa stroke panel ang nagpapasya kung ang magkakapatong na contour ay pupunuin (non-zero) o bubutasan (even-odd).

May dalawang bagay na sadyang hindi ginagawa ng mga operasyong ito. Tumatanggi sila sa halip na manira: subukang i-intersect ang dalawang hugis na hindi nagsasapawan at sasabihin sa iyong walang matitira, at walang magbabago. At ang text at image box ay walang outline na mapagtatrabahuhan, kaya hinahayaan na lang sila sa halip na tayahin sa pamamagitan ng frame nila. Ang pinagsamang resulta ay iniimbak bilang payak na Bezier curve, na siya ring ginagawa ng isang drawing app - hindi nakakaligtas sa operasyon ang orihinal na spline type.

Timeline (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 SVGI-check mo 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 SVGI-check mo mismoGet the signed file104 paths~7.2k nodes157 groups2 images97 KB

Nagdaragdag ang Sequence Studio ng oras sa free canvas. Bawat box ay puwedeng magsimula sa isang sandali, tumakbo nang may haba at mag-animate papasok at palabas, at ang timeline na nakadock sa ilalim ng artboard ang pinag-aayusan mo sa kanila. Buksan mo ito at may tumutugtog nang sequence - isang title card, isang clip, isang end card, isang lower-third at isang music bed - kaya nakikita ang modelo bago ka pa magbago ng kahit ano.

Ang timeline ng Sequence Studio: ang transport, ang ruler, isang overlay lane, ang magnetic sequence row kasama ang mga clip at seam chip nito, at ang Always on stripsigned by Lollyvector SVGI-check mo mismoGet the signed file73 paths~5.4k nodes115 groups80 KBAng timeline ng Sequence Studio: ang transport, ang ruler, isang overlay lane, ang magnetic sequence row kasama ang mga clip at seam chip nito, at ang Always on stripsigned by Lollyvector SVGI-check mo mismoGet the signed file73 paths~5.4k nodes115 groups80 KB

May dalawang uri ng row, at ang pagkakaiba nila ang buong punto:

Ang editing stage: ang artboard sa gitna at harapan, ang tool rail sa kaliwa at ang zoom HUD sa suloksigned by Lollyvector SVGI-check mo mismoGet the signed file19 paths852 nodes30 groups20 KBAng editing stage: ang artboard sa gitna at harapan, ang tool rail sa kaliwa at ang zoom HUD sa suloksigned by Lollyvector SVGI-check mo mismoGet the signed file19 paths839 nodes30 groups20 KB

Ang pagbukas sa timeline ay nagbibigay dito ng keyboard, kaya ang Space at ang mga arrow key ang nagpapatakbo sa playhead sa halip na sa pahina - at dahil bumubukas ito nang mag-isa sa isang komposisyong may timing na, totoo iyon sa mismong sandaling mag-load ang Sequence Studio.

Mas malalim ang tinatalakay ng Ang sequence editor sa apat na bagay na nagpapasya kung mahuhulaan ang pakiramdam ng pag-edit sa oras: kung aling clip ang ine-edit ng isang click sa canvas, ang onion-skin na anino ng mga katabing clip, ang saklaw ng split at ang Join na nagbabawi sa isang hiwa, at ang pagtitrim (kasama ang set ng keyboard). Pindutin ang ? habang naka-focus ang timeline para sa shortcut sheet.

Pag-edit. I-drag ang gitna ng isang clip para ilipat o ayusin muli ito, mag-drag sa loob ng ilang pixel mula sa alinmang dulo para i-trim ito, at pindutin ang Split at playhead (o S) para hatiin ang isang clip sa dalawa. Kailangan ng Split ng clip na may tunay na Length at ng playhead na medyo nasa loob nito, kaya hindi mahahati ang isang open-ended na clip (ang music bed, halimbawa). Naka-on bilang default ang Snap to edges at nagsi-snap ito sa mga gilid ng clip, sa playhead at sa buong segundo, at may Alt para lampasan ito. Bawat drag ay iisang hakbang ng undo, at ang drag preview ay tumatakbo sa parehong aritmetika ng commit, kaya ang nakikita mo habang nagda-drag ang siya mong makukuha.

Pumili ng clip at ibibigay sa iyo ng inspector ang parehong mga pag-edit bilang numero: Length, Trim in (gaano kalalim sa source ito nagsisimula), Speed bilang set ng nakatakdang multiplier mula ×0.25 hanggang ×4, Animate in / Animate out kasama ang haba nila at Mute clip. Sadyang walang Start na field ang clip sa magnetic row - ang row ang may hawak sa pagkakasunod-sunod, kaya nagda-drag ka para ilipat ito.

Ang Transitions ay mga preset, hindi keyframe: Fade, Pop, Grow, Rise, Drop, ang apat na Slides, Zoom in at out, Tilt, Swoop, Spin, Drift o Cut (no animation). Nakabatay sa laki ng object ang mga distansya, kaya tama pa rin ang dating ng parehong preset sa isang full-frame na card at sa isang maliit na badge. Sa pagitan ng dalawang magkatabing clip sa sequence row ay may seam chip: i-click ito at piliin ang Cut o Crossfade, na agad na ilalapat at magsasara. Buksan muli ang parehong chip para baguhin ang Length (ms) at pindutin ang Done. Ang crossfade ay iniimbak bilang isang fade out ng isa at isang fade in ng susunod, at ang aktuwal na dissolve ay kinukuha ng export mula sa pares na iyon - kaya nga parang dalawang fade ang crossfade sa preview at tunay na paglipat naman sa file.

Tunog. Magdagdag ng Audio na clip at mabubuhay ito sa timeline gaya ng anumang ibang clip: waveform, trim, mute. (Ang binuong bed na kasama sa default na session ang tanging eksepsiyon - sinisintesa ito sa oras ng export, kaya nananatiling payak at tahimik ang bar nito hangga't hindi ka nagre-render.) Pindutin ang mic para mag-record ng voiceover diretso sa timeline, may count-in at level meter, at nase-save ang take bilang sarili mong asset sa puntong sinimulan mo. Pindutin ang camera sa tabi nito para mag-record ng video sa parehong paraan: naka-crop ang take sa export size ng artboard habang ito'y nire-record, kaya ipinapakita ng maliit na self-view kung ano mismo ang mapupunta sa sequence sa playhead, full frame - ang paraan para makuha ang clip ng isang kasamahan mula sa isang shared link. Ang musika, diyalogo at ang sariling soundtrack ng isang clip ay pawang umaabot sa na-export na mix. (Ibang bagay ang Audio track ng export panel: isang bed na inilalatag sa ilalim ng buong clip, may fade at ducking. Magkasamang umiiral ang dalawa.)

Pag-render nito. Ang motion export ay isang deterministic composite, hindi screen recording - ang bawat frame ay dine-decode, iginuguhit at ine-encode sa eksaktong oras, kaya hindi nakadepende ang file sa pagsabay ng makina mo, at walang praktikal na hangganan ng frame sa MP4 o WebM. Ang sariling haba ng timeline ang nagtatakda ng tagal maliban kung magta-type ka ng isa. Itinatatak ang Content Credentials gaya sa alinmang ibang export. Ang still na export ay nagbibigay sa iyo ng frame sa playhead, o ng buong contact sheet mula sa Frames na field sa tabi ng laki ng output - tingnan ang Pag-export.

Ilang limitasyong dapat tandaan: may hangganang isang oras ang isang sequence, nagbu-buffer ng frame ang GIF at animated PNG kaya nananatili silang maikli, tahimik ang audio sa clip na hindi ×1 ang bilis (wala pang time-stretching) at nakatago rito ang Record live dahil mas mainam na daan ang compositor.

Higit pa sa mga preset: keyframe, depth, at isang camera. Ang isang transition ay nagbibigay ng animation sa isang clip habang dumarating at umaalis ito. Para i-pose ang isang box sa loob ng isang clip - paganahin itong lumutang, mag-fade, mag-blur, angatin ito mula sa page, at ibalik ito - magdagdag ng keyframe: piliin ang clip, pindutin ang +Keyframe (ang diamond sa tool cluster ng timeline, ang diamond sa object bar ng canvas, o K) at ang posisyon ng playhead ang magpapasya kung aling pose ang isusulat ng susunod mong edit. Ang parehong keyframe system ay nagbibigay sa bawat timed na komposisyon ng isang camera na pumapasok, nag-pan sa buong eksena, at humuhugot ng focus, na ginagawang isang stack ng mga layer mula sa isang patag na SVG na maaari mong lipatan. Ang Animating ang buong gabay.

May parehong timeline ang Design na tool, kaya puwede mong bigyan ng timing ang isang layout nang hindi lumilipat sa ibang tool, at nag-e-export din ito ng motion.

Pagpepresenta

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

Ang isang Design na dokumentong binubuo ng mga artboard ay deck na. Buksan ang Lolly menu sa tool rail at piliin ang Present - ang huling row - at magiging full-screen na slide ang bawat artboard, ayon sa pagkakasunod-sunod ng mga artboard sa canvas. Tumatakbo ang deck sa isang kopya ng mga na-render na artboard, kaya hindi nagagalaw ang editor sa ilalim at ibinabalik ka nang eksakto sa pinanggalingan mo kapag umalis ka.

Link din ang deck. Ang ?present ay dumederetso rito, ang s= ay nagpapangalan sa slide - isang posisyon, isang artboard id o id.step para sa isang build step - at nag-a-update ang address habang gumagalaw ka, kaya ang ipinapadala mo ay ang slide na kinaroroonan mo. Sa mga tool author: nakadokumento ang mga parameter na iyon sa pahinang URL Mode.

Sa telepono

Sa makikitid na screen, dumadaloy ang layout tungo sa iisang column:

Isang tool sa screen na kasinlapad ng telepono - mga control bilang sheet sa itaas, ang binuong palette na pumupuno sa preview sa ibaba at ang render pill na lumulutang sa ibaba-gitnasigned by Lollyvector SVGI-check mo mismoGet the signed file61 paths~2.9k nodes128 groups2 images72 KBIsang tool sa screen na kasinlapad ng telepono - mga control bilang sheet sa itaas, ang binuong palette na pumupuno sa preview sa ibaba at ang render pill na lumulutang sa ibaba-gitnasigned by Lollyvector SVGI-check mo mismoGet the signed file61 paths~2.9k nodes128 groups2 images72 KB

Mga control (inputs)

Inilalabas lang ng mga tool ang mga input na nilayong mag-iba-iba - ang lahat ng iba pa (kulay, layout, tipograpiya, lohika) ay nakakandado ng may-akda ng tool, kaya ang anumang gawin mo ay umaayon sa mga patakarang itinakda ng may-akda. Kabilang sa mga input ang teksto, slider, colour picker, dropdown, petsa, image picker at paulit-ulit na row group. May ilang nakagrupo sa ilalim ng mga collapsible section.

Ang control stack ng isang tool - isang text field, mga colour trigger at isang slider, at wala nang iba dahil ikinandado ng may-akda ang lahat ng iba pasigned by Lollyvector SVGI-check mo mismoGet the signed file19 paths~2.1k nodes45 groups1 image31 KBAng control stack ng isang tool - isang text field, mga colour trigger at isang slider, at wala nang iba dahil ikinandado ng may-akda ang lahat ng iba pasigned by Lollyvector SVGI-check mo mismoGet the signed file19 paths~2.1k nodes45 groups1 image31 KB

Reset: Ibinabalik ng Clear changes ang bawat input sa mga default nito.

Undo at redo

Ang Cmd/Ctrl-Z ay bumabalik at ang Cmd/Ctrl-Shift-Z (o Cmd/Ctrl-Y) ay sumusulong muli. Ang parehong pares ay nakaupo bilang Undo at Redo na button sa row sa itaas ng mga control - sa free canvas ay nasa tool rail sila - at kumukupas ang bawat isa habang wala nang mababawi. Sinasabi ng bawat hakbang kung ano iyon: mag-undo ng kulay at pangangalanan ng maliit na mensahe ang input na kaka-restore lang nito, na may Redo na button dito para sa pagbabalik.

Sa isang live na collaboration, ang history ay nananatiling sa iyo lamang. Ang isang pagbabagong dumarating mula sa ibang device ay hindi kailanman napupunta sa stack mo, kaya ang undo ay maaari lang bumawi sa isang bagay na ginawa mo mismo.

Mga detalye mo at headshot

Ang Profile (kanang itaas ng gallery) ang may hawak ng pangalan mo, mga detalye sa pakikipag-ugnayan at isang opsyonal na headshot. Ang mga tool na humihingi ng mga field na iyon ay awtomatikong pinupunan ang mga ito - itakda ang mga ito nang minsan at kusang mapupunan ang email signature, lockup at badge mo. Puwede mo pa ring palitan ang alinmang field kada session. Sumang-ayon gamit ang Use my details to create para sumama ang mga detalye mo bilang may-akda ng ini-export mo.

Ang headshot at mga detalye mo ay nakatira sa device na ito lamang. Puwedeng higit pa sa iyo ang isang profile - isang koponan o isang tungkuling pinapasok mo paminsan-minsan. Tingnan ang Mga profile para sa buong larawan, kasama ang pagkakaroon ng higit sa isa.

Pag-save at pagpapatuloy

I-click ang Save para itago ang kasalukuyang mga input bilang isang session para sa tool na iyon. Puwede kang magtago ng maraming pinangalanang session kada tool; ang Continue na button ng bawat tool ay muling binubuksan ang pinakahuli mo, at ang history button (kanang itaas, katabi ng profile mo) ay naglilista ng bawat naka-save na session sa lahat ng tool. Nasa device lang ang mga session. Para ayusin ang mga ito, buksan ang Projects (sa ibaba).

Ang render pill na may dalawang kalahati - isang pataas na arrow na nagbubukas ng export panel, at isang tsek na nagse-save ng session sa kinalalagyan nitosigned by Lollyvector SVGI-check mo mismoGet the signed file2 paths240 nodes10 groups7 KBAng render pill na may dalawang kalahati - isang pataas na arrow na nagbubukas ng export panel, at isang tsek na nagse-save ng session sa kinalalagyan nitosigned by Lollyvector SVGI-check mo mismoGet the signed file2 paths240 nodes10 groups7 KB

Projects

Ang Projects - buksan ito mula sa Projects na tab sa tabi ng Tools, o mula sa Profile → Storage → Organise in Projects - ay tahanan ng lahat ng naka-save mo, at gumagana ito tulad ng isang file manager:

Projects - mga naka-save na session na nakaayos sa mga folder na puwedeng ilagay sa loob ng isa pasigned by Lollyvector SVGI-check mo mismoGet the signed file79 paths~7.7k nodes104 groups179 KBProjects - mga naka-save na session na nakaayos sa mga folder na puwedeng ilagay sa loob ng isa pasigned by Lollyvector SVGI-check mo mismoGet the signed file79 paths~7.7k nodes104 groups180 KB

Bukas ang View and sort na popover sa Projects, may row para sa theme, isang View na pagpipilian sa pagitan ng Preview o List at ang Name, Date added at Last modified sa ilalim ng Sortsigned by Lollyvector SVGI-check mo mismoGet the signed file11 paths~1.3k nodes21 groups19 KBBukas ang View and sort na popover sa Projects, may row para sa theme, isang View na pagpipilian sa pagitan ng Preview o List at ang Name, Date added at Last modified sa ilalim ng Sortsigned by Lollyvector SVGI-check mo mismoGet the signed file11 paths~1.3k nodes21 groups19 KB

Ang inaalok ng selection bar ay bahagyang nagkakaiba kada view, dahil hindi lahat ng aksyon ay may saysay saanman:

Isang bitag sa label: umiiral lang ang View sessions kapag may bagay nang napili. Ang pag-right-click sa isang card na hindi napili ay nag-aalok naman ng N saved sessions, na binubuksan ang sariling history dialog ng tool na iyon sa halip na dalhin ka sa Projects.

Dalawang tool card na naka-tick sa Tools gallery, kasama ang floating selection bar na nagsasabing "2 selected" at nag-aalok ng Available offline, View sessions, Favourite, at Hidesigned by Lollyvector SVGI-check mo mismoGet the signed file278 paths~46k nodes495 groups4 images1,183 KBDalawang tool card na naka-tick sa Tools gallery, kasama ang floating selection bar na nagsasabing "2 selected" at nag-aalok ng Available offline, View sessions, Favourite, at Hidesigned by Lollyvector SVGI-check mo mismoGet the signed file280 paths~46k nodes500 groups5 images1,227 KB

Pagbabahagi ng gawa mo

Dalawang paraan ang labasan ng isang disenyo: bilang link o bilang file. Inaalok ng Share dialog ang pareho. Buksan ito gamit ang Share sa export controls; ang Share link sa isang naka-save na session sa Projects ay binubuksan ang parehong dialog para sa session na iyon.

Nakukuha sa URL ng pahina ang bawat input, kaya ang link ang disenyo mismo. Sa itaas ng dialog nakaupo ang handang-kopyahing link, na may dalawang nakatiklop na seksyon sa ilalim nito.

I-paste ang link sa isang katrabaho, i-bookmark ito o i-commit ito. (Buong detalye: URL Mode.)

May mga tool na ginagawang buong produkto ang link. Tinitipon ng Jump Page ang mga link mo sa isang page para ibigay - isang bio link, isang talumpati sa conference, isang shop front. Walang kailangang i-host at walang account sa likod nito: ang page ang link, kaya bumubukas ito kasing bilis ng paglalakbay ng URL. Sa editor, makikita mo ang tapos na page sa tabi ng mga field; ang isang bisitang nagbukas ng link ay makakakuha nito sa buong lapad, isang link kada eksena habang nag-i-scroll sila.

Jump Page sa editor - ang heading, tatlong eksena ng link bawat isa may sariling wash, at isang footer na Made with Lolly, na naka-layout bilang isang page sa canvassigned by Lollyvector SVGI-check mo mismoGet the signed file12 paths~2.4k nodes28 groups30 KBJump Page sa editor - ang heading, tatlong eksena ng link bawat isa may sariling wash, at isang footer na Made with Lolly, na naka-layout bilang isang page sa canvassigned by Lollyvector SVGI-check mo mismoGet the signed file12 paths~2.4k nodes28 groups30 KB

Sinasabi ng dialog kung ano ang hindi kayang dalhin ng isang link. May tatlong bagay na hindi kasya sa isang URL: isang larawan o file na idinagdag mo mula sa device na ito, isang napakahabang halaga ng teksto o isang napakalaking listahan. Binibilang ang bawat isa habang binubuo ang link. Kung may kinailangang alisin, pinangangalanan ito ng dialog at itinuturo ka nito sa file sa ibaba, sa halip na abutan ka ng link na bumubukas nang nawawala ang larawan. Ang link na mahaba lang ay binibigyan ng mas banayad na paalala kasama ang bilang ng karakter nito, dahil kaya pang isalba ng packing ang haba.

Ang .lolly na file

Ang Download .lolly, na nasa Share dialog ng tool na pinagtatrabahuhan mo, ay isinusulat ang parehong disenyo bilang isang file. Dala nito ang naka-save na session kasama ang mga larawan at file na idinagdag mo mula sa device mo. Sumasakay din sa loob nito ang mga catalogue na likhang ginagamit ng disenyo, kaya kumpletong bumubukas ang file sa isang makinang hindi pa nakakakita ng brand mo. Kung may share sheet ang device mo, ang Send to… ay diretsong iniaabot dito ang file na iyon (AirDrop, isang Android share) sa halip na i-save ito sa disk.

Ang .lolly ay isang ordinaryong zip. Palitan ang pangalan nito ng .zip at buksan ito: ang sarili mong mga larawan ay nasa ilalim ng assets/uploads/ at ang catalogue na likha ay nasa assets/catalog/, bawat isa ay may tunay na pangalan at extension, nakalista sa manifest.json ang bawat isa at sinasabi ng README sa itaas kung ano ang file.

May tatlong bagay na ikaw ang magpapasya bago ito umalis:

Pagbukas ng isa. I-drop ang isang .lolly sa app: pupunta ang mga asset sa library mo, pupunta ang session sa Projects, at bubukas ang tool dito. Walang sa iyo ang mao-overwrite: dumarating ang session bilang isang bagong naka-save na slot, samantalang ang isang asset na nasa device na ito ay tinutugma gamit ang checksum at ginagamit muli sa halip na duplicado. Sinusuri ang bawat bahagi laban sa sariling checksum ng file habang papasok, kaya ang isang kopyang nasira sa transit ay tatanggihan sa halip na kalahating ma-import.

Kung may dalang tool ang file na wala sa iyo, nagtatanong ang Lolly bago tumakbo ang tool na iyon: pinangangalanan ng Trust this tool? ang tool at ang may-akda nito at malinaw nitong sinasabi na ang pagbukas dito ay nagpapatakbo ng sariling code ng tool sa device mo, at ang Trust & install ang daan papasok. Tumanggi ka at nase-save pa rin sa projects mo ang ibinahaging gawa, naghihintay doon sa araw na idagdag mo ang tool. (May isang uri ng tool na hindi pa puwedeng i-sideload - ang code nito ay ipinapadala bilang isang module - at tinatanggihan din ito sa parehong paraan.)

Parehong nag-aabot ng snapshot ang isang link at ang isang file. Para magtrabaho sa parehong session nang sabay sa iba - dalawang device, walang server, hindi kailangan ng internet kung nasa iisang network kayo - tingnan ang Pagtutulungan.

Live camera (mga tool na tumutugon sa galaw)

Bawat photo Filter - Halftone, Scanline, Posterize, Voronoi cells, Colour treatment, Pixel stretch at Imperfections - ay nagpapakita ng Go live na button kung saan may kamerang magagamit. I-on mo ito at susundan ng epekto ang webcam mo frame kada frame, kaya tumutugon ito sa galaw; puwede mong i-record ang resulta sa GIF, WebM o MP4. Ang mga frame ay binabasa at pinoproseso sa device mo at hindi kailanman umaalis dito, at ibinibitiw ang kamera sa mismong sandaling huminto ka o umalis sa tool. (May Take a photo din ang bawat image picker para kumuha ng iisang frame bilang larawang nasa device.)

My images

Kapag pinayagan ka ng isang tool na magdagdag ng larawan mula sa device mo, itinatago ito nang eksakto sa dating nito - kaya nabe-verify pa rin ang Content Credential dito - at nase-save sa personal mong My images na library (sa ilalim ng Profile → Storage). Tanging ang talagang napakalaking file ang nagtatanong kung itatago o babaguhin ang laki nito. Gamitin itong muli sa anumang tool. Para linisin ang EXIF/GPS habang pumapasok ang mga larawan, i-on ang Strip metadata from uploads sa profile mo. Walang hangganan: ganap na lokal ang library at limitado lang ito ng imbakan ng device mo - pamahalaan o burahin ang mga larawan doon.

Ang Catalogue - ang library ng mga asset mo

Ang Catalogue (#/c, o ang Catalog na bahagi ng Projects · Tools · Utilities · Catalog na switch sa itaas ng bawat listing view) ay tinitipon ang lahat ng puwedeng gamitin ng mga tool mo - mga brand logo, larawan, audio at motion, nakagrupo ayon sa uri - at dito rin nakatira ang sarili mong mga creative file. Walang server, walang admin console, walang pull request: nasa device mo ang lahat.

Ang Catalogue - mga brand asset, swatch at font, kasama ang sarili mong mga uploadsigned by Lollyvector SVGI-check mo mismoGet the signed file456 paths~43k nodes707 groups1,022 KBAng Catalogue - mga brand asset, swatch at font, kasama ang sarili mong mga uploadsigned by Lollyvector SVGI-check mo mismoGet the signed file456 paths~43k nodes707 groups1,022 KB

Dalhin ang palette at font mo kahit saan

Higit pa sa pagpapakita ang ginagawa ng Swatches na panel ng Catalogue - i-click ang isang kulay para kopyahin ito, o i-download ang buong brand palette sa format na sinasalita ng iba mong tool:

Ang Swatches na panel - ang limang palette download button sa itaas, tapos ang bawat brand na kulay bilang chip na puwedeng kopyahinsigned by Lollyvector SVGI-check mo mismoGet the signed file196 paths~22k nodes282 groups302 KBAng Swatches na panel - ang limang palette download button sa itaas, tapos ang bawat brand na kulay bilang chip na puwedeng kopyahinsigned by Lollyvector SVGI-check mo mismoGet the signed file196 paths~22k nodes282 groups302 KB

Nililista ng Fonts na panel ang mga brand face mo na may download sa tabi ng bawat isa, para i-install nang lokal o iabot sa isang print shop. (Ang Colours room ng Brand Studio ay nag-aalok ng parehong palette download.)

Ang mga asset ay isang kalahati ng bukas at gawin-mo-mismo na landas; ang kabila ay ang paggawa ng sarili mong mga tool - ang free canvas (Design, inilarawan sa itaas) ang nagpapagawa sa iyo ng isa nang biswal, walang kailangang code.

Tunog at accessibility

Layunin ng Lolly na maging kumportableng gamitin para sa lahat. Nanabigahan ang interface sa keyboard, may wastong label ang mga custom na control para sa mga screen reader at ang buhay na preview ng bawat tool ay inilalabas bilang isang naka-label na larawang naglalarawan ng ginagawa nito.

May marahang layer ng assistive sounds na nagpapatunay sa ginagawa mo - ang pagdating sa gallery, isang wasto laban sa hindi wastong pagsusuri ng Content Credentials, ang pagsara ng isang panel, ang paglipat ng filter. Naka-off ito bilang default: i-on ang Sound saanman lumitaw ang switch (sa options popover ng bawat view, o sa Profile), at naaalala ang pinili mo.

May apat na opt-in na comfort setting sa ilalim ng Profile → Accessibility: ang Reduce motion (inaalis ang mga transition at palamuti ng app), ang Hide colourful previews (mahinahong icon-at-teksto na gallery card, at mas tahimik na project thumbnail), ang High contrast (mas malakas na border, teksto at focus ring) at ang Large text (mas malaking tipo ng app - mga label, menu, teksto ng button). Ang apat ay pinapakalma ang app sa paligid ng gawa mo: hindi sila kailanman umaabot sa loob ng isang tool canvas o nagbabago ng kahit isang pixel ng ini-export mo, at naka-off ang bawat isa hangga't hindi mo ino-on. Buong detalye sa Ang profile mo → Accessibility.

Sa tabi ng Sound na switch ay ang Neurospicy Mode - isang opsyonal at nakakakalmang background focus track na tahimik na tumutugtog habang nagtatrabaho ka. Ang pag-on nito ay nagbubukas ng maliit na player dock sa ibabang sulok na sumusunod sa iyo sa buong app; mula rito ay puwede kang maghanap at pumili ng track, lumaktaw pasulong at paurong, itakda ang lakas at i-minimise o isara ito. Sumasaklaw ang listahan ng track sa ilang kategorya - mga procedural na himig ng Lolly Sings, ambient na loop at beat, sarili mong na-upload na audio at ilang live na internet radio na istasyon (kailangan ng koneksyon ang mga ito; offline na tumutugtog ang lahat ng iba). Naka-off ito bilang default at, gaya ng Sound, naaalala ito sa lahat ng session at device. Ang pag-off sa Sound ay pinapatahimik din ang focus track.

Imbakan at privacy

Nakaimbak ang lahat sa lokal na database ng browser mo (IndexedDB): ang profile mo, ang mga naka-save na session, ang mga na-upload na larawan at isang cache ng na-download na nilalaman ng catalog. Ipinapakita ng Profile → Storage ang paggamit at pinapayagan ka nitong:

Ang storage card sa screen na kasinlapad ng telepono: pinangalanan ang bawat kategorya ng datos na nasa device, kasama ang Clear all my data na button sa ibabasigned by Lollyvector SVGI-check mo mismoGet the signed file14 paths~2.0k nodes39 groups28 KBAng storage card sa screen na kasinlapad ng telepono: pinangalanan ang bawat kategorya ng datos na nasa device, kasama ang Clear all my data na button sa ibabasigned by Lollyvector SVGI-check mo mismoGet the signed file14 paths~2.0k nodes39 groups29 KB

Wala sa lokal na datos na ito ang ipinapadala kahit saan - walang telemetry, walang cloud rendering. Ang kumpletong listahan ng kung ano ang kinukuha o ipinapadala ng app ay nasa Privacy Policy, at inililista ng Server Surface ang mga opsyonal na bahagi ng server.

Paglipat sa ibang device

Dahil nasa device mo ang lahat, pinapayagan ka ng Profile → Storage → Move to another device na dalhin ang lahat sa isang pangalawang install - walang account, walang cloud:

Hindi kasama ang catalog cache - muli itong nagda-download sa bagong device. Ang bundle ay isang payak na zip (manifest.json + profile.json + sessions.json + assets.json + assets/blobs/… + prefs.json, format id lolly-backup), kaya buo itong nakakaligtas sa email, USB o AirDrop at ito rin ang format na binabasa ng bawat shell. May checksum ang bawat bahagi, kaya ang file na nasira sa daan ay nahuhuli sa pag-import sa halip na ma-restore nang kalahating sira. (Buong spec ng format: Data Transfer.)

Pag-import ng disenyo (Figma, Penpot, Illustrator, InDesign)

Puwede mong dalhin sa Lolly ang isang umiiral na disenyo at ipagpatuloy ang trabaho rito: buksan ang Design, i-click ang Import a design sa canvas toolbar, at pumili ng Figma na .fig o SVG, Penpot na .penpot, Illustrator na .ai / .pdf o InDesign na .idml. Nagiging mae-edit na box sa free canvas ang mga layer - nananatiling matitipa muli ang teksto, napupunta sa My images ang mga larawan at umaayon ang tipo at mga kulay sa mga brand global - tapos ang resulta ay nase-save, naibabahagi at nire-render gaya ng anumang ibang session. Ganap na nangyayari sa device mo ang pag-parse. Buong detalye: Pag-import ng disenyo.

Pag-export

Tingnan ang Pag-export at mga format para sa buong kuwento - pagpili ng format, laki ng output at mga print unit, transparency, video at copy/share. Sa madaling salita: pumili ng format, itakda ang laki kung kailangan at Download (o Copy papunta sa clipboard).

Batch (Pro) mode

Para sa mga power user, nagre-render ang Batch (naka-link mula sa gallery, nasa likod ng Pro feature flag, na naka-on bilang default) ng maraming baryasyon nang sabay - isang grid kung saan ang bawat row ay isang set ng mga input, na sabay-sabay na ini-export. Mainam para sa paglo-localise ng isang card sa isang dosenang wika o sa paggawa ng bawat baryasyon ng laki sa iisang pasada. Punan ang mga row sa pamamagitan ng pagtatype, pag-paste diretso mula sa spreadsheet o pag-import ng CSV (puwede ka ring mag-export pabalik ng isa), at itakda ang format, laki at output filename kada row. I-save ang buong grid bilang isang pinangalanang batch session na muling bubukas mula sa gallery, at i-download ang bawat row bilang iisang .zip.

Ang batch toolbar - pangalan ng zip, unit, DPI, at ang format na minamana ng bawat row, may Sessions at Render sa kanansigned by Lollyvector SVGI-check mo mismoGet the signed file31 paths~1.9k nodes50 groups4 images34 KBAng batch toolbar - pangalan ng zip, unit, DPI, at ang format na minamana ng bawat row, may Sessions at Render sa kanansigned by Lollyvector SVGI-check mo mismoGet the signed file31 paths~1.9k nodes50 groups4 images34 KB

Ang Batch ay para sa paggawa ng maraming baryasyon ng iisang template nang sabay. Para i-render muli ang mga session na naka-save mo na, gamitin ang Projects → Render folder / Render selection (sa itaas) - hindi kailangan ng Pro.

Magkatabing pag-edit (Multi-edit)

Ang Batch ay maraming variant ng isang disenyo. Ang Multi-edit ang kalahati pang bahagi ng trabaho: maraming magkakaibang naka-save na disenyo na bukas nang sabay-sabay, kaya isang pagbabago ang aaplikado sa lahat ng ito. Mag-tick sa pagitan ng dalawa hanggang walo na naka-save na session sa Projects at piliin ang Edit together mula sa selection bar; bubukas ang mga ito bilang live na card magkatabi sa #/multi?s=<slot>,<slot>…. Bawat card ay isang tunay na render ng session na iyon, hindi isang naka-imbak na thumbnail, kaya kung ano ang nakikita mo ay kung ano ang ie-export nito.

Isang sidebar ang nagpapatakbo sa lahat:

I-click ang alinmang canvas (o pindutin ang Enter dito) at bubukas ang sidebar card ng session na iyon at lilitaw ito sa view. Ang Save all ay isinusulat pabalik ang bawat session sa sarili nitong slot. Ang Download all ay nagse-save muna, tapos nire-render ang buong set sa parehong pipeline ng Render selection ng Projects - isang zip, kasama ang opsyonal na password lock na inaalok sa daan.

Dalawang tapat na limitasyon. Totoo ang hangganang dalawa-hanggang-walo: bawat card ay nagta-mount ng sarili nitong live runtime, at iyon ang bilang na nananatiling maagap - ang link na humihingi ng higit pa (o ng session na wala na) ay sasabihin ito sa halip na mag-load nang kalahati. At pinangangalanan ng link ang iyong mga naka-save na slot, kaya muli nitong binubuksan ang set na iyon sa device na ito; hindi ito isang share link.

Kapag mas malaki sa walo ang napili, may halong iba't ibang tool o may kasamang mga larawan bukod sa mga session, ang labasan ay ang Edit as sheet sa parehong selection bar: binubuksan nito ang buong napili bilang mga row sa batch grid (#/pro?s=…), walang limitasyon sa laki at walang panuntunang iisang tool. Wala sa dalawa ang mga folder - may sarili silang daan ng pagbukas sa grid. (Ang Search ang isang bagay na hindi pa umaabot dito: ang Multi-edit ang tanging view na hindi kilala ng search bar.)

Offline at pag-install

Ang Lolly ay isang PWA. Pagkatapos ng unang load ay gumagana ito offline - i-install ito mula sa address bar ng browser mo (o Add to Home Screen sa mobile) para sa isang parang-app at full-screen na karanasan. Nag-a-update ito nang mag-isa kapag online ka na muli.

Tungkol sa mga update: kung hindi ma-load ang isang view kaagad pagkatapos ng isang update (isang blangkong panel, isang "failed to fetch" sa sulok), i-reload ang page nang isang beses - kukunin ng app ang bagong bersyon nang malinis at hindi maaapektuhan ang trabaho, session, at brand mo. Iniimbak nito ang lahat sa device mo, hindi sa page.