Tytuł: Prosty avatar w GIMP z użyciem GAP Wiadomość wysłana przez: browar231 on 20.01.2011, 20:46:53 Prosty avatar w GIMP z użyciem GAP Tutorial Opracowanie: browar231 Poziom trudności: średni (http://www.ls2009.net/zalacznik/kwsk_675.gif) (http://www.ls2009.net/zalacznik/dam_112.gif) (http://www.ls2009.net/zalacznik/ursus_192.gif) Napisałem ten tutorial, bo na pewnym forum robię avatary na zamówienie i ostatnio zacząłem je robić tym sposobem. Myślę że nie jest najgorszy, a jego wykonanie nie jest trudne, więc zrobiłem to co zrobiłem :). Nie zamierzam rozkazywać wam jakich kolorów macie użyć itp, więc nie piszę "wybieramy ten kolor, tę wielkość czcionki", wy macie wzorować się na nim. Tutorial napisany w wersji GIMP 2.6.7 W innych wersjach nazwy narzędzi i pojęć mogą się różnić. [lp] Zaczynamy [lp] 1. Stworzenie obrazu :). Tworzymy obraz o pożądanych wymiarach(ja użyłem 120 x 120). Kolor nie ma znaczenia, bo tu tworzymy jedynie obiekty, które użyjemy w GAP'ie. (http://www.gimpuj.info/gallery/42415_20_01_11_6_04_07.png) [lp] 2. Przygotowanie napisów. [op] 2a. Napis na górze. Tworzymy jakiś napis lub przygotowujemy logo, które ma "wędrować" na górze avatara. Może to być nazwa marki lub coś innego. Ja użyję czcionki Sony Sketch EF o wielkości 20. Używając narzędzia Tekst <tekst> [T] zaznaczamy cały obrazek i piszemy dowolną czcionką napis, który chcemy, aby tam widniał. Ja napiszę "NEW HOLLAND" kolorem #0000FF. Narzędzie ustawiamy tak: (http://www.gimpuj.info/gallery/42415_20_01_11_6_17_33.png) Teraz dodajemy obramowanie. PPM na warstwę NEW HOLLAND * -> Tekst na zaznaczenie, Zaznaczenie -> Powiększ Tutaj ustawiłem 4 px, ale jeśli macie mniejszy/większy napis, to może to wyglądać nieco bez sensu, więc ustawcie coś w przedziale 1 do 5px. Zaznaczenie -> Zmiękcz... z ustawieniami domyślnymi. Teraz tworzymy nową, przezroczystą warstwę(tutaj jeszcze nie usuwamy zaznaczenia) o nazwie Obramowanie, ustawiamy ją pod warstwą NEW HOLLAND * i wypełniamy takim kolorem jaką chcemy mieć ramkę, w moim przypadku jest to kolor #ffd800. Łączymy warstwę tekstową z warstwą Obramowanie i usuwamy zaznaczenie Ctrl + Shift + A U mnie całość na razie wygląda tak: (http://www.gimpuj.info/gallery/42415_20_01_11_6_33_10.png) Nazwę warstwy zmieniamy na Tekst główny. I dopasowujemy wymiary warstwy do obrazu. [op] 2b. Dolny napis Tutaj piszemy swój nick. Ładnie wygląda, gdy ten napis jest wykonany mniejszą lub całkiem inną czcionką - ja użyję czcionki TechnicznaPomoc o wielkości 13, tym samym kolorze i ustawieniach co poprzednio. Używając narzędzia Tekst <tekst> [T] zaznaczamy cały obrazek i piszemy dowolną czcionką napis, który chcemy, aby tam widniał. Ja napiszę "browar231" kolorem #0000FF. Narzędzie ustawiamy tak: (http://www.gimpuj.info/gallery/42415_20_01_11_6_17_33.png) Tym razem tekst ustawiamy na dole. Nazwę warstwy zmieniamy na Tekst dół. I dopasowujemy wymiary warstwy do obrazu.U mnie wygląda to tak: (http://www.gimpuj.info/gallery/42415_20_01_11_6_55_02.png) [op] 2c. Podzielenie dolnego napisu. Jeśli na niej nie jesteśmy, przechodzimy na warstwę Tekst dół. Ponieważ, jak zauważyliście, jedna część tekstu będzie wjeżdżać z jednej strony, a druga z drugiej, to musimy je podzielić. To w jaki sposób to zrobimy zależy od naszej wyobraźni. Jako pierwszą część możemy(jeśli w nick'u mamy najpierw litery, a potem cyfry) podać litery lub po prostu podzielić swój nick na pół. Wybieramy narzędzie Zaznaczenie prostokątne <zaznaczenie-prostokatne> [R] i zaznaczamy pierwszą część(tę, która ma wjeżdżać od prawej). Teraz dodajemy do dwóch części obramowanie. Robimy to w ten sam sposób co w pkt. 2a. Nazwę tekstu, który ma wjeżdżać z lewej strony zmieniamy na Lewo, a z prawej na Prawo. [lp] 3. Przygotowanie tła. [op] 3a. Selekcja. Najpierw wybieramy obrazek, który ma widnieć pod napisami. Ja wybrałem pewien traktor marki New Holland. Obrazki można znaleźć na Obrazach Google lub w miarę własnych sił wykonać samemu. [op] 3b. Obróbka. Tworzymy nowy obraz o wymiarach avatara, najlepiej, aby był on wspólny z rozmiarem tekstu. Nie chcemy chyba mieć tyko fragmentu obrazka, więc(jeśli trzeba) skalujemy go, kadrujemy itp. U mnie wygląda to tak: (http://www.gimpuj.info/gallery/42415_20_01_11_7_09_41.png) Tę warstwę zapisujemy jako wybrananazwa_00001.xcf najlepiej w nowym folderze. [lp] 4. Animacja. Przyszedł czas na chyba najtrudniejszą część tworzenia. [op] 4a. Duplikowanie ramek. Video -> Duplicate frames... W polu "N times" wpisujemy 34(co da nam 35 ramek, 1 + 34 = 35). [op] 4b. Move path. No i przyszedł czas na animację. Zacznijmy od tego napisu na górze. 1. W polu Source image/layer wybieramy opcję w której widnieje nazwa Tekst główny(na początku i na końcu będzie jeszcze jakiś tekst). W polu Stepmode wybieramy none. Zaznaczamy także opcję Instant Apply Teraz nie wiem jak to wytłumaczyć, ale spróbuję, jak coś to piszcie na PW, albo w odpowiedziach. W pierwszym punkcie ustawiamy tekst tak, aby minimalnie wyjeżdżał za lewą granicę. Klikamy Add pointi teraz ustawiamy, aby minimalnie wyjeżdżał za prawą granicę i znowu Add point, a teraz ustawiamy na środku. Wyśrodkowany obrazek z efektem końcowym [lp] Koniec *- chodzi o warstwę z tekstem. Jej nazwa może różnić się w zależności od tego, jaki tekst wpisaliśmy wcześniej. Nie mam nic do dodania. Tutorial jest (mam nadzieję) dość prosty i zrozumiały, a przynajmniej chciałem, aby taki był. Miłego GIMPowania. Tutka dokończę jak bd miał czas. Tym razem piszcie czy się podoba. PS. Wiem że grafiki z efektu końcowego są z innej strony, ale mam do niej zaufanie, tzn wiem, że nie zostaną usunięte. Tytuł: Odp: Prosty avatar w GIMP z użyciem GAP Wiadomość wysłana przez: Typhon on 20.01.2011, 20:50:12 REGULAMIN, najpierw propozycja, później pisanie. Kosza nie będzie i zrobię wyjątek, bo dużo osób pewnie z tego skorzysta.
Insekt, nie wywalaj, niech tu napiszą, co o tym sądzą. Tytuł: Odp: Prosty avatar w GIMP z użyciem GAP Wiadomość wysłana przez: browar231 on 20.01.2011, 22:41:51 Sorki, wiem, że nieznajomość regulaminu nie zwalnia z przestrzegania go. I dzięki że kosza nie ma.
Tytuł: Odp: Prosty avatar w GIMP z użyciem GAP Wiadomość wysłana przez: INSEKT on 23.01.2011, 10:59:36 Pan ze wsi najpierw przejrzy nasze tutoriale, zanim kolejny raz zmarnuje sporo czasu na coś, co już w swoich zasobach posiadamy.
Tytuł: Odp: Prosty avatar w GIMP z użyciem GAP Wiadomość wysłana przez: browar231 on 23.01.2011, 11:28:15 Cytuj Pan ze wsi Jak mam to traktować??Pomysł na ten avatar podsunął mi kolega i raczej nie dodał go przede mną. Tytuł: Odp: Prosty avatar w GIMP z użyciem GAP Wiadomość wysłana przez: INSEKT on 27.01.2011, 12:32:46 Pomysł na ten avatar podsunął mi kolega Pewnie podczas jeżdżenia traktorem. Niestety, Twojego kolegę wyprzedził Ziomoslaw jakieś kilka lat temu. |