Przy odrobinie praktyki i cierpliwości możesz nauczyć się animować w Photoshopie^(Photoshop) i zamienić swoją pracę w GIF , który możesz udostępniać online. Narzędzia do animacji Photoshopa^(Photoshop) są często nieznane, ale warto się ich nauczyć. Przeprowadzimy Cię przez każdy krok niezbędny do nauki animacji w Photoshopie^(Photoshop) .

Podobnie jak większość narzędzi do animacji, każdą klatkę musisz utworzyć jako osobne obrazy, więc musisz poświęcić trochę czasu na ręczne utworzenie każdej klatki, zwłaszcza jeśli planujesz zrobić skomplikowaną animację.

Zacznij od stworzenia ramek animacji w Photoshopie^{(Start By Making Your Animation Frames In Photoshop)}

Na początek musisz zapisać osobny obraz dla każdej klatki, której zamierzasz użyć. Od Ciebie zależy, jak złożona chcesz zrobić swoją animację, ale na potrzeby tego testu stworzymy proste animowane logo.

Sztuczka do nauki animacji w Photoshopie^(Photoshop) polega na wykonywaniu małych ruchów i zapisaniu nowego zdjęcia za każdym razem, gdy wykonujesz ruch. Każdy ruch powinien mieć taką samą wagę. Na przykład, jeśli chcesz, aby linia tekstu przesuwała się po ekranie, każda ramka powinna przesuwać tekst o taką samą liczbę pikseli, aby animacja wyglądała gładko.

Jeśli nie masz pewności, jak przejść z punktu A do B w animacji, zacznij najpierw od klatki końcowej, a następnie utwórz pierwszą klatkę. Na koniec wypełnij ramki pomiędzy.

Zapisując każdy obraz, nazwij go numerycznie, aby nie pomylić się z ich pozycją.

Jak animować sekwencję obrazów w Photoshopie^{(How To Animate a Sequence Of Images In Photoshop)}

Gdy masz już obrazy klatka po klatce, nadszedł czas, aby przekształcić je w animację. Pamiętaj, aby^(Make) dokładnie wykonać poniższe czynności.

1. Kliknij Plik^(File) , kliknij Skrypty^(Scripts) , a następnie kliknij Załaduj pliki do stosu.^{( Load Files Into Stack..)}
2. Kliknij Przeglądaj…^{(Browse… )} i wybierz wszystkie klatki do animacji.
3. Kliknij OK i poczekaj, aż obrazy załadują się na osobne warstwy.
4. Kliknij Okno^(Window) , a następnie Oś czasu^(Timeline) , aby otworzyć okno animacji.
5. Kliknij strzałkę rozwijaną^{(dropdown arrow)} w panelu osi czasu i wybierz opcję Utwórz animację klatki^{(Create Frame Animation)} .
6. Kliknij opcję Utwórz animację ramy^{(Create Frame Animation)} . 

Będziesz teraz mieć warstwę na swojej osi czasu. Następnym krokiem jest przekształcenie każdej warstwy w nową ramkę. Wykonaj poniższe kroki.

1. Kliknij Wybierz^{( Select )} u góry, a następnie kliknij Wszystkie warstwy.^{(All Layers.)}
2. Kliknij ikonę menu z trzema stosami^{( three stack menu icon)} po lewej stronie panelu osi czasu.
3. W wyświetlonym menu kliknij opcję Utwórz nową warstwę dla każdej nowej ramki^{(Create New Layer for Each New Frame)} .
4. Kliknij ikonę menu z trzema stosami,^{( three stack menu icon)} a następnie kliknij opcję Utwórz klatki z warstw^{(Make Frames From Layers)} .

Teraz wszystkie obrazy zostaną załadowane do osobnych ramek. Następnym zadaniem jest wybranie czasu, przez jaki będzie odtwarzana każda klatka. Uzyskanie odpowiedniej szybkości może zająć trochę czasu, ale możesz wybrać czas wyświetlania każdej klatki, klikając strzałkę pod każdą klatką^{(the arrow under each frame )} obok tekstu 0 sekund .^{( 0 sec)}

Możesz eksperymentować z różnymi czasami, ale najlepiej zacząć od wybrania tego samego czasu dla każdej klatki. Jeśli animacja zawiera różne sceny lub fazy animacji, możesz chcieć dostosować czasy dla każdej z tych faz/scen indywidualnie.

W dowolnym momencie możesz kliknąć przycisk odtwarzania, aby wyświetlić animację. W oknie osi czasu znajduje się również wiele innych elementów sterujących, które wyjaśniliśmy poniżej od lewej do prawej.

Przełącznik osi czasu^{(Timeline Switch)}

