1. Kaynak görseli doğru al
Sonucu en çok belirleyen şey ekran görüntüsünün kendisi. 3D sahne ne kadar iyi olursa olsun, bulanık bir görsel her şeyi bozar.
- Ekran görüntüsünü cihazın kendisinde ya da simülatörde, gerçek çözünürlükte al. Bir iPhone 17 Pro için bu 1206 × 2622 piksel civarı.
- Durum çubuğunu temizle. Xcode simülatöründe saat 9:41'e ve pil dolu göstergeye ayarlanabiliyor; Android'de demo modu aynı işi yapıyor.
- Ekranda gerçekçi içerik olsun. "Lorem ipsum" ve boş listeler mockup'ın inandırıcılığını düşürüyor.
Web sitesi için tarayıcıda tam sayfa ekran görüntüsü yerine ilk ekranı al; mockup'ta zaten görünür alan kadarı görünüyor.
2. Ne yapacağına karar ver
Aynı ekran görüntüsünden üç farklı şey çıkabilir ve hangisini istediğin, sonraki adımları değiştiriyor:
- Sabit bir görsel (App Store, web sitesi, sunum)
- Kısa bir video (tanıtım, Reels, App Store önizlemesi)
- Gerçek bir fotoğrafın içinde tasarımın (sosyal medya, portfolyo)
Bunları tek tek farklı programlarda yapmak yerine aynı uygulamada yapabilirsen işin yarısı kısalıyor. Mockup Center'ı da bu yüzden üçünü birden yapacak şekilde kurduk.
3. Cihazı ve sahneyi seç
Mockup Center'ı açınca iki yol var. Ya bir cihaz seçip sahneyi kendin kurarsın ya da hazır bir şablon açarsın.
Cihaz seçerken uygulamanın gerçekten çalıştığı cihazı seç. iOS uygulamasını Android telefonda göstermek küçük ama fark edilen bir hata. Mockup Center'da iPhone, Samsung Galaxy, Google Pixel, iPad, MacBook, iMac ve Apple Watch dahil 65 cihaz var; hepsi logosuz.
Hazır şablonlarda ışık, kamera açısı ve hareket ayarlı geliyor. Hızlı sonuç istiyorsan buradan başla, sonra istediğin şeyi değiştir.
4. Ekran görüntüsünü bırak
Görseli sürükleyip cihazın üstüne bırakıyorsun, ekrana oturuyor. Birden fazla ekran görüntüsünü aynı anda bırakırsan her biri aynı cihaza ve sahneye yerleşiyor; App Store için 6 ekran hazırlarken bu çok zaman kazandırıyor.
Video kullanacaksan ekran kaydını da aynı şekilde bırakıyorsun. Kayıt, cihaz hareket ederken ekranın içinde oynuyor.
5. Açı, ışık ve arka plan
Burada küçük ayarlar büyük fark yaratıyor:
- Açı: Telefonu hafifçe çevirmek düz önden görünüşe göre çok daha canlı duruyor. 15 ile 25 derece arası çoğu zaman iyi sonuç veriyor.
- Işık: Ana ışığı çevirdiğinde gölge de onunla dönüyor. Gölgenin cihazın arkasına, aşağı doğru düşmesi en doğal görünen ayar.
- Arka plan: Tek renk ya da yumuşak bir geçiş, ekrandaki içerikle yarışmıyor. Markanın renginden açık bir ton seçmek genelde işe yarıyor.
6. Hareket ekle (video için)
Video yapıyorsan animasyonları menüden seçiyorsun; her yeni animasyon bir öncekinin bittiği yerden başlıyor. Bir klibi kısaltmak için zaman çizelgesinde kenarını sürüklemen yeterli. Hazır hareketler yetmezse cihaza ve kameraya kendi anahtar karelerini koyabiliyorsun.
Reels ve TikTok için çerçeveyi 9:16'ya, YouTube ve web sitesi için 16:9'a ayarla. Aynı projeden ikisini de almak mümkün.
7. Dışa aktar
- App Store ve Google Play için arka planlı PNG ya da JPEG. Mağazalar şeffaf görsel kabul etmiyor.
- Web sitesi ve sunum için şeffaf PNG; cihaz doğrudan sayfanın üstüne oturuyor.
- Video için MP4. Kurgu programına alacaksan şeffaf ProRes 4444 ya da WebM.
Mockup Center 8K'ya kadar dışa aktarıyor ve birden fazla görseli tek bir ZIP dosyası olarak indiriyor.
