CoverLab, tarayıcıda çalışan bir kapak ve afiş tasarım aracı. Albüm kapağı, sosyal medya gönderisi, video küçük resmi, poster ve hikaye görseli hazırlamak için yapıldı. Batu Matu bunu Gemini'ye tek bir HTML dosyası olarak yazdırdı. Dosyayı indirip tarayıcıda açıyorsun, kurulum ya da üyelik yok.
Mantığı iki bilinen uygulamanın arasında bir yerde duruyor: hazır şablonla hızlıca başlıyorsun, sonra katmanlar, renkler ve dokularla istediğin kadar oynuyorsun. Bitirdiğinde tasarımı yüksek çözünürlüklü PNG olarak dışa aktarıyorsun.
Proje Dosyaları & İndirme
⌨️ CoverLab Kısayolları ve Stüdyo Kontrolleri
Şablondan başla, katmanla bitir
Arayüz koyu bir temada, ortada tuval, yanlarda araç panelleri var. Tuvalin oranını albüm kapağı (1:1), dikey poster (3:4), kare gönderi (1:1), hikaye (9:16), geniş ekran duvar kağıdı (16:9) ve web banner (3:1) arasında değiştirebiliyorsun. Seçtiğin nesnenin etrafında sekiz tutamaçlı bir kutu çıkıyor; köşelerden ve kenarlardan boyutlandırıp serbestçe döndürüyorsun, ortalamaya yaklaştığında hizalama çizgileri beliriyor.
Başlangıç için 14 şablon var: Synthwave Neon, Dark Techno, Minimalist Tipografi, Cyberpunk 2077, Ambient Doğa, Vintage Vinyl, Brutalist Poster, Hip Hop Trap, Pastel Dream, Sunset Chill, Industrial Metal, Dream Pop, Modernist Grid ve Dergi Kapağı. Renkler için dokuz palet geliyor: Siberpunk, Gün Batımı, Monokrom, Asit Yeşili, Gece Mavisi, Retro Sunset, Orman, Pastel Şeker ve Altın Lüks. Palet değiştirdiğinde arka plan gradyanı da onunla birlikte değişiyor.
Sihirli Remix düğmesi mevcut tasarımın renklerini, dokusunu ve yazı tipini yeniden karıştırıyor. Beni Şaşırt ise sıfırdan rastgele bir afiş üretiyor. İkisi de bir yapay zekaya bağlanmıyor; uygulamanın içindeki kurallarla çalışıyor, o yüzden internet gerektirmiyor.
Rozetler, dokular ve dışa aktarma
Müzik kapakları için tek tıkla eklenen stüdyo rozetleri var: Parental Advisory, Hi-Res Audio, Limited Edition, Stereo Sound, Side A/B, 33 RPM Vinyl, Dolby Atmos ve Parental Guidance. Kendi fotoğrafını ya da logonu da ekleyebiliyorsun; PNG, JPG veya WebP dosyasını tuvale sürüklemen ya da sol paneldeki Görsel Yükle düğmesini kullanman yeterli.
Katman panelinde nesneleri öne alıp arkaya gönderiyor, kopyalıyor, yatay ve dikey ortalıyorsun. Dokular menüsünde film greni, CRT tarama çizgileri, vinyet, parazit ve cam parlaması var. Dijital bir kapağa plak ya da kaset havası vermek istersen hafif bir gren ile vinyet genelde yetiyor.
Dışa aktarma 2 kat ölçekte PNG olarak yapılıyor, kare bir kapakta bu 2048x2048 piksele kadar çıkıyor. Tasarımı sonradan açıp düzenlemeye devam edebileceğin bir proje dosyası yok, sadece PNG alıyorsun. Sekme açık kaldığı sürece Ctrl+Z ile geri alıp Ctrl+Y ile yineleyebiliyorsun.
Dosyayı çalıştırmak
CoverLab tek bir index.html dosyası. Yukarıdaki bağlantıdan indirip çift tıkladığında varsayılan tarayıcında açılıyor; Chrome, Edge, Firefox, Opera ve Brave'de çalışıyor. Sunucu, Node.js ya da başka bir paket kurman gerekmiyor. Tasarımların kendi bilgisayarında işleniyor, görsellerin hiçbir sunucuya gönderilmiyor.
Telif & Yasal Uyarı: CoverLab projesi açık kaynaklı eğitim ve üretkenlik amacıyla geliştirilmiş bağımsız bir web tasarımı çalışmasıdır. "Canva" ve "Photoshop" ticari markaları sırasıyla Canva Pty Ltd ve Adobe Inc. şirketlerine aittir; bu isimler yalnızca projenin arayüz ve kullanım mantığını tarif etmek amacıyla karşılaştırmalı referans olarak anılmıştır. Dosyayı indirip çalıştırmak tamamen kullanıcının kendi sorumluluğundadır.
Yorumlar
Yorum Yap