Flash oznacza najlepszy wybór, jeśli chodzi o narzędzia dla poważnych projektantów oraz producentów filmów internetowych i animowanych grafik. Dodanie do Flasha 5 ActionScriptu zdecydowanie zwiększyło jego możliwości. To niesamowite, jak wiele można dokonać we Flashu i za jego pomocą. Poznasz ActionScript i będziesz go używał, czytając część książki poświęconą Flashowi.

Zgodnie z zamysłem producenta Fireworks miał być przeznaczony do zaawansowanej edycji obrazów przygotowywanych do wykorzystania w prezentacjach internetowych. Obecnie Fireworks znajduje się wśród najlepszych programów do edycji obrazów, używanych przez poważnych projektantów internetowych, którzy potrzebują narzędzia zaprojektowanego specjalnie na ich potrzeby koncentrujące się wokół Internetu. Możliwość tworzenia systemów nawigacyjnych zawierających m.in. kod HTML i JavaScript to jeden z przejawów potęgi Fireworks.

FreeHand jest liderem w dziedzinie programów ilustracyjnych; został wzbogacony o takie możliwości, jak narzędzie contour gradient oraz możliwość wykorzystania wielu stron wzorcowych. W aplikacji tej można nawet otwierać wielostronicowe dokumenty w formacie PDF. Będziesz zaskoczony zgodnością formatów plików FreeHanda i Flasha.

W tej mieszance nie został również pominięty Dreamweaver. Dodatek A jest poświęcony edycji obrazów Fireworks w środowisku Dreamweavera oraz tworzeniu w nim całych, skomplikowanych projektów układu strony przy użyciu takich elementów jak warstwy, kaskadowe arkusze stylów i behawiory.

Wśród osób, którym najbardziej przyda się ta książka, znajdują się projektanci zatrudnieni w firmach oraz niezależni projektanci i wykonawcy stron, nauczyciele i kierownicy projektów. Książka ta została napisana dla użytkowników na poziomie średnio zaawansowanym, istotna więc jest w tym przypadku praktyczna znajomość Flasha, Fireworks i FreeHanda. Z książki nie nauczysz się, jak używać każdego programu. Dowiesz się jednak, jak posługiwać się funkcjami wykorzystanymi w danym ćwiczeniu, a także poznasz najważniejsze możliwości każdej z aplikacji. Ponieważ określenie, co dokładnie kryje się za terminem "średnio zaawansowany" jest bardzo trudne, dużą wagę przywiązano do przedstawienia dokładnych wskazówek w ćwiczeniach.

Ta książka z serii f/x pomoże w lepszym zrozumieniu tego, jak można najlepiej wykorzystać możliwości wiodących aplikacji firmy Macromedia. Dowiesz się, jakie zadania potrafi najlepiej wykonać każdy program, co w efekcie zwiększy wydajność Twoją i (lub) Twojego zespołu w projektach internetowych.

Najlepszym sposobem nauki jest praktyka, dlatego też prezentowane techniki są ilustrowane ćwiczeniami opartymi na przykładach wziętych z życia. Jeśli dana technika jest szczegółowo wyjaśniona w innym rozdziale, podane jest odniesienie, aby czytelnik mógł w razie potrzeby przeczytać więcej na jej temat.

Jak wspomniałam wcześniej, nie sposób dokładnie określić stopnia umiejętności, które posiada średnio zaawansowany użytkownik, tak więc wszystkie konieczne do utworzenia projektu czynności wskazano w odpowiedniej kolejności, niezależnie od tego, jak są proste. Zaawansowaną technikę prowadzącą do osiągnięcia efektu końcowego przedstawiono w sposób zrozumiały dla przeciętnego użytkownika.

Osoby które kupowały "Flash, Fireworks i FreeHand f/x", wybierały także:

• Adobe Fireworks CS5/CS5 PL. Oficjalny podręcznik 69,00 zł
• Adobe Creative Suite 3 Web Standard. Tworzenie dynamicznych stron WWW. Warsztaty 69,00 zł
• Macromedia Studio 8. Oficjalny podręcznik 59,00 zł
• Macromedia Fireworks 8. Oficjalny podręcznik 49,00 zł
• Macromedia Fireworks MX 2004. Oficjalny podręcznik 49,90 zł

