Id do

Spis treci
Przykadowy rozdzia
Katalog ksiek
Katalog online
Zamw drukowany
katalog
Twj koszyk
Dodaj do koszyka
Cennik i informacje
Zamw informacje
o nowociach
Zamw cennik
Czytelnia
Fragmenty ksiek
online

Kontakt
Helion SA
ul. Kociuszki 1c
44-100 Gliwice
tel. 32 230 98 63
e-mail: helion@helion.pl
Helion 19912010

Adobe InDesign CS5/CS5

PL. Oficjalny podrcznik
Autor: Adobe Creative Team
Tumaczenie: Joanna Pasek
ISBN: 978-83-246-2891-9
Tytu oryginau: Adobe InDesign CS5 Classroom in a Book
Format: B5, stron: 464

Sprawd, co nowego kryje wersja CS5!

Jak przygotowa stanowisko pracy?
Jak wykorzysta wiedz z typografii do tworzenia dokumentw?
Jak przygotowa dokument do druku?
InDesign to narzdzie, ktre zdobyo popularno wrd amatorw i uznanie zawodowcw. Wersja
CS5 udowadnia, e nie ma lepszego oprogramowania do profesjonalnego skadu tekstu. Dopracowany
w najdrobniejszych szczegach, wzbogacony o nowe funkcje oraz pozwalajcy na atwiejsze
i wydajniejsze wykonywanie typowych zada taki jest wanie nowy InDesign!
Niniejsza ksika zostaa napisana przez specjalistw z firmy Adobe. Zawarta w niej wiedza
pochodzi z pierwszej rki i jest najwyszej jakoci. Lektura kolejnych rozdziaw pozwoli Ci
dostosowa InDesign do swoich potrzeb, zrozumie zalety i zasady korzystania z mechanizmu
stylw oraz zaznajomi si z reguami typografii. Znajdziesz tu wiedz na temat publikacji
dokumentw, obsugi kolorw oraz tworzenia spisw treci i indeksw. Autorzy szczegowo
opisuj nowe funkcje, ktre pojawiy si w wersji CS5, a wrd nich ledzenie zmian tekstu,
automatyczne generowanie podpisw na podstawie metadanych oraz moliwo stosowania
zrnicowanych rozmiarw stron w ramach jednego dokumentu. Podrcznik ten pozwoli Ci
byskawicznie opanowa Adobe InDesign w zakresie umoliwiajcym przygotowanie atrakcyjnych
i profesjonalnych dokumentw.
Przestrze robocza moliwoci jej dostosowywania
Wykorzystanie mechanizmu stylw
Praca z wielostronicowymi dokumentami
Wykorzystanie ramek tekstowych, tworzenie ramek graficznych
Osadzanie elementw graficznych
Obrbka tekstw
Kolory i zarzdzanie ich profilami
Dane tabelaryczne
Publikacja dokumentw
Wydruk dokumentw
Najlepszy podrcznik do nauki Adobe InDesign CS5!

spIs treCI
Wstp
Oksice. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Wymagania . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Instalacja programu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .12
Inne rda informacji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .13
Certyfikaty Adobe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .15
Sprawdzanie dostpnoci aktualizacji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .16

InfOrmACje OprZestrZenI rObOCZej

Zaczynamy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .22
Rzut oka na przestrze robocz . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .22
Obsuga paneli . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .30
Konfigurowanie przestrzeni roboczej . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .34
Zmiana powikszenia dokumentu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .35
Przegldanie zawartoci dokumentu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .37
Obsuga menu kontekstowych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .40
Zasoby iinformacje dotyczce programu InDesign . . . . . . . . . . . . . . . . . . . . . . . . 41

KrtKI Kurs ADObe InDesIgn

Zaczynamy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .46
Przegldanie przykadowego dokumentu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .48
Weryfikacja dokumentu wtrakcie pracy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .49
Wywietlanie linii pomocniczych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .50
Dodawanie tekstu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .52
Style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .55
Obiekty graficzne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .60
Obiekty . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .62
Style obiektw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .64
Propozycje samodzielnych wicze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .66

KOnfIgurOWAnIe IeDytOWAnIe WIeLOstrOnICOWegO DOKumentu

Zaczynamy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .70
Tworzenie izapisywanie niestandardowych ustawie dokumentu . . . . . . . . . 71
Tworzenie nowego dokumentu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .73

SPIS TRECI

InD_CS5_pierwsza_pomoc.indb 4

2010-12-28 15:04:41

Przeczanie pomidzy otwartymi dokumentami InDesign . . . . . . . . . . . . . . . .74

Strony wzorcowe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .74
Stosowanie wzorca do stron dokumentu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .92
Wyodrbnianie sekcji wcelu zmiany numeracji stron . . . . . . . . . . . . . . . . . . . . . .94
Dodawanie stron . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .96
Ukadanie ikasowanie stron . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .96
Umieszczanie tekstu igrafiki na stronach publikacji . . . . . . . . . . . . . . . . . . . . . . .97
Zastpowanie elementw stron wzorcowych
na zwykych stronach dokumentu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .99
Zmiana rozmiaru strony . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .101
Wywietlanie ostatecznej postaci zaprojektowanych stron . . . . . . . . . . . . . . . 105
Propozycje samodzielnych wicze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106

ObIeKty
Zaczynamy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110
Warstwy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110
Tworzenie iedytowanie ramek tekstowych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116
Tworzenie iedytowanie ramek graficznych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122
Dodawanie podpisw do ramek woparciu ometadane obrazu . . . . . . . . . . 129
Zmienianie ksztatu ramki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .131
Oblewanie grafiki tekstem . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
Modyfikowanie ksztatu ramek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135
Przeksztacanie iwyrwnywanie obiektw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140
Zaznaczanie imodyfikacja zgrupowanych obiektw . . . . . . . . . . . . . . . . . . . . . 144
Na koniec . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145
Propozycje samodzielnych wicze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146

prZepyWAnIe teKstu
Zaczynamy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152
Przelewanie tekstu do istniejcej ramki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153
Rczne sterowanie przepywem tekstu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 155
Tworzenie nowych ramek tekstowych przy przelewaniu tekstu . . . . . . . . . . .157
Automatyczne wlewanie tekstu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158
Automatyczne tworzenie poczonych ramek tekstowych . . . . . . . . . . . . . . . 159
Dodawanie informacji odalszym cigu artykuu. . . . . . . . . . . . . . . . . . . . . . . . . 163
Propozycje samodzielnych wicze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164

AdobE IndESIgn CS5/CS5 PL. ofICjALny PodRCznIk

InD_CS5_pierwsza_pomoc.indb 5

2010-12-28 15:04:41

eDyCjA teKstu
Zaczynamy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168
Wyszukiwanie izmiana brakujcej czcionki. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169
Tworzenie iwprowadzanie tekstu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170
Wyszukiwanie izamienianie tekstu iformatowania . . . . . . . . . . . . . . . . . . . . . . 172
Sprawdzanie pisowni . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 176
Edycja tekstu przez przeciganie iupuszczanie . . . . . . . . . . . . . . . . . . . . . . . . . . .181
Edytor wtkw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182
ledzenie zmian . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183
Propozycje samodzielnych wicze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184

typOgrAfIA
Zaczynamy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188
Zmiana odstpw pionowych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189
Zmiana kroju istylu czcionki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193
Dopracowanie tekstu wamach . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198
Zmiana wyrwnania akapitu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200
Tworzenie inicjau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202
Dopasowywanie odstpw midzy literami iwyrazami . . . . . . . . . . . . . . . . . . 204
Konfigurowanie tabulatorw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208
Dodawanie linii ponad akapitem . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212
Propozycje samodzielnych wicze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214

ObsugA KOLOrW
Zaczynamy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218
Okrelanie wymaga druku . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219
Tworzenie iuywanie barw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .221
Gradienty . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226
Tworzenie tinty. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229
Tworzenie kolorw dodatkowych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .231
Przypisywanie kolorw do tekstu iobiektw . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232
Zaawansowane techniki tworzenia iposugiwania si gradientami . . . . . . . 235
Propozycje samodzielnych wicze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238

SPIS TRECI

InD_CS5_pierwsza_pomoc.indb 6

2010-12-28 15:04:42

styLe
Zaczynamy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244
Tworzenie istosowanie stylw akapitowych. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245
Tworzenie istosowanie stylw znakowych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 248
Zagniedanie stylw znakowych wstylach akapitowych . . . . . . . . . . . . . . . . .251
Tworzenie istosowanie stylw obiektowych . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258
Tworzenie istosowanie stylw tabel ikomrek . . . . . . . . . . . . . . . . . . . . . . . . . . 263
Globalne aktualizowanie stylw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 269
Wczytywanie stylw zinnego dokumentu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270
Propozycje samodzielnych wicze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272

10 ImpOrtOWAnIe IeDytOWAnIe grAfIKI

Zaczynamy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 278
Dodawanie elementw graficznych zinnych programw . . . . . . . . . . . . . . . . 279
Porwnanie grafiki wektorowej irastrowej . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 280
ricky records

addie mose

1 3 2 5 Hollyw ood Bl vd.

Holly wood , CA 90211
ri cky records.c om

Zarzdzanie czami . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .281

