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) |