Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Zamknięty przez: Htsz
2013-02-08, 23:36
Autor Wiadomość
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 27
Dołączył/a: 21 Lip 2008
Posty: 2220

Wysłany:    [GIMP] Animacja - znikanie i pojawianie się tekstu.

Napiszę tutaj po krótce jak zrobić animację, aby tekst powoli znikał i pojawiał się na avatarze. Wszystko działa w GIMPIE.
1. Tworzysz avatar.
2. Dodajesz nową warstwę.
3. Dodajesz napis i na tą warstwę ustawiasz krycie (ctrl+L) na 10%.
4. Duplikujesz warstwę, lecz krycie ustawiasz na 20%.
5. Duplikujesz warstwę, lecz krycie ustawiasz na 30%.
6. Robisz to samo cały czas, aż krycie będzie 100%.
7. Duplikujesz warstwę i ustawiasz krycie na 90%.
8. Duplikujesz warstwę i ustawiasz krycie na 80%.
9. I tak aż krycie będzie 0%.
10. Zapisujesz to avatar.GIF i zaznaczasz, że to jest animacja.
 
  podziel si� tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Bartek 
WordPress.Klub
Powrotny

Zaproszone osoby: 15
Imię: Bartek
Pomógł: 3 razy
Wiek: 30
Dołączył/a: 18 Mar 2006
Posty: 734
Miasto: Freiburg im Breisgau

Wysłany: 2008-12-08, 22:23   

miglu149 , Jeżeli robisz jakiś poradnik to zawsze ułatwieniem dla użytkowników będą screeny, ew. jakiś filmik :)
______________________________________________________
Wiesnaaa! ... :D
Zarejestruj się na Forum
:hyhy:
 
  podziel si� tym postem na:
melma
[Usunięty]



Wysłany: 2009-05-23, 13:48   

1. Otwieramy obrazek z avatarem.
[img]http://www.iv.pl/images/vs3bbr4m7lw0iu841he.jpg[/img]

2. Tworzymy nową warstwę z tekstem (np. „Znikaaam!”):
[img]http://www.iv.pl/images/6kge4ikj7xnsf3jexsl8.jpg[/img]
Pod tekstem utworzyłem białą otoczkę, aby tekst był lepiej widoczny na avatarze. Teraz spłaszczam warstwę z tekstem z warstwą z otoczką
(menu Warstwa -> Połącz w dół) i otrzymuję 2 warstwy. Jedną z niezmienionym tłem avatara, drugą z tekstem w białej obramówce:
[img]http://www.iv.pl/images/6vbr4zgzrqx48pzbriqn.jpg[/img]

3. Ustawiam krycie warstwy z napisem na 10% i nazywam ją
znikaaam 10:
[img]http://www.iv.pl/images/dagmgxqc5o1rxsfe4bj7.jpg[/img]

4. Następnie warstwę tą duplikuję (Ctrl+Shift+D). Krycie zduplikowanej warstwy ustalam na 20% i nazywam ją znikaaam 20:
[img]http://www.iv.pl/images/lnpswpvok45rzggpiw5n.jpg[/img]

5. Duplikowanie jeszcze 2 razy powtarzam ustalając krycie na 60% i 100% (uwaga: czym więcej utworzymy takich warstw przejściowych, tym nasza animacja będzie płynniejsza. Tutaj na potrzeby tutoriala dałem tylko kilka klatek):
[img]http://www.iv.pl/images/i5tc4y3gpk2go6c5nxw1.jpg[/img]

6. Duplikuję warstwę z tłem i złączam ją z warstwą z tekstem z ustawionym kryciem 10%:
[img]http://www.iv.pl/images/ko8ms2dmnolq5g41dgcx.jpg[/img]

7. Dla ułatwienia złączoną warstwę nazywam tlo 10 (analogicznie jak podczas duplikowania warstw z tekstem o różnym kryciu). Tworzę kolejne duplikaty warstwy z tłem i złączam je z kolejnymi warstwami z tekstem. Otrzymuję w ten sposób warstwy:
[img]http://www.iv.pl/images/ht1ebdnq7vdrwds34z7r.jpg[/img]

