Dopracuj zrzut ekranu
Wczytaj zrzut ekranu w formacie PNG lub JPG, wybierz ramkę i tło i pobierz mockup jako plik PNG w rozdzielczości 1x lub 2x.
Ramka to właściwość szablonu, a nie wybór za każdym razem od nowa
Grafiki produktowe powstają w zestawach: strona dokumentacji, post o nowej wersji i sekcja z cennikiem potrzebują tego samego ujęcia w tej samej oprawie. W DynaPictures ramka, margines, zaokrąglenie narożników i cień należą do szablonu, a zrzut ekranu trafia w miejsce, które dla niego narysujesz.
- Zrzut trafia w narysowane przez Ciebie miejsce
- Margines, zaokrąglenie i cień zapisane w warstwie
- PNG, WEBP lub PDF z jednego projektu
Jak zrobić mockup zrzutu ekranu
Wczytaj zrzut ekranu
Przeciągnij plik PNG lub JPG do pola. Sprawdzą się ekrany aplikacji, strony internetowe, dashboardy i okna czatu, a obraz zostaje na Twoim urządzeniu.
Wybierz ramkę i tło
Umieść zrzut w oknie przeglądarki, w ramce telefonu albo zostaw go bez ramki. Wybierz gradientowe tło, a potem ustaw margines, zaokrąglenie narożników i siłę cienia.
Pobierz w 1x lub 2x
Wyeksportuj plik PNG w oryginalnym rozmiarze albo w rozdzielczości 2x na ekrany Retina, do opisów w sklepach z aplikacjami i na ostre slajdy.
Dlaczego warto dopracować zrzuty ekranu w tym narzędziu
Ramki przeglądarki i telefonu
Ramka okna przeglądarki sprawia, że zrzuty aplikacji internetowych wyglądają jak profesjonalne zdjęcia produktu, a ramka telefonu robi to samo z ekranami mobilnymi.
Gradientowe tła i cienie
Margines, zaokrąglone narożniki, delikatny cień i gradient zamieniają płaski zrzut w kartę, która wyróżnia się w feedzie albo we wpisie na blogu.
Rozdzielczość do 2x
Eksportuj w 2x, a mockup zostanie ostry na ekranach Retina i 4K, w galerii Product Hunt albo na landing page’u.
Nic nie jest przesyłane
Generator działa w całości w Twojej przeglądarce. Zrzuty niewydanych funkcji czy danych klientów nigdy nie opuszczają Twojego komputera.
Bez dziennego limitu
Bez logowania, znaku wodnego i dziennej puli. Jeśli masz ochotę, dopracuj każdy zrzut ekranu ze swojego changeloga.
Co robi narzędzie do upiększania zrzutów ekranu
Surowe zrzuty ekranu mają ostre krawędzie, brak im kontekstu i często pokazują dużo pustego interfejsu. To narzędzie umieszcza zrzut w ramce urządzenia, dodaje wokół niego przestrzeń, zaokrągla narożniki, rzuca za nim cień i maluje gradientowe tło, czyli nadaje mu wygląd znany z postów o premierach produktów, dokumentacji i stron w App Store. Ponieważ obraz jest przetwarzany na płótnie w Twojej przeglądarce, nigdy nie opuszcza urządzenia. Ramkę przeglądarki stosuj do aplikacji internetowych i dashboardów SaaS, ramkę telefonu do aplikacji mobilnych, a wersję bez ramki do slajdów, diagramów i wyników z terminala. Eksportuj w 2x zawsze, gdy obraz będzie wyświetlany na ekranie o dużej gęstości pikseli.
Korzystanie bez ograniczeń dziennych
Bez dziennego limitu i bez logowania. Narzędzie działa w przeglądarce, zrzut nie trafia na serwer, a plik PNG zapisuje się prosto na Twoim urządzeniu.
Automatyzuj grafiki produktowe
W DynaPictures budujesz szablon mockupu raz i generujesz w nim nowe zrzuty ekranu przez API, Zapier, Make albo z arkusza, np. do każdej informacji o nowej wersji.
Wskazówka
Przed wczytaniem przytnij zrzut do najciekawszego fragmentu. Mniejsze zrzuty z większym marginesem czyta się w feedach lepiej niż zrzuty całego ekranu.
Najczęściej zadawane pytania
Nie. Mockup powstaje na płótnie w Twojej przeglądarce. Nic nie jest wysyłane na serwer i właśnie dlatego narzędzie nie ma dziennego limitu.