Przełącz oś czasu między osią czasu klatka po klatce a tradycyjną osią czasu filmu.

Ilość odtwarzania^{(Playback Amount)}

Zmień^(Change) , czy animacja będzie odtwarzana w nieskończoność, czy przez określoną liczbę pętli przed zatrzymaniem. Wpłynie to na wynik końcowy po zapisaniu go jako GIF . Możesz zmienić to ustawienie ponownie, zanim wyeksportujesz później animację.

Menu odtwarzania^{(Playback Dropdown)} 

Strzałka w dół widoczna na elementach sterujących osi czasu to kolejna metoda uzyskiwania dostępu do ilości odtwarzania.

Sterowanie odtwarzaniem^{(Playback Controls)}

Odtwarzaj^(Play) , wstrzymuj, zatrzymuj i przeskakuj animację do końca lub początku za pomocą czterech dostępnych elementów sterujących odtwarzaniem.

animacja^(Tween)

Użyj funkcji Tween , aby wygenerować klatki „pomiędzy”, aby animacja wyglądała płynniej. Funkcja Tween zostanie wyjaśniona bardziej szczegółowo poniżej.

Zduplikowana ramka^{(Duplicate Frame)}

Ten przycisk zduplikuje aktualnie wybraną klatkę i umieści ją na osi czasu za oryginałem.

Usuń ramkę^{(Delete Frame)}

Ta opcja usunie każdą wybraną ramkę.

Jak wyeksportować animację Photoshopa^{(How To Export Your Photoshop Animation)}

Gdy będziesz zadowolony z animacji programu Photoshop^(Photoshop) , możesz ją wyeksportować, wykonując poniższe czynności.

1. Kliknij Nowy^(New) .
2. Kliknij Eksportuj^(Export) , a następnie kliknij Zapisz dla Internetu (starsze)…^{(Save for Web (Legacy)…)}
3. Jeśli masz animację ze szczegółowymi kolorami, wybierz GIF 128 Dithered z listy rozwijanej ustawień wstępnych.
4. Jeśli masz animację z prostymi kolorami bloków, wybierz GIF 128 No Dither .
5. Upewnij^(Make) się, że masz ustawioną preferowaną opcję w Opcjach zapętlania^{(Looping Options)} na dole. 
6. Na koniec kliknij Zapisz…^(Save…) i wybierz miejsce, w którym chcesz zapisać GIF na swoim komputerze.

Jak sprawić, by animacja była gładka w Photoshopie^{(How To Make An Animation Smooth In Photoshop)}

O ile nie masz doświadczenia w tworzeniu animacji klatka po klatce, efekt końcowy może wyglądać trochę dziwnie. Na szczęście możesz użyć funkcji Tween , aby automatycznie wypełnić luki w animacji, aby wszystko wyglądało płynniej.

Aby to zrobić, przytrzymaj klawisz Shift , kliknij dwie pojedyncze klatki w oknie osi czasu i kliknij ikonę Tween^{(Tween icon)} . Następnie kliknij, aby wybrać, czy ustawienie Tween będzie używać położenia, krycia^{(position, opacity)} , czy efektów^(effects) . W przypadku większości animacji opartych na ruchu będziesz chciał użyć pozycji^(position) . 

Upewnij się, że wszystkie warstwy^{(All Layers)} są zaznaczone, a następnie kliknij OK . Powtórz ten proces dla każdej sparowanej klatki. Na przykład klatka 1 i 2, potem klatka 3 i 4 i tak dalej.

Streszczenie^(Summary)

Mamy nadzieję, że nasz przewodnik dotyczący animacji w Photoshopie^(Photoshop) pomógł. Jeśli potrzebujesz dodatkowej pomocy, zostaw komentarz poniżej.

How To Animate An Image In Photoshop

With some practіce and patience, you cаn learn how tо animate in Photoshop and turn your work into a GIF to share online. Photoshop’s animation tools are often unknown but they’re well worth learning. We will be taking you through each step necessary to learn how to animate in Photoshop.

Like most animation tools, you’ll need to create each frame as separate images, so you’ll need to set aside some time to create each frame manually, especially if you plan to make a complicated animation.

Start By Making Your Animation Frames In Photoshop

To begin with, you’ll need to save a separate image for each of the frames you plan to use. It’s up to you how complex you want to make your animation, but for this test we’ll be creating a simple animated logo.

The trick for learning how to animate in Photoshop is to make small movements and save a new photo each time you make a movement. Each movement should have the same weight to it. For example, if you want a line of text to slide across the screen, each frame should make the text move the same number of pixels so the animation looks smooth.