Spis treści

Flash, Fireworks i FreeHand f/x -- spis treści

O Autorach (15)

Wstęp (17)

Część 1. FreeHand (21)

Rozdział 1. Zastosowanie narzędzi rysunkowych we FreeHandzie (23)

• Wprowadzenie do części 1. książki, poświęconej programowi FreeHand (23)
  
• Podstawowe wiadomości o narzędziach rysunkowych (24)
  
  • Uchwyty kierunkowe (24)
  • Ikony i kursory (25)
• Narzędzie Pen (pióro) (25)
  
  • Węzły narożne (25)
  • Węzły gładkie (26)
  • Węzły łączące (26)
• Narzędzie Bezigon (26)
  
• Zastosowanie narzędzi Pen i Bezigon (26)
  
  • Rysowanie parasola narzędziem Pen (26)
  • Rysowanie parasola narzędziem Bezigon (27)
• Dodawanie i usuwanie węzłów (28)
  
• Przesuwanie segmentów (29)
  
• Łączenie węzłów (30)
  
• Edycja kształtów (31)
  
  • Projekt 1.1. Rysowanie elementów układanki (32)
  • Rozwiązanie alternatywne: zastosowanie narzędzia Pen (36)
  • Projekt 1.2. Trasowanie samochodu dla strony internetowej Point of Purchase (37)
  • Rysowanie widoku z góry (39)
• Narzędzie Pencil (ołówek) (40)
  
  • Projekt 1.3. Trasowanie rysunku liniowego mapy (41)
  • Dodatkowe elementy (42)

Rozdział 2. Zastosowanie specjalnych narzędzi rysunkowych (45)

• Zastosowanie polecenia Paste Inside (45)
  
• Zastosowanie soczewek (47)
  
  • Soczewka przezroczystości (Transparency) (47)
    • Projekt 2.1. Dodawanie przezroczystości (48)
  • Soczewka powiększająca (Magnify) (49)
    • Projekt 2.2. Powiększanie części mapy Atlantis (50)
• Zastosowanie obwiedni (Envelope) (54)
  
  • Predefiniowane obwiednie (54)
  • Definiowanie własnych obwiedni (55)
    • Projekt 2.3. Umieszczanie wiersza w obwiedni (55)
• Zastosowanie funkcji trasowania. Narzędzie Trace (56)
  
  • Narzędzie Trace (57)
    • Projekt 2.4. Trasowanie szafy grającej i zdjęcia (59)
    • Trasowanie szafy grającej (59)
    • Zdjęcie (61)
    • Wyniki (62)

Rozdział 3. Manipulowanie obiektami (65)

• Rozmieszczanie obiektów (65)
  
  • Kolejność obiektów w stosie (65)
  • Wyrównanie (66)
  • Grupowanie (67)
  • Blokowanie (67)
• Transformacje (67)
  
  • Obracanie (69)
  • Skalowanie (70)
    • Projekt 3.1. Tworzenie felg kół samochodowych (71)
  • Odbicie lustrzane (73)
  • Ukosowanie (74)
• Zastosowanie funkcji metamorfozy (Blend) (75)
  
  • Projekt 3.2. Przekształcenie całego jabłka w nadgryzione (76)
  • Metamorfoza na ścieżce (77)
    • Projekt 3.3. Dopasowanie logo do ścieżki (78)
• Symbole (79)
  
  • Projekt 3.4. Przekształcanie nagłówka księgarni Horse Adventures w symbol (80)

Rozdział 4. Praca z kolorami (81)

• Kolor w pracach (81)
  
• Tryby kolorów (81)
  
• Panele Color Mixer i Tints (82)
  
• Panel Swatches (83)
  
  • Opcje panelu Swatches (83)
  • Importowanie i eksportowanie tabel kolorów (85)
