Forum portalu Fan-Strefa.pl

Dla webmastera => Tutoriale => Wątek zaczęty przez: Vivian w 21 Lipiec 2011, 19:37:18

Tytuł: Instrukcje na animacje
Wiadomość wysłana przez: Vivian w 21 Lipiec 2011, 19:37:18
jest wiele sposobów na robienie animacji. Ja chciałam Wam podać dwa z nich. Nie są one trudne,ja sama nauczyłam się w zaledwie 5 minut. Ok, pierwszy sposób jest z programem BS.Player Program możecie pobrać tutaj: http://bsplayer.en.softonic.com/download (http://bsplayer.en.softonic.com/download).

Pobrany instalujemy na komputerze. Następnie pobieramy jakiś film/teledysk z YouTube.
Np. poprzez stronę Zrzuta.eu, albo poprzez program save2pc light.
Otwieramy program i wchodzimy w Menu - Opcje - Preferencje, lub po p rostu nacisnąć  CTRL + P i tam gdzie mamy Folder Dla Zrzutów Ekranowych wybieramy sobie folder w którym chcemy zapisać zrzuty.
(Ja polecam pulpit, szybko i wygodnie ;D) I klikamy zamknij.
Następnie wybieramy sobie pobrany film. Film można wybrać naciskając po prostu literkę L. Gdy film już się włączył, cały czas naciskamy klawisz P, dosłownie co setną sekundy.  :D Oczywiście nie przez cały film, tylko przez wybrany moment. Właśnie zapisały nam się zrzuty. ;D
Potem otwieramy  albo PhotoScape,  albo Animation Shop. (Ja dam instrukcje do PhotoScape). Włączamy PS, u góry klikamy AniGif i wybieramy ten folder , gdzie  zapisaliśmy zrzuty (w moim przypadku jest to pulpit). Wszystkie zdjęcia przeciągamy na pasek gifu, i ustawiamy czas (ja polecam 9 setnych) :D, ustawiamy sobie wymiary i zapisujemy :P
mój efekt:
(http://www.upload.fan-strefa.pl/x/649744a.gif) (http://www.upload.fan-strefa.pl/view.php?filename=649744a.gif)


To teraz instrukcja na animacje lepszego efektu, ale za to bardziej pracochłonna. Do tego jednak potrzebny będzie program Windows Movie Maker,  jest on w każdym Windowsie typu XP, ale czy w innych - tego nie wiem.
Tak, więc. Otwieramy Windows Movie Maker. (Start - Wszystkie Programy)
Otwieramy film (Importuj obraz wideo [tą opcje macie po lewej stronie]).
Gdy film nam się załaduje wybieramy sobie na  wstęp obojętnie jaką klatkę. Gdy nam się ona pojawi w odtwarzaczu po prawej stronie klikamy na:
(http://www.upload.fan-strefa.pl/x/262388U.png) (http://www.upload.fan-strefa.pl/view.php?filename=262388U.png)
I zapisujemy zdjęcie najlepiej pod nazwą 001.
Potem klikamy  na to:
(http://www.upload.fan-strefa.pl/x/252638U.png) (http://www.upload.fan-strefa.pl/view.php?filename=252638U.png)
i ponownie na ten aparacik, by zapisać zdjęcie. Tym razem pod nazwą 002.
I tak dalej... Następnie otwieramy PhotoScape i tak jak w powyższej instrukcji tworzymy animację.
mój efekt:
(http://www.upload.fan-strefa.pl/x/203711a.gif) (http://www.upload.fan-strefa.pl/view.php?filename=203711a.gif)

Mam nadzieję,  że instrukcje się przydały :P
pozdro.
Tytuł: Odp: Instrukcje na animacje
Wiadomość wysłana przez: Charlie w 21 Lipiec 2011, 23:38:49
Świetne :D Mi się przydały, zaraz wypróbuję
Tytuł: Odp: Instrukcje na animacje
Wiadomość wysłana przez: Kalleye w 22 Lipiec 2011, 09:42:38
W sumie to nie wiem czym się te instrukcje różnią xd Wystarczy w zrzutach ustawić każdą klatkę czy cokolwiek a nie siedzieć w WMM xD
Tytuł: Odp: Instrukcje na animacje
Wiadomość wysłana przez: Vivian w 22 Lipiec 2011, 12:13:48
troche sie różnią xd.
w BS.Player, wychodzą nie dokładne i dają taki efekt zieloności xD
Tytuł: Odp: Instrukcje na animacje
Wiadomość wysłana przez: Stysia w 22 Lipiec 2011, 12:25:41
A czy w tym 2 sposobie, nie lepiej pousówać klatki recznie? Będzie chyba szybciej (ładujemy film, patrzymy na klatki na samym dole, i usówamy te które nam nie potrzebne... i zapisujemy jako jakiś plik video i potem zmieniamy programem (nie wiem jakimxD) na gif. ) myslę że to lepszy sposób ;D ;p
Tytuł: Odp: Instrukcje na animacje
Wiadomość wysłana przez: Vivian w 22 Lipiec 2011, 12:31:08
tak wiem. Chodzi o program Conventer  from AVI to GIF, czy coś takiego.  Ale takim sposobem animacje im dłuższe tym bardziej się zacinają.
Tytuł: Odp: Instrukcje na animacje
Wiadomość wysłana przez: Stysia w 22 Lipiec 2011, 13:52:45
tak wiem. Chodzi o program Conventer  from AVI to GIF, czy coś takiego.  Ale takim sposobem animacje im dłuższe tym bardziej się zacinają.
Nieprawda ;) Ja czesto robie tak i zawsze sa w swietnej jakosci ;)
Tytuł: Odp: Instrukcje na animacje
Wiadomość wysłana przez: Kalleye w 22 Lipiec 2011, 14:54:52
troche sie różnią xd.
w BS.Player, wychodzą nie dokładne i dają taki efekt zieloności xD

To rób KM Playerem ten nie zmienia kolorów screen capsów xD
Tytuł: Odp: Instrukcje na animacje
Wiadomość wysłana przez: PA_BLO w 22 Lipiec 2011, 18:52:39
A czy w tym 2 sposobie, nie lepiej pousówać klatki recznie? Będzie chyba szybciej (ładujemy film, patrzymy na klatki na samym dole, i usówamy te które nam nie potrzebne... i zapisujemy jako jakiś plik video i potem zmieniamy programem (nie wiem jakimxD) na gif. ) myslę że to lepszy sposób ;D ;p
Też polecam ten sposób, ale przyznam że instrukcje przydatne. Dzięki ;)
Tytuł: Odp: Instrukcje na animacje
Wiadomość wysłana przez: V w 22 Lipiec 2011, 21:33:47
ja tam do klatek używam VirtualDub, można sobie wybrac od kiedy do kiedy, dobry program, dobry :D potem animację robię w adobe imageready :D
Tytuł: Odp: Instrukcje na animacje
Wiadomość wysłana przez: PA_BLO w 23 Lipiec 2011, 11:30:53
A propos Image Ready. Wiecie gdzie można pobrać ten program? Bo zawsze miałem go zintegrowanego z Photoshopem CE, a teraz mam Photoshop CS i nie mam IR. Słyszałem, że jest osobna wersja Image Ready CS2, ale nie mogę nigdzie jej znaleźć.
Tytuł: Odp: Instrukcje na animacje
Wiadomość wysłana przez: Naughty w 24 Lipiec 2011, 13:48:30
A propos Image Ready. Wiecie gdzie można pobrać ten program? Bo zawsze miałem go zintegrowanego z Photoshopem CE, a teraz mam Photoshop CS i nie mam IR. Słyszałem, że jest osobna wersja Image Ready CS2, ale nie mogę nigdzie jej znaleźć.

Przyłączam się do pytania, bo też szukałam i nigdzie nie mogłam znaleźć ;/
Tytuł: Odp: Instrukcje na animacje
Wiadomość wysłana przez: Sweetkowa w 24 Lipiec 2011, 13:48:52
ja dopiszę już tutaj by nie zakładać nowego tematu ;)
Jeżeli ktoś chciałby zrobić animację jakąś z koloryzacją i napisem w Photoshopie to polecam:

1. Najpierw właśnie zrobić sobie zrzuty z danego momentu z filmiki i następnie gdzieś zapisać
2. Otwieramy Photoshopa i klikamy na Plik>skrypty>wczytaj pliki do stosu>przeglądaj
3. Teraz zaznaczamy sobie dane screeny i klikamy otwórz oraz czekamy aż się załadują. Jak się zrobi to ok.
4. Musimy znowu trochę poczekać aż wszystkie się nam pokażą, jak się to zrobi to zauważycie pewnie, że macie mnóstwo warstw. Teraz możecie dodać sobie na to jakiegoś psd's, na samą górę przed warstwami. Tak samo z napisem.
5. Jak już będziecie mieć gotowe to zapisujecie każdą klatkę po kolei (moze to byc trochę monotonne jak macie ich dużo) :D
6. Ostatnim krokiem jest to co opisała autorka tematu, czyli trzeba np. w Photoscape połączyć klatki w Anigif i animacja gotowa.

moje efekty, robiłam tak na szybko, więc średnio wyszły + mój program do screencapsów niestety trochę rozmazał tą jedną.
(http://www.upload.fan-strefa.pl/x/983092a.gif)

(http://25.media.tumblr.com/tumblr_loqufawieu1r0r9lco1_250.gif) (http://29.media.tumblr.com/tumblr_loqufawieu1r0r9lco2_250.gif)
(http://30.media.tumblr.com/tumblr_loqxbzXJRV1r0r9lco1_r1_250.gif) (http://27.media.tumblr.com/tumblr_lou6bd7JBn1r0r9lco1_250.gif)
Tytuł: Odp: Instrukcje na animacje
Wiadomość wysłana przez: Kailee w 24 Lipiec 2011, 14:04:30
ja dopiszę już tutaj by nie zakładać nowego tematu ;)
Jeżeli ktoś chciałby zrobić animację jakąś z koloryzacją i napisem w Photoshopie to polecam:

1. Najpierw właśnie zrobić sobie zrzuty z danego momentu z filmiki i następnie gdzieś zapisać
2. Otwieramy Photoshopa i klikamy na Plik>skrypty>wczytaj pliki do stosu>przeglądaj
3. Teraz zaznaczamy sobie dane screeny i klikamy otwórz oraz czekamy aż się załadują. Jak się zrobi to ok.
4. Musimy znowu trochę poczekać aż wszystkie się nam pokażą, jak się to zrobi to zauważycie pewnie, że macie mnóstwo warstw. Teraz możecie dodać sobie na to jakiegoś psd's, na samą górę przed warstwami. Tak samo z napisem.
5. Jak już będziecie mieć gotowe to zapisujecie każdą klatkę po kolei (moze to byc trochę monotonne jak macie ich dużo) :D
6. Ostatnim krokiem jest to co opisała autorka tematu, czyli trzeba np. w Photoscape połączyć klatki w Anigif i animacja gotowa.

moje efekty, robiłam tak na szybko, więc średnio wyszły + mój program do screencapsów niestety trochę rozmazał tą jedną.
(http://www.upload.fan-strefa.pl/x/983092a.gif)

(http://25.media.tumblr.com/tumblr_loqufawieu1r0r9lco1_250.gif) (http://29.media.tumblr.com/tumblr_loqufawieu1r0r9lco2_250.gif)
(http://30.media.tumblr.com/tumblr_loqxbzXJRV1r0r9lco1_r1_250.gif) (http://27.media.tumblr.com/tumblr_lou6bd7JBn1r0r9lco1_250.gif)

A nie lepiej zrobić po prostu animację w photoshopie, a nie bawić się z zapisywanie plików i potem wrzucanie to w photoscape ?
Tytuł: Odp: Instrukcje na animacje
Wiadomość wysłana przez: Sweetkowa w 24 Lipiec 2011, 14:16:03
to chyba zależy od wersji prawda? Wiem, że w CS5 można, a da się w CS3 otworzyć film?

aaa.. mówisz zeby z tego zrobić animację.. hm, no też można, ale nie próbowałam nawet  ::)
Tytuł: Odp: Instrukcje na animacje
Wiadomość wysłana przez: PA_BLO w 25 Lipiec 2011, 22:42:51
Dzięki jednej z Twoich wskazówek, a mianowicie tej:
2. Otwieramy Photoshopa i klikamy na Plik>skrypty>wczytaj pliki do stosu>przeglądaj
udało mi się zrobić troszkę innym sposobem taką oto animację.
http://www.upload.fan-strefa.pl/x/296798a.gif
Jeżeli będziecie chcieli to dam instrukcje jak zrobić podobną.
Tytuł: Odp: Instrukcje na animacje
Wiadomość wysłana przez: Aga w 01 Styczeń 2013, 10:32:17
jest wiele sposobów na robienie animacji. Ja chciałam Wam podać dwa z nich. Nie są one trudne,ja sama nauczyłam się w zaledwie 5 minut. Ok, pierwszy sposób jest z programem BS.Player Program możecie pobrać tutaj: http://bsplayer.en.softonic.com/download (http://bsplayer.en.softonic.com/download).

Pobrany instalujemy na komputerze. Następnie pobieramy jakiś film/teledysk z YouTube.
Np. poprzez stronę Zrzuta.eu, albo poprzez program save2pc light.
Otwieramy program i wchodzimy w Menu - Opcje - Preferencje, lub po p rostu nacisnąć  CTRL + P i tam gdzie mamy Folder Dla Zrzutów Ekranowych wybieramy sobie folder w którym chcemy zapisać zrzuty.
(Ja polecam pulpit, szybko i wygodnie ;D) I klikamy zamknij.
Następnie wybieramy sobie pobrany film. Film można wybrać naciskając po prostu literkę L. Gdy film już się włączył, cały czas naciskamy klawisz P, dosłownie co setną sekundy.  :D Oczywiście nie przez cały film, tylko przez wybrany moment. Właśnie zapisały nam się zrzuty. ;D
Potem otwieramy  albo PhotoScape,  albo Animation Shop. (Ja dam instrukcje do PhotoScape). Włączamy PS, u góry klikamy AniGif i wybieramy ten folder , gdzie  zapisaliśmy zrzuty (w moim przypadku jest to pulpit). Wszystkie zdjęcia przeciągamy na pasek gifu, i ustawiamy czas (ja polecam 9 setnych) :D, ustawiamy sobie wymiary i zapisujemy :P

mój efekt:
(http://www.upload.fan-strefa.pl/x/649744a.gif) (http://www.upload.fan-strefa.pl/view.php?filename=649744a.gif)


To teraz instrukcja na animacje lepszego efektu, ale za to bardziej pracochłonna. Do tego jednak potrzebny będzie program Windows Movie Maker,  jest on w każdym Windowsie typu XP, ale czy w innych - tego nie wiem.
Tak, więc. Otwieramy Windows Movie Maker. (Start - Wszystkie Programy)
Otwieramy film (Importuj obraz wideo [tą opcje macie po lewej stronie]).
Gdy film nam się załaduje wybieramy sobie na  wstęp obojętnie jaką klatkę. Gdy nam się ona pojawi w odtwarzaczu po prawej stronie klikamy na:
(http://www.upload.fan-strefa.pl/x/262388U.png) (http://www.upload.fan-strefa.pl/view.php?filename=262388U.png)
I zapisujemy zdjęcie najlepiej pod nazwą 001.
Potem klikamy  na to:
(http://www.upload.fan-strefa.pl/x/252638U.png) (http://www.upload.fan-strefa.pl/view.php?filename=252638U.png)
i ponownie na ten aparacik, by zapisać zdjęcie. Tym razem pod nazwą 002.
I tak dalej... Następnie otwieramy PhotoScape i tak jak w powyższej instrukcji tworzymy animację.
mój efekt:
(http://www.upload.fan-strefa.pl/x/203711a.gif) (http://www.upload.fan-strefa.pl/view.php?filename=203711a.gif)

Mam nadzieję,  że instrukcje się przydały :P
pozdro.

Polecam tą instrukcję i róbcie to w PhotoScape!
Mój efekt:

http://sylwiagrzeszczak.fan-strefa.pl/Gif.gif (http://sylwiagrzeszczak.fan-strefa.pl/Gif.gif)