CodeKitHubBu Araç Nedir?
Facebook Story Oluşturucu, gerçek bir Facebook Story'nin dikey, tam ekran görünümünü yeniden yaratır — üstte profil halkası, isim ve zaman damgası, bir arka plan fotoğrafı veya gradyan, görsel üzerinde kalın metin ve altta yanıt çubuğu.
Sahte kanıt üretmek, birini taciz etmek ya da karalamak, ya da gerçek bir kişinin gerçek gönderilerini veya Story'lerini taklit etmek için asla kullanılmamalıdır — bu, bulunduğun yargı bölgesine göre yasa dışı olabilir.
Her şey HTML Canvas API kullanılarak tarayıcında yerel olarak oluşturulur; hiçbir şey bir sunucuya yüklenmez.
Neden Kullanmalısınız?
- Story formatı hakkında bir sosyal medya pazarlama kursu slaydı hazırlıyorsun ve gerçek bir kişinin Story'sinin ekran görüntüsünü almadan temiz bir görsel örnek göstermek istiyorsun.
- Bir müşteri, videoyu çekmeden ya da son fotoğrafı seçmeden önce bir sonraki tanıtım Story'sinin üzerindeki metnin nasıl görüneceğini önceden görmek istiyor.
- Meme formatında bir Story hazırlıyorsun çünkü dikey, tam ekran format şakanın normal bir gönderiden daha hızlı anlaşılmasını sağlıyor.
- Serbest çalışan bir tasarımcı, hiçbir müşterinin gerçek içeriğini kullanmadan portföyüne Facebook tarzı bir Story arayüzü örneği eklemek istiyor.
- Bir öğrenciye normal bir gönderi ile Story arasındaki farkı anlatıyorsun ve dikey formatı sadece sözlerle değil görsel bir örnekle göstermek istiyorsun.
Nasıl Kullanılır
- İsmi, zaman damgasını ve avatar rengini ayarla (ya da bir fotoğraf yükle).
- Bir arka plan gradyanı seç ya da kendi görselini yükle.
- Story'nin alt kısmına yakın görünecek metni yaz.
- Canlı dikey önizlemenin nasıl güncellendiğini izle, ardından görseli kaydetmek için "Download PNG"ye tıkla.
Örnek
Giriş
İsim: "Sam Whitfield" · Zaman: "4h" · Arka plan: maviden pembeye gradyan · Metin: "Sunday morning coffee ☕"Çıkış
Gerçek bir Facebook Story gibi tasarlanmış 360×640 boyutunda bir PNG görseli: profil halkalı avatar, isim ve zaman damgası, tüm ekranı kaplayan gradyanlı arka plan, kalın ve ortalanmış metin ve altta kalp ikonlu bir yanıt çubuğu.Görsel, canlı önizleme tuvalinde anında çizilir ve tek tıkla indirilir — bekleme yok, sunucuyla herhangi bir iletişim yok.
Neleri özelleştirebilirsin
- Profil ismini, zaman damgasını ve avatar rengini veya fotoğrafını.
- Arka planı: iki renkli bir gradyan ya da yüklenen bir görsel.
- Story'nin alt kısmına yakın gösterilen kalın metni.
- Facebook'un gerçek Story görsel stiline uyan yerleşim detaylarını.
Sorumlu kullanım
Bu oluşturucu, mizah, hikaye anlatımı ve tasarım işleri için açıkça kurgusal mockup görselleri oluşturmayı kolaylaştırmak amacıyla var. Bu araçla yapılmış bir görseli paylaşırsan, izleyicilerin bunun gerçek bir Story olmadığını anlaması için bağlam eklemeyi düşün.
Dikey format bir Story maketinde neden önemli
Akıştaki normal bir gönderinin aksine, bir Story telefon ekranının tamamını dikey olarak kaplar — bu, metnin ve görsellerin yatay veya kare bir formata kıyasla tamamen farklı algılanmasına yol açar. Gerçekçi bir maketin, mobilde gerçek görüntüleme deneyiminin nasıl olduğunu doğru şekilde iletmesi için bu oranları (9:16) koruması gerekir.
Bu yüzden araç, tuval boyutunu serbestçe değiştirmene izin vermez: sabit 360×640 oranı, her öğenin — profil halkası, görsel üzerindeki metin, yanıt çubuğu — bir kullanıcının telefonunda Story'leri kaydırırken beklediği konumda kalmasını garanti eder.
Sıkça Sorulan Sorular
Bu aracı kullanmak yasal ve etik mi?
Aracın kendisi eğlence, mockup, sunum ve tasarım işleri için kullanmak tamamen yasaldır. Yasal ve etik olmayan şey, oluşturulan görseli birini kandırmak için kullanmaktır. Lütfen bunu yalnızca açıkça kurgusal veya açıklayıcı amaçlarla kullan.
Araç içeriğimi herhangi bir yere yüklüyor mu?
Hayır. Yazdığın veya yüklediğin her şey tarayıcının belleğinde kalır ve JavaScript ile doğrudan bir canvas öğesinin üzerine çizilir. PNG, kendi cihazında oluşturulur ve indirilir — hiçbir şey bir sunucuya gönderilmez.
Story'nin arka planı olarak kendi fotoğrafımı yükleyebilir miyim?
Evet — gradyan yerine kendi görselini tüm ekranı kaplayan arka plan olarak kullanmak için "Video background" altındaki yükleme bağlantısına tıkla.
Araç hangi görsel boyutunu dışa aktarıyor?
Dışa aktarılan PNG, gerçek Facebook Story'lerin kullandığı dikey 9:16 en boy oranına karşılık gelen 360×640 boyutundadır.
Bunu mu, yoksa diğer Facebook mockup oluşturucularından birini mi kullanmalıyım?
Tam ekran dikey bir Story hazırlıyorsan bu oluşturucuyu kullan. Bunun yerine bir yorum dizisine ihtiyacın varsa Facebook Comment Generator'ı kullan; kapak fotoğrafı ve biyografisi olan tam bir profil sayfasına ihtiyacın varsa Facebook Profile Generator'ı kullan.
Görsel üzerine birden fazla satır metin ekleyebilir miyim, yoksa sadece bir satır mı?
Metin alanı, satır sonları da dahil olmak üzere yazdığın metni tam olarak olduğu gibi kabul eder — düzen, gerçek bir Story'de metnin tipik olarak nasıl göründüğüne uygun şekilde kısa bir cümle veya ortalanmış iki satır için optimize edilmiştir.
Örnekteki "4h" zamanlayıcısı Story'nin gerçekten 4 saat sonra kaybolacağı anlamına mı geliyor?
Hayır — bu, Facebook'un gerçek Story'lerde gösterdiği zaman etiketini taklit eden sadece statik bir metindir (platformda gerçekten 24 saat sonra kaybolurlar). Bu araçtan indirdiğin görsel, herhangi bir son kullanma tarihi veya dinamik davranışı olmayan sabit bir PNG dosyasıdır.
Oluşturulan görseli gerçekten kendi Facebook Story'me yayınlamak için kullanabilir miyim?
Teknik olarak evet, çünkü indirilebilir normal bir PNG dosyası elde ediyorsun, ama bu araç platformda gerçek bir etkinlik gibi görünmesi amaçlanan içerik değil, maket ve açıklayıcı örnekler oluşturmak için tasarlanmıştır — görenlerin bağlamı anlayacağı şekilde kullan.
Mutlaka bir gradyan mı seçmem gerekiyor, yoksa arka planı düz mü bırakabilirim?
Gradyan seçicideki mevcut renk kombinasyonlarından herhangi birini seçebilir ya da tüm bir görsel yükleyebilirsin — düz renkli arka plan seçeneği yoktur, çünkü gerçek Facebook Story'ler neredeyse her zaman tam ekran bir fotoğraf veya video gösterir.