Potto AI

Wideo instruktażowe produktu

Pokaż jedną funkcję krok po kroku: dodaj zrzuty ekranu albo link do strony swojego produktu, a Potto zamieni je w opatrzony narracją instruktaż z napisami, które możesz edytować scena po scenie, zanim wyeksportujesz plik MP4.

Od wiersza storyboardu do kadru wideo instruktażowego produktu

Ostatni krok wideo instruktażowego produktu o usuwaniu tła — jako wiersz storyboardu i jako kadr filmu. Tekst na ekranie pochodzi ze storyboardu; układ sceny, ikony i ruch dodaje się dopiero przy renderowaniu sceny.

Scena 4 z 5 · 7 s

Tekst na ekranie

  • Transparent cutout
  • Flattened composite
Wiersz storyboardu · Przewodnik po funkcjach
Klatka filmu · 0:24 · 16:9

Co zawiera wiersz storyboardu

Każdy krok wideo instruktażowego produktu to jeden wiersz storyboardu: tekst pokazywany na ekranie dla tego kroku, a gdy włączona jest narracja — słowa do wypowiedzenia. Potto układa wiersze na podstawie Twojego linku lub zrzutów ekranu, w kolejności zadań, więc ostatni krok pojawia się po czynności, od której zależy.

Co pokazuje kadr

Ten sam tekst jako krótkie etykiety w scenie danego kroku, w kolorach i z logo pobranymi z linku do strony. W tym przykładzie krok przesyłania pokazuje stronę usuwania tła uchwyconą z tego linku, a kolejne kroki używają etykiet i sceny przed i po; dzięki własnym zrzutom ekranu każdy krok może pokazać Twój prawdziwy interfejs.

Co sprawdzić przed eksportem

Porównaj każdy wiersz wideo instruktażowego produktu z działającym produktem: nazwy przycisków, kolejność działań i wynik na ekranie. Popraw tekst na ekranie w storyboardzie, podmień zrzut ekranu na prawdziwy widok, gdy to pomaga, i obejrzyj podgląd jeszcze raz przed eksportem.

Gdzie wideo instruktażowe produktu ma swoje miejsce

Wideo instruktażowe produktu odpowiada na jedno pytanie: jak korzystać z tej funkcji? Wybierz miejsce, w którym widzowie je zadają, i pozwól, by to miejsce określiło kadr, długość i liczbę kroków do pokazania.

16:9 · 30s

Artykuły w centrum pomocy

Umieść wideo instruktażowe produktu na początku artykułu z poradnikiem, aby czytelnicy zobaczyli każdy krok, zanim przeczytają szczegóły. Jedno zadanie na wideo, dokładne nazwy przycisków z Twojej aplikacji i format 16:9 na stronę centrum pomocy lub dokumentacji. Gdy interfejs się zmieni, podmień zrzuty ekranu, zamiast zostawiać nieaktualny instruktaż online.

16:9 · 28s

Aktualizacje funkcji i informacje o wydaniach

Gdy funkcja pojawia się lub się zmienia, krótkie wideo instruktażowe produktu pokazuje, gdzie ją znaleźć i jak z niej teraz korzystać. Zacznij od ekranu, który ludzie już znają, pokaż nowe kroki po kolei i zakończ na rezultacie. Do zapowiedzi korzyści i dostępności lepiej pasuje wideo premierowe niż instruktaż.

16:9 · 34s

Wprowadzanie nowych użytkowników

Naucz nowego użytkownika pierwszych potrzebnych zadań dzięki wideo instruktażowemu produktu dla każdej funkcji. Kadr 9:16 pasuje do telefonów i wiadomości w aplikacji, a 1:1 do feedu lub e-maila. Kończ każdy instruktaż na kolejnej czynności, jaką użytkownik powinien wykonać w Twoim produkcie.

Jak stworzyć wideo instruktażowe produktu

Stwórz wideo instruktażowe produktu w trzech krokach za pomocą kreatora powyżej. Generowanie i podglądanie jest bezpłatne, a cena w kredytach pojawia się przed eksportem.

  1. 1. Dodaj link lub zrzuty ekranu

    Wklej publiczny link do produktu albo prześlij zrzut ekranu każdego kroku po kolei, maksymalnie 8 załączników na projekt. Wybierz Przewodnik po funkcjach jako typ wideo i napisz jedno zdanie o funkcji, dla kogo jest instruktaż i jaki wynik ma osiągnąć.

  2. 2. Sprawdź każdy krok

    Porównaj zarys i storyboard ze swoim produktem. W dowolnej scenie popraw tekst na ekranie i narrację, podmień zrzut ekranu albo wybierz punkt skupienia, aby krok wskazywał właściwy element. Zachowaj nazwy funkcji dokładnie tak, jak pokazuje je Twoja aplikacja.

  3. 3. Wyświetl podgląd, a potem wyeksportuj MP4

    Obejrzyj instruktaż w przeglądarce za darmo. Wyeksportuj MP4 1080p przy 30 fps w proporcjach 16:9, 9:16 lub 1:1. Kredyty są pobierane dopiero przy eksporcie, na podstawie długości, narracji i ilustracji.

Jak Potto tworzy Twoje wideo instruktażowe produktu

Nagranie ekranu rejestruje każde kliknięcie, pauzę i pomyłkę. Potto zamiast tego buduje pokaz na podstawie Twoich ekranów: Claude Opus 5.5 planuje jedną funkcję jako sekwencję kroków, Twoje zrzuty ekranu stają się warstwą wizualną, a lektor, napisy i muzyka w tle są dodawane — dzięki temu wideo instruktażowe produktu wygląda jak zmontowany samouczek, a nie surowe nagranie.

  1. 01

    Zacznij od publicznego linku lub własnych zrzutów ekranu

    Podaj Potto publiczny adres strony http lub https, a on odczyta tę stronę oraz maksymalnie 2 kolejne strony w tej samej witrynie, przejmie nazwę Twojej marki, kolory, czcionki i logo oraz wykona zrzut pierwszego ekranu w rozdzielczości 1440×900. Stron za logowaniem nie można odczytać, więc jeśli chcesz stworzyć wideo pokazujące funkcje aplikacji z widokiem po zalogowaniu, prześlij zrzuty ekranu.

    • Publiczna strona plus maksymalnie 2 strony w tej samej witrynie
    • Zrzuty ekranu dla widoków po zalogowaniu
    Strona zarejestrowana z linku w przykładzie usuwania tła
  2. 02

    Scenariusz, który uczy jednej funkcji po kolei

    W typie wideo Pokaz funkcji Claude Opus 5.5 pisze zarys, storyboard i scenariusz narracji jako ponumerowane kroki zgodne z kolejnością Twoich ekranów, pokazując każdą czynność i to, co zmienia. Sceny są renderowane za pomocą komponentów scen Remotion od Potto, z ilustracjami wygenerowanymi przez AI i głosem lektora.

    • Zarys, storyboard i scenariusz od Claude Opus 5.5
    • Kroki są zgodne z kolejnością Twoich ekranów
    Scena kroku z przykładu usuwania tła
  3. 03

    Twoje zrzuty ekranu jako warstwa wizualna

    Wideo instruktażowe oprogramowania jest przydatne tylko wtedy, gdy pokazuje ekran, który zobaczą użytkownicy. Potto umieszcza Twoje zrzuty ekranu na scenach, a dla każdego z nich możesz wybrać punkt skupienia, podmienić nowszy zrzut lub zastąpić ilustrację — dzięki temu krok można poprawić bez tworzenia całego pokazu od nowa.

    • Wybierz punkt skupienia dla każdego zrzutu ekranu
    • Podmień ekran bez zaczynania od nowa
    Scena ze zrzutem ekranu z przykładu generatora obrazów AI
  4. 04

    Narracja w 32 językach, z napisami

    Wybierz jeden z 32 języków narracji lub pozwól Potto wykryć język automatycznie; napisy podświetlają każde słowo w momencie jego wypowiadania. Muzyka w tle pochodzi z własnej biblioteki autorskich utworów Potto, dobranych do stylu i długości, i możesz ją zmienić. Przed eksportem posłuchaj raz, żeby sprawdzić nazwy produktów i etykiety przycisków.

    • 32 języki narracji lub automatyczne wykrywanie
    • Napisy słowo po słowie
    Scena z napisami z przykładu instrukcji czajnika
  5. 05

    Wyeksportuj swoje wideo instruktażowe produktu w trzech proporcjach obrazu

    Eksportuj MP4 1080p przy 30 fps w proporcjach 16:9 (1920×1080) na strony centrum pomocy i dokumentacji, 9:16 (1080×1920) na telefony i wiadomości w aplikacji albo 1:1 (1080×1080) do feedu. Proporcje obrazu nie zmieniają ceny, więc wybierz kadr dopasowany do miejsca, w którym będzie odtwarzane Twoje wideo instruktażowe produktu.

    • Kadry 16:9, 9:16 i 1:1
    • Cena nie zależy od proporcji obrazu
    Przykłady w 16:9, 9:16 i 1:1

Poznawaj dalej Potto AI

Każde wideo instruktażowe produktu uczy jednej funkcji. Te strony opisują inne rodzaje filmów.

Najczęstsze pytania o wideo instruktażowe produktu

Czym jest wideo instruktażowe produktu, czym różni się od dema oraz jakie dane wejściowe, zmiany i ceny warto znać przed eksportem.

  1. Czym jest wideo instruktażowe produktu?

    Wideo instruktażowe produktu to krótki film, który uczy, jak korzystać z produktu lub z jednej jego funkcji, prowadząc po kolei przez kroki na prawdziwym interfejsie, zwykle z narracją i napisami. Widzowie podążają za nimi i osiągają ten sam efekt we własnej aplikacji. Potto tworzy wideo instruktażowe produktu na podstawie Twoich zrzutów ekranu lub linku do produktu: planuje kroki, umieszcza Twoje ekrany w animowanych scenach i dodaje narrację, napisy oraz muzykę. Nie nagrywa Twojego ekranu i nie generuje cyfrowego prezentera.

  2. Czym różni się wideo instruktażowe produktu od wideo demonstracyjnego?

    Wideo instruktażowe produktu uczy jednej funkcji krok po kroku, natomiast demo pokazuje, co robi cały produkt i dlaczego jest ważny. Demo odpowiada na pytanie „czy powinienem tego użyć?”, a instruktaż odpowiada „jak mam to zrobić?” komuś, kto ma już otwarty produkt. W Potto to osobne typy wideo, więc wybierz Feature Walkthrough, gdy celem jest instrukcja, a Product Demo, gdy celem jest ogólny przegląd.

  3. Czym jest typ wideo Feature Walkthrough?

    Feature Walkthrough to jedna z opcji w menu typu wideo w kreatorze Potto, obok Auto, Product Demo, Explainer, Product Launch, Article to Video i Data Story. Nakazuje AI zaplanować Twój film jako numerowane kroki dla jednej funkcji, w kolejności dostarczonych ekranów. Wybierz go samodzielnie zamiast Auto, gdy chcesz wideo instruktażowe produktu pokazujące jedną funkcję, a nie ogólny przegląd.

  4. Jak stworzyć wideo instruktażowe produktu?

    Dodaj zrzuty ekranu każdego kroku albo publiczny link do swojego produktu w kreatorze u góry, wybierz Feature Walkthrough jako typ wideo i napisz zdanie o funkcji, grupie odbiorców oraz efekcie, jaki mają osiągnąć. Potto tworzy zarys, storyboard, narrację i napisy; Ty sprawdzasz każdy krok w swoim produkcie, bezpłatnie podglądasz instruktaż w przeglądarce i eksportujesz plik MP4.

  5. Czy zacząć od linku, czy od zrzutów ekranu?

    Użyj linku do strony publicznej, a zrzutów ekranu do wszystkiego, co jest za logowaniem. Potto odczytuje podaną publiczną stronę http lub https oraz maksymalnie 2 kolejne strony w tej samej witrynie i przechwytuje jej pierwszy ekran w rozdzielczości 1440×900. Stron wymagających logowania nie można odczytać, więc do wideo instruktażowego aplikacji pokazującego ekran po zalogowaniu prześlij po jednym zrzucie ekranu na krok, w odpowiedniej kolejności. Projekt może zawierać maksymalnie 8 załączników — zrzutów ekranu i dokumentów łącznie.

  6. Czy mogę przesłać nagranie ekranu do swojego instruktażu?

    Na razie nie. Potto nie przyjmuje obecnie istniejącego wideo, np. nagrania ekranu, do analizy ani edycji; tworzy nowe wideo instruktażowe produktu ze zrzutów ekranu, linku do strony publicznej lub dokumentu. Jeśli masz już nagranie, wyeksportuj klatkę dla każdego kroku i prześlij te zrzuty ekranu w odpowiedniej kolejności.

  7. Czy mogę edytować kroki przed eksportem?

    Tak. Przed eksportem możesz edytować tekst na ekranie oraz scenariusz narracji dla każdej sceny wideo instruktażowego produktu. Jeśli chodzi o grafikę, możesz podmienić zrzut ekranu, wybrać jego punkt skupienia, ponownie wygenerować ilustrację AI albo zastąpić ją własnym plikiem. Po każdej zmianie obejrzyj podgląd ponownie i porównaj każdy krok z działającym produktem.

  8. Czy instruktaż korzysta z kolorów i logo mojej marki?

    Tak, gdy wybierzesz zestaw marki albo włączysz domyślną markę. Jego cztery kolory marki są stosowane do grafiki, czcionkę wybierasz spośród Inter, Space Grotesk lub Bricolage, a Twoje logo pojawia się w scenie otwierającej i zamykającej. Gdy zaczynasz od linku, Potto przejmuje też nazwę marki, kolory, czcionki i logo z tej strony.

  9. W jakich językach może być narracja?

    Narracja może być w jednym z 32 języków albo Potto może wykryć język automatycznie. Napisy podświetlają każde słowo w momencie jego wypowiedzenia. W przypadku wideo instruktażowego produktu przed eksportem odsłuchaj je raz pod kątem nazw produktów, etykiet menu i skrótów, bo to właśnie tych słów widzowie będą szukać na swoim ekranie.

  10. W jakich formatach mogę eksportować?

    Potto eksportuje każde wideo instruktażowe produktu jako plik MP4 w 1080p przy 30 fps. Wybierz 16:9 (1920×1080) do artykułów pomocy, 9:16 (1080×1920) do telefonów lub 1:1 (1080×1080) do feedu albo e-maila. Format 4:5 i eksport GIF nie są dostępne.

  11. Ile kredytów kosztuje wideo instruktażowe produktu?

    Generowanie i podglądanie instruktażu w przeglądarce jest bezpłatne; kredyty są pobierane dopiero przy eksporcie. Cena zależy od długości wideo, długości narracji i liczby użytych ilustracji AI, a proporcje obrazu jej nie zmieniają. Na przykład 30-sekundowe wideo z angielską narracją i bez ilustracji kosztuje 153 kredyty, a dodanie 2 ilustracji podnosi cenę do 199 kredytów. Każde konto może rozpocząć maksymalnie 30 projektów wideo i wygenerować maksymalnie 60 ilustracji dziennie.

Potto AI

Stwórz wideo instruktażowe produktu

Dodaj zrzuty ekranu albo link do produktu, sprawdź każdy krok i zobacz cenę w kredytach, zanim wyeksportujesz swój instruktaż jako plik MP4.