Witamy na pierwszym polskim blogu o Howrse w zupełnie nowym wydaniu! Zapraszamy na naszą grupę ogłoszeniową na Facebooku - banner z odnośnikiem na bocznej kolumnie.

poniedziałek, sierpnia 12

Poradnik: Jak wykonac okrągły avatar?

Wiele graczy ma na swoim profilu avatar nie kwadratowy lecz... okrągły. Dziś postaram się przedstawić Wam metodę robienia avków kółkowych w krótkim tutorialu mojego autorstwa.

Ps. to mój pierwszy w życiu tutorial, więc proszę o ocenianie, komentowanie i wyrozumiałość :)

 Program, w którym ja zazwyczaj wykonuję takie avatary to Gimp 2.6 Bezpłatnie dobrą wersję można pobrać tutaj.

Krok 1 - Obrazek z którego zrobimy nasz avatar

Zapisujemy na komputerze dowolny obrazek w formacie najlepiej png., a w ostateczności jpg. lub gif.
i otwieramy w Gimpie. W tym celu uruchamiamy Gimpa i klikamy w Plik -> Otwórz lub naciskamy na klawiaturze Ctrl + O

Oto obrazek, który ja wybrałam i nad którym będę dalej pracować:

  Kliknij na miniaturę, aby powiększyć


Krok 2 - wycięcie kółka, czyli obszaru który ma przestawiać nasz avatar

Wybieramy narzędzie "Zaznaczenie eliptyczne". Poniżej wyświetlają nam się opcję zaznaczenia. Zwróćmy uwagę na ramkę "Rozmiar" gdzie są wpisane wartości 0 i 0 pikseli. 

  Kliknij na miniaturę, aby powiększyć 

Teraz zaznaczamy na obrazku obszar, który chcemy, aby był na naszym avatarze. Ważne jest to, aby liczby w obu okienkach znajdujących się pod słowem "Rozmiar" były takie same, np. 200 i 200. Jeśli tak nie jest, możemy to zmienić klikając na okienko i zmniejszyć lub zwiększyć jedną z liczb tak, żeby były równe, a nasz avatar nadal ujmował ładnie obiekt, który ma być na nim przedstawiony. 

   Kliknij na miniaturę, aby powiększyć 

Krok 3 - ujednolicenie tła aby prościej było je usunąć :) 

Tak więc jak widać na razie mój obrazek nie ma jednolitego tła a jest na nim masa różnych kolorów. Aby ułatwić sobie zadanie jego usunięcia i dodania przezroczystości najpierw zmienię tło na jednolite białe. Aby to zrobić klikam prawym przyciskiem myszy na mój avatar kołowy i wybieram Zaznaczenie - Odwróć lub po prostu klikam na klawiaturze równocześnie Ctrl + I.. Teraz klikam obojętnie gdzie na obrazku i wybieram Edycja - Wytnij I tak o to otrzymujemy białe tło :)


kliknij na miniaturę, aby powiększyć



Krok 4 - zmienienie tła z białego na przezroczyste

Wyjaśnienie: Załączam tu krótką instrukcję jak zrobić przezroczyste tło w Gimpie na obrazku o tle jednolitym (takim na którym jest wykorzystany tylko jeden kolor). Instrukcję usuwania tła na przezroczyste w przypadku tła różnokolorowego dodam w przyszłości.


Wybieramy narzędzie "Zaznaczenie rozmyte" potocznie zwane narzędziem Różdżki. Klikamy na brzeg naszego avatara kółkowego (tylko jeśli klikniemy na brzeg zaznaczy nam się całe koło a nie plama jakiegoś koloru będącego wewnątrz niego)
Możemy już definitywnie pozbyć się tła wybierając u góry Kolory - Zmień kolor na alfę (na samym dole) i w pojawiającym się okienku klikamy opcję Zmień lub wchodząc w Warstwa -> Przezroczystość -> Zmień kolor w alfę (to to samo). Możliwe też że za pierwszym razem tło nie zmieni się i będziemy musieli wybrać biały kolor z palety kolorów. 
 Kliknij na miniaturę, aby powiększyć 


Krok 5 - zmiana rozmiaru pola w Gimpie aby później łatwiej było przeskalować avatar

Mamy teraz nasz avatar otoczony szachownicą ciemno- i jasnoszarych pól. Jest to inaczej przezroczyste tło, co oznacza, że po dodaniu avka na Howrse będzie on dopasowywał się tłem do domyślnego tła Howrse (jeśli napiszesz coś na forum, Twój avek będzie kółkiem otoczonym ciemnozłotym kolorem howrsowskiego tła). Teraz ważna rzecz: klikamy na nasz kółkowy avek i przeciągamy go w lewy górny róg naszej szachownicy (jeśli się nie da, używamy narzędzia: Przesunięcie).

 Kliknij na miniaturę, aby powiększyć 

Nadal obrazek jest otoczony prostokątem zbyt dużym, aby dodać go jako avatar, dlatego klikamy Obraz ->Przytnij obraz. 

 Kliknij na miniaturę, aby powiększyć 