• Przypisywanie koloru (85)
  
  • Zmiana kolorów konturu i wypełnienia (86)
  • Wykorzystanie gradientów (86)
    • Projekt 4.1. Tworzenie kieliszka do wina (88)
    • Dodanie efektu neonu do nóżki kieliszka (91)
    • Dodawanie poświaty (92)
    • Określanie kąta powierzchni wina (93)
    • Projekt 4.2. Nadanie koloru modelowi samochodu elektrycznego (95)

Rozdział 5. Siatka perspektywy (97)

• Siatki perspektywy (97)
  
  • Wyświetlanie i ukrywanie siatek perspektywy (97)
  • Dopasowywanie siatki do własnych potrzeb (98)
    • Projekt 5.1. Tekst dla sceny "Wojen barowych" (100)
    • Projekt 5.2. Rysowanie siatek specjalnych (102)
    • Siatka narożna (102)
    • Siatka kulista (104)

Rozdział 6. Importowanie i eksportowanie (107)

• Importowanie (107)
  
• Eksportowanie (108)
  
  • Eksportowanie plików do zastosowania w programie Fireworks (109)
  • Eksportowanie pliku do formatu PDF (109)
  • Eksportowanie pliku do formatu HTML (110)
    • Projekt 6.1. Układ strony internetowej Point of Purchase (110)
    • Porównywanie warstw i tabel w programie Dreamweaver (113)
• Eksportowanie pliku do Flasha (114)
  
  • Przypisywanie akcji Flasha (114)
  • Wskazówki dotyczące eksportowania do formatu Flasha (115)
  • Eksportowanie pliku do formatu SWF (117)
    • Projekt 6.2. Eksportowanie pliku do Flasha (118)
    • Wskazówki dotyczące konwersji plików (118)

Część 2. Fireworks (131)

Rozdział 7. Podstawy Fireworks (133)

• Wstęp do Fireworks (133)
  
• Przekształcanie tekstu (133)
  
  • Przypisywanie tekstu do ścieżki (134)
  • Edycja tekstu na ścieżce (137)
    • Projekt 7.1. Umieszczanie tekstu na górze i na dole elipsy (137)
  • Edycja tekstu z wykorzystaniem narzędzi do transformacji (141)
• Efekty (144)
  
  • Dodawanie efektów (144)
  • Edycja efektów (144)
• Kontury (145)
  
  • Modyfikacja konturu (145)
• Gradienty (146)
  
  • Wypełnienia gradientowe (146)
  • Zmiana wyglądu gradientu (147)
  • Edycja kolorów gradientu (147)
    • Projekt 7.2. Tworzenie małych kul z podświetleniem (148)
    • Rozwiązanie alternatywne (150)
• Wypełnianie wzorkami i teksturami (150)
  
  • Wypełnianie wzorkami (151)
  • Nakładanie tekstur (151)
    • Projekt 7.3. Tworzenie tytułu strony WWW (151)
    • Projekt 7.4. Projektowanie nagłówka dla strony internetowej Fireworks 4 f/x & Design (154)
• Podstawy animacji (155)
  
• Praca z symbolami i instancjami (156)
  
  • Symbole (156)
• Praca z klatkami (158)
  
  • Dodawanie i usuwanie klatek (159)
  • Zmiana kolejności i powielanie klatek (159)
  • Rozkładanie na klatki (160)
  • Współużytkowanie warstw przez klatki (160)
  • Technika "skóry cebuli" (160)
  • Zapętlanie (161)
  • Opóźnienie klatki (161)
• Sekwencjonowanie (161)
  
  • Sekwencjonowanie efektów (162)

Rozdział 8. Praca z narzędziami wektorowymi (163)

• Zrozumieć ścieżki... (163)
  
• Narzędzia wektorowe (164)
  
• Stosowanie narzędzi do tworzenia kształtów wektorowych (165)
  
  • Narzędzie Ellipse (elipsa) (165)
  • Narzędzie Rectangle (prostokąt) (165)
  • Narzędzie Polygon (wielokąt) (166)
• Narzędzia do rysowania ścieżek wektorowych o dowolnym kształcie (167)
  
  • Narzędzie Pencil (ołówek) (167)
  • Narzędzie Brush (pędzel) (168)
  • Narzędzie Pen (pióro) (168)
  • Wykorzystywanie uchwytów kontrolnych krzywej Béziera (169)
