Polskie Forum Użytkowników GIMP-a

Tutoriale => Wasze poradniki => Wątek zaczęty przez: be@ on 30.07.2011, 15:59:10



Tytuł: Animowany, podskakujący napis na awatarze
Wiadomość wysłana przez: be@ on 30.07.2011, 15:59:10
Animowany, podskakujący napis na awatarze
Tutorial

Opracowanie: beata072
Poziom trudności: łatwy

(http://www.gimpuj.info/gallery/48452_30_07_11_1_50_10.gif) (http://www.gimpuj.info/)



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ć.




[lp] 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
[lp] 2. Wybieramy sobie jakąś czcionkę <tekst> i piszemy dowolny tekst w wybranym miejscu, najlepiej u dołu obrazka

(http://www.gimpuj.info/gallery/48452_30_07_11_1_50_55.png)

[lp] 3. Dopasowujemy wymiary warstwy tekstowej do obrazu (Warstwa -> Dopasuj wymiary warstwy do obrazu) i duplikujemy <duplikowanie-warstwy> ją
[lp] 4. Na oryginalnej (niższej) warstwie tekstowej blokujemy kanał alfa i przy pomocy kubełka <wypelnienie> wypełniamy kontrastowym kolorem (ponieważ mój napis jest czarny, więc dla kontrastu wybrałam kolor żółty)

(http://www.gimpuj.info/gallery/48452_30_07_11_1_55_19.png)

[lp] 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)
[lp] 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)

(http://www.gimpuj.info/gallery/48452_30_07_11_1_55_39.png)

[lp] 7. Łączymy wszystkie warstwy tekstowe tak, aby mieć jeden napis w kontrastowym obramowaniu
[lp] 8. Duplikujemy warstwę z napisem
[lp] 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ą)

(http://www.gimpuj.info/gallery/48452_30_07_11_1_56_14.png)

[lp] 10. Narzędziem przesuwanie <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ą

(http://www.gimpuj.info/gallery/48452_30_07_11_1_56_30.png)

[lp] 11. Kopię warstwy tekstowej (tę nieprzeskalowaną) nazywamy 1 i duplikujemy
[lp] 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)

(http://www.gimpuj.info/gallery/48452_30_07_11_1_56_54.png)

[lp] 13. Warstwę 2 duplikujemy i kopię nazywamy 3 oraz przesuwamy o kolejne 8px

(http://www.gimpuj.info/gallery/48452_30_07_11_1_57_09.png)

[lp] 14. Przechodzimy na warstwę Tło i duplikujemy ją 3 razy, aby mieć tyle warstw z tłem, ile tych z napisem
[lp] 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
[lp] 16. Po kolei łączymy parami warstwy tekstowe i tła (klikając PPM na warstwę z napisem i wybierając: Połącz w dół)

(http://www.gimpuj.info/gallery/48452_30_07_11_1_58_12.png)

[lp] 17. Po połączeniu powinniśmy otrzymać 4 warstwy przedstawiające nasz awatar z napisem
[lp] 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

(http://www.gimpuj.info/gallery/48452_30_07_11_1_58_23.png)

[lp] 19. Duplikujemy warstwę 2, kopię nazywamy 4 i umieszczamy nad warstwą 3
[lp] 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)
[lp] 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)
[lp] 22. Klikamy 2 razy na nazwę warstwy 5 (najwyższej), wpisujemy opóźnienie 1000ms i klikamy enter
[lp] 23. W taki sam sposób jak w poprzednim punkcie edytujemy nazwy pozostałych warstw, ale wpisujemy 10ms

(http://www.gimpuj.info/gallery/48452_30_07_11_1_58_37.png)

[lp] 24. Zapisujemy nasz awatar z rozszerzeniem .gif (Plik -> Zapisz jako) wybierając opcję Zapisz w postaci animacji

Koniec



Miłego gimpowania :)




Tytuł: Odp: Animowany, podskakujący napis na awatarze
Wiadomość wysłana przez: wikisan6 on 13.08.2011, 23:49:36
Super poradnik  8-)
A to moja praca
(http://www.gimpuj.info/gallery/62845_13_08_11_10_59_49.gif)