Proste animacje

W celu ożywienia statycznej fotografii nie są potrzebne profesjonalne i drogie narzędzia do obróbki wideo. Nie musisz się też znać na programowaniu ani spędzać wielu godzin przed komputerem. Wystarczające możliwości oferuje darmowy GIMP, za którego pomocą przygotujesz proste animacje w kilkadziesiąt minut. Z tego odcinka kursu dowiesz się, jak do zdjęcia dodać realistyczny efekt padającego deszczu. Dzięki zdobytym w poprzednich częściach kursu umiejętnościom łączenia wielu fotografii poradzisz sobie też bez problemu z przygotowaniem animowanego fotomontażu. W warsztatach opisujemy również proces tworzenia prostej reklamy na potrzeby serwisów internetowych, która składać się będzie z kilku slajdów z hasłami reklamowymi wzbogaconymi o elementy graficzne.

Do tworzenia zaawansowanych animacji warto wykorzystać dodatkową wtyczkę o nazwie GAP (GIMP Animation Package). Po zastosowaniu tego dodatku można zapisywać projekty nie tylko w formacie GIF, ale również w formacie wideo, np. AVI. Do najważniejszych funkcji wtyczki należą m.in.: programowanie przejścia warstw oraz zarządzanie ruchem, czasem i ścieżkami. Wtyczkę można pobrać spod adresu http://registry.gimp.org

W warsztacie pokazujemy, jak utworzyć realistyczny efekt deszczu, który sprawi, że zwykłe zdjęcie będzie wyglądało jak żywy obraz. W naszym przykładzie wybraliśmy fotografię przedstawiającą tajemniczy i mroczny las.

Z menu Plik wybierz opcję Otwórz i w oknie Otwarcie obrazu wskaż na dysku plik ze zdjęciem lub obrazem. Kliknij Otwórz.

W okienku warstw dwukrotnie powiel (zrób dwie kopie) warstwę tła, posługując się kombinacją klawiszy [Shift]+[Ctrl]+[D] lub klikając prawym przyciskiem myszy na głównej warstwie (w naszym przykładzie las.jpg) i wybierając z me nu kontekstowego opcję Duplikuj warstwę. Okno warstw po utworzeniu duplikatów powinno wyglądać tak jak na poniższym obrazku.

Teraz utwórz nową warstwę, posługując się skrótem klawiszowym [Shift]+[Ctrl]+[N] i w okienku Nowa warstwa w pole Nazwa warstwy wpisz deszcz. Pola Szerokość i Wysokość pozostaw niezmienione (pełna szerokość obrazu), a w sekcji Typ wypełnienia warstwy wybierz opcję Białe i kliknij OK. Utworzona warstwa deszcz powinna się znaleźć nad trzema warstwami tła.

Z menu Filtry wybierz kolejno Szum i Szum RGB. Następnie upewnij się, że w oknie Szum RGB pola Skorelowany szum i Niezależny RGB nie są zaznaczone, i ustaw suwaki czerwony, zielony, niebieski tak, aby w okienku podglądu był wyraźny szum (w naszym przykładzie wartości dla trzech kolorów to 0,75). Kliknij przycisk OK.

Rozwiń menu Filtry i wybierz z niego kolejno Rozmycie i Rozmycie ruchu. W okienku Rozmycie ruchu, w sekcji Typ rozmycia ustaw Liniowy, a w sekcji Parametry rozmycia suwakowi Długość nadaj wartość np. 20, a suwak Kąt ustaw na pozycję 125. Parametry te możesz zmienić według uznania. Zmiany sprawdzaj w okienku podglądu i staraj się dobrać parametry tak, by przypominały strugi deszczu.

Mając zaznaczoną warstwę deszcz, rozwiń listę Tryb i zmień tryb krycia na Mnożenie.

Teraz utwórz jeszcze dwie warstwy z deszczem, powtarzając czynności z kroków 3–6, i poprzesuwaj warstwy w taki sposób, aby nad każdą warstwą z lasem była warstwa z deszczem. Okno warstw powinno wyglądać tak jak na poniższym obrazku.

Kliknij prawym przyciskiem myszy na górnej warstwie z deszczem i z menu kontekstowego wybierz opcję Połącz w dół. Czynność tę powtórz dla każdej warstwy z deszczem.

\

Możesz sprawdzić, jak wygląda twoja animacja. W tym celu z menu Filtry wybierz kolejno opcje Animacja i Odtwarzanie. Następnie w okienku Odtwarzanie animacji kliknij przycisk Odtwarzaj i zobacz efekt.

Na koniec wyeksportuj animację w formacie GIF. W tym celu z menu Plik wybierz Wyeksportuj do i w oknie Eksport obrazu, w polu Nazwa nadaj nazwę plikowi, w naszym przykładzie deszczowy-las.gif. Następnie wskaż lokalizację na dysku i kliknij Wyeksportuj. Otworzy się jeszcze dodatkowe okno Eksport obrazu jako GIF. Zaznacz w tym oknie opcję Jako animacja, a w sekcji Opcje animacji GIF pozostaw zaznaczone pole Powtarzanie w nieskończoność i kliknij Wyeksportuj. Nie zapomnij też zapisać swojego projektu w formacie XCF, który pozwoli powrócić do jego edycji.

Projekt z animacją możesz wzbogacić o dodatkowe elementy, na przykład wkleić postać. Jeżeli umieścisz ją nad warstwami z tłem, a następnie połączysz warstwę z postacią i tłem, uzyskasz dodatkowy efekt głębi, ponieważ animowany deszcz będzie padał tylko w tle, a na postać znajdującą się na pierwszym planie nie będzie padał.

Reklama jest dźwignią handlu, również w internecie. Dlatego podpowiadamy, jak stworzyć prosty baner z hasłami reklamowymi, którymi przyciągniesz potencjalnych odbiorców. W naszym przykładzie robimy reklamę naszego magazynu.

Z menu Plik wybierz Nowy. Następnie w okienku Utworzenie nowego obrazu, w polach Szerokość oraz Wysokość wpisz odpowiednio 750 i 100 pikseli (to jeden z najpopularniejszych formatów reklamowych w internecie). Rozwiń teraz Zaawansowane opcje i z listy Wypełnienie wybierz Białe. Kliknij OK.

Posługując się narzędziem Wypełnienie kubełkiem (skrót klawiszowy [Shift]+[B]), wypełniamy tło kolorem czerwonym. Na tym etapie możesz dołożyć jakiś element graficzny, w naszym przykładzie logo magazynu. Pamiętaj, aby po odpowiednim ustawieniu pliku z obrazem połączyć dotychczasowe warstwy. W tym celu kliknij prawym przyciskiem myszy na warstwie z obrazkiem i wybierz Połącz w dół. Jedna warstwa zniknie.

Z przybornika wybierz narzędzie Tekst [T] i wpisz dowolne hasło reklamowe. Skorzystaj z formatowania tekstu, aby zmienić krój czcionki, rozmiar i kolor. Następnie, posługując się narzędziem Przesunięcie [M], ustaw pozycję tekstu na banerze. Pamiętaj, aby tekst był w jednej linii.

Teraz powiel warstwę z tłem oraz warstwę tekstową, zaznaczając je kolejno w okienku warstw i posługując się skrótem klawiszowym [Shift]+[Ctrl]+[D]. Następnie poprzesuwaj warstwy w taki sposób, aby kolejność była analogiczna do naszego przykładu. Edytuj warstwę tekstową, zmień tekst i wpisz kolejne hasło reklamowe, w naszym przykładzie to testy, poradniki krok po kroku.

Powyższy krok powtórz tyle razy, ile chcesz mieć haseł reklamowych na banerze. W naszym przykładzie przygotujemy cztery slajdy. Trzy pierwsze będą samymi hasłami reklamowymi, a na ostatnim dołożymy dodatkowy element graficzny w formie metki z ceną. Zasada dodawania elementu graficznego jest podobna jak przy warstwie tekstowej. Okno warstw w naszym przykładzie wygląda tak:

Kliknij prawym przyciskiem myszy na najwyższej warstwie i z menu kontekstowego wybierz Połącz w dół. W ten sposób musisz połączyć warstwy tekstowe z warstwami tła (jeżeli na slajdzie masz dodatkowo element graficzny, najpierw połącz go z warstwą tekstową, a następnie tak połączoną warstwę złącz jeszcze z tłem). Końcowy efekt łączenia powinien zawierać docelową liczbę slajdów, w naszym przykładzie:

Z menu Filtry wybierz kolejno Animacja i Optymalizuj. W nowej zakładce zostanie utworzony zoptymalizowany baner.

Kliknij prawym przyciskiem myszy na najwyższej warstwie i z menu kontekstowego wybierz Modyfikuj atrybuty warstwy. W okienku Atrybuty warstwy w polu Nazwa warstwy zobaczysz fragment Tło(100ms). Zmodyfikuj to pole, wpisując zamiast 100 ms, np. 900 ms. Powtórz cały krok dla pozostałych warstw i zmień im długość wyświetlania.

Możesz już sprawdzić, jak wygląda animacja. W tym celu z menu Filtry wybierz kolejno opcje Animacja i Odtwarzanie, a w oknie Odtwarzanie animacji kliknij przycisk Odtwarzaj. Jeżeli uważasz, że tempo wyświetlania slajdów jest poprawne, zapisz swój projekt na dysku.

Aby wyeksportować animację do formatu GIF, z menu Plik wybierz Wyeksportuj. W okienku Eksport obrazu wpisz nazwę dla pliku w polu Nazwa, np. banner-pcformat.gif, z rozwijanej listy wybierz Obraz GIF i kliknij przycisk Wyeksportuj.

W dodatkowym oknie Eksport obrazu jako GIF zaznacz opcję Jako animacja i kliknij Wyeksportuj.