• Edycja z wykorzystaniem narzędzia Pen (171)
  
  • Zamykanie ścieżki (171)
  • Kontynuacja ścieżki (171)
  • Łączenie ścieżek (172)
  • Dodawanie i usuwanie węzłów (172)
  • Polecenie Join (połącz) (173)
  • Polecenie Punch (wycinanie) (174)
  • Narzędzie Knife (nóż) (175)
    • Projekt 8.1. Wykonanie ornamentu dekoracyjnego (175)
    • Przygotowanie wszystkich wykonanych wcześniej kul (175)
    • Wykonanie podstawowego kształtu (177)
    • Symulowanie efektu głębi kształtu podstawowego (178)
    • Łączenie ornamentu w całość (179)
    • Projekt 8.2. Interfejs Eyeland Studio (180)
    • Czynności wykonywane w trakcie całego ćwiczenia (180)
    • Tworzenie górnego obszaru tytułu (181)
    • Środkowy obszar tekstowy (186)
    • Elementy umieszczone z prawej strony (186)
    • Logo (188)
    • Trzy małe okręgi (189)
    • Przyciski (190)
    • Przygotowanie do eksportu (190)
    • Eksportowanie (191)

Rozdział 9. Rysowanie i edycja obiektów bitmapowych (195)

• Tryb bitmapowy (195)
  
• Praca z narzędziami selekcji (196)
  
  • Narzędzia z grupy Marquee (196)
  • Narzędzie Magic Wand (różdżka) (197)
  • Narzędzie Polygon Lasso (lasso wielokątne) (198)
  • Rozmywanie krawędzi selekcji (198)
• Naprawa i modyfikacja obrazów (199)
  
  • Stosowanie narzędzia Rubber Stamp (stempel) (199)
  • Korekta barwy i nasycenia (202)
• Maskowanie obrazów (203)
  
  • Wykorzystywanie masek bitmapowych (203)
  • Modyfikacja przezroczystości maski (204)
  • Edycja grupy maskowanej (206)
    • Projekt 9.1. Wycinanie obrazu konia z tła (207)
    • Projekt 9.2. Obraz złożony (208)

Rozdział 10. Magia nawigacji (213)

• Rozwiązania nawigacyjne (213)
  
• Używanie edytora przycisków (213)
  
  • Tworzenie symbolu przycisku (214)
  • Edycja symbolu przycisku (218)
• Wykorzystanie panelu Library (218)
  
  • Eksportowanie bibliotek (219)
  • Importowanie bibliotek (220)
• Paski nawigacyjne (220)
  
  • Używanie edytowalnych symboli przycisków do nawigacji (220)
    • Projekt 10.1. Projektowanie systemu nawigacji dla witryny Horse Adventures (225)
• Rollowery (227)
  
  • Tworzenie rozłącznych rollowerów (228)
• Menu rozwijane (230)
  
  • Tworzenie błyskawicznego rozwijanego menu (230)
  • Eksportowanie menu rozwijanego (232)
  • Używanie własnych stylów w menu rozwijanych (233)
  • Edycja menu rozwijanego (233)
  • Zaawansowana edycja menu rozwijanych (234)
  • Ograniczenia menu rozwijanych (234)
    • Projekt 10.2. Tworzenie menu rozwijanego z wykorzystaniem grafiki (234)

Rozdział 11. Plastrowanie i optymalizacja (239)

• Plastrowanie (slicing) (239)
  
  • Plastrować, czy nie plastrować? (239)
  • Wykorzystanie prowadnic (241)
  • Narzędzia do plastrowania (241)
  • Definiowanie plastrów (242)
  • Nadawanie nazw plastrom (243)
  • Dodawanie adresów URL i znaczników Alt do plastrów (245)
  • Tworzenie plastrów z obiektów (246)
  • Plaster tekstowy (246)
    • Projekt 11.1. Plastrowanie dokumentu Atlantis (247)
• Dodawanie obszarów aktywnych (hotspots) (250)
  
