1. Zacznij od czystego zrzutu
Nic nie wpływa na wynik tak mocno jak zrzut. Rozmazany obraz zepsuje najlepszą scenę 3D.
- Zrób go na urządzeniu albo w symulatorze, w pełnej rozdzielczości. W iPhonie 17 Pro to 1206 × 2622 pikseli.
- Wyczyść pasek stanu. Symulator Xcode pokazuje 9:41 i pełną baterię; tryb demo w Androidzie robi to samo.
- Użyj prawdziwych treści. Lorem ipsum i puste listy sprawiają, że mockup wygląda na niedokończony.
Przy stronie internetowej zrób zrzut pierwszego ekranu, a nie całej strony: urządzenie i tak pokaże tylko widoczną część.
2. Zdecyduj, co robisz
Z tego samego zrzutu mogą powstać trzy rzeczy, a od tego zależą kolejne kroki:
- obraz (App Store, strona, prezentacja);
- krótki film (premiera, Reels, podgląd App Store);
- twój projekt na prawdziwym zdjęciu (social media, portfolio).
Robienie tego w trzech różnych programach zajmuje czas. Zbudowaliśmy Mockup Center tak, żeby wszystko powstawało w jednej aplikacji.
3. Wybierz urządzenie i scenę
Weź urządzenie, na którym twoja aplikacja naprawdę działa. Aplikacja z iOS na telefonie z Androidem to mały błąd, ale ludzie go widzą. Mockup Center ma 65 urządzeń, w tym iPhone, Samsung Galaxy, Google Pixel, iPad, MacBook, iMac i Apple Watch, wszystkie bez logo.
Szablony mają już ustawione światło, kąt kamery i ruch. Jeśli się spieszysz, zacznij od nich i zmień, co ci nie pasuje.
4. Upuść zrzut
Przeciągnij obraz na urządzenie, a wypełni ekran. Upuść kilka naraz, a każdy trafi na to samo urządzenie w tej samej scenie. Przy sześciu zrzutach do App Store to oszczędza mnóstwo czasu.
Do filmu upuść w ten sam sposób nagranie ekranu. Odtwarza się na ekranie, gdy urządzenie się porusza.
5. Kąt, światło i tło
Tu małe zmiany robią dużą różnicę:
- Kąt: lekki obrót wygląda żywiej niż widok z przodu. Zwykle sprawdza się od 15 do 25 stopni.
- Światło: obróć główne światło, a cień obróci się razem z nim. Cień do tyłu i w dół wygląda najnaturalniej.
- Tło: jednolity kolor albo łagodny gradient nie konkuruje z ekranem. Jasny odcień koloru twojej marki prawie zawsze działa.
6. Dodaj ruch (do filmu)
Wybieraj animacje z menu; każda kolejna zaczyna się tam, gdzie skończyła poprzednia. Żeby skrócić klip, przeciągnij jego krawędź na osi czasu. Jeśli szablony nie wystarczą, ustaw własne klatki kluczowe dla urządzenia i kamery.
Na Reels i TikToka używaj 9:16, na YouTube i stronę 16:9. Oba wyjdą z jednego projektu.
7. Eksportuj
- App Store i Google Play: PNG albo JPEG z tłem. Sklepy odrzucają przezroczyste obrazy.
- Strony i prezentacje: przezroczysty PNG, żeby urządzenie leżało prosto na stronie.
- Wideo: MP4. Jeśli idzie do programu do montażu, przezroczysty ProRes 4444 albo WebM.
Mockup Center eksportuje do 8K i pobiera wiele obrazów naraz w jednym pliku ZIP.
