Animowany GIF w Photoshop CS5

Adobe Photoshop CS5 to potężny program do edycji obrazów, którego można używać do tworzenia lub edytowania prawie każdego rodzaju obrazu, którego potrzebujesz. Photoshop CS5 jest jednak szczególnie biegły w tworzeniu obrazów przeznaczonych do umieszczenia online, takich jak obrazy, które możesz umieścić na swojej stronie internetowej lub które możesz chcieć udostępnić znajomym. Popularnym wyborem obrazów jest animowany GIF, ponieważ jest prosty w wykonaniu, porusza się, ale można go opublikować jak zwykły, statyczny obraz. Program Photoshop zawiera kilka pomocnych narzędzi, które umożliwiają tworzenie animowanych plików GIF w programie Photoshop CS5, a nawet dostosowywanie animowanych plików GIF w programie Photoshop CS5, aby były zgodne ze specyfikacjami, których potrzebujesz.

Przygotowanie ramek do animowanego GIF-a w Photoshop CS5

Animowany GIF w Photoshop CS5 to w rzeczywistości pięć oddzielnych obrazów, które zamierzasz ułożyć jako warstwy. Każda warstwa będzie reprezentować klatkę obrazu, więc każda klatka musi być nieco inna, aby wskazać, że w animowanym pliku GIF występuje akcja lub ruch. Na potrzeby tego samouczka zamierzam stworzyć w Photoshopie CS5 animowany GIF z gwiazdą poruszającą się po czarnym tle. Animowany GIF będzie składał się z pięciu różnych klatek, w których gwiazda znajduje się w nieco innym miejscu w każdej klatce. Poszczególne obrazy wyglądają tak:

Dla uproszczenia oznaczyłem obrazy jako 1.gif, 2.gif, 3.gif, 4.gif i 5.gif, co pomoże mi zapamiętać kolejność, w jakiej chcę je wyświetlić. Każdy obraz ma ten sam rozmiar, 100×100 pikseli.

Aby rozpocząć tworzenie animowanego GIF-a w programie Photoshop CS5, możesz teraz uruchomić program Photoshop, kliknij Plik w górnej części okna kliknij Nowy, a następnie ustaw rozmiar obrazu. Po ustawieniu parametrów obrazu kliknij ok przycisk, aby utworzyć puste płótno.

Następną rzeczą do zrobienia jest otwarcie folderu zawierającego obrazy, które zamierzasz umieścić w animowanym pliku GIF w programie Photoshop CS5. Zauważ, że otwierasz folder w Eksploratorze Windows, NIE za pomocą otwarty polecenie w Photoshopie. Eksplorator Windows to program używany do przeglądania folderów i plików na komputerze, który można uruchomić, klikając ikonę folderu na pasku zadań u dołu ekranu komputera. Po otwarciu folderu zawierającego obrazy przytrzymaj klawisz CTrl na klawiaturze, aby zaznaczyć wszystkie obrazy, a następnie przeciągnij je na płótno Photoshop CS5.

Spowoduje to zmianę płótna tak, aby jedna z Twoich ramek była poprzedzona znakiem X, tak jak na tym obrazie:

Gdy to zobaczysz, naciśnij Wchodzić na klawiaturze, aby wstawić każdy obraz jako warstwę w Photoshopie. Po dodaniu wszystkich obrazów Twój Warstwy okno po prawej stronie Photoshopa powinno wyglądać tak.

Zauważ, że obraz, który chcesz wyświetlić jako ostatnią klatkę animowanego GIF-a, powinien być najwyższą warstwą. Jeśli Twoje warstwy są w złej kolejności, możesz je po prostu przeciągnąć w obrębie Warstwy okno, aż znajdą się we właściwej kolejności.

Teraz musisz otworzyć Animacja okno, które możesz zrobić, klikając Okno menu u góry programu Photoshop, a następnie klikając Animacja opcja. ten Animacja okno otworzy się jako poziome okno na dole programu Photoshop.

Kliknij przycisk w prawym górnym rogu Animacja okno (przycisk wygląda jak strzałka skierowana w dół obok 4 poziomych linii), a następnie kliknij Twórz ramki z warstw opcja.

Kliknij strzałkę skierowaną w dół po prawej stronie 0 sekund i pod jedną z twoich ramek w Animacja okno, a następnie wybierz, jak długo ta ramka ma być wyświetlana w animowanym pliku GIF. Powtórz ten krok dla każdej klatki obrazu. lubię wybierać 1.0 dla czasu trwania klatek w wielu animowanych plikach GIF w Photoshop CS5, ale eksperymentuj z różnymi czasami trwania, aż znajdziesz ten, który najlepiej Ci odpowiada.

Możesz także określić, ile razy animowany GIF powinien zapętlić się przez wszystkie jego klatki, klikając Na zawsze rozwijane menu na dole Animacja okno. ja używam Na zawsze jako opcję animowanego GIF-a na końcu tego artykułu, co oznacza, że ​​animowany GIF będzie się przewijał, dopóki nie opuścisz tej strony.

Skończyłeś już tworzyć animowany GIF w Photoshop CS5, więc musisz go zapisać. Kliknij Plik w górnej części okna, a następnie kliknij Zapisz dla Internetu i urządzeń. Kliknij menu rozwijane w prawym górnym rogu okna, aby wybrać GIF opcję, a następnie kliknij Zapisać przycisk na dole okna.

Wpisz nazwę swojego pliku w Nazwa pliku pole, a następnie kliknij Zapisać przycisk. Następnie możesz dwukrotnie kliknąć utworzony obraz w folderze, aby uruchomić animowany GIF i zobaczyć, co utworzyłeś. Poniżej znajduje się mój przykład animowanego GIF w obrazie Photoshop CS5.