8. Następnie powielam warstwy z tłem i ustawiam według następującej kolejności:
[img]http://www.iv.pl/images/lbjik5hmq8fxbvrtqsez.jpg[/img]

9. Teraz należy zoptymalizować grafikę na potrzeby animowanego GIF'a. W tym celu wybieram w menu Filtry -> Animacja -> Optymalizuj (dla formatu GIF). Zoptymalizowany obrazek otworzy się w nowym oknie. Tu kilka słów wyjaśnienia. Jak widać Gimp utworzył zoptymalizowane warstwy stosując specyficzne nazewnictwo: „nazwa_warstwy (czas_wyświetlania)(rodzaj_Przejścia_między_klatkami)”. Zmieniając te parametry w nazwie mamy wpływ na sposób wyświetlania animacji. Np. możemy wydłużyć czas wyświetlania danej klatki podając w nazwie jej czas w milisekundach (tutaj 100ms), typ przejścia może być jako combine lub replace. Combine powoduje nakładanie warstwy (klatki animacji) na poprzednią, natomiast replace zastępuje klatkę (ukrywa poprzednią i wyświetla bieżącą).
[img]http://www.iv.pl/images/2gzx90rda4axgikfzrxh.jpg[/img]

10. Przykładowo ustawiłem czas 1sekundy wyświetlania klatki z widocznym napisem z ustawionym kryciem na 100%.
[img]http://www.iv.pl/images/y41mij1ivmzducyanyty.jpg[/img]

11. W każdej chwili można podejrzeć animację. W tym celu wybieramy z menu Filtry -> Animacja -> Odtwórz. Ukaże się okno z podglądem animacji.
[img]http://www.iv.pl/images/g6jcw40khvtzpnqfi3o1.jpg[/img]

12. Jak już będziemy zadowoleni z efektów naszej animacji, możemy ją zapisać jako plik GIF. Obrazek zostanie wyeksportowany do formatu GIF. W opcjach eksportu ustawiamy opcję „Zapisz w postaci animacji”. W następnym oknie można ustalić czy animacja ma być zapętlona, czy wykonana tylko raz.
[img]http://www.iv.pl/images/ziio7s0r2y1t482i06.jpg[/img]

13. Efekt końcowy:
[img]http://www.iv.pl/images/124rfr3masbdk6zsd8qz.gif[/img]
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 27
Dołączył/a: 21 Lip 2008
Posty: 2220

Wysłany: 2010-01-05, 15:23   

melma, dziękuję za uzupełnienie, a właściwie dodanie swojego tutoriala :P .

EDIT:
Może to trochę głupio zabrzmieć, ale mam problem z tym tutorialem, który sam zrobiłem. Być może po ponownym zainstalowaniu GIMPa mam inne ustawienia, ale nie mogę zrobić pojawiającego się obrazka na czarnym tle. Na początku tworzę obraz o czarnym tle. Dodaję nową warstwę i wklejam obrazek. Potem krycie obrazka ustawiam na 0% i kopiuję warstwę, której krycie ustawiam na 10%. Teraz warstwa, która teoretycznie 0% wygląda tak samo, jak ta, która ma 10% (dwie identyczne warstwy, a krycie różne). Wiecie może dlaczego tak się dzieje? :(
Jeśli czegoś nie rozumiecie to napiszcie, bo być może opisałem to niezrozumiale.
 
  podziel si� tym postem na:
Krzysiek 
WordPress.Klub
Pan Cosiek


Zaproszone osoby: 4
Imię: Krzysztof
Pomógł: 17 razy
Wiek: 31
Dołączył/a: 18 Maj 2008
Posty: 3466
Miasto: R-ków.

Wysłany: 2010-01-05, 15:37   

miglu149 napisał/a:

Teraz warstwa, która teoretycznie 0% wygląda tak samo, jak ta, która ma 10% (dwie identyczne warstwy, a krycie różne). Wiecie może dlaczego tak się dzieje? :(
Dziwne, mi się jeszcze tak nigdy nie zrobiło O.o

[ Dodano: 05-01-2010, 15:37 ]
Melma, twoje obrazy się nie wyświetlają.
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
::
Ten temat jest zablokowany bez możliwości zmiany postów lub pisania odpowiedzi
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Możesz ściągać załączniki na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2022 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz