Skip links
Explore
Drag

Tworzenie interaktywnego pliku PDF

Witam, w dzisiejszym poradniku przedstawię proces tworzenia pliku PDF, w którym to będziecie mogli państwo wpisywać dane identycznie jak w formularzu na stronie internetowej. Plik będzie wyposażony również w przycisk „Wyślij”, który to będzie powodował wysłanie wygenerowanego pliku PDF wraz ze wszystkimi danymi na podany przez państwa mail.

W pracy grafika bardzo istotną rolę pełni Brief, czyli tzw. Wywiad projektowy, który to opisuje ramy projektu – jego główne założenia, datę zakończenia, budżet oraz wiele innych równie istotnych kwestii. Zazwyczaj aby porozumieć się z klientem po prostu ustalało się szczegóły przez telefon. Są jednak lepsze metody. Jedną z nich jest właśnie interaktywny plik PDF dzięki któremu będziemy mieli wszystkie najważniejsze informacje w jednym miejscu. Powiedzmy sobie szczerze, jest to również fajny bajerek, który może sprawić że potencjalni klienci będą patrzyli na Was w większym uznaniem. Tworzenie pliku interaktywnego nie jest takie trudne jak możecie sądzić. Poniżej opisuję wszystko krok po kroku.

Design interaktywnego pliku PDF

Tworzymy nowy dokument w programie Indesign, ustawiamy interesującą nas liczbę stron. Jeżeli jesteś fanem Adobe InDesign możesz zacząć tam tworzyć cały koncept projektu briefa. Ja staram się używać go tylko gdy zajdzie taka potrzeba więc projekt przygotowałem w innym programie oraz zaimportowałem go do programu poprzez Plik → Umieść.


Przy przygotowaniu odpowiedniego wyglądu przechodzimy do tworzenia interaktywnego formularza.

  1. Wybieramy narzędzie Tekst oraz określamy jak wielkie ma być pole tekstowe.
  2. Wybieramy narzędzie zaznaczania, klikamy prawym przyciskiem na pole tekstowe, wybieramy:

    Interaktywne → Konwertuj na pole tekstowe.

  3. Z okna dialogowego Przyciski i formularze określamy nazwę pola, zdarzenie – czyli co się stanie gdy najedziemy, lub klikniemy na dany obiekt, operację (o tym później).

Poniżej mamy więcej opcji, możemy określić czy dane pole jest wielowierszowe, tylko do odczytu, jest hasłem, lub jest polem wymaganym. Możemy również określić czcionkę, jej rozmiar, jej grubość. No wszystko co może być nam potrzebne.

W tym momencie uzupełniamy wszystkie nasze pola.

Ostatnim etapem będzie stworzenie przycisku „Wyślij”. Pierwsze dwa punkty będą się w tym momencie powtarzać. W tym momencie należy pamiętać również o wyśrodkowaniu tekstu w pionie i poziomie (no cóż, jestem grafikiem). Gdy już skończymy tworzenie przycisku czas nadać mu odpowiednie znaczenie.

  1. Klikamy prawym przyciskiem na obiekt, wybieramy Interaktywne → Konwertuj na przycisk
  2. Kolejny raz nadajemy nazwę, oraz tym razem dodajemy operację. Klikamy ikonę plusa, wybieramy prześlij formularz, w polu URL musi znajdować się lokalizacja gdzie chcemy wysłać nasz plik PDF. Proponuję wykorzystać komendę mailto:

    mailto:<twój adres email>

W tym momencie po skorzystaniu z formularza i kliknieciu przycisku wyślij otworzy się okno naszego programu pocztowego, w którym to znajduje się w załączniku plik PDF. Uzupełnione został adres email, temat, od użytkownika wymaga się tylko kliknięcia „Wyślij”. No i to wszystko! Przykład pliku interaktywnego możecie zobaczyć w moim Briefie, czyli Wywiadzie Projektowym.

W tym momencie należy również wspomnieć o dwóch istotnych sprawach. Przeglądarka Mozilla nie obsługuje interaktywnych formularzy, należy to zaznaczyć w momencie umieszczania pliku PDF na naszej stronie. W Google Chrome nie zauważyłem problemów z wyświetlaniem. Również po pobraniu pliku i otworzeniu go w Acrobat Reader nie występują problemy.

Jeżeli nie posiadasz programu Adobe Indesign to nic straconego. Możesz skorzystać z generatorów interaktywnych plików PDF takich jak PDFescape.com. Zasada działania jest taka sama. No to co, do roboty! 🙂

W celu zapewnienia prawidłowego funkcjonowania naszej strony internetowej korzystamy z plików cookies. Zgodę wyrażasz dobrowolnie. Możesz ją w każdym momencie wycofać lub ponowić.