Szkolenie z tworzenia animacji do Projektu PIWO

Szkolenie z tworzenia animacji do Projektu P.I.W.O.
Grzegorz Muraczewski
SKN MOS
1. Wstęp
Do stworzenia animacji potrzebujemy 3 rzeczy: edytor, audio i pomysł. Edytor
pobieramy albo ze strony Projektu P.I.W.O. z zakładki konkurs albo ze strony MOSu z działu
Download. Audio zdobywamy z dowolnego źródła, byle było w dobrej jakości (nagranie
tosterem z koncertu odpada) najlepiej wersja studyjna, raczej unikać koncertowych. A
pomysł to już kwestia najmniej techniczna choć są i na to „algorytmy”
2. Audio
Jeśli już posiadamy audio (w dobrej jakości) to trzeba zdecydować czy używamy
całości czy wycinamy tylko fragment. Czasem audio mamy dostarczone z zewnątrz, wtedy nie
możemy zmieniać długości. W innych przypadkach sami decydujemy jaki fragment chcemy
wykorzystać. Najlepiej żeby animacja nie była krótsza niż 20 s i nie dłuższa niż 90 s (chyba, że
utwór na tyle się zmienia). Osobom niedoświadczonym w obróbce muzyki odradzam
składania z kilku fragmentów, lepiej wybrać w jednym ciągu. W celu wycięcia fragmentu
utworu potrzebujemy program do obróbki audio, ja opiszę to na przykładzie programu
Audacity.
Odpalamy Audacity, otwieramy plik z muzyką. Wybieramy fragment, który chcemy
wykorzystać, a resztę wycinamy poprzez zaznaczenie i wciśnięcie przycisku delete
(odtwarzania musi być wtedy zatrzymane a nie spauzowane czyli wciśnięty przycisk Stop).
Jeśli wycinaliśmy z obu stron to trzeba zadbać o to, żeby utwór się nie urywał ani nie zaczynał
raptownie. Jeśli nie zaczynaliśmy od początku tylko od innego miejsca np. od 15 s to kilka
pierwszych sekund powinno zaczynać się od zgłaśniania, w tym celu należy wybrać Efekty ->
zgłaśnianie, wtedy utwór zacznie się cicho i przez kilka sekund będzie dążył do właściwego
poziomu. Na końcu utworu stosujemy te samą zasadę tylko w odwrotną strone: Efekty –
wyciszanie. Potem odsłuchujemy czy brzmi dobrze na słuchawkach lub dobrych głośnikach!
Jeśli wszystko jest ok, to eksportujemy do formatu MP3, przy pierwszym użyciu
Audacity mogą być problemy z brakiem pliku Lame, który trzeba ściągnąć (wystarczy
wygooglować Lame Audacity).
3. Stworzenie animacji
Odpalamy edytor, zależnie od wersji może to być dedykowany pod konkretny pokaz i
od razu włączy się okienko edytora lub możemy zobaczyć okienko wyboru miasta lub
rozdzielczości. Wybieramy właściwy pokaz i powinniśmy zobaczyć okienko edytor takie jak
na obrazku poniżej. Zapisujemy animacje (bezpieczniej bez polskich znaków). Następnie
dodajemy muzykę (przycisk Muzyka) i ponownie zapisujemy. W tym momencie mamy
animacje gotową do rysowania.
4. Rysowanie animacji
Rysowanie animacji odbywa się klatka po klatce. Klatki mogą przyjmować długość od
50 ms do 1000 ms (lub więcej zależnie od wersji edytora) ze skokiem 50 ms czyli
50,100,150,200 itd. Raczej nie powinno się stosować klatek dłuższych niż 500 bo zazwyczaj
taka animacja jest mało dynamiczna. Nową klatkę możemy dodać poprzez skopiowanie i
wklejenie poprzedniej klatki bądź przez funkcje edycja -> dodaj (lub dodaj wiele). Lista klatek
znajduje się po lewej stronie. Rysować możemy za pomocą: ołówka, linii, prostokąta i
wypełnionego prostokąta. Kolory wybieramy tak jak w programie paint, osobne dla lewego
przycisku myszy (lpm) i prawego przycisku myszy (ppm), możemy używać 3 ukrytego koloru,
który znajduje się pod przyciskiem rolki na myszce.
5. Narzędzia
Do rysowania mamy dostępnych kilka narzędzi, przy każdym możemy rysować jednym z
trzech wybranych kolorów. Jeden kolor pod prawym przyciskiem myszy, drugi pod lewym, a
trzeci pod scrollem na myszce.
Ołówek - rysuje po jednym pikselu, na którym aktualnie znajduje się kursor (oczywiście z
wciśniętym przyciskiem)
Linia - rysuje linie prostą od punktu A do punktu B (pion, poziom i kąt 45 wychodzi dobrze, a
reszta to sami oceńcie)
Prostokąt - rysuje ramkę prostokąta
Wypełniony prostokąt - rysuje wypełniony prostokąt (ja używam tego najczęściej, bo działa
też jako linia w pionie i poziomie oraz po części jak ołówek)
Pipeta - po wciśnięciu na dany kolor zapamiętuje go (przydatne szczególnie przy
przerabianiu już gotowych animacji)
Zaznacz - możliwość zaznaczenie fragmentu ramki do skopiowania
Wypełnij - rozlewa farbę na polu o jednym kolorze
Zielone trójkąty: w lewo, w prawo, w górę, w dół - przesuwają cały obraz w zadanym
kierunku, a nowa linia, która jest dodawana ma kolor ten, który jest pod PPM.
Odbij w pionie, odbij w poziomie - symetryczne odbicie obrazu poprzez środek w pionie lub
poziomie
Negatyw - zamienia na obrazie kolor z PPM na LPM oraz odwrotnie
Zmiana koloru – zmienia kolor z lpm na ppm
Tekst - tworzy klatki z wpisanym tekstem, kolor PPM to kolor tła, a kolor LPM to kolor tekstu.
do wyboru mamy czas trwania jednej klatki, margines(przesunięcie tekstu w górę i w dół),
czcionkę oraz kierunek tekstu. Warto sprawdzi czy tekst jest czytelne i czy nie przesuwa się
za szybko lub za wolno.
Przejście - tworzy przejście od jednego koloru do drugiego. Do wyboru mamy 2 warianty:
zmieniaj wg. koloru i zmieniaj zawsze te same.
Przejście – zmieniaj wg. koloru - w zaznaczonych klatkach zmienia każdy piksel z kolorem z
lpm na kolor dążycy od lpm do ppm .
Przejście – zmieniaj zawsze te same – w pierwszej klatce mamy piksele koloru z lpm w
dowolnym kształcie, w każdej następnej zaznaczonej klatce po wykonaniu przejścia
dostaniemy ten sam kształt co na pierwszej klatce, a kolory w poszczególnych klatkach będą
dążyć od lpm do ppm
6. Pomysły na animacje
Jeśli robimy animacje do zwykłej piosenki (czyli niewykorzystanej w grze, filmie itd.
oraz bez teledysku) to główną inspiracją jest tekst np. „Szła dzieweczka do laseczka” od razu
nasuwa się narysowanie lasu / drzew oraz postaci która idzie w stronę tego lasu. Jeśli
piosenka posiada teledysk to dochodzi nam możliwość wykorzystania czegoś z teledysku np.
Bon Jovi – Livin’ on a Prayer – fragment, w który wokalista podlatuje do góry. A jeśli piosenka
jest wykorzystana w filmie lub grze to możemy wykorzystać motyw z tej gry lub filmu, np.
piosenka z filmów o Jamesie Bondzie i wykorzystanie motywu z początku filmu czyli strzału z
pistoletu.
Przy robieniu animacji trzeba pamiętać o tym, żeby animacje były w miarę cenzuralne
bo ogląda je spora publika i często w różnym przedziale wiekowym. Ważne rzeczą jest też
akcja w animacji. Zmiana jednego piksela co 500 ms znudzi się po kilku klatkach i lepiej tego
unikać. Kolejnym ważnym aspektem jest kontrast. Jeśli nie jest to NIEZBĘDNE to lepiej unikać
tła. Obrazki na czarnym tle są o wiele lepiej widoczne i rozpoznawalne.
Do dyspozycji mamy kilkanaście milionów kolorów ale wiele z nich będzie wyglądać prawie
tak samo i normalny człowiek ich od siebie nie odróżni. Jeśli w utworze występują solówki i
za bardzo nie mamy pomysłu co tam wstawić można wtedy pobawić się przejściami kolorów
itp. Po skończonej animacji warto odejść od ekranu na jakieś 1.5 – 2 m i obejrzeć z tej
perspektywy animacje. Warto też pokazać innym osobom i zapytać czy rozpoznały co było na
animacji.
6. Importowanie animacji z innego typu (np. piwo6)
Jeśli chcemy wykorzystać animacje sprzed kilku lat będzie ona miała inne rozszerzenie
i nie wczytamy jej operacją Otwórz. Do tego celu została stworzona operacja Importuj, która
wczytuje inne rozszerzenia niż aktualne.
7. Konwertowanie z innych wymiarów
Jeśli chcemy przerobić animacje z innego formatu (np. mamy 10x11 a chcemy 9x12)
musimy uruchomić edytor w takim formacie jaki chcemy uzyskać (w tym przypadku 9x12) a
następnie poprzez funkcje konwertuj wczytać animacje (tę w formacie 10x11). Pokaże nam
się okienko jak poniżej na którym wybieramy, które piksele chcemy uciąć a które dodać.