Lolly'yi kullanma

Uygulamayı gerçekten kullanmaya dair pratik bir rehber - bir araç açmak, kanvasta çalışmak, dışa aktarmak, kaydetmek ve paylaşmak. Buradaki her şey cihazında çalışır: hesap yok, yükleme yok, ilk yüklemeden sonra internet gerekmez.

Yeni misin? Hızlı başlangıç seni dakikalar içinde bir şeyler üretir hale getirir, Operatörler için Lolly ise uygulamayı kurmayı/dağıtmayı anlatır; bu sayfa ise açıldıktan sonra onu kullanmakla ilgili.

Bir araç açma

Ana ekran galeridir - kategoriye göre gruplanmış tüm araçlar. Aracı açmak için bir karta tıkla; daha önce üzerinde çalıştıysan bir Devam et düğmesi en son oturumunu sürdürür. İsme göre filtrelemek için arama kutusunu kullan - ya da altı listeleme ekranının (galeri, Yardımcı araçlar, Projeler, Katalog, Panel ve Profil) altındaki çubuktan Ara; bu arama, araçların yanı sıra kaydedilmiş işlerine, kataloğa ve ayarlarına da ulaşır. Bir aracın içinde çubuk, aracın kendi arayüzüne yer açmak için kenara çekilir.

Araç galerisi - kategoriye göre gruplanmış, her biri bir kart olarak tüm araçlarsigned by Lollyvector SVGKendin kontrol etGet the signed file281 paths~38k nodes443 groups6 images2.269 KBAraç galerisi - kategoriye göre gruplanmış, her biri bir kart olarak tüm araçlarsigned by Lollyvector SVGKendin kontrol etGet the signed file281 paths~38k nodes443 groups6 images2.265 KBTry it in the app

Her araç bölünmüş bir görünümdür: bir tarafta kontroller, diğer tarafta canlı bir önizleme (kanvas). Herhangi bir kontrolü değiştir, önizleme anında güncellenir.

Bir aracın bölünmüş görünümü - solda kontrol yığını, sağda çizdiği canlı gruplu çubuk grafiksigned by Lollyvector SVGKendin kontrol etGet the signed file23 paths372 nodes11 groups21 KBBir aracın bölünmüş görünümü - solda kontrol yığını, sağda çizdiği canlı gruplu çubuk grafiksigned by Lollyvector SVGKendin kontrol etGet the signed file23 paths372 nodes11 groups21 KB

Birkaç araç (Design gibi) bunun yerine bir serbest kanvas olarak açılır - metin, şekil ve görsel kutularını sürüklediğin, yeniden boyutlandırdığın, döndürdüğün ve hizaladığın, metni yerinde düzenlemek için çift tıkladığın çerçevesiz, doğrudan manipülasyon yüzeyi. Diğer her araçla aynı oluşturma yolundan dışa aktarılır, yani kanvas, dosyanın ta kendisidir. Aşağıdaki Serbest kanvas bölümüne bak.

Izgarayı istediğin hâle getirmenin iki yolu var:

Araçlar ızgarasının sonu, gizli araçlar açığa çıkmış hâlde: soluk QR Code Generator kartı ve yanında onu yeniden görünür kılan, şimdi Hide hidden tools yazan gri kutucuksigned by Lollyvector SVGKendin kontrol etGet the signed file251 paths~29k nodes440 groups658 KBAraçlar ızgarasının sonu, gizli araçlar açığa çıkmış hâlde: soluk QR Code Generator kartı ve yanında onu yeniden görünür kılan, şimdi Hide hidden tools yazan gri kutucuksigned by Lollyvector SVGKendin kontrol etGet the signed file247 paths~29k nodes439 groups1 image729 KB

Lolly'ye sor

Aramak yerine sormayı tercih ettiğinde, Lolly'ye sor (#/ask) yazdığın soruyu alır ve bu belgelerin eşleşen bölümünü birebir geri verir - rehberlerin kendi sözleri, bir özet ya da bir üretim değil - geldiği sayfa kaynak gösterilerek ve yanında bir Belgelerde aç bağlantısıyla. Yanıtın altında, aynı sorunun uygulamada eşleştiği yerler durur: bir araç, bir ayar, kaydedilmiş bir proje; her biri seni oraya götüren birer düğme.

Döküm, oturum belleğidir: bir devam sorusu sor, konu ilerledikçe iş parçacığı birikir; sayfayı yenilediğinde sıfırdan başlar. Arama sonuçlarının en altında - diğer grupların bulduğu somut sonuçların altında - bir *Lolly'ye sor: sorgun*** satırı yer alır ve soruyu doğrudan buraya devreder, böylece çubukta başlayıp burada bitirebilirsin.

Kanvas (önizleme)

Önizleme her zaman tam olarak dışa aktarılacak şeyi gösterir.

Masaüstü

Kanvasın köşesindeki yakınlaştırma HUD'u - eksi, canlı yüzde, artı, Fit, ardından tema ve ses anahtarlarısigned by Lollyvector SVGKendin kontrol etGet the signed file5 paths199 nodes11 groups7 KBKanvasın köşesindeki yakınlaştırma HUD'u - eksi, canlı yüzde, artı, Fit, ardından tema ve ses anahtarlarısigned by Lollyvector SVGKendin kontrol etGet the signed file5 paths186 nodes11 groups7 KB

Dokunmatik

Bir kontrole atlamak için tıkla: Tasarımdaki herhangi bir öğeye tıkla, ilgili kenar çubuğu girdisi odaklanır ve görünüme kayar - tekrar eden bir satır grubunda tıkladığın satırı tam olarak açar, böylece gördüğünü düzenlemek tek dokunuş uzaklıktadır.

Bir boyut değişikliği görünümü her zaman temiz bir sığdırmaya geri döndürür.

Serbest kanvas (Design)

Serbest kanvas araçları, bir tasarımcının yapıştırma tahtası gibi, çalışma alanının etrafına bir çalışma yüzeyi ekler:

Design'ın serbest tuvali - çalışma yüzeyi ve onu çevreleyen yapıştırma masasısigned by LollyPNGKendin kontrol etGet the signed filepixels, not shapes543 KBDesign'ın serbest tuvali - çalışma yüzeyi ve onu çevreleyen yapıştırma masasısigned by LollyPNGKendin kontrol etGet the signed filepixels, not shapes490 KB

Bir seçimi çevir. Herhangi bir kutuya sağ tıkla ve yerinde aynalamak için Flip horizontal veya Flip vertical'i seç, ya da klavyeden Shift+H / Shift+V tuşlarına bas - Shift, çünkü tek başına V Pointer aracıdır. Seçili her kutu kendi ekseninde tek bir geri alma adımında aynalanır ve ayna gerçek bir dönüşümdür, bu yüzden sadece tuvalde değil, dışa aktarılan SVG, PDF ve PNG'de de kalıcıdır.

Kendi şekillerini çizmek (kalem)

Kutular, daireler ve yuvarlatılmış çerçeveler çoğu düzeni karşılar. Bu listede olmayan bir şekle ihtiyacın olduğunda onu çiz: raydaki Kalem düğmesi (ya da P tuşu) seni çizim moduna alır. Modlar arasında üç tek tuş gezdirir - V İşaretçi'ye geri, P Kalem'e, N düğüm aracına (Noktaları düzenle) - ve İşaretçi, içinde bulunduğun her şeyden çıkış yoludur.

Serbest kanvas araç rayı: bir sürükleme tutamacı, Lolly menüsü, ardından İşaretçi, Bir kutu ekle, Kalem, Noktaları düzenle, Çizgi, Zaman çizelgesi, Çalışma alanları ve Otomatik düzenlesigned by Lollyvector SVGKendin kontrol etGet the signed file36 paths206 nodes31 groups22 KBSerbest kanvas araç rayı: bir sürükleme tutamacı, Lolly menüsü, ardından İşaretçi, Bir kutu ekle, Kalem, Noktaları düzenle, Çizgi, Zaman çizelgesi, Çalışma alanları ve Otomatik düzenlesigned by Lollyvector SVGKendin kontrol etGet the signed file36 paths206 nodes31 groups22 KB

Sonuç, kanvasta sıradan bir kutudur. Taşı, yeniden boyutlandır, döndür, grupla, hizala, yeniden sırala, dolgu, gradyan, gölge ya da opaklık ver - bir yol da diğer her kutu gibi davranır ve bu kontrollerin hiçbiri ona farklı davranmaz.

Boyalı olarak da gelir. Çizdiğin ilk yol, markanın bir yola verdiği dolgu ve konturu alır; sonrasında her yeni yol en son kullandığını alır - dolguyu bir kez ayarla ve çizmeye devam et, her şekli yeniden renklendirmek yerine. (Markası yollar hakkında bir şey söylemeyen bir araçta, çizilen bir yol onu çizerken gördüğün renkte konturlanır, yani hiçbir zaman görünmez olmaz.)

Noktaları yeniden düzenleme. Şekle çift tıkla (ya da nesne çubuğundaki Noktaları düzenle'yi kullan), noktalar geri gelir. Bir noktayı taşımak için sürükle, yönünü değiştirmek için bir tutamacı sürükle, nokta eklemek için eğrinin herhangi bir yerine tıkla, bir grup noktayı lastik bantla seç ve seçilenleri kaldırmak için Delete'e bas. Bir yol her zaman en az iki nokta tutar, yani onu yanlışlıkla yok olacak kadar silemezsin.

Spline türü, noktalarından hangi tür eğrinin geçeceğine karar verir ve anlamaya değer seçim de budur:

TürNe yapar
Yumuşak (otomatik)Varsayılan. Kendi tutamaç uzunluklarını hesaplar, böylece düz tık-tık-tık gerçekten yumuşak bir eğri verir, tutamaçlarla boğuşmadan. Bir tutamaç ayarlarsan yönü sabitler, uzunluğun sahipliği eğride kalır.
Bezier tutamaçlarıKlasik kalem. Tutamaçlar kontrol noktalarıdır ve nokta eklemek eğriyi hiç oynatmaz.
Noktalar boyuncaYerleştirdiğin her noktadan tam olarak geçer, tutamaç yok.
B-splineNoktaların içinden değil yakınından akar, daha yumuşak bir şekil için.
Düz çizgilerBir çoklu çizgi.

Var olan bir yolu, tutamaçlarını kendi hesaplayan bir türe geçirmek önce sorar, çünkü ayarladığın tutamaç uzunlukları geri getirilemez - Bezier tutamaçları'na geçmek ise her zaman kayıpsızdır. Çizimin ortasında soru sorulmaz: geçiş doğrudan taslağa uygulanır ve o ana kadar çektiğin tutamaçlar da onunla birlikte gider. Tutamaçlarının sahibi olan türlerde nokta eklemek eğriyi çok az yeniden şekillendirir; Bezier tutamaçları'nda hiç değiştirmez.

Her nokta ayrıca bir süreklilik kuralı taşır ve bunu kanvastaki şekliyle gösterir - Köşe için kare (tutamaçlar bağımsız hareket eder), Yumuşak için yuvarlak (tutamaçlar hizada kalır), Simetrik için halkalı yuvarlak (hem hizada hem eşit uzunlukta). Seçili noktalar için ayarla, eğri kuralı hemen yeniden sağlar.

Bir bağlantıdan doğrudan oluşturulmuş iki kalem yolu: konturlu bir S eğrisi ve kapalı, dolgulu bir lekesigned by Lollyvector SVGKendin kontrol etGet the signed file5 paths38 nodes7 groups5 KBBir bağlantıdan doğrudan oluşturulmuş iki kalem yolu: konturlu bir S eğrisi ve kapalı, dolgulu bir lekesigned by Lollyvector SVGKendin kontrol etGet the signed file5 paths38 nodes7 groups5 KB

Çizilen bir yol da diğer her şey gibi bağlantının içinde yolculuk eder, yani çizdiğin bir şekil bir paylaşım bağlantısından yeniden açılır ve CLI'dan birebir aynı oluşturulur. Hiçbir yanı düzenleyiciye bağlı değildir.

Şekilleri birleştirmek (yol işlemleri)

İki ya da daha fazla şekil seç, kanvasa sağ tıkla (dokunmatikte iki parmakla dokun) ve menü, bir çizim uygulamasından bekleyeceğin işlemleri sunsun:

Üç işlem daha tek bir şekil üzerinde çalışır: Vuruşu anahatla… bir konturu aynı anahatta sahip dolgulu bir şekle çevirir (bir kalınlığı tam çizildiği gibi korumak istediğinde işe yarar), Yolu ofsetle… silueti dışarı doğru büyütür ya da negatif bir sayıyla içeri doğru daraltır ve Basitleştir bir yolu aynı şekilde, daha az parçayla yeniden kurar.

Gerçek bir deliği olan bir hilal ve bir halka, ikisi de Çıkar ile üretildisigned by Lollyvector SVGKendin kontrol etGet the signed file5 paths47 nodes7 groups5 KBGerçek bir deliği olan bir hilal ve bir halka, ikisi de Çıkar ile üretildisigned by Lollyvector SVGKendin kontrol etGet the signed file5 paths47 nodes7 groups5 KB

Sonuç, kalemle düzenlemeyi sürdürebileceğin yeni bir yoldur. Delikler gerçek deliklerdir - kontur panelindeki bir Doldurma kuralı kontrolü, çakışan konturların dolacağına (non-zero) mı yoksa delip geçeceğine (even-odd) mi karar verir.

Bu işlemlerin bilerek yapmadığı iki şey var. Yıkmak yerine reddederler: çakışmayan iki şekli kesiştirmek istersen korunacak bir şey olmadığı söylenir ve hiçbir şey değişmez. Metin ve görsel kutularının ise üzerinde çalışılacak bir anahattı yoktur, bu yüzden çerçeveleriyle yaklaşık olarak ele alınmak yerine oldukları gibi bırakılır. Birleştirilen sonuç düz Bezier eğrileri olarak saklanır, ki bir çizim uygulaması da bunu yapar - özgün spline türü işlemden sağ çıkmaz.

Zaman çizelgesi (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 SVGKendin kontrol etGet 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 SVGKendin kontrol etGet the signed file104 paths~7.2k nodes157 groups2 images97 KB

Sequence Studio, serbest kanvasa zaman ekler. Her kutu bir anda başlayabilir, bir süre boyunca çalışabilir, girip çıkarken canlanabilir; çalışma alanının altına yerleşen bir zaman çizelgesi de onları düzenlediğin yerdir. Aç, zaten çalan bir dizi bulursun - bir başlık kartı, bir klip, bir kapanış kartı, bir alt bant ve bir müzik yatağı - böylece model, sen hiçbir şeyi değiştirmeden önce görünür olur.

Sequence Studio'nun zaman çizelgesi: taşıma kontrolleri, cetvel, bir bindirme şeridi, klipsleri ve dikiş yongalarıyla mıknatıslı sıralama sırası ve Always on şeridisigned by Lollyvector SVGKendin kontrol etGet the signed file73 paths~5.4k nodes115 groups80 KBSequence Studio'nun zaman çizelgesi: taşıma kontrolleri, cetvel, bir bindirme şeridi, klipsleri ve dikiş yongalarıyla mıknatıslı sıralama sırası ve Always on şeridisigned by Lollyvector SVGKendin kontrol etGet the signed file73 paths~5.4k nodes115 groups80 KB

İki tür satır var ve fark, işin bütün fikri:

Düzenleme sahnesi: ortada ön planda çalışma yüzeyi, solda araç rayı ve köşede yakınlaştırma HUD'usigned by Lollyvector SVGKendin kontrol etGet the signed file19 paths852 nodes30 groups20 KBDüzenleme sahnesi: ortada ön planda çalışma yüzeyi, solda araç rayı ve köşede yakınlaştırma HUD'usigned by Lollyvector SVGKendin kontrol etGet the signed file19 paths839 nodes30 groups20 KB

Zaman çizelgesini açmak klavyeyi ona verir, yani Space ve ok tuşları sayfayı değil oynatma başlığını sürer - ve zaten zamanlaması olan bir kompozisyonda kendiliğinden açıldığı için bu, Sequence Studio yüklendiği anda geçerlidir.

Dizi düzenleyici, zamanda düzenlemenin öngörülebilir hissettirip hissettirmediğine karar veren dört şeyi derinlemesine anlatır: kanvastaki bir tıklamanın hangi klibi düzenlediği, komşu kliplerin soğan zarı hayaletleri, bölme kapsamı ve bir kesmeyi geri alan Birleştir ile kırpma (klavye seti dahil). Kısayol listesi için zaman çizelgesi odaktayken ? tuşuna bas.

Düzenleme. Bir klibi taşımak ya da sırasını değiştirmek için ortasından sürükle, kırpmak için iki ucundan birinin birkaç piksel yakınından sürükle, bir klibi ikiye kesmek için Oynatma başlığında böl'e (ya da S) bas. Bölme, gerçek bir Uzunluk taşıyan bir klip ve onun biraz içinde duran bir oynatma başlığı ister, bu yüzden ucu açık bir klip (örneğin müzik yatağı) bölünemez. Kenarlara hizala varsayılan olarak açıktır ve klip kenarlarına, oynatma başlığına ve tam saniyelere yapışır; Alt ile geçersiz kılınır. Her sürükleme tek bir geri alma adımıdır ve sürükleme önizlemesi, işlemenin yaptığı hesabın aynısını yapar, yani sürüklerken gördüğün şey elde ettiğin şeydir.

Bir klip seç, denetçi aynı düzenlemeleri sayı olarak versin: Uzunluk, Girişi kırp (kaynağın ne kadar içinden başladığı), ×0,25'ten ×4'e sabit çarpanlar kümesi olarak Hız, uzunluklarıyla birlikte Girişi canlandır / Çıkışı canlandır ve Klibi sessize al. Manyetik satırdaki bir klipte bilerek Başlangıç alanı yoktur - sırayı satır yönetir, bu yüzden taşımak için sürüklersin.

Geçişler anahtar kare değil, hazır ayarlardır: Solma, Pop, Büyüt, Yükseliş, Bırak, dört Kaydırma, Yakınlaştır ve Uzaklaştır, Eğim, Süzülme, Döndür, Sürüklenme ya da Kes (animasyon yok). Mesafeler nesneyle birlikte ölçeklenir, böylece aynı hazır ayar tam kare bir kartta da küçük bir rozette de doğru okunur. Dizi satırındaki bitişik iki klip arasında bir ek noktası düğmesi vardır: tıkla ve Kes ya da Çapraz geçiş'i seç; seçim anında uygulanır ve düğme kapanır. Uzunluk (ms) değerini değiştirmek için aynı düğmeyi tekrar aç ve Tamam'a bas. Bir çapraz geçiş, birinin sönmesi ve diğerinin belirmesi olarak saklanır ve dışa aktarım gerçek erimeyi bu çiftten türetir - çapraz geçişin önizlemede iki ayrı solma, dosyada ise gerçek bir devir teslim gibi görünmesinin sebebi budur.

Ses. Bir Ses klibi ekle, zaman çizelgesinde diğer her klip gibi yaşasın: dalga formu, kırpma, sessize alma. (Varsayılan oturumla gelen üretilmiş yatak tek istisnadır - dışa aktarım anında sentezlenir, bu yüzden sen oluşturana kadar çubuğu düz ve sessiz kalır.) Zaman çizelgesine doğrudan seslendirme kaydetmek için mikrofona bas; geri sayım ve seviye göstergesi vardır, kayıt da başladığın noktada kendi varlığın olarak saklanır. Aynı şekilde video kaydetmek için yanındaki kameraya bas: kayıt, kaydedilirken çalışma yüzeyinin dışa aktarım boyutuna kırpılır, böylece küçük öz görünüm, oynatma başlığında sıraya tam kare halinde tam olarak neyin ekleneceğini gösterir - bir meslektaşının klibini paylaşılan bir bağlantıdan toplamanın yolu budur. Müzik, konuşma ve bir klibin kendi ses bandı, dışa aktarılan miksin hepsine ulaşır. (Dışa aktarım panelindeki Ses parçası başka bir şeydir: tüm klibin altına serilen tek bir yatak, solma ve kısma ile. İkisi bir arada var olur.)

Oluşturma. Bir hareket dışa aktarımı, ekran kaydı değil belirlenimci bir bileşimdir - her kare tam bir zamanda çözülür, çizilir ve kodlanır, yani dosya makinenin yetişmesine bağlı değildir ve MP4 ya da WebM'de pratikte bir kare tavanı yoktur. Sen bir süre yazmadıkça süreyi zaman çizelgesinin kendi uzunluğu belirler. Content Credentials, diğer her dışa aktarımdaki gibi damgalanır. Sabit kare dışa aktarımı sana oynatma başlığındaki kareyi ya da çıktı boyutunun yanındaki Kareler alanından bütün bir kontakt föyü verir - bkz. Dışa aktarma.

Akılda tutulacak birkaç sınır: bir dizi bir saatle sınırlıdır, GIF ve animasyonlu PNG karelerini tamponladığı için kısa kalırlar, hızı ×1 olmayan bir klipte ses susar (henüz zaman esnetme yok) ve Canlı kaydet burada gizlidir, çünkü bileşimci daha iyi yoldur.

Ön ayarların ötesinde: anahtar kareler, derinlik ve bir kamera. Bir geçiş, bir klibi geldiğinde ve ayrılırken animasyonlu hale getirir. Bir kutuyu bir klibin içinde konumlandırmak için - kaydırmak, soldurmak, bulanıklaştırmak, sayfadan kaldırıp geri yerleştirmek için - anahtar kareler ekle: klibi seç, +Keyframe'e bas (zaman çizelgesinin araç kümesindeki eşkenar dörtgen, tuval nesne çubuğundaki eşkenar dörtgen veya K), ve oynatma başlığının konumu bir sonraki düzenlemenin hangi pozu yazacağına karar verir. Aynı anahtar kare sistemi, her zamanlanmış kompozisyona içeri giren, yatay kayan ve odağı değiştiren, tek düz bir SVG'yi arasında uçabileceğin bir katman yığınına dönüştüren bir kamera verir. Animasyon eksiksiz kılavuzdur.

Design aracında da aynı zaman çizelgesi var, yani bir düzeni başka bir araca geçmeden zamanlayabilirsin ve o da hareketi dışa aktarır.

Sunum yapma

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

Çalışma alanlarından oluşan bir Design belgesi zaten bir sunumdur. Araç rayındaki Lolly menüsü'nü aç ve son satır olan Sun'u seç - her çalışma alanı, kanvasta durdukları sırayla tam ekran bir slayta dönüşür. Sunum, oluşturulmuş çalışma alanlarının bir kopyası üzerinde çalışır, yani altındaki düzenleyiciye hiç dokunulmaz ve çıktığında tam bıraktığın yere dönersin.

Sunum aynı zamanda bir bağlantıdır. ?present doğrudan onu açar, s= slaydı adlandırır - bir konum, bir çalışma alanı kimliği ya da bir yapı adımı için id.step - ve sen ilerledikçe adres güncellenir, yani gönderdiğin şey üzerinde bulunduğun slayttır. Araç yazarları: bu parametreler URL Modu sayfasında belgelenmiştir.

Telefonda

Dar ekranlarda düzen tek sütuna geçer:

Telefon genişliğinde bir ekranda bir araç - üstte panel hâlinde kontroller, altta önizlemeyi dolduran üretilmiş palet ve alt ortada yüzen oluşturma düğmesisigned by Lollyvector SVGKendin kontrol etGet the signed file61 paths~2.9k nodes128 groups2 images72 KBTelefon genişliğinde bir ekranda bir araç - üstte panel hâlinde kontroller, altta önizlemeyi dolduran üretilmiş palet ve alt ortada yüzen oluşturma düğmesisigned by Lollyvector SVGKendin kontrol etGet the signed file61 paths~2.9k nodes128 groups2 images72 KB

Kontroller (girdiler)

Araçlar yalnızca değişmesi amaçlanan girdileri gösterir - geri kalan her şey (renkler, düzen, tipografi, mantık) araç yazarı tarafından sabitlenmiştir, böylece oluşturduğun her şey yazarın koyduğu kurallara uyar. Girdiler arasında metin, kaydırıcılar, renk seçiciler, açılır menüler, tarihler, görsel seçiciler ve tekrar eden satır grupları bulunur. Bazıları katlanabilir bölümler altında gruplanmıştır.

Bir aracın kontrol yığını - bir metin alanı, renk düğmeleri ve bir kaydırıcı, yazarın sabitlemeyi seçtiği başka hiçbir şey yoksigned by Lollyvector SVGKendin kontrol etGet the signed file19 paths~2.1k nodes45 groups1 image31 KBBir aracın kontrol yığını - bir metin alanı, renk düğmeleri ve bir kaydırıcı, yazarın sabitlemeyi seçtiği başka hiçbir şey yoksigned by Lollyvector SVGKendin kontrol etGet the signed file19 paths~2.1k nodes45 groups1 image31 KB

Sıfırlama: Değişiklikleri temizle her girdiyi varsayılan değerlerine döndürür.

Geri alma ve yineleme

Cmd/Ctrl-Z bir adım geri gider, Cmd/Ctrl-Shift-Z (ya da Cmd/Ctrl-Y) yeniden ileri gider. Aynı ikili, kontrollerin üzerindeki satırda Geri al ve Yinele düğmeleri olarak durur - serbest kanvasta ise araç rayındadır - ve geri alınacak bir şey kalmadığında her biri soluklaşır. Her adım ne olduğunu söyler: bir rengi geri al, küçük bir mesaj az önce geri getirdiği girdiyi adlandırsın, içinde geri dönüş için bir Yinele düğmesiyle.

Canlı bir işbirliğinde geçmiş yalnızca sana ait kalır. Diğer cihazdan gelen bir değişiklik asla senin yığınına eklenmez, bu yüzden geri al yalnızca senin yaptığın bir şeyi geri getirebilir.

Bilgilerin ve profil fotoğrafın

Profil (galerinin sağ üstünde) adını, iletişim bilgilerini ve isteğe bağlı bir profil fotoğrafını barındırır. Bu alanları isteyen araçlar onları otomatik olarak önceden doldurur - bir kez ayarla, e-posta imzan, lockup'ların ve rozetlerin kendiliğinden dolsun. Yine de her alanı oturum başına geçersiz kılabilirsin. Dışa aktardığın şeyde bilgilerinin yazar olarak yer alması için Oluşturmak için bilgilerimi kullan'ı aç.

Profil fotoğrafın ve bilgilerin yalnızca bu cihazda yaşar. Bir profil sadece sen olmaktan fazlası olabilir - arada bir üstlendiğin bir takım ya da bir rol. Birden fazlasını tutmak dahil tam tabloyu görmek için Profiller sayfasına bak.

Kaydetme ve devam etme

Şu anki girdileri o araç için bir oturum olarak kaydetmek için Kaydet'e tıkla. Araç başına birden fazla adlandırılmış oturum tutabilirsin; her aracın Devam et düğmesi en son oturumunu yeniden açar ve geçmiş düğmesi (sağ üstte, profilinin yanında) tüm araçlardaki her kaydedilmiş oturumu listeler. Oturumlar cihaza özeldir. Bunları düzenlemek için Projeler'i aç (aşağıda).

İki yarımlı oluşturma düğmesi - dışa aktarım panelini açan bir yukarı ok ve oturumu olduğu yerde kaydeden bir onay işaretisigned by Lollyvector SVGKendin kontrol etGet the signed file2 paths240 nodes10 groups7 KBİki yarımlı oluşturma düğmesi - dışa aktarım panelini açan bir yukarı ok ve oturumu olduğu yerde kaydeden bir onay işaretisigned by Lollyvector SVGKendin kontrol etGet the signed file2 paths240 nodes10 groups7 KB

Projeler

Projeler - Araçlar'ın yanındaki Projeler sekmesinden ya da Profil → Depolama → Projelerde düzenle'den aç - kaydettiğin her şey için bir yuvadır ve bir dosya yöneticisi gibi çalışır:

Projeler - iç içe geçebilen klasörlere düzenlenmiş kaydedilmiş oturumlarsigned by Lollyvector SVGKendin kontrol etGet the signed file79 paths~7.7k nodes104 groups179 KBProjeler - iç içe geçebilen klasörlere düzenlenmiş kaydedilmiş oturumlarsigned by Lollyvector SVGKendin kontrol etGet the signed file79 paths~7.7k nodes104 groups180 KB

Projeler'de açık Görüntüle ve sırala açılır penceresi: bir tema satırı, Önizleme ya da Liste arasında bir Görünüm seçimi ve Sırala altında Ad, Eklenme tarihi ve Son değiştirilmesigned by Lollyvector SVGKendin kontrol etGet the signed file11 paths~1.3k nodes21 groups19 KBProjeler'de açık Görüntüle ve sırala açılır penceresi: bir tema satırı, Önizleme ya da Liste arasında bir Görünüm seçimi ve Sırala altında Ad, Eklenme tarihi ve Son değiştirilmesigned by Lollyvector SVGKendin kontrol etGet the signed file11 paths~1.3k nodes21 groups19 KB

Seçim çubuğunun sunduğu şeyler görünüme göre biraz değişir, çünkü her işlem her yerde anlamlı olmaz:

Bir etiket tuzağı: Oturumları görüntüle yalnızca bir şey seçiliyken vardır. Seçili olmayan tek bir karta sağ tıklamak bunun yerine N kaydedilmiş oturum sunar; bu da Projeler'e gitmek yerine o aracın kendi geçmiş penceresini açar.

Tools galerisinde işaretlenmiş iki araç kartı, 2 selected yazan ve Available offline, View sessions, Favourite ve Hide sunan yüzen seçim çubuğuyla birliktesigned by Lollyvector SVGKendin kontrol etGet the signed file278 paths~46k nodes495 groups4 images1.183 KBTools galerisinde işaretlenmiş iki araç kartı, 2 selected yazan ve Available offline, View sessions, Favourite ve Hide sunan yüzen seçim çubuğuyla birliktesigned by Lollyvector SVGKendin kontrol etGet the signed file280 paths~46k nodes500 groups5 images1.227 KB

Çalışmanı paylaşma

Bir tasarım iki yoldan biriyle dışarı çıkar: bir bağlantı olarak ya da bir dosya olarak. Paylaş penceresi ikisini de sunar. Dışa aktarım kontrollerindeki Paylaş ile aç; Projeler'de kaydedilmiş bir oturumdaki Bağlantıyı paylaş aynı pencereyi o oturum için açar.

Bağlantı

Her girdi sayfa URL'sinde yakalanır, yani bir bağlantı tasarımın ta kendisidir. Pencerenin en üstünde kopyalamaya hazır bağlantı durur, altında da katlanmış iki bölüm vardır.

Bağlantıyı bir meslektaşına yapıştır, yer imlerine ekle ya da commit'le. (Tam ayrıntılar: URL Modu.)

Bazı araçlar bağlantıyı ürünün tamamı yapar. Jump Page, dağıtmak için bağlantılarını tek bir sayfada toplar - bir bio bağlantısı, bir konferans konuşması, bir mağaza vitrini. Barındırılacak hiçbir şey ve arkasında hiçbir hesap yoktur: sayfa bağlantının kendisidir, bu yüzden URL ne kadar hızlı gidiyorsa o kadar hızlı açılır. Düzenleyicide bitmiş sayfayı alanların yanında görürsün; bağlantıyı açan bir ziyaretçi onu tam genişlikte alır, kaydırdıkça sahne başına bir bağlantı.

Düzenleyicideki Jump Page - başlık, her biri kendi rengine sahip üç bağlantı sahnesi ve bir Made with Lolly altbilgisi, tuvalde tek bir sayfa olarak düzenlenmişsigned by Lollyvector SVGKendin kontrol etGet the signed file12 paths~2.4k nodes28 groups30 KBDüzenleyicideki Jump Page - başlık, her biri kendi rengine sahip üç bağlantı sahnesi ve bir Made with Lolly altbilgisi, tuvalde tek bir sayfa olarak düzenlenmişsigned by Lollyvector SVGKendin kontrol etGet the signed file12 paths~2.4k nodes28 groups30 KB

Pencere, bir bağlantının neyi taşıyamayacağını söyler. Üç şey bir URL'ye sığmaz: bu cihazdan eklediğin bir görsel ya da dosya, çok uzun bir metin değeri ve çok büyük bir liste. Her biri bağlantı kurulurken sayılır. Bir şey dışarıda kalmak zorunda kaldıysa pencere bunu adıyla söyler ve seni aşağıdaki dosyaya yönlendirir; görseli eksik açılan bir bağlantı vermez. Yalnızca uzun olan bir bağlantı, karakter sayısıyla birlikte daha yumuşak bir not alır, çünkü sıkıştırma uzunluğu hâlâ kurtarabilir.

.lolly dosyası

Üzerinde çalıştığın aracın Paylaş penceresindeki .lolly indir, aynı tasarımı bir dosya olarak yazar. Kaydedilmiş oturumu, cihazından eklediğin görseller ve dosyalarla birlikte taşır. Tasarımın yararlandığı katalog işleri de içinde yolculuk eder, böylece dosya markanı hiç görmemiş bir makinede eksiksiz açılır. Cihazında bir paylaşım sayfası varsa Gönder… o dosyayı diske kaydetmek yerine doğrudan ona verir (AirDrop, bir Android paylaşımı).

Bir .lolly sıradan bir zip'tir. Adını .zip yapıp aç: kendi görsellerin assets/uploads/ altında, katalog işleri assets/catalog/ altındadır, her biri gerçek adı ve uzantısıyla; manifest.json hepsini listeler ve en üstteki bir README dosyanın ne olduğunu söyler.

Gitmeden önce üç şeye sen karar verirsin:

Bir dosyayı açmak. Bir .lolly dosyasını uygulamaya bırak: içerikler kitaplığına gider, oturum Projects'e gider ve araç onun üzerinde açılır. Sana ait hiçbir şeyin üzerine yazılmaz: oturum yeni kaydedilmiş bir yuva olarak gelir, bu cihazda zaten bulunan bir içerik ise sağlama toplamıyla eşleştirilip çoğaltılmak yerine yeniden kullanılır. Her parça, girişte dosyanın kendi sağlama toplamlarına göre kontrol edilir, bu yüzden aktarım sırasında zarar gören bir kopya yarım içe aktarılmak yerine reddedilir.

Dosya sende olmayan bir araç taşıyorsa Lolly, o araç çalışmadan önce sorar: Bu araca güveniliyor mu? aracı ve yazarını adlandırır ve açmanın, aracın kendi kodunu cihazında çalıştıracağını açıkça söyler; geçiş yolu Güven ve kur'dur. Reddet, paylaşılan iş yine de projelerine kaydedilir ve aracı ekleyeceğin günü orada bekler. (Bir tür araç henüz yandan yüklenemez - kodu bir modül olarak gelenler - ve o da aynı şekilde geri çevrilir.)

Bir bağlantı da bir dosya da bir anlık görüntü devreder. Aynı oturum üzerinde başka biriyle aynı anda çalışmak için - iki cihaz, sunucu yok, aynı ağdaysanız internet gerekmez - bkz. Birlikte çalışma.

Canlı kamera (harekete duyarlı araçlar)

Her fotoğraf Filtresi - Halftone, Scanline, Posterize, Voronoi hücreleri, Renk işleme, Piksel esnetme ve Kusurlar - bir kameranın kullanılabilir olduğu yerde bir Canlıya geç düğmesi gösterir. Aç, efekt kare kare web kameranı takip etsin, böylece harekete tepki verir; sonucu GIF, WebM ya da MP4 olarak kaydedebilirsin. Kareler cihazında okunur ve işlenir, oradan asla çıkmaz; durduğun ya da araçtan ayrıldığın anda kamera serbest bırakılır. (Herhangi bir görsel seçicide, tek bir kareyi cihaz üzerinde bir görsel olarak yakalamak için Fotoğraf çek de bulunur.)

Görsellerim

Bir araç cihazından bir görsel eklemene izin verdiğinde, görsel tam geldiği hâliyle saklanır - böylece üzerindeki bir Content Credential hâlâ doğrulanır - ve kişisel Görsellerim kütüphanene kaydedilir (Profil → Depolama altında). Yalnızca gerçekten çok büyük bir dosya, olduğu gibi mi kalsın yoksa küçültülsün mü diye sorar. Onu herhangi bir araçta yeniden kullan. Görseller girerken EXIF/GPS verilerini temizlemek için profilinde Yüklemelerden meta verileri kaldır'ı aç. Bir üst sınır yok: kütüphane tamamen yereldir ve yalnızca cihazının depolama alanıyla sınırlıdır - görselleri orada yönet ya da sil.

Katalog - varlık kütüphanen

Katalog (#/c ya da her listeleme görünümünün üstündeki Projeler · Araçlar · Yardımcı araçlar · Katalog geçişinin Katalog bölümü), araçlarının yararlanabileceği her şeyi - marka logoları, görseller, ses ve hareketli görüntü, türe göre gruplanmış - bir araya getirir ve kendi yaratıcı dosyaların da burada yaşar. Sunucu yok, yönetim konsolu yok, pull request yok: her şey cihazında.

Katalog - marka varlıkları, renk örnekleri ve yazı tipleri, artı kendi yüklemelerinsigned by Lollyvector SVGKendin kontrol etGet the signed file456 paths~43k nodes707 groups1.022 KBKatalog - marka varlıkları, renk örnekleri ve yazı tipleri, artı kendi yüklemelerinsigned by Lollyvector SVGKendin kontrol etGet the signed file456 paths~43k nodes707 groups1.022 KB

Paletini ve yazı tiplerini her yere taşı

Kataloğun Renk örnekleri paneli göstermekten fazlasını yapar - bir rengi kopyalamak için tıkla ya da diğer aracının konuştuğu formatta markanın tüm paletini indir:

Renk örnekleri paneli - üstte beş palet indirme düğmesi, ardından kopyalanabilir birer düğme olarak her marka rengisigned by Lollyvector SVGKendin kontrol etGet the signed file196 paths~22k nodes282 groups302 KBRenk örnekleri paneli - üstte beş palet indirme düğmesi, ardından kopyalanabilir birer düğme olarak her marka rengisigned by Lollyvector SVGKendin kontrol etGet the signed file196 paths~22k nodes282 groups302 KB

Yazı tipleri paneli, yerel olarak kurmak ya da bir matbaaya vermek için marka yüzlerini her birinin yanında bir indir ile listeler. (Brand Studio'nun Renkler odası aynı palet indirmesini sunar.)

Varlıklar, açık ve kendin-yap yolunun bir yarısıdır; diğeri kendi araçlarını yapmaktır - serbest kanvas (yukarıda anlatılan Design) kod yazmadan görsel olarak bir tane inşa etmeni sağlar.

Ses ve erişilebilirlik

Lolly herkes için kullanımı rahat olmayı hedefler. Arayüz klavyeyle gezilebilir, özel kontroller ekran okuyucular için uygun etiketler taşır ve her aracın canlı önizlemesi, ne ürettiğini açıklayan tek, etiketlenmiş bir görsel olarak sunulur.

Nazik bir yardımcı sesler katmanı yaptığın şeyi onaylar - galeriye varış, geçerli ya da geçersiz bir Content Credentials kontrolü, bir paneli kapatma, bir filtre değiştirme. Varsayılan olarak kapalıdır: anahtarın göründüğü her yerde (her görünümün seçenekler açılır penceresi ya da Profil) Ses'i aç, seçim hatırlanır.

Profil → Erişilebilirlik altında dört isteğe bağlı konfor ayarı bulunur: Hareketi azalt (uygulamanın geçişlerini ve süslerini kaldırır), Renkli önizlemeleri gizle (sakin, simge ve metinden oluşan galeri kartları ve daha sessiz proje küçük resimleri), Yüksek kontrast (daha güçlü kenarlıklar, metin ve odak halkaları) ve Büyük metin (daha büyük uygulama tipografisi - etiketler, menüler, düğme metni). Dördü de uygulamayı işinin etrafında sakinleştirir: bir araç kanvasının içine hiç uzanmaz, dışa aktardığın şeyin tek bir pikselini bile değiştirmez ve her biri sen açana kadar kapalıdır. Tam ayrıntı: Profilin → Erişilebilirlik.

Ses anahtarının yanında Neurospicy Modu bulunur - çalışırken sessizce çalan, isteğe bağlı, sakinleştirici bir arka plan odak parçası. Onu açmak, seni uygulama boyunca takip eden küçük bir oynatıcı dock'u alt köşede açar; oradan bir parça arayıp seçebilir, ileri geri atlayabilir, sesi ayarlayabilir, küçültebilir ya da kapatabilirsin. Parça listesi birkaç kategoriye yayılır - prosedürel Lolly Sings melodileri, ambiyans döngüleri ve beat'ler, kendi yüklediğin sesler ve bir avuç canlı internet radyo istasyonu (bunlar bağlantı gerektirir; geri kalan her şey çevrimdışı çalar). Varsayılan olarak kapalıdır ve Ses gibi oturumlar ve cihazlar arasında hatırlanır. Sesi kapatmak odak parçasını da susturur.

Depolama ve gizlilik

Her şey tarayıcının yerel veritabanında (IndexedDB) saklanır: profilin, kaydedilmiş oturumların, yüklediğin görseller ve indirilen katalog içeriğinin bir önbelleği. Profil → Depolama kullanımı gösterir ve şunları yapmana izin verir:

Telefon genişliğinde bir ekranda depolama kartı: cihazdaki her veri kategorisi adlandırılmış, altta Tüm verilerimi temizle düğmesiylesigned by Lollyvector SVGKendin kontrol etGet the signed file14 paths~2.0k nodes39 groups28 KBTelefon genişliğinde bir ekranda depolama kartı: cihazdaki her veri kategorisi adlandırılmış, altta Tüm verilerimi temizle düğmesiylesigned by Lollyvector SVGKendin kontrol etGet the signed file14 paths~2.0k nodes39 groups29 KB

Bu yerel verilerin hiçbiri hiçbir yere iletilmez - telemetri yok, bulutta oluşturma yok. Uygulamanın hiç getirdiği ya da gönderdiği her şeyin tam listesi Gizlilik Politikası sayfasında, isteğe bağlı sunucu bileşenlerinin dökümü ise Sunucu Yüzeyi sayfasındadır.

Başka bir cihaza geçiş

Her şey cihazında yaşadığından, Profil → Depolama → Başka bir cihaza taşı her şeyi ikinci bir kuruluma taşımana izin verir - hesap yok, bulut yok:

Katalog önbelleği dahil değildir - yeni cihazda kendini yeniden indirir. Paket düz bir zip'tir (manifest.json + profile.json + sessions.json + assets.json + assets/blobs/… + prefs.json, format kimliği lolly-backup), böylece e-posta, USB ya da AirDrop'tan sağlam çıkar ve her kabuğun okuduğu formatın aynısıdır. Her parçanın bir sağlama toplamı vardır, böylece aktarım sırasında zarar gören bir dosya yarım bozuk şekilde geri yüklenmek yerine içe aktarımda yakalanır. (Tam format özellikleri: Veri Aktarımı.)

Bir tasarım içe aktarma (Figma, Penpot, Illustrator, InDesign)

Var olan bir tasarımı Lolly'ye getirip üzerinde çalışmaya devam edebilirsin: Design'ı aç, kanvas araç çubuğunda Bir tasarım içe aktar'a tıkla ve bir Figma .fig ya da SVG, bir Penpot .penpot, bir Illustrator .ai / .pdf ya da bir InDesign .idml seç. Katmanlar serbest kanvasta düzenlenebilir kutulara dönüşür - metin yeniden yazılabilir kalır, görseller Görsellerim'e yerleşir, tipografi ve renkler marka geneline uyar - sonra sonuç, diğer her oturum gibi kaydedilir, paylaşılır ve oluşturulur. Ayrıştırma tamamen cihazında gerçekleşir. Tam ayrıntı: Bir tasarım içe aktar.

Dışa aktarma

Format seçme, çıktı boyutu ve baskı birimleri, şeffaflık, video ve kopyalama/paylaşma dahil tüm ayrıntılar için Dışa Aktarma ve Formatlar sayfasına bak. Kısaca: bir format seç, gerekiyorsa boyutu ayarla ve İndir'e bas (ya da panoya Kopyala'ya).

Batch (Pro) modu

Güçlü kullanıcılar için Batch (galeriden bağlantılı, varsayılan olarak açık olan Pro özellik bayrağının arkasında) birçok varyasyonu bir kerede oluşturur - her satırın birlikte dışa aktarılan bir girdi seti olduğu bir ızgara. Bir kartı bir düzine dile yerelleştirmek ya da her boyut varyantını tek geçişte üretmek için ideal. Satırları yazarak, doğrudan bir e-tablodan yapıştırarak ya da bir CSV içe aktararak doldur (bir tane de dışa aktarabilirsin) ve satır başına format, boyut ve çıktı dosya adını ayarla. Bütün bir ızgarayı galeriden yeniden açılan adlandırılmış bir batch oturumu olarak kaydet ve her satırı tek bir .zip olarak indir.

Toplu işlem araç çubuğu - zip adı, birimler, DPI ve her satırın miras aldığı format, sağda Sessions ve Render ile birliktesigned by Lollyvector SVGKendin kontrol etGet the signed file31 paths~1.9k nodes50 groups4 images34 KBToplu işlem araç çubuğu - zip adı, birimler, DPI ve her satırın miras aldığı format, sağda Sessions ve Render ile birliktesigned by Lollyvector SVGKendin kontrol etGet the signed file31 paths~1.9k nodes50 groups4 images34 KB

Batch, bir şablonun birçok varyantını bir kerede üretmek içindir. Zaten kaydettiğin oturumları yeniden oluşturmak için Projeler → Klasörü oluştur / Seçimi oluştur'u kullan (yukarıda) - Pro gerekmez.

Yan yana düzenleme (Çoklu düzenleme)

Batch, tek bir tasarımın birçok varyantıdır. Multi-edit işin diğer yarısıdır: aynı anda açılmış birkaç farklı kaydedilmiş tasarım, böylece tek bir değişiklik hepsine uygulanır. Projects'te iki ile sekiz arasında kaydedilmiş oturumu işaretle ve seçim çubuğundan Edit together'ı seç; #/multi?s=<slot>,<slot>… adresinde yan yana canlı kartlar olarak açılırlar. Her kart o oturumun gerçek bir render'ıdır, kaydedilmiş bir küçük resim değil, bu yüzden gördüğün şey dışa aktarılacak şeydir.

Hepsini tek bir kenar çubuğu sürer:

Herhangi bir kanvasa tıkla (ya da üzerindeyken Enter'a bas), o oturumun kenar çubuğu kartı açılsın ve görünüme kaysın. Tümünü kaydet her oturumu kendi yuvasına geri yazar. Tümünü indir önce kaydeder, sonra tüm seti Projeler'in Seçimi oluştur yolunun geçtiği aynı hattan oluşturur - tek bir zip, yolda isteğe bağlı parola kilidi de önerilerek.

İki dürüst sınır. İki-sekiz üst sınırı gerçektir: her kart kendi canlı çalışma zamanını bağlar ve tepkisel kalan sayı budur - daha fazlasını (ya da artık var olmayan bir oturumu) isteyen bir bağlantı, yarım yüklenmek yerine bunu söyler. Ayrıca bağlantı senin kayıt yuvalarını adlandırır, yani o seti bu cihazda yeniden açar; bir paylaşım bağlantısı değildir.

Seçim sekizden büyük olduğunda, araçları karıştırdığında ya da oturumların yanında görseller de içerdiğinde kaçış kapısı aynı seçim çubuğundaki Sayfa olarak düzenle'dir: tüm seçimi, boyut sınırı ve aynı araç kuralı olmadan toplu ızgarada satırlar olarak açar (#/pro?s=…). Klasörler ikisinin de dışında kalır - onların ızgarada açılmak için kendi yolları var. (Ara buraya henüz uzanmayan tek şeydir: Çoklu düzenleme, arama çubuğunun bilmediği tek görünümdür.)

Çevrimdışı ve kurulum

Lolly bir PWA'dır. İlk yüklemeden sonra çevrimdışı çalışır - uygulama benzeri, tam ekran bir deneyim için tarayıcının adres çubuğundan kur (ya da mobilde Ana Ekrana Ekle). Tekrar çevrimiçi olduğunda kendini günceller.

Güncellemeler hakkında: bir güncellemeden hemen sonra bir görünüm yüklenemezse (boş bir panel, köşede bir \"failed to fetch\"), sayfayı bir kez yeniden yükle - uygulama yeni sürüme temiz bir şekilde geçer ve çalışman, oturumların ve markan dokunulmamış kalır. Her şeyi cihazında saklar, sayfada değil.