Aktualizacja zmienionych obrazw. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 284
Zmiana jakoci wywietlania . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286
Zastosowanie cieek odcinania . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .287
Zastosowanie kanaw alfa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290
Umieszczanie wdokumencie plikw utworzonych
winnych programach Adobe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 295
Zarzdzanie obiektami za pomoc bibliotek. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302
Importowanie grafiki za porednictwem aplikacji Adobe Bridge . . . . . . . . . 306
Propozycje samodzielnych wicze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309

11 tWOrZenIe tAbeL
Zaczynamy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 314
Konwertowanie tekstu do postaci tabeli . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 315
Formatowanie tabeli . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316
Tworzenie nagwka . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 323
Dodawanie elementw graficznych do tabel . . . . . . . . . . . . . . . . . . . . . . . . . . . . 324
Tworzenie istosowanie stylw tabel ikomrek . . . . . . . . . . . . . . . . . . . . . . . . . . 326
Propozycje samodzielnych wicze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 329

AdobE IndESIgn CS5/CS5 PL. ofICjALny PodRCznIk

InD_CS5_pierwsza_pomoc.indb 7

2010-12-28 15:04:42

12 prZeZrOCZystO
Zaczynamy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 334
Importowanie ikolorowanie czarno-biaych obrazw . . . . . . . . . . . . . . . . . . . 335
Ustawienia przezroczystoci . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .337
Zmiana przezroczystoci ilustracji EPS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .341
Efekty przezroczystoci . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343
Importowanie iedycja przezroczystych obrazw programu Illustrator . . . 344
Zmiana ustawie przezroczystoci tekstu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 346
Efekty specjalne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .347
Propozycje samodzielnych wicze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 355

13 DruKOWAnIe IeKspOrtOWAnIe
Zaczynamy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 360
Weryfikowanie dokumentw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .361
Tworzenie pakietw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 363
Tworzenie plikw PDF do weryfikacji. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 365
Podgld rozbarwie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 368
Podgld przezroczystoci. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 369
Analizowanie wygldu strony . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 372
Drukowanie dokumentu na drukarce laserowej lub atramentowej . . . . . . . 372
Korzystanie zmenedera farb . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 376
Propozycje samodzielnych wicze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 379

14 prOjeKtOWAnIe pubLIKACjI InterAKtyWnyCH

Zaczynamy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384
Przygotowywanie dokumentu do opublikowania winternecie . . . . . . . . . . 385
Tworzenie przyciskw, przej pomidzy stronami ihiperczy. . . . . . . . . . . 386
Eksportowanie dokumentu wformacie Flash Player (SWF) . . . . . . . . . . . . . . . .391
Eksportowanie dokumentu wformacie Adobe PDF . . . . . . . . . . . . . . . . . . . . . 393
Przystosowywanie do umieszczenia winternecie
publikacji pierwotnie przeznaczonej do druku . . . . . . . . . . . . . . . . . . . . . . 395
Zaawansowana interaktywno, animacja iobrazy wideo . . . . . . . . . . . . . . . . 396
Propozycje samodzielnych wicze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .407

SPIS TRECI

InD_CS5_pierwsza_pomoc.indb 8

2010-12-28 15:04:42

15 ObsugA DugICH DOKumentW

Zaczynamy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 412

#1: The Welcome Screen

Opening and Closing the
Welcome Screen
To open the Welcome screen, you
dont need to relaunch InDesign
simply choose Help > Welcome
Screen. The Welcome screen closes
automatically if you open a file from
it, and you can click its close button any time you need to get it out
of the way.

When you first launch InDesign, the Welcome screen displays (Figure 1).
If youre new to InDesign, you can use features of this screen to orient
yourself to your new software. If youre ready to launch into a project,
however, you can open new and existing files from this screen. The Welcome screen also provides quick access to InDesign and Adobe resources
such as user groups and plug-ins.

Tworzenie nowej ksigi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 412

Tworzenie stopki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .417

Figure 1 The InDesign Welcome screen provides helpful links and shortcuts.

Tworzenie przypisu dolnego . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 420

Opening Existing Files

To open existing InDesign files, use the options in the Open a Recent Item
area in the upper-left corner of the Welcome screen.

CHAPTER ONE

