Animasyonlu Desen Oluşturucu
Tarayıcıda animasyonlu ışık desenleri tasarlayın: çizgileri bükün, renkleri seçin, kusursuz döngüleri MP4, WebM, GIF, PNG veya kod olarak alın.
Bir görünümle başlayın
Çizgileri şekillendirin
Şeffaf arka planlı PNG veya SVG en iyi sonucu verir. Dosya cihazınızdan çıkmaz.
Çizgileri bükmek için görseldeki dört düğümü sürükleyin.
Desenin merkezini taşımak için görseli sürükleyin.
Renkleri seçin
Çizgi renkleriHareketi ayarlayın
Görünümü tamamlayın
Baskı efektiDışa aktar
Görselde gösterilen kareyi dışa aktarır. Başka bir kare seçmek için zaman çubuğunu hareket ettirin.
Bu tarayıcı video kodlayamıyor. Chrome, Edge, Firefox veya Safari'nin son sürümünü kullanın ya da GIF olarak dışa aktarın.
GIF en fazla 256 renkle sınırlıdır. Yumuşak geçişler ve küçük dosyalar için video olarak dışa aktarın.
Deseni canlı çalıştırmak için bu kodu herhangi bir web sayfasına yapıştırın. Kütüphane gerektirmez, her boyutta net kalır ve ekran dışındayken durur.
Metin ve logo desenleri henüz kod olarak çalıştırılamaz. Bunları video veya görsel olarak dışa aktarın.
Bu biçim şeffaflığı desteklemez: arka plan rengi kullanılır.
Bu araç WebGL 2 gerektirir, ancak bu tarayıcıda veya cihazda kapalı. Tarayıcı ayarlarınızda donanım hızlandırmayı açın ya da başka bir tarayıcı deneyin.
Cihazınızda oluşturulur, hiçbir şey yüklenmez.
Saved designs
0Animasyonlu Desen Oluşturucu Hakkında
Animasyonlu Desen Oluşturucu, hareketli ışık desenleri için ücretsiz bir stüdyodur. Renkli çizgiler doğrudan ekran kartınız tarafından çizilir, böylece her değişiklik anında görünür: yelpazeler, tüneller, spiraller, çiçekler, kontur haritaları, dönen bir küre, devre çipi ve daha fazlası. Hazır bir görünümle başlayın, ardından desen markanıza uyana kadar çizgileri, renkleri ve hareketi şekillendirin.
Çizgileri elle bükebilir, herhangi bir sözcüğün veya logonun çevresinde ilerletebilir, paleti bir görselden alabilir ya da marka renklerinizi yapıştırabilirsiniz. Her animasyon tam döngülerden oluşur; son kare doğrudan ilk kareye bağlanır ve döngü hiçbir zaman sıçramaz.
4K'ya kadar MP4 veya WebM video, GIF ya da 8K'ya kadar PNG, JPG veya WebP durağan görsel dışa aktarın; biçim izin verdiğinde arka plan şeffaf olabilir. Deseni herhangi bir web sitesinde kütüphane olmadan çalıştıran canlı kodu da kopyalayabilirsiniz. Her şey cihazınızda gerçekleşir: hiçbir şey yüklenmez.
Animasyonlu Desen Oluşturucu Nasıl Kullanılır
- Başlamak için bir görünüm seçin ya da yeni bir tasarım için Beni şaşırt düğmesine basın.
- Bir desen seçin ve çizgilerini ayarlayın. Merkezini taşımak için görseli sürükleyin ya da çizgilerin çevresinde ilerlemesi için bir sözcük yazın.
- Bir palet seçin, hex kodlarınızı yapıştırın ya da renkleri bir görselden alın.
- Hareketi, döngü uzunluğunu ve hızı ayarlayın; ardından görünümü parlama, 3D tüp, oluklu cam veya film greniyle tamamlayın.
- Kare biçimini seçin: 16:9, kare, dikey, story, banner veya özel bir boyut.
- Bir video, GIF veya görsel dışa aktarın ya da web sitenizde canlı çalıştırmak için kodu kopyalayın.