Animowany, podskakujący napis na awatarze
Tutorial
Opracowanie: beata072
Poziom trudności: łatwy
Tutorial na prośbę użytkownika Pory.
Tutorial napisany w wersji GIMP 2.6.11. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.
1. Otwieramy nasz awatar. U mnie jest to obrazek o wymiarach nieco większych (250x250px) niż typowy awatar, aby wszystko było wyraźnie widać na screenach
2. Wybieramy sobie jakąś czcionkę
i piszemy dowolny tekst w wybranym miejscu, najlepiej u dołu obrazka
3. Dopasowujemy wymiary warstwy tekstowej do obrazu (
Warstwa -> Dopasuj wymiary warstwy do obrazu) i duplikujemy
ją
4. Na oryginalnej (niższej) warstwie tekstowej
blokujemy kanał alfa i przy pomocy
kubełka wypełniamy kontrastowym kolorem (ponieważ mój napis jest
czarny, więc dla kontrastu wybrałam kolor
żółty)
5. Teraz trzeba
odblokować kanał alfa i zastosować
rozmycie Gaussa o promieniu
2px (na mniejszym obrazku może wystarczyć 1px) pionowo i poziomo (
Filtry -> Rozmycie -> Rozmycie Gaussa)
6. Rozmytą warstwę duplikujemy
4 razy, tak aby w sumie było
5 warstw z rozmyciem (wszystkie muszą znajdować się poniżej warstwy bez rozmycia)
7. Łączymy wszystkie warstwy tekstowe tak, aby mieć jeden napis w kontrastowym obramowaniu
8. Duplikujemy warstwę z napisem
9. Oryginał (ten poniżej) skalujemy (
Warstwa → Skaluj warstwę) zmniejszając tylko
wysokość dokładnie o połowę (klikamy w
ikonę łańcucha aby usunąć powiązanie szerokości z wysokością)
10. Narzędziem przesuwanie
przesuwamy zeskalowaną warstwę tak, aby dolna krawędź napisu idealnie pokrywała się z dolną krawędzią napisu na kopii, najlepiej pomóc sobie
prowadnicą 11. Kopię warstwy tekstowej (tę nieprzeskalowaną) nazywamy
1 i
duplikujemy 12. Duplikat nazywamy
2 i przesuwamy w górę o
8px klikając
8 x w strzałkę na klawiaturze (dla mniejszego obrazka będzie to odpowiednio mniej, np. dla obrazka
100x100px wystarczy
3px)
13. Warstwę
2 duplikujemy i kopię nazywamy
3 oraz przesuwamy o kolejne 8px
14. Przechodzimy na warstwę
Tło i duplikujemy ją
3 razy, aby mieć tyle warstw z tłem, ile tych z napisem
15. Warstwy z tłem przemieszczamy w stosie warstw tak, aby w oknie warstw, pod każdą warstwą tekstową znalazła się jedna warstwa z tłem
16. Po kolei łączymy parami warstwy tekstowe i tła (klikając PPM na warstwę z napisem i wybierając:
Połącz w dół)
17. Po połączeniu powinniśmy otrzymać 4 warstwy przedstawiające nasz awatar z napisem
18. Dopasowujemy wymiary wszystkich warstw do obrazu (klikając na każdej i wybierając z menu:
Warstwa → Dopasuj wymiary warstwy do obrazu) i nazywamy je kolejnymi numerami zaczynając od warstwy znajdującej się bezpośrednio nad
Tłem. Licząc od dołu, w oknie warstw powinno być:
Tło,
1,
2, i
3 19. Duplikujemy warstwę
2, kopię nazywamy
4 i umieszczamy nad warstwą
3 20. Duplikujemy warstwę
1, kopię nazywamy
5 i umieszczamy nad warstwą
4. Teraz licząc od dołu, w oknie warstw powinno być:
Tło (z przeskalowanym napisem),
1,
2 (z napisem przesuniętym o 8px w górę),
3 (z napisem przesuniętym o kolejne 8px),
4 (kopia warstwy
2) i
5 (kopia warstwy
1)
21. Teraz wybieramy z menu:
Filtry -> Animacja -> Optymalizuj (dla formatu GIF) i otrzymujemy nowy, zoptymalizowany obraz z klatkami animacji (stary można zamknąć, ew. na wszelki wypadek zapisując go najpierw jako xcf)
22. Klikamy
2 razy na nazwę warstwy
5 (najwyższej), wpisujemy opóźnienie
1000ms i klikamy enter
23. W taki sam sposób jak w poprzednim punkcie edytujemy nazwy pozostałych warstw, ale wpisujemy
10ms 24. Zapisujemy nasz awatar z rozszerzeniem .gif (
Plik -> Zapisz jako) wybierając opcję
Zapisz w postaci animacjiKoniec
Miłego gimpowania