Co warto wiedzieć
- Utwórz ilustrację i zduplikuj ją. Wprowadź zmiany do jednego, zamień oba na symbole, stwórz drugi stan. Podgląd animacji.
- Zmień czas trwania obu stanów, zapisz plik jako animowany-g.webp" />
W tym samouczku nauczysz się używać programu Fireworks CS6 do tworzenia animowanego GIF-a przedstawiającego indyka z piórami ogona, które zmieniają kolor. Chociaż Fireworks CS6 jest używany w tym samouczku, powinieneś być w stanie go śledzić używając dowolnej najnowszej wersji Fireworks lub nawet Photoshopa.
Jak zrobić animowany-g.webp" />
Należy zauważyć, że firma Adobe nie oferuje już programu Fireworks CC w ramach usługi Creative Cloud. Jeśli szukasz programu Fireworks, możesz go znaleźć w sekcji Znajdź dodatkowe aplikacje usługi Creative Cloud. Gdy firma Adobe ogłasza, że nie będzie już obsługiwać ani aktualizować aplikacji, można założyć, że zniknięcie aplikacji jest tylko kwestią czasu.
Utwórz nowy dokument
Najpierw utworzysz nowy dokument wybierając Plik > Nowy. Ustaw szerokość i wysokość 400 x 400 pikseli oraz rozdzielczość 72 pikseli na cal. Wybierz biały jako kolor płótna i kliknij OK.
Następnie wybierz Plik > Zapisz, nazwij plik turkey z rozszerzeniem png, wybierz miejsce, w którym chcesz go zapisać i kliknij Zapisz.
Narysuj okrąg
W panelu Narzędzia kliknij pole Kolor obrysu i wybierz czarny, a następnie pole Kolor wypełnienia i wybierz brązową próbkę lub wpisz w polu Wartość liczby szesnastkowej, 8C4600.
W panelu Właściwości ustaw szerokość obrysu na 2 piksele. Następnie wybierz narzędzie Elipsa w panelu Narzędzia, które można znaleźć, klikając małą strzałkę obok narzędzia Prostokąt lub innych widocznych narzędzi kształtów. Trzymając wciśnięty klawisz Shift, kliknij i przeciągnij, aby utworzyć duży okrąg. (Korzystanie z przesunięcia zapewnia, że okrąg będzie idealnie okrągły.)
Narysuj kolejny krąg
Ponownie przytrzymaj klawisz Shift podczas rysowania kolejnego koła, z zamiarem, aby ten okrąg był mniejszy niż poprzedni.
Za pomocą narzędzia Wskaźnik kliknij i przeciągnij małe kółko na miejsce. Chcesz, aby nakładał się na górę dużego koła, jak pokazano.
Narysuj zaokrąglony prostokąt
Za pomocą narzędzia Zaokrąglony prostokąt narysuj prostokąt. Za pomocą narzędzia Wskaźnik przesuń go na miejsce. Chcesz, aby był wyśrodkowany i lekko nachodził na dół małego koła.
Połącz ścieżki
Przytrzymaj klawisz Shift, klikając małe kółko, a następnie zaokrąglony prostokąt. Spowoduje to wybranie obu kształtów. Następnie wybierz Modyfikuj, połącz ścieżki > Union.
Zmień kolor
W panelu Narzędzia kliknij pole Wypełnij i wybierz próbkę kremu lub wpisz FFCC99 w polu Wartość szesnastkowa, a następnie naciśnij klawisz Enter.
Zrób Oczy
Możesz narysować dwa małe kółka, aby utworzyć oczy, ale zamiast tego użyj do tego narzędzia Tekst. Kliknij narzędzie Tekst w panelu Narzędzia, a następnie na kanwie. W Inspektorze właściwości wybierz czcionkę Arial Regular, ustaw rozmiar 72 i zmień kolor na czarny. Przytrzymaj klawisz "Obraz" lub Opcje podczas naciskania klawisza z cyfrą 8, co spowoduje utworzenie punktora. Następnie naciśnij spację przed wykonaniem kolejnego pocisku. alt="
Zrób dziób
W panelu Narzędzia kliknij narzędzie Kształt wielokąta. W panelu Właściwości wybierz pomarańczową próbkę wypełnienia lub wpisz FF9933 w polu Wartość szesnastkowa. Również w panelu Właściwości ustaw obrys na czarno o szerokości 1.
Następnie wybierz Okno > Automatyczne właściwości kształtu Kliknij na kształt wielokąta i wskaż, że chcesz, aby zarówno punkty, jak i boki były 3 i promień 180 stopni. Aby trójkąt był mniejszy, wpisz 20 w polu wartości Promień zewnętrzny. Liczba dla tego zależy od tego, jak duży był trójkąt. Następnie naciśnij return.
Za pomocą narzędzia Wskaźnik, kliknij trójkąt i przeciągnij go w miejsce, w którym Twoim zdaniem powinien znajdować się dziób.
Zrób komin
Czerwona rzecz, która wisi na dziobie indyka, nazywa się Snood. Aby to zrobić, użyjesz narzędzia Pióro.
Po wybraniu narzędzia Pióro w panelu Narzędzia kliknij pole Wypełnij i wybierz czerwoną próbkę lub wpisz FF0000 w polu Wartość szesnastkowa, a następnie naciśnij klawisz Return.
Za pomocą narzędzia Pióro kliknij, aby utworzyć punkty tworzące ścieżkę, a czasami kliknij i przeciągnij, aby utworzyć zaokrągloną ścieżkę. Kiedy ostatni punkt połączy się z pierwszym, utworzysz kształt przypominający indyczy komin.
Zrób nogi
Możesz ustawić kolor wypełnienia na taki sam pomarańczowy jak dziób, klikając na pole Wypełnienie, a następnie na dziób. Po wybraniu narzędzia Pióro ustaw kolor obrysu na czarny i ustaw szerokość obrysu na 2 w panelu Właściwości.
Następnie użyj narzędzia Pióro, aby utworzyć punkty, które tworzą kształt przypominający nogę indyka. Po zaznaczeniu kształtu wybierz Edytuj > Duplicate Następnie wybierz Modify > Transform > Odwróć w poziomie Za pomocą narzędzia Wskaźnik ustaw nogi tam, gdzie wyglądają najlepiej.
Zmniejsz rozmiar
Wybierz Wybierz > Wybierz wszystko. Następnie kliknij narzędzie Skaluj w panelu Narzędzia. Pojawi się ramka ograniczająca z uchwytami, które można przesuwać do wewnątrz lub na zewnątrz. Kliknij uchwyt narożny i przesuń go do środka, zmniejszając całość, a następnie naciśnij klawisz powrotu.
Po zaznaczeniu wszystkich kształtów użyj narzędzia Wskaźnik, aby przesunąć indyka na miejsce. Chcesz, żeby był wyśrodkowany nisko na płótnie.
Zrób pióra ogonowe
Za pomocą narzędzia Elipsa kliknij i przeciągnij, aby utworzyć długi owal. Następnie wybierz Edytuj> Duplicate. Będziesz wielokrotnie powielać owal, aż uzyskasz w sumie pięć owali.
Zmień kolor
Po zaznaczeniu jednego z owali, kliknij pole Wypełnienie i wybierz inny kolor. Zrób to z trzema dodatkowymi owalami, wybierając dla każdego inny kolor.
Przenieś owale
Za pomocą narzędzia Wskaźnik kliknij i przeciągnij pięć owali, aby zaznaczyć je wszystkie. Następnie wybierz Modyfikuj > Rozmieść > Przesuń na spód. Spowoduje to, że pióra ogona opadną za indyka, gdy przesuniesz je na miejsce.
Kliknij poza owale, aby je odznaczyć, a następnie kliknij na jeden owalny naraz i przeciągnij je osobno do miejsca, w którym usiądą obok siebie i częściowo za indykiem.
Korzystanie z inteligentnych prowadnic może pomóc w równomiernym rozmieszczeniu owali, które znajdują się naprzeciwko siebie. Jeśli nie widzisz inteligentnych przewodników w pracy, wybierz Wyświetl > Inteligentne przewodniki > Pokaż inteligentne przewodniki.
Obróć owale
Będziesz chciał obrócić owale i zmienić ich położenie. Aby to zrobić, wybierz jeden i wybierz Modyfikuj > Przekształć > Swobodne przekształć Następnie kliknij i przeciągnij kursor poza obwiednię, aby lekko obrócić owal. Za pomocą narzędzia Wskaźnik ustaw owal w miejscu, w którym Twoim zdaniem wygląda najlepiej.
Obróć pozostałe owale w ten sam sposób i umieść je na miejscu; rozprowadzając je równomiernie.
Zapisz i zapisz jako
Patrząc na swój obraz, zobaczysz, że indyk jest zbyt nisko na płótnie, więc wybierz Wybierz > Zaznacz wszystko, a następnie użyj narzędzia Wskaźnik, aby umieścić indyka na środku płótna. Jeśli jesteś zadowolony z wyglądu, wybierz Plik > Zapisz.
Następnie kliknij pióro ogona, aby je zaznaczyć, a następnie pole Wypełnienie i wybierz inny kolor. Zrób to dla każdego pióra ogona, a następnie wybierz Plik > Zapisz jako. Zmień nazwę pliku na turkey2 z rozszerzeniem-p.webp" />.
Konwertuj na symbol
Wybierz Plik > Otwórz, przejdź do pliku turkey-p.webp" />Wybierz > Zaznacz wszystko Następnie wybierz Modyfikuj > Konwertuj > Konwertuj na symbol Nazwij go symbolem 1, wybierz Grafika jako Typ, a następnie kliknij OK.
Kliknij na zakładkę turkey2-p.webp
Utwórz nowy stan
Kliknij ponownie kartę turkey.png. Jeśli panel stanów nie jest widoczny, możesz wybrać Okno > Stany. U dołu panelu Stany kliknij przycisk Nowe zduplikowane stany.
Kiedy klikniesz na pierwszy stan, aby go zaznaczyć, zobaczysz, że zawiera on symbol. Kiedy klikniesz na drugi stan, zobaczysz, że jest pusty. Aby dodać symbol do tego pustego stanu, wybierz Plik > Importuj > nawiguj do swojego pliku turkey2.png, kliknij Otwórz, a następnie ponownie Otwórz. Następnie kliknij prawy górny róg płótna, aby umieścić plik we właściwej pozycji. Teraz, gdy klikniesz między pierwszym a drugim stanem, zobaczysz, że oba zawierają obrazy. Możesz także nacisnąć przycisk Odtwórz/Zatrzymaj u dołu okna, aby wyświetlić podgląd animacji.
Jeśli nie podoba Ci się szybkość animacji, możesz dwukrotnie kliknąć liczby po prawej stronie każdego stanu, aby dokonać zmian. Im wyższa liczba, tym dłuższy czas trwania.
Zapisz animowany GIF
Na koniec wybierz Plik > Zapisz jako, zmień nazwę pliku, wybierz Animowany-g.webp" />.
Aby otworzyć i odtworzyć animowany-g.webp
Plik > Otwórz lub Otwórz plik. Przejdź do zapisanego pliku animowanego GIF, wybierz go, kliknij Otwórz i ciesz się owocami swojej pracy!