Krok 6 - dodanie ostatnich dodatków do naszego avatara 
 
Teraz, gdy nasz avatar jest średniej wielkości doszlifowujemy go tzn. ozdabiamy wedle naszych upodobań np. tekstem. 

Możemy np. obrysować kółko wykonując zaznaczenie eliptyczne tak aby jego kontury stykały się z konturami naszego avka i po kliknięciu prawym przyciskiem myszy wewnątrz zaznaczenia wybrać opcję "Edycja" a następnie np.:

- wybrać  "Rysuj wzdłuż zaznaczenia" i np. wybrać linię lub rysować wybranym wcześniej pędzlem, 
- (tak jak ja) dodać do avatara cień poprzez wejście w Filtry -> Światło i cień -> Rzucanie cienia. 

Krok 7 i ostatni - zmiana rozmiarów avatara do tych maksymalnych na Howrse  

Teraz klikamy w Obraz -> Skaluj  obraz. Wpisujemy w okienko "Wysokość" liczbę 120 a gdy klikniemy na okienko "Szerokość" samoistnie liczba nam się zmieni na tyle samo dzięki proporcjom.  Klikamy na "Przeskaluj".

Klikamy na Plik -> Zapisz i zapisujemy gotową pracę. 
Uwaga: Jeśli nasz obrazek był wcześniej w innym formacie niż jpg. to najlepiej wybrać zamiast "Zapisz" funkcję "Zapisz jako" i wpisać nazwa.png w polu w którym wpisujemy nazwę ;)

Ważne:  
Po zakończeniu pracy w Gimpie lepiej nie przerabiać avatara na różnych stronkach (np. glitery) czy też w programach (np. PhotoScape) do przerabiania grafiki i zdjęć, gdyż nie obsługują one przezroczystości i cała nasza praca z "uprzezroczyśnianiem" tła idzie na marne. Jeśli avatar będzie w rozmiarze mniejszym lub większym niż 120 x 120 tak jak w moim przypadku to Howrse automatycznie zmienia tło z przezroczystego na białe.

Efekt końcowy mojej pracy po dodaniu na Howrse możemy zobaczyć TUTAJ.

Mam nadzieję że poradnik okaże się zrozumiały, nieskomplikowany, a przede wszystkim przydatny
Starałam się wszystko dokładnie opisać i poprzeć screenami.
Invisible.♥

41 komentarzy:

  1. Efekt jest, ale to samo można uzyskać dużo łatwiej. Przynajmniej dla mnie.
    1. Tworzysz obraz 120x120 z przeźroczystym tłem, a następnie tworzysz nową warstwę .
    2. Przechodzisz na warstwę tło i tam wklejasz zdj .
    3. Robisz zaznaczenie eliptyczne , klikasz Ctrl + C. Odklikujesz takie oczko po lewej stronie okna z warstwami i przechodzisz na nową warstwę, tam klikasz Ctrl + V i zakotwiczasz warstwę.

    I w zasadzie to wszystko, w punkcie czwartym opisywałabym dodawanie loginu, cienia i takie tam. Ważne, żeby obraz zapisać w formacie png. To wszystko xd Wybacz, ale Twoja instrukcja wydała mi się trochę zawiła ;)

    OdpowiedzUsuń
    Odpowiedzi
    1. Britney, robię tak samo jak Ty c;
      Niewtajemniczonym w grafikę na poradnik pewno się przyda - bardzo dokładnie wszystko wytłumaczyłaś. Co prawda jednak mi wydał się trochę rozwlekły, no ale ja tam to wszystko wiem, więc pewnie dlatego. Czepiam się. ;3

      Usuń
    2. W sumie to chciałabym umiec to opisac tak krótko i zrozumiale, ale lepiej też dla początkujących że jest tak dokładnie opisane. W sumie to sama parę dni się głowiłam nad tym jak to najdokładniej opisac c:

      Usuń
    3. Nadużywam słowa "w sumie" :/ xD

      Usuń
  2. Ja mam inną metodę:
    1. Otwieram zdjęcie
    2. Zaznaczam miejsce, które ma być na avatarze
    3. Odwracam zaznaczenie
    4. Dodaję kanał alfa
    5. Gumuję
    (6.)Znów odwracam zaznaczenie dodaję cień, rysuję wzdłuż zaznaczenia, piszę tekst, itp.

    OdpowiedzUsuń
    Odpowiedzi
    1. W sumie to podobnie do mojego tylko że prościej opisane :)

      Usuń
    2. W sumie :)

      Usuń
  3. Nie wiedziałam gdzie pobrać GIMP'a , teraz nie muszę szukać xD

    OdpowiedzUsuń
  4. Świetny poradnik, wszystko zrozumiałe! Ekstra! :D

    OdpowiedzUsuń
  5. Super poradni, wszystko jest zrozumiały, ekstra!!! :D

    OdpowiedzUsuń
  6. Mam problem z pobraniem programu. Znaczy się otworzeniem go. Wszystko pobrałam, ale nie mam do na pulpicie. Gdy wchodzę na Komputer > Pobrane to mam dwie aplikację z GIMP'em. Obydwie są , by znów pobrać program, czemu nie mogę go otworzyć?
    Ps. Czy istotne jest to , że mam Windows 8 ?

    OdpowiedzUsuń
    Odpowiedzi
    1. Nie wiem co się dzieje gdyż jak ja ściągałam starszą wersję Gimpa na Windows XP wszystko poszło gładko :) Może pobierz jeszcze raz/postępuj zgodnie z instrukcjami. Przypominam że jak otwierasz pobrany program to żeby on się pojawił na pulpicie należy go zainstalowac na komputerze :)

      Usuń
    2. nie, bo ja również mam windows 8 i pobrałam bez problemu, nie w tym problem :)

      Usuń
  7. Bardzo dobrze wykonany poradnik, ale cień jest okropny :/ Ja bym zrobiła cień czarny i równo pod kółkiem :)

    OdpowiedzUsuń
    Odpowiedzi
    1. xD Równiej się nie dało ale co do cienia masz rację powinien przede wszystkim byc mniejszy ;)

      Usuń
  8. I tu się niestety z Tobą nie zgodzę. PhotoScape obsługuje przezroczystość. Wiem, bo sama używam tego programu, żeby dodać jakiś napis lub efekty do pracy :)

    OdpowiedzUsuń
    Odpowiedzi
    1. A jak to się robi? Pisz na pw - KotkA
      ^^

      Usuń
    2. Owszem, obsługuje. Nie widać tego, ale po zapisaniu przezroczystość nadal jest.

      Usuń
  9. Jej, po dwóch godz. męczenia z zainstalowaniem GIMP'a udało się xD

    OdpowiedzUsuń
  10. Ej, ale jakie wymiary, jak jest "Skaluj obraz?"

    OdpowiedzUsuń
    Odpowiedzi
    1. Wysokosc: 120 px Szerokośc: też 120 px :)

      Usuń
  11. a jak chce zapisać to mi pisze że cośtam nie obsługuje przejżystości i trzeba spłaszyć obraz i jak to robie to jest białe tło wokół avka

    OdpowiedzUsuń
    Odpowiedzi
    1. Zapisujesz w złym formacie JPG a należy zapisać w PNG, który już tą przezroczystość obsługuje. Tak więc podczas zapisywania wyeksportuj plik do PNG lub po prostu zamiast "zapisz" wybierz "zapisz jako" i w pole nazwa wpisz dowolną nazwę oraz po kropce png, jak to opisałam w poście. Czyli, dla przykładu, zapisz jako nazwa.png

      Usuń
  12. Robię wszystko dokładnie, ale nie mogę zapisać w innym formacie niż xcf. A jak wyeksportuję do png, to usuwa mi się przeźroczyste tło :(. Co mam robić?

    OdpowiedzUsuń
    Odpowiedzi
    1. "Zapisz jako" i zamiast xcf po kropce wpisz png, powinno pomóc :)

      Usuń
  13. Jest! Udało mi się! Zapisywałam w formacje jpg przy wyeksportowaniu, ale teraz zapisałam w png, i się udało :D. Dzięki!

    OdpowiedzUsuń
  14. Jaką czcionkę polecasz (w gimpie)?

    OdpowiedzUsuń
    Odpowiedzi
    1. Zależy. Ja głównie napisy dodaję w PhotoScape chyba, że mam przezroczystość to wolę w PSc nie kombinować. Polecam ściągnąć czcionki do gimpa ze stronek takich jak dafont. Wpisz sobie w google "darmowe czcionki do pobrania" itp. Większość z nich jest zagranicznych i nie można pisac literek takich jak ą, ę itd. :( Dlatego możesz pobrać z takich stronek jak http://fonty24.pl/c/67/polskie tam jest już więcej polskich czcionek, ale i tak nie wszystkie mają te nasze ojczyste znaki :/

      Usuń
  15. Nie działa.Piszę w formacie png, i wyeeksportywuje, ale jak ustawiam na awatar w howrse, to tło znowu białe! A sam plik na pulpicie bez tła...

    OdpowiedzUsuń
    Odpowiedzi
    1. Najwidoczniej rozmiar jest inny (większy) niż 120 x 120 pikseli :)

      Usuń
  16. Jest wszystko ok,tylko jak chcę ustawić jako awatar jest białe tło i w lewym górnym rogu mój awatar.Co może być źle ?

    OdpowiedzUsuń
    Odpowiedzi
    1. Najprawdopodobniej nie przycięłaś obrazu, a Twoje tło nie jest ustawione na przezroczyste lub zapisane w niewłaściwym formacie.

      Usuń
  17. Gdy dodałam swój awek ( zrobiłam go na alfie ) miałam na howrse białe tło. O co chodzi?

    OdpowiedzUsuń
  18. Zaznaczyłam obraz i nie wiem jak przyciąć. Jak to się robi?

    OdpowiedzUsuń
  19. Nie potrafisz w ogóle wytłumaczysz ,nic nie wyszło.

    OdpowiedzUsuń