mockup.best · 3B mockup editörü
3B cihaz mockup’ları ve mağaza videoları, tarayıcında.
Ekran görüntünü bırak, telefona, laptopa, tablete ya da saate giydir, kamerayı zaman çizelgesinde oynat; 4K video, 5K görsel ya da App Store ve Google Play’e yüklemeye hazır bir set al.
- Ücretsiz
- Hesap yok
- Filigran yok
- Dosyaların cihazından çıkmaz
Ekran görüntüsünden bitmiş dosyaya, tek pencerede.
- 01 Source
Ekranı bırak
PNG, JPG ya da ekran kaydı. Bu tarayıcı sekmesinden dışarı çıkmaz.
- 02 Mockup
Cihazı seç
13 cihaz, 10 kaplama, 16 arka plan — ya da 12 şablondan biriyle başla.
- 03 Camera
Kadrajla ya da canlandır
Sürükleyip kadrajla. Zaman çizelgesine keyframe ekle ya da 10 kamera hareketinden birini uygula.
- 04 Export
Dosyayı al
5120 px’e kadar görsel, 60 fps’te 4K’ya kadar MP4, şeffaf WebM ya da mağaza seti.
Her mağaza ölçüsü, her sahneden, tek ZIP’te.
Mağazalar sabit bir ölçü listesi istiyor; ikisi de içinde hiçbir şey saydam olmasa bile alfa kanalı taşıyan PNG’yi reddediyor. Mockuptop listeyi biliyor. Ölçüleri tek tek al ya da her sahneyi bütün App Store ve Google Play ölçülerinde tek seferde indir: mağaza ve ölçüye göre klasörler, sahne sırasına göre numaralı dosyalar, alfa kanalı yok.
Görsel ölçüleri
- App Store · iPhone 6.9″
- 1290 × 2796
- App Store · iPad 13″
- 2064 × 2752
- App Store · Mac
- 2880 × 1800
- Google Play · Telefon
- 1080 × 1920
- Google Play · Tablet
- 1440 × 2560
- Google Play · Öne çıkan görsel
- 1024 × 500
Yüklemeden geçen App Store önizleme videoları
Güncel iPhone’lar için 886 × 1920, iPad için 1200 × 1600; 30 fps’e kilitli, H.264 ve stereo AAC ses izi. Projende ses yoksa sessiz bir iz ekleniyor — ses izi olmayan önizlemeler yüklemede sıkça reddediliyor. 15–30 saniye dışındaki projeler için export’tan önce uyarı çıkıyor.
App Store ekran görüntüsü ölçüleri, tablo ezberlemedenGoogle Play ekran görüntüsü ölçüleri ve mağaza görselleri
ZIP’in içinde ne var
mockuptop-store-set.zip ├─ app-store/ │ ├─ iphone-6.9in-1290x2796/ 01.png 02.png … │ ├─ ipad-13in-2064x2752/ 01.png 02.png … │ └─ mac-2880x1800/ 01.png 02.png … └─ google-play/ ├─ phone-1080x1920/ 01.png 02.png … ├─ tablet-1440x2560/ 01.png 02.png … └─ feature-graphic-1024x500.png
Şablon doldurmuyorsun, kamerayı yönetiyorsun.
Kamera açısı, zoom, görüş açısı, bulanıklık ve ışık keyframe taşıyabiliyor; her birinin kendi yumuşatma eğrisi var. Sahneler kesme, geçiş ya da kaydırmayla art arda oynuyor, ses izin export’a karışıyor.
10 kamera hareketi
- Scan left to right
- Top to bottom
- Low-angle pan up
- Slow zoom out
- Overhead pan
- Out and back
- Fold up
- Flat truck
- Symmetry glide
- Hero turn
- Auto-motion
- Ekranda odak alanları çiz; Auto-motion aralarında bir kamera yolu çözüp sana düzenlenebilir keyframe’ler olarak veriyor.
- Lens blur
- Sahnenin gerçek derinliğinden alan derinliği. Odak noktasına keyframe koyarak odak kaydırma yap.
- Cihazın arkasında yazı
- Başlıklar telefonun arkasında durabiliyor; kelime kelime, vuruş ve döngü animasyonlarıyla.
Nesne gibi okunan cihazlar, ürün fotoğrafı gibi ışık.
Donanım çizilmiyor, modelleniyor: gerçek pahlar, tuşlar ve kamera çıkıntıları görüntü tabanlı stüdyo ışığını yakalıyor. Ekran senin ekranın olarak kalıyor — renkleri sadık, üstelik cihazı ve zemini aydınlatabiliyor.
- Cihazlar
- 13Phone, Phone Max, Phone Slim, Android, Android Ultra, Tablet, Watch, Laptop, Laptop 16″, Laptop Slim 13″, Display, Display 27″, Flat
- Kaplamalar
- 10Cam: Crystal, Smoke, Amber, Frost · Metal: Black, Silver, Titanium, White · Mat: Clay, Clay Dark
- Dizilimler
- 6Single, Pair, Trio, Fan, Stack, Row
- Arka planlar
- 16artı kendi görselin, özel gradyan ya da iki 3B zemin
- Efektler
- 18Bloom, flare, liquid glass, fish eye, ghost, screen fade, gren, vinyet ve ton ayarları
- Laptop ekranı
- 3Ekranının etrafına menü çubuğu, dock ve tarayıcı çerçevesi
Ne çıkıyor.
MP4 video kare kare render ediliyor; yavaş bir makinede daha uzun sürüyor ama kare atlamıyor. Her kare, kamera piksel altında kaydırılarak sekiz kez çiziliyor ve ortalanıyor; kamera hareket ederken ince kenarlar titremiyor.
| Çıktı | Biçim | Sınırlar |
|---|---|---|
| Görsel | PNG, JPG, WebP | 5120 px’e kadar · PNG ve WebP saydamlığı korur |
| Video | MP4 (H.264) | 3840 × 2160’a kadar · 30 ya da 60 fps |
| Şeffaf video | WebM (alfalı VP8) | düzenleyicilere ve web sayfalarına arka plansız düşer |
| Kenar kalitesi | Piksel başına 8 jitter örneği | High kalitede daha fazlası; High iki kat boyutta da çiziyor |
| Hareket bulanıklığı | Kapalı, düşük, orta, yüksek | render sırasında uygulanır |
| Ses | Kendi parçaların, çevrimdışı karıştırılır | MP4 içinde AAC |
| Mağaza ölçüleri | App Store ve Google Play | alfa kanalsız PNG |
| Mağaza seti | Her sahne × her mağaza ölçüsü | tek ZIP |
Ücretsiz, hiçbir şey kısılmadan.
Bugün her özellik ücretsiz: sınırsız export, filigran yok, hesap yok. Bir gün ücretli plan gelirse, neyin değişeceğini kullanım koşulları sayfası önceden söyleyecek. Koşullar
- Sınırsız export
- 4K video ve 5K görsel
- Şeffaf video
- Dışa aktardığın her şeyin hakkı sende
Diğerleriyle karşılaştırma.
| Mockuptop | Popüler tarayıcı editörü (ücretsiz plan) | Popüler Mac uygulaması | |
|---|---|---|---|
| Fiyat | Ücretsiz | Ücretsiz; ücretli plan aylık 20 $ ya da yıllık 120 $ | Tek seferlik satın alma, üç seviye |
| Çalıştığı yer | Tarayıcı | Tarayıcı | macOS 11+ uygulaması |
| Export | Sınırsız | 24 saatte 3 | — |
| Filigran | Yok | Var | — |
| En büyük görsel | 5120 px | 1920 px | Seviyeye göre 8K’ya kadar |
| Video | 60 fps’te 4K’ya kadar | 720p, 30 fps | Seviyeye göre 8K’ya kadar |
| Şeffaf video | Var (WebM) | Yok | — |
| Cihaz modeli | 13 | 18’den 2’si | 30+ |
En çok sorulanlar.
Mockuptop gerçekten ücretsiz mi?
Evet. 4K video, 5K görsel ve şeffaf video dahil her özellik ücretsiz. Hesap, export sınırı ya da filigran yok.
Ekran görüntülerim bir yere yükleniyor mu?
Hayır. Mockuptop tarayıcında WebGL ile render ediyor; görsellerin ve kayıtların cihazından çıkmıyor. Paylaşım linki sahne ayarlarını taşıyor, görsellerini değil.
App Store için hangi ölçülerde export alıyor?
Ekran görüntüleri: iPhone 6.9″ 1290 × 2796, iPad 13″ 2064 × 2752 ve Mac 2880 × 1800. Önizleme videoları: iPhone için 886 × 1920, iPad için 1200 × 1600, Mac ve Apple TV için 1920 × 1080; 30 fps ve stereo AAC ses iziyle.
Google Play için?
Telefon 1080 × 1920, tablet 1440 × 2560 ve 1024 × 500 öne çıkan görsel (feature graphic); alfa kanalsız PNG ya da JPG olarak. 1290 × 2796 Play için sunulmuyor, çünkü Play uzun kenarı kısa kenarın iki katından fazla olan görselleri reddediyor.
Şeffaf arka planlı mockup videosu alabilir miyim?
Evet, alfa kanallı WebM olarak; After Effects, Premiere, Figma ya da bir web sayfası için. MP4 saydamlık taşıyamaz, bu yüzden App Store önizlemelerinin her zaman bir arka planı olur.
Kamerayı canlandırabilir miyim?
Evet. Açı, zoom, görüş açısı, bulanıklık ve ışık için zaman çizelgesinde keyframe koy, 10 kamera hareketinden birini uygula ya da Auto-motion’ın ekranda işaretlediğin alanlar arasında yol kurmasına izin ver.
Hangi tarayıcıyı kullanmalıyım?
Mockuptop masaüstünde Chrome ve Edge’de geliştirilip test ediliyor. WebGL 2 gerekiyor, video export WebCodecs kullanıyor. Kadrajlama ve görsel export telefonda da çalışıyor; zaman çizelgesi masaüstü boyutunda bir ekran istiyor.
Çıktıları ticari olarak kullanabilir miyim?
Evet. İçeri aldığın ve dışa aktardığın her şeyin hakkı sende; Mockuptop hiçbir sahiplik ya da lisans iddia etmiyor. İçine koyduğun ekranları kullanma hakkına sahip olmak senin sorumluluğunda.
Mağaza görselleri ve mockup videosu için rehberler.
Ölçüler, kadraj, ışık ve hareket üzerine otuz kısa rehber, on bir dilde.
Tüm rehberler- App Store ekran görüntüsü ölçüleri, tablo ezberlemeden
- Google Play ekran görüntüsü ölçüleri ve mağaza görselleri
- İşin çoğunu ilk ekran görüntün yapıyor
- 20 saniyelik tanıtım gerçekte nasıl kuruluyor
- Kamera açıları: neredeyse her işi gören beş kadraj
- Cihaz mockup’ını nesne gibi göstermek için ışık
- Şeffaf mockup: mağazalar dışında her yerde faydalı
- Açılış sayfası kapağında mockup kullanmak
Aç ve bir ekran görüntüsü bırak.
Kurulacak bir şey yok, üye olunacak bir yer yok. En iyi masaüstünde Chrome ya da Edge’de çalışır.
Editörü aç