• Optymalizacja (251)
  
  • Zakładki 2-Up i 4-Up (252)
  • Optymalizacja plików GIF (252)
  • Kompresja JPEG (256)
    • Projekt 11.2. Optymalizacja dokumentu Atlantis (257)
    • Optymalizacja przy użyciu kompresji GIF (257)
    • Optymalizacja z wykorzystaniem formatu GIF i JPEG (259)
    • Porównanie (260)
• Selektywna kompresja JPEG (262)
  
• Format pliku PNG (265)

Rozdział 12. Importowanie i eksportowanie (267)

• Importowanie i eksportowanie stylów (267)
  
• Importowanie i eksportowanie bibliotek (268)
  
  • Eksportowanie bibliotek (268)
  • Importowanie bibliotek (269)
• Importowanie skanowanych obrazów (269)
  
  • Wykorzystywanie funkcji Twain (269)
  • Otwieranie zeskanowanego obrazu (269)
  • Importowanie zeskanowanego obrazu (269)
• Importowanie z innych aplikacji (270)
  
  • Importowanie plików FreeHanda (271)
  • Importowanie plików GIF (276)
    • Projekt 12.1. Importowanie sekwencjonowanego obiektu z FreeHanda oraz tworzenie z niego animacji w Fireworks (277)
  • Importowanie plików PSD Photoshopa (278)
  • Importowanie plików Illustratora i CorelDRAW (279)
• Eksportowanie (279)
  
  • Podgląd eksportu (280)
  • Kreator eksportu (281)
  • Ustawienia HTML (281)
  • Opcje eksportu (284)
    • Projekt 12.2. Eksportowanie samych obrazów dla strony internetowej Horse Adventures (285)
    • Projekt 12.3. Eksportowanie całego dokumentu Atlantis (289)
  • Eksportowanie warstw i klatek w postaci oddzielnych obrazów (295)
  • Eksportowanie obszaru lub skalowanie obrazu (295)

Część 3. Flash (299)

Rozdział 13. Wprowadzenie do Flasha (301)

• Flash (301)
  
• List otwarty Hillmana Curtisa do projektantów graficznych (302)
  
  • Mniej znaczy więcej (303)
  • Sięgaj do skarbca własnej mądrości (304)

Rozdział 14. Podstawy programu Flash (307)

• Właściwości filmu (307)
  
• Listwa czasowa (308)
  
• Podstawowe wiadomości na temat pracy z warstwami (309)
  
  • Wstawianie warstw (310)
  • Usuwanie warstw (310)
  • Zmiana położenia warstw (310)
  • Ukrywanie i wyświetlanie warstw (310)
  • Blokowanie warstw (311)
  • Nadawanie nazw warstwom (311)
  • Zaznaczanie warstw (311)
  • Organizowanie warstw (311)
• Ujęcia kluczowe i klatki (312)
  
  • Wstawianie i usuwanie ujęć kluczowych (315)
  • Odwracanie kolejności ujęć kluczowych (316)
    • Projekt 14.1. Eyeland Studio - montaż elementów statycznych (316)
• Rysowanie we Flashu (317)
  
  • Różne narzędzia do rysowania we Flashu (318)
  • Modyfikowanie kształtów (320)
    • Projekt 14.2. Finishing the Wine Glasses (323)
• Panele (324)
  
  • Panel Info (324)
  • Panel Align (324)
    • Projekt 14.3. Animowane przyciski dla strony Eyeland Studio (325)
• Wektoryzacja map bitowych (327)
  
  • W jaki sposób poprawnie wykonywać wektoryzację bitmap? (329)
    • Projekt 14.4. Wektoryzacja obrazka przedstawiającego szafę grającą (Jukebox) (329)
• Praca z tekstem (331)
  
  • Czcionki systemowe (331)
  • Tekst standardowy (331)
  • Pole tekstowe (331)
  • Pole tekstowe służące do wprowadzania danych (331)
  • Pola dla tekstu wyświetlanego dynamicznie (332)

Rozdział 15. Symbole i animacje (333)

• Biblioteki i symbole (333)
  