File List: The Open a Recent Item area lists the last nine documents you
opened. To open one of these documents, click it.
Open Button: To open any InDesign file, click the Open button. This
opens the Open a File dialog box to the last location from which InDesign opened a file (see #12 for more information).

Getting Started with InDesign

Tworzenie odsyacza . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 423

Synchronizowanie ksigi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 425
Tworzenie spisu treci . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 429
Tworzenie skorowidza ksigi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 433
Propozycje samodzielnych wicze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 440

Dodatek ZArZDZAnIe KOLOrem

Dlaczego warto korzysta zzarzdzania kolorem . . . . . . . . . . . . . . . . . . . . . . . . 442
Synchronizacja ustawie koloru wAdobe Bridge . . . . . . . . . . . . . . . . . . . . . . . . 443
Wybr ustawie koloru wprogramie InDesign . . . . . . . . . . . . . . . . . . . . . . . . . . 445
Wywietlanie obrazw wpenej rozdzielczoci . . . . . . . . . . . . . . . . . . . . . . . . . . 446
Sprawdzanie kolorw na monitorze. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 446
Skorowidz . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 450

AdobE IndESIgn CS5/CS5 PL. ofICjALny PodRCznIk

InD_CS5_pierwsza_pomoc.indb 9

2010-12-28 15:04:43

14

Projektowanie publikacji
interaktywnych
Tematyka lekcji
Wtej lekcji omwione zostan nastpujce zagadnienia:

Tworzenie prostych dokumentw przeznaczonych do opublikowania

winternecie.

Dodawanie przyciskw, przej pomidzy stronami ihiperczy.

Eksportowanie dokumentw wformacie Flash Player (SWF).
Eksportowanie dokumentw wformacie Adobe PDF.
Przystosowywanie do publikowania winternecie dokumentw
pierwotnie przeznaczonych do druku.

Tworzenie zoonych dokumentw przeznaczonych do

opublikowania winternecie.

Dodawanie elementw interaktywnych, dwiku imateriaw

filmowych.

Wykonanie wicze opisanych wtej lekcji powinno zaj okoo 90 minut.

382

InD_CS5_pierwsza_pomoc.indb 382

2010-12-28 15:05:54

The final masthead is

custom-drawn and has
a spontaneous, brushstroke
feel that contrasts with
the other elements
of the magazine.

Final Masthead

Dokumenty zaprojektowane wprogramie InDesign CS5

mona publikowa winternecie wystarczy wyeksportowa
je do formatu Flash CS5 Professional (FLA), Flash Player (SWF)
lub Adobe PDF (Interactive). Zaawansowane interaktywne
dokumenty mog zawiera filmy, dwik, przyciski, wielostanowe oraz animowane obiekty, efektowne przejcia pomidzy
stronami ihipercza.

383

InD_CS5_pierwsza_pomoc.indb 383

2010-12-28 15:05:55

Zaczynamy
Uwaga: Jeli

nie skopiowae
dotychczas materiaw niezbdnych
do wykonania tej
lekcji zpyty CD
doczonej do ksiki
Adobe InDesign CS5/
CS5 PL. Oficjalny
podrcznik na dysk
twardy komputera,
zrb to jeszcze przed
przystpieniem do
dalszej pracy. Wicej
informacji na ten
temat znajdziesz na
stronie 2, wczci
zatytuowanej
Kopiowanie materiaw doczonych
do ksiki.

Wtej lekcji bdziesz pracowa nad dwoma dokumentami zoonymi zrnych elementw takich jak logo, paleta barw oraz czcionki zaprojektowanymi na uytek
fikcyjnego magazynu. Tym razem jednak nie bdziesz przygotowywa dokumentw
do druku, tak jak to miao miejsce wpoprzednich lekcjach. Zamiast tego zajmiesz si
wykonaniem od podstaw dokumentu przeznaczonego do publikacji online. Pniej
przejdziesz do niemal ukoczonej wersji tego samego dokumentu iwzbogacisz go
oprzyciski, hipercza oraz animowane przejcia pomidzy stronami. Nastpnie wyeksportujesz cao do formatu SWF oraz Adobe PDF, tak by przygotowa projekt do
dystrybucji wpostaci elektronicznej zzachowaniem interaktywnoci.
Otworzysz rwnie tradycyjn, przystosowan do druku wersj tego elektronicznego
dokumentu iwyeksportujesz zaprojektowany ukad wformacie SWF, wefekcie uzyskasz plik, ktry mona otworzy iwywietli wprzegldarce sieciowej.
Na koniec dodasz obiekty wielostanowe (zmieniajce si pod wpywem dziaa uytkownika), animacj imateriay filmowe do innego elektronicznego dokumentu, zapoznajc si przy tym znowymi moliwociami programu InDesign CS5.
1 Aby mie pewno, e wszystkie ustawienia idziaanie programu InDesign CS5 bd
zgodne zinformacjami podanymi wtrakcie tej lekcji, naley przenie plik InDesign
Defaults do innego foldera wedug wskazwek podanych na stronie 3, wczci
zatytuowanej Zapisywanie iodtwarzanie pliku InDesign Defaults.
2 Uruchom program Adobe InDesign CS5. Aby upewni si, e ukad paneli ipolece
wmenu programu bdzie odpowiada ukadowi pokazanemu na rysunkach wtej
lekcji, wybierz kolejno polecenia Window/Workspace/[Advanced] (Okno/Obszar
roboczy/[Zaawansowany]) iWindow/Workspace/Reset Advanced (Okno/Obszar
roboczy/Wyzeruj Zaawansowany).
3 Wcelu zapoznania si zukoczonym dokumentem otwrz plik onazwie 14_End.
indd, znajdujcy si wfolderze Lesson_14, skopiowanym wraz zfolderem Lessons do
foldera InDesignCIB znajdujcego si na dysku twardym komputera.

CHECK MAGAZINE ELEMENTS

checkmagazine.com

384

LeKCJA 14 Projektowanie publikacji interaktywnych

InD_CS5_pierwsza_pomoc.indb 384

2010-12-28 15:05:55

Przygotowywanie dokumentu
doopublikowania winternecie
Publikacje internetowe pod wieloma wzgldami rni si od drukowanych, nic zatem
dziwnego, e ustawienia, ktre naley skonfigurowa podczas przygotowywania tego
typu materiaw, s zupenie inne ni ustawienia wybierane wprzypadku publikacji
przeznaczonych do druku. Na przykad format strony dokumentu przeznaczonego do
wywietlania winternecie jest uzaleniony od wielkoci monitora, podczas gdy wprzypadku publikacji drukowanych stosuje si najczciej typowe formaty arkuszy. Rnice
dotycz take przestrzeni kolorw: podczas gdy dokumenty przeznaczone do druku
projektowane s wprzestrzeni CMYK, naturalnym rodowiskiem publikacji elektronicznych jest przestrze RGB.

Tworzenie nowego dokumentu przeznaczonego

do opublikowania winternecie
Wprogramie InDesign CS5 przy tworzeniu nowych dokumentw moesz wybra,
czy chcesz utworzy dokument przeznaczony do druku, czy te do dystrybucji
elektronicznej.
1 Wybierz polecenie File/New/Document (Plik/Nowy/Dokument).
2 Woknie dialogowym New Document (Nowy dokument) wybierz opcj Web
(Internet) zlisty Intent (Metoda konwersji). Zwr uwag, e jednostki miary
automatycznie zmieniy si zpunktw na piksele.
3 Skonfiguruj nastpujce ustawienia:

Wpolu Number of Pages (Liczba stron) wpisz 5.

Wybierz opcj 1024768 zlisty Page Size (Rozmiar strony).
Wpolu Number (Liczba) wsekcji Columns (amy) wpisz 3.

4 Kliknij przycisk OK.

Uwaga: Gdy

wybierzesz opcj
tworzenia dokumentu sieciowego
(Web, wpolskiej
wersji programu
Internet) to
przestrze kolorw
wykorzystywana
przy obliczaniu
przezroczystoci
jest automatycznie zmieniana na
przestrze Document
RGB (Dokument RGB).
Przestrzenie kolorw
dostpne s po
wybraniu polecenia
Edit/Transparency
Blend Space (Edycja/
Przestrze mieszania przezroczystoci.) Dokumenty
przeznaczone do
druku domylnie
wykorzystuj przestrze Document
CMYK (Dokument
CMYK) dla efektw
przezroczystoci,
lecz wprzypadku
dokumentw publikowanych winternecie odpowiednim
rozwizaniem jest
uycie przestrzeni
RGB.

Adobe InDesign CS5/CS5 PL. Oficjalny podrcznik

InD_CS5_pierwsza_pomoc.indb 385

385

2010-12-28 15:05:55

5 Wybierz polecenie File/Save As (Plik/Zapisz jako), nadaj zapisywanemu plikowi

nazw 14_DesignElements1.indd, znajd folder Lesson_14 ikliknij przycisk Save
(Zapisz).
Dalsze wiczenia wykonasz woparciu oniemal ukoczon wersj tego dokumentu.

Zmiana przestrzeni roboczej na interaktywn

Poniewa wiele zada wykonywanych wramach tej lekcji ma zwizek ztworzeniem
iedycj interaktywnych obiektw, animacji oraz materiaw filmowych, dobrym
pomysem bdzie przeczy si zprzestrzeni roboczej Advanced (Zaawansowany)
na przestrze robocz Interactive (Interaktywny). Dziki temu zestaw paneli czsto
stosowanych przy pracy nad dokumentami przeznaczonymi do druku, wywietlany
wprzestrzeni Advanced (Zaawansowany), zostanie zastpiony panelami przeznaczonymi do pracy nad dokumentami publikowanymi winternecie. Wrazie potrzeby
moesz wywietla iukrywa pojedyncze panele, korzystajc zpolece wmenu Window
(Okno).
1 Aby zmieni przestrze robocz, wybierz polecenie Window/Workspace/Interactive
(Okno/Obszar roboczy/Interaktywny).
2 Wybierz polecenie Window/Workspace/Reset Interactive (Okno/Obszar roboczy/
Wyzeruj Interaktywny).

Tworzenie przyciskw, przej

pomidzy stronami ihiperczy
Gdy dokument przeznaczony do umieszczenia winternecie jest ju utworzony iskonfigurowany we waciwy sposb, rnice pomidzy projektowaniem publikacji elektronicznej aprzygotowywaniem materiau do druku ulegaj zatarciu: formatowanie tekstu,
redagowanie iedytowanie tekstu, rozmieszczanie elementw graficznych, dodawanie
iusuwanie stron wobydwu przypadkach przebiegaj bardzo podobnie. Zrnymi
sposobami wykonywania tych zada zapoznae si wramach poprzednich lekcji, t
powicimy wic tworzeniu elementw charakterystycznych dla publikacji przeznaczonych do dystrybucji elektronicznej przyciskw, hiperczy ianimowanych przej
pomidzy stronami.

Tworzenie przyciskw do nawigacji

Przyciski suce do nawigowania wobrbie dokumentu elektronicznego uatwiaj
dostp do zawartych wnim informacji. Na kadej stronie elektronicznej publikacji
powinny znajdowa si przyciski suce do wywietlania innych stron. Umieszczenie
takich przyciskw na stronie wzorcowej gwarantuje, e bd one widoczne ibd dziaa wten sam sposb na kadej stronie dokumentu.
Kolejne wiczenie bdzie polegao na przeksztaceniu dwch obiektw graficznych
wprzyciski suce do wywietlania kolejnej ipoprzedniej strony gotowego dokumentu
wformacie SWF lub Adobe PDF.

386

LeKCJA 14 Projektowanie publikacji interaktywnych

InD_CS5_pierwsza_pomoc.indb 386

2010-12-28 15:05:55

1 Wybierz polecenie File/Open (Plik/Otwrz). Znajd iotwrz dokument onazwie

14_DesignElements2.indd znajdujcy si wfolderze Lesson_14, ktry skopiowae
wraz zcaym folderem Lessons do foldera InDesignCIB na dysk twardy komputera.
2 Wybierz polecenie File/Save As (Plik/Zapisz jako), nadaj zapisywanemu plikowi
nazw 14_DesignElementsFinal.indd iumie go wfolderze Lesson_14. Kliknij
przycisk Save (Zapisz). Zapisanie dokumentu pod inn nazw umoliwia pniejsze
powtrne wykorzystanie pliku rdowego.
3 Wybierz polecenie Window/Pages (Okno/Strony), aby wywietli panel Pages
(Strony). Dwukrotnie kliknij ikony kolejnych stron dokumentu, aby zapozna si
zich zawartoci.
Zauwa, e wdolnej czci kadej strony znajduj si dwa czerwone trjkty.
Przeksztacisz je wprzyciski nawigacyjne umoliwiajce przejcie do poprzedniej/
nastpnej strony. Poniewa obiekty te znajduj si na stronie wzorcowej, aby podda je
edycji, musisz najpierw wywietli stron wzorcow.
4 Dwukrotnie kliknij ikon strony wzorcowej A-Master, aby otworzy wzorzec
woknie dokumentu.
5 Wcz narzdzie Selection (Zaznaczanie) ( ) ikliknij czerwony trjkt skierowany
wlewo, znajdujcy si na samym dole otwartej strony. Aby uatwi sobie prac,
powiksz najpierw widok tych obiektw, wciskajc klawisz Z to przeczy
Ci tymczasowo na narzdzie Zoom (Lupka) ( ) irysujc ramk wok pary
trjktnych strzaek. (Obiekty te narysowano przy uyciu narzdzia Polygon
(Wielokt)).

6 Wybierz polecenie Object/Interactive/Convert to Button (Obiekt/Interaktywne/

Konwertuj na przycisk), aby przeksztaci zaznaczony obiekt wprzycisk iwywietli
panel Buttons (Przyciski).
7 Wpisz Previous Page wpolu Name (Nazwa) wpanelu Buttons (Przyciski), aby
nada przyciskowi identyfikujc go nazw. Upewnij si, e zlisty Event (Zdarzenie)
wybrana zostaa opcja On Release (Efekt zwolnienia przycisku). Oznacza ona, e
edytowany przycisk zadziaa wchwili, gdy (po wyeksportowaniu caoci wformacie
Flash lub Adobe PDF) uytkownik kliknie go izwolni przycisk myszy.
Po nazwaniu przycisku izdefiniowaniu wyzwalajcego go zdarzenia trzeba jeszcze zadecydowa otym, co si stanie wmomencie, gdy zdarzenie to nastpi.
8 Kliknij przycisk Add New Action for Selected Event (Dodaj now operacj do
zaznaczonego zdarzenia) ( ) iwybierz opcj Go To Previous Page (Przejd do
poprzedniej strony) zmenu, ktre si wwczas pojawi. Gotowe przycisk jest
skonfigurowany wtaki sposb, e gdy osoba ogldajca wyeksportowany plik SWF
kliknie go, na ekranie wywietli si poprzednia strona dokumentu.

Adobe InDesign CS5/CS5 PL. Oficjalny podrcznik

InD_CS5_pierwsza_pomoc.indb 387

387

2010-12-28 15:05:55

Teraz naley powtrzy opisan procedur dla drugiego przycisku, ktry bdzie suy
do wywietlania kolejnych stron dokumentu.
9 Wcz narzdzie Selection (Zaznaczanie) ( ) ikliknij trjktn, czerwon strzak
skierowan wpraw stron, anastpnie wybierz polecenie Object/Interactive/
Convert to Button (Obiekt/Interaktywne/Konwertuj na przycisk).
10 Wpisz Next Page wpolu Name (Nazwa) wpanelu Buttons (Przyciski), kliknij
przycisk Add New Action for Selected Event (Dodaj now operacj do zaznaczonego
zdarzenia) ( ) iwybierz opcj Go To Next Page (Przejd do nastpnej strony).
11 Zamknij panel Buttons (Przyciski) iwybierz polecenie File/Save (Plik/Zapisz), aby
zapisa wprowadzone zmiany.
Zdziaaniem przyciskw bdziesz mg zapozna si wdalszej czci lekcji, po zapisaniu publikacji wformatach Flash oraz Adobe PDF iotwarciu jej wodpowiednim
programie.

Dodawanie animowanych przej pomidzy stronami

Wprogramie InDesign CS5 mona dodawa animowane przejcia wywietlane
podczas przegldania stron przez uytkownika wpublikacjach zapisanych wformacie
SWF iPDF. WAdobe InDesign mona wywietli podgld tych animacji oraz poeksperymentowa zrnymi szybkociami ikierunkami przejcia. Wrd kilkunastu
dostpnych animacji znajdziesz takie jak Page Turn (SWF Only), wwersji polskiej:
Obrt strony (tylko pliki SWF), Wipe (Wycieraczka), Dissolve (Rozpuszczenie) czy Split
(Rozdzielenie). Gdy odbiorca dokumentu kliknie jeden zprzyciskw sucych do zmieniania stron, odtworzy si wybrana animacja, po jej zakoczeniu za na ekranie pojawi
si kolejna lub poprzednia strona publikacji.

388

LeKCJA 14 Projektowanie publikacji interaktywnych

InD_CS5_pierwsza_pomoc.indb 388

2010-12-28 15:05:55

1 Dwukrotnie kliknij pierwsz stron dokumentu wpanelu Pages (Strony), aby

wywietli j woknie dokumentu. Jeli okae si to konieczne, wybierz polecenie
View/Fit Page in Window (Widok/Zmie stron woknie), aby wywietli ca stron
na ekranie.
2 Wybierz polecenie Window/Interactive/Page Transitions (Okno/Interaktywne/
Przejcia stron), aby wywietli panel Page Transitions (Przejcia stron).
3 Wybierz opcj Dissolve (Rozpuszczenie) zlisty Transition (Przejcie) wpanelu
Page Transitions (Przejcia stron). Pozostaw domyln opcj Medium (rednio)
wybran zlisty Speed (Prdko). Jeli umiecisz kursor myszy ponad prostoktnym
podgldem wpanelu Page Transitions (Przejcia stron), wpodgldzie tym wywietli
si przykad wybranej animacji.

4 Wybierz polecenie Apply To All Spreads (Zastosuj do wszystkich stron widzcych)

zmenu panelu Page Transitions (Przejcia stron), aby zastosowa wybrany efekt do
wszystkich piciu stron wedytowanym dokumencie.
5 Zamknij panel Page Transitions (Przejcia stron), anastpnie wybierz polecenie File/
Save (Plik/Zapisz), aby zapisa wszystkie wprowadzone zmiany.
Podobnie jak to miao miejsce wprzypadku przyciskw, ktre dodano wczeniej,
wybrane przejcia pomidzy stronami nie bd odtwarzane, dopki publikacja nie
zostanie zapisana wformacie Flash lub Adobe PDF.

Tworzenie hiperczy
Wdokumencie mona tworzy hipercza, ktre umoliwiaj byskawiczne przejcie do
wybranego przez projektanta fragmentu dokumentu opublikowanego wformacie Flash
lub Adobe PDF. Hipercza mog ponadto prowadzi do innych dokumentw lub do
dowolnej strony internetowej. Wkolejnym wiczeniu dowiesz si, wjaki sposb utworzy hipercze, ktre umoliwi odbiorcy dokumentu wywietlenie strony internetowej.
Wcelu utworzenia hipercza naley najpierw okreli miejsce, do ktrego ma ono
prowadzi, anastpnie powiza je zwybran ramk tekstow lub graficzn. Wtym
wiczeniu hipercze zostanie powizane zpewn ramk tekstow.
1 Dwukrotnie kliknij ikon strony wzorcowej A-Master wpanelu Pages (Strony), aby
wywietli j woknie dokumentu.

Adobe InDesign CS5/CS5 PL. Oficjalny podrcznik

InD_CS5_pierwsza_pomoc.indb 389

389

2010-12-28 15:05:55

2 Wybierz polecenie Window/Interactive/Hyperlinks (Okno/Interaktywne/Hipercza),

aby wywietli panel Hyperlinks (Hipercza).
3 Wybierz polecenie New Hyperlink Destination (Miejsce docelowe nowego hipercza)
zpanelu Hyperlinks (Hipercza). Skonfiguruj nastpujce ustawienia woknie
dialogowym New Hyperlink Destination (Nowe miejsce docelowe hipercza):

Zlisty Type (Typ) wybierz opcj URL.

Wpolu Name (Nazwa) wpisz checkmagazine online.
Wpolu URL wpisz http://www.checkmagazine.com.

4 Kliknij przycisk OK, aby zamkn omawiane okno dialogowe, anastpnie wcz
narzdzie Type (Tekst) ( ) izaznacz tekst checkmagazine.com znajdujcy si
wstopce, wprawym dolnym rogu edytowanej strony. Wcelu zaznaczenia caego
napisu moesz trzykrotnie go klikn lub po prostu przecign ponad nim
kursorem zwcinitym lewym przyciskiem myszy. Wrazie potrzeby powiksz
podgld tego fragmentu strony przy uyciu narzdzia Zoom (Lupka) ( ).
5 Wybierz polecenie New Hyperlink (Nowe hipercze) zmenu panelu Hyperlinks
(Hipercza).
6 Skonfiguruj nastpujce ustawienia woknie dialogowym New Hyperlink (Nowe
hipercze):

Zlisty Link To (Pocz z) wybierz opcj Shared Destination (Udostpnione

miejsce docelowe).

Zlisty Document (Dokument) wybierz opcj 14_DesignElementsFinal.indd.

Zlisty Name (Nazwa) wybierz opcj checkmagazine online. Docelowy adres URL
wywietlony niej to http://www.checkmagazine.com.

Zlisty Type (Typ) wsekcji Appearance (Wygld) wybierz opcj Invisible

Rectangle (Prostokt niewidoczny).

390

LeKCJA 14 Projektowanie publikacji interaktywnych

InD_CS5_pierwsza_pomoc.indb 390

2010-12-28 15:05:55

7 Kliknij przycisk OK, aby zapisa nowe hipercze izamkn omawiane okno
dialogowe.
8 Zamknij panel Hyperlinks (Hipercza).
9 Wpanelu Pages (Strony) kliknij dwukrotnie ikon strony 1 iwybierz polecenie
View/Fit Page In Window (Widok/Zmie stron woknie).
10 Wybierz polecenie File/Save (Plik/Zapisz), aby zapisa wprowadzone zmiany.
Podobnie jak wprzypadku przyciskw nawigacji ianimowanych przej pomidzy
stronami, ktre utworzye wczeniej, zdefiniowane przed chwil hipercze nie bdzie
dziaa, dopki cay dokument nie bdzie zapisany wformacie Flash lub Adobe PDF.

Eksportowanie dokumentu
wformacie Flash Player (SWF)
Po zakoczeniu tworzenia przyciskw, wybraniu jednego ze sposobw animacji przejcia pomidzy stronami oraz dodaniu hipercza moesz zapisa publikacj wformacie
SWF. Gdy wyeksportujesz j iotworzysz wprzegldarce internetowej, bdziesz mg si
zapozna zdziaaniem przyciskw nawigacji icza; zobaczysz te, jak wyglda wybrana
animacja wcaej okazaoci. Podobny test naley przeprowadzi przed kadym opublikowaniem dowolnego interaktywnego dokumentu na stronie internetowej.
1 Wybierz polecenie File/Export (Plik/Eksportuj).
2 Na ekranie wywietli si okno dialogowe Export (Eksportuj). Wybierz opcj
Flash Player (SWF) zlisty Save As Type (Zapisz jako typ) wsystemie Windows
lub zlisty Format wsystemie MacOS. Nadaj zapisywanemu plikowi nazw 14_
DesignElementsFinal.swf, umie go wfolderze Lesson_14 ikliknij przycisk Save
(Zapisz).
3 Przejrzyj ustawienia woknie dialogowym Export SWF (Eksportuj plik SWF), lecz nie
zmieniaj ich.

Adobe InDesign CS5/CS5 PL. Oficjalny podrcznik

InD_CS5_pierwsza_pomoc.indb 391

391

2010-12-28 15:05:55

 Uwaga: Do

ogldania plikw
SWF potrzebna jest
przegldarka zzainstalowanym plug-inem Adobe Flash
Player, ktry mona
bezpatnie pobra ze
strony internetowej
firmy Adobe (www.
adobe.com).

Domylnie wsekcji General (Oglne) okna dialogowego Export SWF (Eksportuj

plik SWF) zaznaczona jest opcja Generate HTML (Generuj plik HTML). Umoliwia
ona utworzenie przy eksporcie bazowego pliku HTML, ktry mona otworzy
wprzegldarce.

4 Kliknij przycisk OK, aby zamkn okno dialogowe Export SWF (Eksportuj plik SWF)
iwyeksportowa plik SWF wraz zdokumentem HTML.
Uwaga:

Hipercze umieszczone na dole strony

(www.checkmagazine.com) bdzie
dziaa prawidowo,
gdy plik SWF znajdzie si na serwerze.
Najprostszy sposb,
by przetestowa
hipercze wdokumencie InDesign,
ktry ma zosta
opublikowany
jako plik SWF, to
wywietli stron
dokumentu zhiperczem wpanelu
Preview (Podgld)
(aby go wywietli,
wybierz polecenie
Window/Interactive/
Preview, wpolskiej
wersji programu:
Okno/Interaktywne/
Podgld) itam klikn hipercze.

392

Dokument HTML onazwie 14_DesignElementsFinal.html automatycznie otworzy si

wdomylnej przegldarce internetowej. Jest wnim osadzony odnonik do pliku SWF,
ktry zosta utworzony wraz ze wspomnianym dokumentem po klikniciu przycisku
OK woknie dialogowym Export SWF (Eksportuj plik SWF).
5 Wprzegldarce kliknij kolejno przyciski nawigacji utworzone wjednym
zpoprzednim wicze, aby przekona si, wjaki sposb nastpuje zmiana stron
wdokumencie. (Wrazie potrzeby przewi dokument wprzegldarce, korzystajc
zsuwakw, tak by wywietli przyciski). Przy zmianie stron wywietlane jest
animowane przejcie, ktre wprowadzie wczeniej.
Wrd ustawie dostpnych woknie eksportu pliku SWF znajduje si opcja Include
Interactive Page Curl (Docz interaktywne zawinicie strony). Domylnie jest ona
wczona. Dziki niej moliwy jest rwnie inny sposb przegldania stron wyeksportowanego dokumentu.
6 Przesu kursor myszy ponad prawy lub lewy dolny naronik strony publikacji.
Zwr uwag na zawinity rg strony, ktry si wwczas pojawi. Kliknicie tego
rogu po lewej stronie publikacji spowoduje wywietlenie jej poprzedniej strony, za
kliknicie rogu po prawej nastpnej. (Animowany naronik nie jest wywietlany
wlewym dolnym rogu pierwszej iwprawym dolnym rogu ostatniej strony
dokumentu).

LeKCJA 14 Projektowanie publikacji interaktywnych

InD_CS5_pierwsza_pomoc.indb 392

2010-12-28 15:05:56

7 Po zapoznaniu si zfunkcjonowaniem dokumentu zamknij okno przegldarki

ipowr do programu Adobe InDesign CS5.

Eksportowanie dokumentu
wformacie Adobe PDF
Podobnie jak wprzypadku plikw SWF, dokumenty Adobe PDF (Interactive) eksportowane przy uyciu programu Adobe InDesign CS5 mog zawiera przyciski, animowane
przejcia pomidzy stronami, hipercza, filmy idwik.
Wkolejnym zadaniu zapiszesz dokument wformacie Adobe PDF (Interactive) (Adobe
PDF (Interaktywny)), otworzysz go wprogramie Adobe Reader lub Adobe Acrobat
Professional izapoznasz si zdziaaniem zaprojektowanych przyciskw iczy oraz
wygldem animowanych przej midzy stronami.
1 Wybierz polecenie File/Export (Plik/Eksportuj).
2 Na ekranie wywietli si okno dialogowe Export (Eksportuj). Wybierz opcj Adobe
PDF (Interactive) zlisty Save As Type (Zapisz jako typ) wsystemie Windows
lub zlisty Format wsystemie MacOS, nadaj zapisywanemu plikowi nazw
14_DesignElementsFinal.pdf, umie go wfolderze Lesson_14 ikliknij przycisk
Save(Zapisz).
3 Woknie dialogowym Export To Interactive PDF (Eksportuj do interaktywnego pliku
PDF) pozostaw niezmienione domylne ustawienia ikliknij OK.

Adobe InDesign CS5/CS5 PL. Oficjalny podrcznik

InD_CS5_pierwsza_pomoc.indb 393

393

2010-12-28 15:05:56

 Uwaga: Jeli nie

masz programu
Adobe Reader,
moesz pobra go
za darmo ze strony
firmy Adobe, pod
adresem http://www.
adobe.com.

Dokumenty PDF s automatycznie otwierane wprogramie Adobe Acrobat Pro lub

Adobe Reader, jeli tylko ktry ztych programw jest zainstalowany. WMacOS
wprzypadku braku zainstalowanego programu Adobe Reader lub Adobe Acrobat
Professional dokumenty PDF s automatycznie otwierane wsystemowym podgldzie
dokumentw.
4 Wyprbuj interaktywne elementy wdokumencie Adobe PDF:

Przejrzyj kolejne strony dokumentu przy uyciu przyciskw nawigacji

utworzonych wpoprzednich wiczeniach wtej lekcji.

Kliknij cze tekstowe znajdujce si wprawym dolnym rogu dokumentu, aby

wywietli powizan znim stron internetow wprzegldarce.

Wcelu wywietlenia animacji stron wybierz polecenie View/Full Screen Mode

(Widok/Tryb penego ekranu) wprogramie Adobe Reader lub Adobe Acrobat
Professional.

5 Po zapoznaniu si zinteraktywnymi elementami dokumentu powr do programu

Adobe InDesign CS5 iwybierz polecenie File/Save (Plik/Zapisz), aby zapisa
wszystkie wprowadzone zmiany.
6 Wybierz polecenie File/Close (Plik/Zamknij), aby zamkn edytowany dokument.

394

LeKCJA 14 Projektowanie publikacji interaktywnych

InD_CS5_pierwsza_pomoc.indb 394

2010-12-28 15:05:56

Przystosowywanie
do umieszczenia winternecie publikacji
pierwotnie przeznaczonej do druku
Wprogramie InDesign mona nie tylko tworzy od podstaw publikacje elektroniczne,
ale iprzystosowywa zwyke dokumenty, przeznaczone do druku, do potrzeb dystrybucji wpostaci cyfrowej. Przekonasz si otym wkolejnym wiczeniu, ktre skada
si zdwch prostych etapw. Wpierwszym zapoznasz si zdrukowan wersj
dokumentu, nad ktrym pracowae wczeniej, wdrugim za wyeksportujesz ten sam
dokument, uzupeniony oprzyciski, animacje ihipercza, wpostaci umoliwiajcej
opublikowanie go winternecie.
1 Wybierz polecenie File/Open (Plik/Otwrz). Znajd iwczytaj przykadowy
dokument onazwie 14_DesignElementsPrint.indd, znajdujcy si wfolderze
Lesson_14.
2 Przejrzyj dokument ijego strony wzorcowe przy uyciu panelu Pages (Strony).
Podczas przegldania dokumentu przekonasz si, e jest on bardzo podobny do
publikacji elektronicznej, nad ktr pracowae wpoprzednich wiczeniach. Nic
dziwnego jest to pewien wariant tego samego projektu przeznaczonego do wydrukowania (wformacie 8,511 cali), aco za tym idzie, zawiera on ten sam tekst ielementy
graficzne, co wersja przygotowana do dystrybucji elektronicznej. Ze wzgldu na to, e
wariant ten zosta opracowany na potrzeby druku, nie zawiera on obiektw interaktywnych charakterystycznych dla publikacji elektronicznej, takich jak przyciski, animacje
stron czy cza. Naleaoby go uzupeni onie, ale poniewa proces ten wymagaby
czynnoci bardzo podobnych do tych, ktre wykonywae wpoprzednich wiczeniach,
proponujemy otwarcie gotowego dokumentu, ktry bdzie zawiera wszystkie niezbdne dodatki.
3 Wybierz polecenie File/Close (Plik/Zamknij), aby zamkn dokument
14_DesignElementsPrint.indd.
4 Wybierz polecenie File/Open (Plik/Otwrz). Znajd iotwrz przykadowy dokument
14_DesignElementsPrint2.indd znajdujcy si wfolderze Lesson_14.
5 Przejrzyj dokument ijego strony wzorcowe przy uyciu panelu Pages (Strony). Od
poprzedniego dokumentu przeznaczonego do druku rni si on jedynie dodanymi
przyciskami, animacjami ihiperczami.

Adobe InDesign CS5/CS5 PL. Oficjalny podrcznik

InD_CS5_pierwsza_pomoc.indb 395

395

2010-12-28 15:05:56

6 Wybierz polecenie File/Export (Plik/Eksportuj).

7 Na ekranie wywietli si okno dialogowe Export (Eksportuj). Wybierz opcj
Flash Player (SWF) zlisty Save As Type (Zapisz jako typ) wsystemie Windows
lub zlisty Format wsystemie MacOS. Nadaj zapisywanemu plikowi nazw 14_
DesignElementsPrint2.swf, umie go wfolderze Lesson_14 ikliknij przycisk Save
(Zapisz).
8 Pozostaw wszystkie ustawienia woknie dialogowym Export SWF (Eksportuj SWF)
bez zmian ikliknij przycisk OK.
Wyeksportowany dokument 14_DesignElementsPrint2.html automatycznie otworzy si
wdomylnej przegldarce internetowej.
9 Wybierz polecenie File/Close (Plik/Zamknij), aby zamkn dokument 14_
DesignElementsPrint2.indd.

Zaawansowana interaktywno,
animacja iobrazy wideo

Uwaga: Obiekty

wielostanowe, ktre
s tu omawiane,
mog by eksportowane tylko do
formatu Flash Player
(SWF). Format Adobe
PDF (Interactive) nie
potrafi ich zinterpretowa.

396

Wpoprzedniej wersji programu, InDesign CS4, wprowadzono moliwo tworzenia

zaawansowanych interaktywnych dokumentw iprezentacji, eksportowanych wformatach SWF lub PDF. InDesign CS5 wyposaony jest wnowe narzdzia, ktre pozwalaj
wyposaa pliki przeznaczone dla internetu wjeszcze bardziej zoone zachowania interaktywne oraz animacje. Wtej czci lekcji uzupenisz dokument oobiekty wielostanowe
ianimowane, po czym wyeksportujesz zoony multimedialny projekt do formatu SWF.

Tworzenie obiektu wielostanowego

Panel Object States (Stany obiektw), nowo wInDesign CS5, pozwala zaprojektowa
zmienny wygld obiektu wzalenoci od dziaa uytkownika. Jeli masz na przykad
kilka fotografii zrobionych wkrtkich odstpach czasu, moesz te obrazy wykorzysta

LeKCJA 14 Projektowanie publikacji interaktywnych

InD_CS5_pierwsza_pomoc.indb 396

2010-12-28 15:05:56

przy tworzeniu obiektu wielostanowego. Mgby potem umieci wpliku SWF

przycisk, po ktrego naciniciu wywietlayby si kolejne fotografie. Wponiszym
wiczeniu zajmiesz si utworzeniem takiego obiektu oraz przycisku, ktry posuy do
wywietlania jego elementw skadowych.
1 Wybierz polecenie File/Open (Plik/Otwrz). Znajd iwczytaj przykadowy
dokument onazwie Mood_Board_Start.indd, znajdujcy si wpodfolderze
Interactive_Mood_Board wfolderze Lesson_14.
2 Wybierz polecenie File/Save As (Plik/Zapisz jako) izapisz plik wfolderze Lesson_14/
Interactive_Mood_Board pod nazw Mood_Board_Final.indd.
3 Wcelu zapoznania si zukoczonym dokumentem otwrz plik onazwie Mood_
Board_End.indd ztego samego foldera. Moe pozosta otwarty jako odniesienie.
Gdy bdziesz gotw kontynuowa wiczenie, wybierz polecenie Window/Mood_
Board_Final.indd (Okno/Mood_Board_Final.indd).
4 Wybierz polecenie Layout/Next Page (Nastpna strona), by przeczy si na stron 2.
5 Wcinij iprzytrzymaj klawisz Shift inarzdziem Selection (Zaznaczanie) ( ) kliknij
kolejno wszystkie wersje logo, jakie znajduj si na stronie 2. Wykorzystasz je przy
budowie obiektu wielostanowego.

6 Wybierz polecenie Window/Object & Layout /Align (Okno/Obiekt iukad/

Wyrwnaj), by wywietli panel Align (Wyrwnaj). Nastpnie kliknij przycisk
Align Horizontal Centers (Wyrwnaj rodki wpoziomie) oraz Align Vertical Centers
(Wyrwnaj rodki wpionie), by wyrwna zaznaczone obiekty wzgldem rodka.
Poniewa powoduje to naoenie obiektw jeden na drugi, widoczny jest tylko jeden
znich, znajdujcy si na wierzchu.
7 Zamknij panel Align (Wyrwnaj).

Adobe InDesign CS5/CS5 PL. Oficjalny podrcznik

InD_CS5_pierwsza_pomoc.indb 397

397

2010-12-28 15:05:56

8 Wpanelu Control (Sterowanie) sprawd, czy na diagramie wskazujcym pooenie

punktu odniesienia ( ) zaznaczony (czarny) jest rodkowy kwadracik. Jeeli
centralny kwadracik jest pusty, kliknij go.
9 Majc nadal zaznaczone naraz wszystkie wersje logo, wcinij S, by przeczy si na
narzdzie Scale (Skalowanie). Wcinij klawisz Shift iprzecignij dowolny zczterech
naronych uchwytw na zewntrz, ku krawdzi strony. Zwolnij klawisz myszy,
dopiero gdy prawa ilewa krawd ramki tekstowej przylgnie do najbliszej pionowej
linii pomocniczej.

10 Kliknij ikon panelu Object States (Stany obiektw) lub wybierz polecenie Window/
Interactive/Object States (Okno/Interaktywne/Stany obiektw), by go wywietli.
Kliknij przycisk Convert Selection To Multi-State Object (Przekszta zaznaczenie na
obiekt wielostanowy) wdolnej czci panelu.

398

LeKCJA 14 Projektowanie publikacji interaktywnych

InD_CS5_pierwsza_pomoc.indb 398

2010-12-28 15:05:57

11 Wpolu Object Name (Nazwa obiektu) wgrnej czci panelu wpisz Logo Studies,
po czym nacinij Enter lub Return. Kada zwersji logo, jaka bya zaznaczona,
pojawia si wpanelu na licie stanw obiektu.

12 Zamknij panel Object States (Stany obiektw) iwybierz polecenie File/Save (Plik/
Zapisz).

Tworzenie przyciskw
do sterowania obiektem wielostanowym
Teraz, gdy utworzye ju obiekt wielostanowy, utworzysz jeszcze dodatkowo par przyciskw, ktre uytkownik bdzie mg klika wwywietlanym dokumencie SWF wcelu
przeczania si pomidzy wersjami logo.
1 Wybierz polecenie Window/Layers (Okno/Warstwy). Wpanelu Layers (Warstwy)
rozwi warstw onazwie Buttons iwcz wywietlanie obiektu onazwie Next Logo
oraz Previous Logo, klikajc puste kwadraciki pooone najdalej na lewo od obu
pozycji. Poniewa obiekty te zostay ju utworzone, to wystarczy przypisa do nich
odpowiednie akcje.

Adobe InDesign CS5/CS5 PL. Oficjalny podrcznik

InD_CS5_pierwsza_pomoc.indb 399

399

2010-12-28 15:05:57

2 Uyj narzdzia Selection (Zaznaczanie) ( ), by zaznaczy wskazujc wprawo

trjktn strzak pooon na prawo od spitrzonych jedna na drugiej ramek
zlogo. Nastpnie otwrz panel Buttons (Przyciski), klikajc jego ikon lub
wybierajc polecenie Window/Interactive/Buttons (Okno/Interaktywne/Przyciski).
(Jeli zajrzysz do panelu Layers (Warstwy), przekonasz si, e aktualnie zaznaczony
obiekt nosi nazw Next Logo).
3 Zauwa, e nazwa zaznaczonego obiektu zostaje automatycznie wywietlona wpolu
Name (Nazwa) panelu Buttons (Przyciski). Sprawd, czy na licie Event (Zdarzenie)
wybrana jest opcja On Release (Efekt zwolnienia przycisku). Wybr tego zdarzenia
oznacza, e wwyeksportowanym pliku SWF przycisk zadziaa wchwili, gdy
uytkownik kliknie go izwolni przycisk myszy.
Teraz musisz ustali, jaka akcja ma zosta wykonana po klikniciu przycisku.
4 Kliknij przycisk Add New Action for Selected Event (Dodaj now operacj
do zaznaczonego zdarzenia) ( ) iwybierz opcj Go To Next State (Przejd
do nastpnego stanu) zmenu, ktre si wwczas pojawi. Przycisk jest teraz
skonfigurowany wtaki sposb, e gdy kliknie go osoba ogldajca wyeksportowany
plik SWF, na ekranie wywietli si nastpna wersja logo kolejny stan
interaktywnego obiektu.

400

LeKCJA 14 Projektowanie publikacji interaktywnych

InD_CS5_pierwsza_pomoc.indb 400

2010-12-28 15:05:57

Musisz jeszcze powtrzy powysz procedur dla drugiego przycisku sucego do

cofania do poprzedniego stanu (powrotu do wczeniejszego logo).
5 Uyj narzdzia Selection (Zaznaczanie) ( ), by zaznaczy wskazujc wlewo
trjktn strzak (obiekt onazwie Previous Logo).
6 Wpanelu Buttons (Przyciski) kliknij przycisk Add New Action for Selected Event
(Dodaj now operacj do zaznaczonego zdarzenia) ( ) iwybierz zmenu opcj Go
To Previous State (Przejd do poprzedniego stanu).
7 Aby zobaczy oba przyciski wdziaaniu, kliknij ikon Preview Spread (Podgld
nadlewki) ( ) wdolnym lewym naroniku panelu Buttons (Przyciski). Powoduje to
otworzenie panelu Preview (Podgld).
8 Wpanelu Preview (Podgld) kliknij kilkukrotnie trjktne przyciski Next Logo
iPrevious Logo iprzyjrzyj si, jak zmienia si wywietlane na ekranie logo.
Wszystkie jego wersje s skadnikami obiektu wielostanowego, ktry wczeniej
utworzye.

Wskazwka:

Aby powikszy
podgld strony
dokumentu, naley
zwikszy rozmiar
panelu Preview
(Podgld), wycigajc ten panel na
rodek ekranu iprzecigajc jego prawy
dolny naronik.

9 Zamknij panel Preview (Podgld) iwybierz polecenie File/Save (Plik/Zapisz), by

zapisa zmiany wpliku.
Bdziesz mg sprawdzi dziaanie utworzonych przyciskw wdalszej czci lekcji,
ogldajc dokument SWF uzyskany wwyniku wyeksportowania tego pliku.

AdobE IndESIgn CS5/CS5 PL. ofICjALny PodRCznIk

InD_CS5_pierwsza_pomoc.indb 401

401

2010-12-28 15:05:57

Tworzenie animacji
Uwaga: Animacje

utworzone wprogramie InDesign s

zachowywane tylko
przy eksporcie do
formatu Flash Player
(SWF). Format Adobe
PDF (Interactive) nie
potrafi ich zinterpretowa.

Wprogramie InDesign CS5 atwo jest wzbogaca interaktywne dokumenty oanimacje.

Zajmiesz si teraz animowaniem innego zestawu ramek zawierajcych logo stworzysz wten sposb drug prezentacj oodmiennym charakterze.
1 Wybierz polecenie Layout/Next Page (Ukad/Nastpna strona), by wywietli stron
3. Zauwa, e wdolnym prawym naroniku piciu ramek graficznych zawierajcych
logo znajduje si ikona animacji ( ). Obecno tych ikon wskazuje, e te obiekty s
ju animowane. Twoim zadaniem bdzie doda animacj do szstej, ostatniej ramki.
2 Narzdziem Selection (Zaznaczanie) ( ) zaznacz ramk zlogo znajdujc si po
lewej stronie ugry.
3 Kliknij ikon panelu Animation (Animacja) lub wybierz polecenie Window/
Interacive/Animation (Okno/Interaktywne/Animacja), by wywietli ten panel.
Potem wybierz opcj Fly In From Left (Przylot zlewej strony) zrozwijanej listy Preset
(Ustawienie). Kiedy poruszysz kursor wobszarze okna podgldu wgrnej czci
panelu, zostanie wywietlony podgld wybranych ustawie ruchu.

4 Aby obejrze t stron dokumentu na podgldzie, kliknij ikon Preview Spread

(Podgld nadlewki) ( ) wdolnym lewym naroniku panelu. Spowoduje to
otworzenie panelu Preview (Podgld). Wszystkie logo po kolei zjawiaj si na
stronie; jako ostatnie pojawia si to, ktre przed chwil skonfigurowae. Aby
ponownie odtworzy animacj, kliknij przycisk Play Preview (Odtwrz podgld)
( ) wdolnym prawym naroniku panelu Preview (Podgld).
5 Zamknij panel Preview (Podgld).

Zmiana rozkadu czasowego animacji

Animowane logo przybywaj na stron kolejno, bo wtaki wanie sposb przypisano im
animacj po kolei, do jednego obiektu na raz. Teraz jednak zmodyfikujesz animacj
tak, by wszystkie obiekty pojawiy si na stronie jednoczenie.

402

LeKCJA 14 Projektowanie publikacji interaktywnych

InD_CS5_pierwsza_pomoc.indb 402

2010-12-28 15:05:58

1 Kliknij ikon panelu Timing (Synchronizacja) lub wybierz polecenie Window/

Interacive/Timing (Okno/Interaktywne/Synchronizacja), by wywietli ten panel.
Jeli to potrzebne, wydu panel, przecigajc wd jego dolny prawy naronik.
Postaraj si, by wpanelu widoczne byy animacje wszystkich szeciu obiektw,
wcznie zt animacj, ktr sam niedawno utworzye.
2 Aby zaznaczy wszystkie animacje, kliknij pierwsz pozycj na licie wywietlonej
wpanelu Timing (Synchronizacja), apotem wcinij klawisz Shift ikliknij ostatni
pozycj.
3 Kliknij przycisk Play Together (Odtwrz razem) wdolnej czci panelu, aby
wszystkie animacje byy odtwarzane naraz wchwili wywietlenia strony.

4 Aby obejrze stron dokumentu, kliknij ikon Preview Spread (Podgld nadlewki)
( ) wdolnym lewym naroniku panelu Timing (Synchronizacja). Spowoduje
to otworzenie panelu Preview (Podgld). Zauwa, e teraz wszystkie animowane
obiekty poruszaj si jednoczenie.
5 Zamknij panel Preview (Podgld) iwybierz polecenie File/Save (Plik/Zapisz), by
utrwali zmiany wpliku.

Dodawanie materiaw wideo wformacie Flasha

Wpoprzednich wersjach programu InDesign mona byo importowa do dokumentu pliki filmowe wformatach QuickTime, AVI, MPEG oraz SWF. Wprogramie
InDesign CS5 moesz rwnie korzysta zfilmw zapisanych wformacie Flash (FLV),
by wzbogaci dokumenty przeznaczone do publikacji winternecie, czy to jako interaktywne pliki PDF, czy te SWF. Wponiszym wiczeniu zaimportujesz plik wideo Flash,
apotem wybierzesz zfilmu stop-klatk uywan jako obraz zastpczy przy wywietlaniu
dokumentu online.
1 Wybierz 7 zokienka znumerami stron udou ekranu, by wywietli sidm stron
dokumentu. Wybierz polecenie View/Fit Page In Window (Widok/Zmie stron
woknie).

Adobe InDesign CS5/CS5 PL. Oficjalny podrcznik

InD_CS5_pierwsza_pomoc.indb 403

403

2010-12-28 15:05:58

2 Wybierz polecenie File/Place (Plik/Umie), po czym odszukaj plik double_identity_

trailer.flv wfolderze Links mieszczcym si wfolderze Lesson_14/Interactive_Mood_
Board. Kliknij przycisk Open (Otwrz).
3 Kliknij wdowolnym miejscu strony, aby umieci na niej obraz wideo wjego penym
rozmiarze. Nastpnie uyj narzdzia Selection (Zaznaczanie) ( ) do ulokowania tej
ramki graficznej porodku strony. Gdy rodek ramki zostanie dokadnie wyrwnany
ze rodkiem strony, zmieni si kolor dwch linii pomocniczych, pionowej ipoziomej,
ktre przecinaj si wcentralnym punkcie dokumentu. Owo podwietlenie to
skutek dziaania inteligentnych linii pomocniczych (Smart Guides, wwersji polskiej
programu: Inteligentne linie pomocnicze).

Uwaga: Musisz

wybra opcj From

Current Frame
(Zbiecej klatki)
zlisty Poster (Afisz),
mimo e ta opcja jest
stosowana domylnie iju zostaa
wybrana zmenu.
Jednak wybierajc
j ponownie, zaktualizujesz pobran
zfilmu klatk.
Gdyby tego nie
zrobi, to obrazem
zastpczym pozostanie pierwsza klatka
filmu, ktra jest
cakowicie czarna.

404

4 Kliknij ikon panelu Media (Multimedia) lub wybierz polecenie Window/Interacive/

Media (Okno/Interaktywne/Multimedia), by wywietli ten panel. Kliknij przycisk
Play (Odtwarzaj) ( ), by zobaczy kilka sekund filmu, apotem kliknij przycisk
Pause (Pauza) ( ).
5 Przecignij wskanik biecego ujcia ( ) wzdu suwaka, a osignie czas okoo
2,40 s (takiej wartoci uyto wzamieszczonym tu przykadzie). Nastpnie wybierz
opcj From Current Frame (Zbiecej klatki) zlisty Poster (Afisz). Ta klatka
bdzie wywietlana wdokumencie ogldanym online wczasie, gdy wideo nie jest
odtwarzane.

LeKCJA 14 Projektowanie publikacji interaktywnych

InD_CS5_pierwsza_pomoc.indb 404

2010-12-28 15:05:58

6 Wybierz opcj SkinOverNoCaption zlisty Controller (Kontroler) oraz wcz opcj

Show Controller On Rollover (Poka kontroler po przesuniciu wskanika).
Wybr nakadki zlisty Controller (Kontroler) decyduje otym, jakie narzdzia nawigacyjne bdzie mia do dyspozycji widz przy ogldaniu tego wideo. Natomiast wczenie opcji Show Controller On Rollover (Poka kontroler po przesuniciu wskanika)
powoduje, e narzdzia do sterowania odtwarzaniem bd wywietlane wtedy, gdy widz
umieci kursor nad ramk zfilmem.

7 Zamknij panel Media (Multimedia), apotem wybierz polecenie File/Save (Plik/

Zapisz), by utrwali zmiany wpliku.

Eksportowanie pliku na uytek odtwarzacza Flash Player

Teraz moesz ju przej do eksportowania gotowego dokumentu do formatu SWF, co
umoliwi obejrzenie tego projektu wprzegldarce sieciowej.
1 Wybierz polecenie File/Export (Plik/Eksportuj).
2 Woknie dialogowym Export (Eksportuj) wybierz opcj Flash Player (SWF) zlisty
Save As Type (Zapisz jako typ) wsystemie Windows lub zlisty Format wsystemie
MacOS. Nadaj zapisywanemu plikowi nazw Mood_Board.swf, przejd do folderu
Lesson_14/Interactive_Mood_Board ikliknij przycisk Save (Zapisz).
3 Pozostaw niezmienione ustawienia woknie dialogowym Export SWF (Eksportuj plik
SWF).
Domylnie wsekcji General (Oglne) okna dialogowego Export SWF (Eksportuj plik
SWF) wczona jest opcja Generate HTML (Generuj plik HTML). Dziki niej przy

Adobe InDesign CS5/CS5 PL. Oficjalny podrcznik

InD_CS5_pierwsza_pomoc.indb 405

405

2010-12-28 15:05:58

eksporcie pliku SWF tworzony jest rwnie plik HTML, ktry mona otworzy
wprzegldarce.

4 Kliknij przycisk OK, aby zamkn okno dialogowe Export SWF (Eksportuj plik SWF)
iwyeksportowa plik SWF wraz zdokumentem HTML.
Uwaga: Do

ogldania plikw
SWF potrzebna jest
przegldarka zzainstalowanym plug-inem Adobe Flash
Player, ktry mona
bezpatnie pobra ze
strony internetowej
firmy Adobe
(www.adobe.com).

Dokument HTML onazwie Mood_Board.html automatycznie otworzy si wdomylnej

przegldarce internetowej. Jest wnim osadzony odnonik do pliku SWF, ktry zosta
utworzony wraz ze wspomnianym dokumentem po klikniciu przycisku OK woknie
dialogowym Export SWF (Eksportuj plik SWF).
5 Wprzegldarce kliknij przycisk nawigacyjny na pierwszej stronie dokumentu,
bywywietli nastpn. Uyj strzaek Next Logo/Previous Logo, by przejrze rne
wersje logo magazynu.
6 Kliknij przycisk Next Page ( ) udou strony 2, by wywietli kolejn stron
dokumentu, iobejrzyj wywietlon animacj.
7 Korzystajc zprzyciskw nawigacyjnych, przejrzyj pozostae strony dokumentu.
Nastronie 4 znajdziesz jeszcze jedn animacj. Strony 5 oraz 6 zawieraj przyciski
On iOff, ktre su do wywietlania iukrywania dodatkowych informacji.
8 Przejd do ostatniej, sidmej strony dokumentu, na ktrej znajduje si
zaimportowany wczeniej film Flash. Kliknij wobrbie ramki zobrazem filmowym,
by rozpocz odtwarzanie. Gdy kursor znajdzie si nad ramk, wywietlone zostan
przyciski nawigacyjne.

406

LeKCJA 14 Projektowanie publikacji interaktywnych

InD_CS5_pierwsza_pomoc.indb 406

2010-12-28 15:05:58

9 Gdy skoczysz ogldanie dokumentu online, zamknij przegldark iwr do

programu InDesign CS5.
10 Wybierz polecenie File/Save (Plik/Zapisz).
Gratulacje. Ukoczye kolejn lekcj.

Propozycje samodzielnych wicze

Jeli chcesz poszerzy wiedz iumiejtnoci zdobyte wtrakcie tej lekcji, sprbuj poeksperymentowa zfunkcjami, ktrymi posugiwae si podczas wykonywania wicze.
Na pocztek po prostu wybierz nieco inne opcje iustawienia. Oto kilka propozycji.
1 Otwrz dokument 14_DesignElements2.indd, nad ktrym pracowae ju wczeniej.
Zamiast przejcia typu Dissolve (Rozpuszczenie) wyprbuj inne rodzaje animacji,
takie jak Fade (Blaknicie), Wipe (Wycieraczka), Zoom In (Powiksz), Zoom Out
(Zmniejsz) itp. Zrezygnuj zjednego rodzaju animacji dla wszystkich stron na
rzecz rnych rodzajw przej pomidzy kolejnymi stronami. Za kadym razem,
gdy zapiszesz now wersj dokumentu ze zmienionymi animacjami, otwrz
wyeksportowany plik izapoznaj si zich dziaaniem.
2 Na dole strony wzorcowej umie dodatkowy przycisk iprzypisz mu inn akcj,
jak na przykad Go To First Page (Przejd do pierwszej strony). Taki przycisk
nawigacyjny jest bardzo porczny przy przegldaniu dokumentw online.
3 Otwrz plik Mood_Board_Final.indd. Przejd do strony 4 izapoznaj si zzawartymi
wniej obiektami. Wszystkie s animowane. Zaznacz kolejno kady obiekt isprawd,
jakie przypisano mu ustawienia wpanelu Animation (Animacja). Jeli przecigniesz
na bok znajdujc si na spodzie du ramk zczarnym logo check, to odkryjesz
pod ni inn, bardzo podobn. Zaznacz j isprawd ustawienia wpanelu Animation
Adobe InDesign CS5/CS5 PL. Oficjalny podrcznik

InD_CS5_pierwsza_pomoc.indb 407

407

2010-12-28 15:05:58

(Animacja). Sprawd te ustawienia ramki, ktr odsune na bok, isprbuj

zidentyfikowa rnice midzy tymi dwiema animacjami.
4 Przejd do strony 5 dokumentu Mood_Board_Final.indd. Uyj narzdzia Selection
(Zaznaczanie) ( ) do zaznaczenia przycisku On po prawej stronie. Otwrz panel
Buttons (Przyciski) isprawd ustawienia. Pniej zaznacz przycisk Off, by sprawdzi
rwnie jego ustawienia wtym samym panelu.

408

LeKCJA 14 Projektowanie publikacji interaktywnych

InD_CS5_pierwsza_pomoc.indb 408

2010-12-28 15:05:58

Pytania kontrolne
1 Jakie elementy, zbdne wdokumentach drukowanych, mona dodawa do publikacji
elektronicznych?
2 Wjaki sposb przeksztaci obiekt winteraktywny przycisk?
3 Jak szybko sprawdzi wygld wybranej animacji stron?
4 Jak animowa obiekt?
5 Jaka jest rnica pomidzy eksportowaniem pliku Flash Player (SWF) apliku Flash CS5
Professional (FLA)?

Odpowiedzi
1 Pliki wformacie Adobe PDF (Interactive) mog zawiera animowane przejcia midzy
stronami, hipercza, dwik, filmy iprzyciski. Oprcz tego pliki SWF mog zawiera
rwnie obiekty animowane oraz wielostanowe.
2 Naley wtym celu zaznaczy obiekt narzdziem Selection (Zaznaczanie), anastpnie
wybra polecenie Object/Interactive/Convert to Button (Obiekt/Interaktywne/Konwertuj
na przycisk). Sposb dziaania przycisku mona skonfigurowa przy uyciu panelu
Buttons (Przyciski).
3 Wcelu wywietlenia podgldu animacji naley wybra jej rodzaj zlisty Transition
(Przejcie) wpanelu Page Transitions (Przejcia stron), anastpnie przesun kursor
myszy ponad prostoktny podgld znajdujcy si wgrnej czci tego panelu.
4 Zaznacz obiekt, ktry chcesz animowa, apotem uyj opcji zpanelu Animation
(Animacja), by wybra sposb poruszania si. Wmenu Preset (Ustawienie) znajdziesz
kilka tuzinw predefiniowanych animacji, zktrych moesz dowolnie wybiera.
5 Jeli Twj dokument utworzony wAdobe InDesign zawiera wszystkie elementy,
ktrych potrzebuje elektroniczna publikacja przyciski, filmy, hipercza iinne
to eksportuj go od razu do formatu odtwarzacza Flash Player (SWF). Jeli natomiast
dokument trzeba jeszcze podda edycji, na przykad by wprowadzi bardziej
zaawansowane zachowania interaktywne, to przy eksporcie wybierz format programu
Flash CS5 Professional (FLA).

Adobe InDesign CS5/CS5 PL. Oficjalny podrcznik

InD_CS5_pierwsza_pomoc.indb 409

409

2010-12-28 15:05:58