If you’re not sure how you can get from point A to B in your animation, start with the end frame first, then create the first frame. Finally, fill in the frames in between.

As you save each image, name them numerically so that you don’t get confused with their position.

How To Animate a Sequence Of Images In Photoshop

Once you have your frame-by-frame images it’s time to turn them into an animation. Make sure to follow the steps below carefully.

1. Click File, Click Scripts, then click Load Files Into Stack..
2. Click Browse… and select all of your frames for your animation.
3. Click OK and wait for the images to load into seperate layers.
4. Click Window and then Timeline to open the animation window.
5. Click the dropdown arrow in the timeline panel and select Create Frame Animation.
6. Click Create Frame Animation. 

You will now have a layer in your timeline. The next step is to turn each of your layers into a new frame. Follow the steps below.

1. Click Select at the top and then click All Layers.
2. Click the three stack menu icon on the left side of the timeline panel.
3. In the menu that appears, click Create New Layer for Each New Frame.
4. Click the three stack menu icon and now click Make Frames From Layers.

You will now have all of your images loaded into separate frames. The next task is to choose a time for how long each frame will play. It may take some testing to get the right speed, but you can choose the frame time for each individual frame by clicking the arrow under each frame next to the 0 sec text.

You can experiment with different times, but it’s best to start by choosing the same time with each frame. If an animation contains different scenes or phases of animation, you may want to adjust the timings for each of those phases/scenes individually.

At any time you can click the play button to view the animation. There are a number of other controls on the timeline window too, which we have explained from left to right below.

Timeline Switch

Switch the timeline between a frame-by-frame timeline and a traditional movie timeline.

Playback Amount

Change whether the animation plays forever or for a certain number of loops before stopping. This will impact the end result once it is saved as a GIF. You can change this setting again before you export the animation later.

Playback Dropdown 

The dropdown arrow you see on the timeline controls is another method for accessing the playback amount.

Playback Controls

Play, pause, stop, and jump the animation to the end or the beginning with the four available playback controls.

Tween

Use the Tween feature to generate “in-between” frames to make your animation look smoother. The Tween feature will be explained in more detail below.

Duplicate Frame

This button will duplicate any currently selected frame and will place it in the timeline after the original.

Delete Frame

This option will delete any selected frame.

How To Export Your Photoshop Animation

Once you’re happy with your Photoshop animation, you can export it by following the steps below.

1. Click New.
2. Click Export and then click Save for Web (Legacy)…
3. If you have an animation with detailed colors, select GIF 128 Dithered under the preset dropdown.
4. If you have an animation with simple block colors, choose GIF 128 No Dither.
5. Make sure you have your preferred option set in the Looping Options at the bottom. 
6. Finally, click Save… and choose a place to save your GIF on your PC.

How To Make An Animation Smooth In Photoshop

Unless you’re experienced at making frame by frame animation, the end result may look a little jolty. Thankfully you can use the Tween feature to fill in the gaps automatically in your animation to make things look smoother.

To do this, hold the shift key, click two individual frames in the timeline window, and click the Tween icon. Next, click to choose whether the Tween setting will use position, opacity, or effects. For most movement-based animations, you’ll want to use position. 

Make sure All Layers are selected and then click OK. Repeat this process for each paired frame. For example frame 1 and 2, then frame 3 and 4, and so on.

Summary

We hope that our guide on how to animate in Photoshop has helped. If you need any more help, feel free to leave a comment below.

Related posts

• Jak usunąć lub zastąpić tło w Photoshopie

• Jak wybielić zęby w Photoshopie

• Jak mieszać w Photoshopie

• Jak wtapiać i rozmywać w Photoshopie

• Jak wyciąć obiekt na obrazie w Photoshop CC

• Jak dodać obramowanie w Photoshopie

• Jak stworzyć zespół w Microsoft Teams

• Jak dodać muzykę do Prezentacji Google

• Czym są nakładki Photoshopa i jak z nich korzystać

• Jak skonfigurować strony wzorcowe w programie Adobe InDesign CC

• Jak robić zrzuty ekranu na Nintendo Switch

• Natychmiast usuwaj tła z obrazów za pomocą sztucznej inteligencji

• Jak zrobić wypełnialny formularz Dokumentów Google za pomocą tabel

• Instalowanie wtyczek GIMP: poradnik

• Jak zmierzyć odległość w Photoshopie

• Jak zarysować tekst w Photoshopie

• Jak zrobić przezroczyste tło w Photoshopie

• Jak wyłączyć klawisz Windows

• 6 najlepszych ustawień aparatu dla zdjęć księżycowych

• Jak usunąć folder Windows.old w systemie Windows 7/8/10