• Biblioteki (333)
  
  • Biblioteki kategorii Common (334)
  • Współużytkowanie bibliotek (334)
  • Wykorzystywanie bibliotek (335)
• Symbole (335)
  
  • Symbole klipów filmowych (Movie Clip) (336)
  • Symbole przycisków (Button) (337)
  • Symbole graficzne (Graphic) (338)
• Podstawy tworzenia animacji (339)
  
  • Automatyczna animacja ruchu (motion tweening) (339)
  • Automatyczna animacja kształtu (shape tweening) (341)
  • Animacja uzyskiwana metodą "klatka po klatce" (342)
    • Projekt 15.1. Dokończenie projektu Bar Wars Scene (343)
    • Wstawianie tytułu (347)

Rozdział 16. Podstawy ActionScriptu (349)

• Dodawanie kodu ActionScriptu - wprowadzenie (349)
  
  • Przypisywanie akcji do przycisków i klatek (350)
  • Filmy i klipy filmowe (352)
• ActionScript (353)
  
• Właściwości (354)
  
• Zmienne (355)
  
• Rodzaje danych (356)
  
• Akcje i obsługa zdarzeń (357)
  
  • Predefiniowane akcje Flasha (358)
  • Podstawowe akcje (358)
  • Akcje (360)
  • Obiekty (362)
• Składnia z operatorem "kropki" (dot syntax) (363)
  
  • Projekt 16.1. Dokończenie tworzenia interfejsu strony Eyeland Studio (364)

Rozdział 17. Projekty z ActionScriptem (369)

• Przypisywanie kodu ActionScriptu (369)
  
  • Projekt 17.1. Kończymy opracowywanie szafy grającej Jukebox (370)
  • Klip filmowy Title (370)
  • Projekt 17.2. Jukebox - ciąg dalszy (372)
  • Wstawianie dynamicznych pól tekstowych (374)
  • Definiowanie zmiennych dla dynamicznych pól tekstowych (375)
  • Przygotowujemy muzykę (376)
  • Odtwarzanie muzyki (379)
  • Projekt 17.3. Tworzymy układankę - puzzle (380)
  • Wstawiamy ruchome elementy układanki (385)
  • Zmiana wymiarów (386)
  • Rozwiązanie alternatywne 1. (387)
  • Rozwiązanie alternatywne 2. (389)
  • Rozwiązanie alternatywne 3. (390)
  • Projekt 17.4. Trójwymiarowe wyświetlanie produktu (392)
  • Przyciski ukryte umożliwiające zmianę kąta widzenia przynęty (394)
  • Projekt 17.5. Interfejs projektu Point of Purchase (396)

Rozdział 18. Projekty specjalne (399)

• Rich Media (399)
  
• Obiekt Color (400)
  
  • Projekt 18.1. Baner reklamowy (400)
  • Rozwiązanie alternatywne (404)
  • Projekt 18.2. Baner reklamowy z możliwością drukowania (406)

Rozdział 19. Publikowanie filmów Flasha (411)

• Publikowanie (411)
  
• Optymalizacja (411)
  
  • Mapy bitowe (412)
  • Wektoryzacja map bitowych (413)
  • Animacje (413)
  • Symbole (413)
  • Ścieżki (413)
  • Czcionki (413)
  • Gradienty (414)
  • Alpha kontra Tint (414)
  • Warstwy (414)
  • Dźwięk (414)
• Usuwanie błędów ze skryptów (415)
  
  • Panel Debugger (415)
  • Okno Output (416)
• Narzędzie Bandwidth Profiler (418)
  
• Okno Publish Settings (419)
  
  • Zakładka Formats (419)
  • Zakładka Flash (419)
  • Zakładka HTML (421)
  • Zakładka GIF (423)
  • Zakładka JPEG (424)
  • Zakładka PNG (424)
  • Zakładka QuickTime (425)
  • Zakładka RealPlayer (426)
• Eksport (426)

Dodatki (429)

Dodatek A Wstawianie kodu HTML i obrazków z Fireworks do Dreamweavera (431)

Skorowidz (463)