Polskie Forum Użytkowników GIMP-a

---

Kilka czy kilkanaście dni temu, rav (http://www.gimpuj.info/profiles/rav-u1039.html) wkleił na kanale link do poniższego tutka. Dziś naszła mnie ochota aby go przetłumaczyć. Mam nadzieję, że się Wam spodoba.
Autorem oryginału Pac-Man baddies with Inkscape (http://howto.nicubunu.ro/inkscape_pacman_baddies/) jest nicu.

Tutorial napisany w wersji Inkscape 0.45. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.

---

[lp] Zaczynamy

[lp] 1. Otwórz nowy dokument w Inkscape. Ja wybrałem rozmiar A5 i orientacje poziomą.
Menu Plik -> Ustawienia dokumentu (Shift + Ctrl + D).
[lp] 2. Z narzędziówki po lewej stronie okna programu wybierz narzędzie Tworzenie okręgów, elips i łuków (http://www.gimpuj.info/gallery/12_17_02_08_7_52_19.png) (F5).

[lp] 3. Przytrzymując klawisz Ctrl narysuj koło.

[lp] 4. W palecie kolorów umieszczonej na dole okna programu klikamy w kolor Blue (#0000FF).



[lp] 5. Z narzędziówki po lewej stronie okna programu wybierz narzędzie Edytowanie węzłów i uchwytów ścieżek (http://www.gimpuj.info/gallery/12_17_02_08_8_28_24.png) (F2).
[lp] 6. Z menu Ścieżka wybierz Obiekt na ścieżkę (http://www.gimpuj.info/gallery/12_17_02_08_8_48_45.png) (Shift + Ctrl + C), lub kliknij ikonę w pasku opcji narzędzia (to ten zaraz nad planszą roboczą). Na obwodzie koła pojawią się cztery węzły.



[lp] 7. Teraz dwu klikiem postaw dwa nowe węzły.



[lp] 8. Zaznacz dwa nowo utworzone węzły.



Równie dobrze możesz przytrzymać klawisz Shift i kliknąć najpierw pierwszy potem drugi węzeł.

[lp] 9. Przytrzymaj klawisz Ctrl i LPM, i przeciągnij do dołu jeden z dwóch nowo utworzonych węzłów, aż do otrzymania poniższej figury.



[lp] 10. Zaznacz trzy węzły widoczne poniżej:



[lp] 11. Teraz kliknij na ikonę Dołącza węzły do zaznaczonych segmentów (http://www.gimpuj.info/gallery/12_17_02_08_9_53_56.png). Powstaną dwa nowe węzły.

[lp] 12. Teraz zaznacz trzy najniższe węzły.



[lp] 13. Ponownie kliknij na ikonę Dołącza węzły do zaznaczonych segmentów (http://www.gimpuj.info/gallery/12_17_02_08_9_53_56.png). Powstaną dwa nowe węzły.



Na obrazie są dwa węzły zaznaczone na zielono. Już wyjaśniam czemu.

[lp] 14. Przytrzymaj klawisz Shift i kliknij najpierw jeden potem drugi węzeł zaznaczony na obrazie zielonym kolorem.

[lp] 15. Przytrzymaj klawisz Ctrl i przeciągnij węzły do góry, ciągnąc oczywiście tylko za jeden z nich, aż do otrzymania poniższej figury.



Można jeszcze naszego duszka lekko podwyższyć, ale nie jest to konieczne. Jeśli decydujesz się aby twój duszek był wyższy to wykonaj punkty 16 i 17, jeśli nie, pomiń je. Ja swojego lekko wydłużyłem.

[lp] 16. Zaznacz trzy najwyższe węzły.

[lp] 17. Przeciągnij jeden z zaznaczonych węzłów lekko do góry.

Teraz należy nadać duszkowi lekką wypukłość.

[lp] 18. Kliknij na figurę duszka PPM i rozwiniętego menu wybierz Duplikuj (http://www.gimpuj.info/gallery/12_22_02_08_9_50_56.png) (Ctrl + D).

[lp] 19. Z palety kolorów wybierz czarny.
[lp] 20. Z narzędziówki po lewej stronie okna programu wybierz narzędzie Tworzenie i modyfikowanie gradientów (http://www.gimpuj.info/gallery/12_17_02_08_11_28_44.png) (Ctrl + F1).
[lp] 21. W pasku opcji narzędzia kliknij ikonę Utwórz gradient koncentryczny (http://www.gimpuj.info/gallery/12_17_02_08_11_49_11.png).

[lp] 22. Przeciągnij gradient jak na rysunku poniżej. Czerwona strzałka wyznacza kierunek przeciągania gradientu.



[lp] 23. W pasku opcji narzędzia kliknij w przycisk z napisem Edytuj.... Otworzy się okno Edytor gradientu.

[lp] 24. W oknie edycji gradientu w sekcji Kolor w punkcie kliknij zakładkę HSL.

[lp] 25. W zakładce HSL ustaw suwak Alfa (przezroczystość) na 0, czyli przesuń go maksymalnie w lewo. (To ten suwaczek z literką A.)

[lp] 26. Suwak Jasność (L) ustaw na 255, maksymalnie w prawo.

[lp] 27. W oknie edytora gradientu wybierz drugi punk gradientu. U mnie jest to stop2267.



[lp] 28. Ustaw Alfę A na 251.

[lp] 29. Ustaw gradient przeciągając jego węzły (te małe kółeczka) taj jak na poniższym obrazie.



[lp] 30. W oknie edycji gradientu ponownie na aktywny ustaw pierwszy punkt gradientu. U mnie to stop2265.

[lp] 31. Ustaw Jasność L na 0.

[lp] 32. Powróć do drugiego punktu gradientu i ustaw Alfę A na 190.

[lp] 33. Zamknij okno edycji gradientu. Efekt ostatnich czynności powinien być podobny do poniższego obrazu.



Nadszedł czas na rysowanie oczu.
[lp] 34. Z narzędziówki po lewej stronie okna programu wybierz narzędzie Tworzenie okręgów, elips i łuków (http://www.gimpuj.info/gallery/12_17_02_08_7_52_19.png).

[lp] 35. Z palety kolorów wybierz biały.

[lp] 36. Przytrzymując klawisz Ctrl narysuj białko oka.



Tak jak duszka musimy i oczko doprowadzić do pseudo 3D.

[lp] 37. Kliknij PPM na białko oka i z rozwiniętego menu wybierz Duplikuj...
[lp] 38. W pasku opcji narzędzia kliknij ikonę Utwórz gradient koncentryczny (http://www.gimpuj.info/gallery/12_17_02_08_11_49_11.png).

[lp] 39. W pasku opcji narzędzia kliknij na rozwijane menu Brak gradientów w zaznaczeniu i wybierz jedyny dostępny tam gradient.



[lp] 40. Ustaw gradient podobnie jak na poniższym obrazie.



[lp] 41. Z narzędziówki po lewej stronie okna programu wybierz narzędzie Tworzenie okręgów, elips i łuków (http://www.gimpuj.info/gallery/12_17_02_08_7_52_19.png).

[lp] 42. Z palety kolorów wybierz czarny.

[lp] 43. Przytrzymując klawisz Ctrl narysuj na białku oka czarną źrenicę.



[lp] 44. Z narzędziówki po lewej stronie okna programu wybierz Zaznacza i przekształca obiekty (http://www.gimpuj.info/gallery/12_19_02_08_10_54_55.png) (F1).

[lp] 45. Zaznacz całe oko.



[lp] 46. Z menu Obiekt wybierz Grupuj (http://www.gimpuj.info/gallery/12_19_02_08_11_00_07.png) (Ctrl + G) lub kliknij ikonę grupowania na górnym pasku narzędziowym.
[lp] 47. W tym samym pasku narzędziowym kliknij ikonę Tworzy klon zaznaczonego obiektu (http://www.gimpuj.info/gallery/12_19_02_08_10_59_00_1.png) (Alt + D).

[lp] 48. Złap klon oka i przesuń w lewo.



Przedostatni etap to dodanie dwóch błysków światła na duszka.
[lp] 49. Z narzędziówki po lewej stronie okna programu wybierz narzędzie Tworzenie okręgów, elips i łuków (http://www.gimpuj.info/gallery/12_17_02_08_7_52_19.png).

[lp] 50. W lewej górnej części ducha narysuj elipsę.



[lp] 51. Z narzędziówki po lewej stronie okna programu wybierz Zaznacza i przekształca obiekty (http://www.gimpuj.info/gallery/12_19_02_08_10_54_55.png).

[lp] 52. Kliknij elipsę. Powinny pojawić się strzałki pozwalające na obrót obiektu.

[lp] 53. Obróć elipsę 45° w prawo i kliknij ją ponownie. Powrócą strzałki przemieszczania obiektu.

[lp] 54. Ustaw elipsę jak na poniższym obrazie.



[lp] 55. Z menu Obiekt wybierz Wypełnienie i kontur (http://www.gimpuj.info/gallery/12_19_02_08_11_39_38.png) (Shift + Ctrl + F) lub kliknij elipsę PPM i z rozwiniętego menu wybierz  Wypełnienie i kontur.

[lp] 56. W oknie dialogowym Wypełnienie i kontur ustaw Alfę na 160, a pasek Blur (Rozmycie) (to ten drugi od dołu) na 28 i zamknij okno właściwości.

[lp] 57. W podobny sposób utwórz błysk w prawej, dolnej części ducha.



Pozostało dodać cień pod naszego duszka.
[lp] 58. Z narzędziówki po lewej stronie okna programu wybierz narzędzie Tworzenie okręgów, elips i łuków (http://www.gimpuj.info/gallery/12_17_02_08_7_52_19.png).

[lp] 59. Narysuj elipsę jak na poniższym obrazie.



[lp] 60. Z narzędziówki po lewej stronie okna programu wybierz narzędzie Tworzenie i modyfikowanie gradientów (http://www.gimpuj.info/gallery/12_17_02_08_11_28_44.png).

[lp] 61. Sprawdź czy w pasku opcji narzędzia masz zaznaczony gradient koncentryczny.

[lp] 62. Postaw gradient jak pokazuje poniższy rysunek.



[lp] 63. Wybierz Wypełnienie i kontur dla cienia.

[lp] 64. W oknie dialogowym ustaw Blur (Rozmycie) na 10, a Master opacity (Przezroczystość) na 100.
[lp] 65. Z narzędziówki po lewej stronie okna programu wybierz Zaznacza i przekształca obiekty (http://www.gimpuj.info/gallery/12_19_02_08_10_54_55.png).

[lp] 66. Z menu Obiekt wybierz Przesuń pod spód (http://) (End) lub w pasku opcji narzędzia kliknij ikonę przesuwania pod spód.



[lp] Koniec

---

Wybaczcie ewentualne błędy. Jest to mój pierwszy tutek na Inkscape, a programu użyłem tak naprawdę drugi raz. Jedyna praca jaką kiedyś wykonałem to logo na forumowe koszulki (kosztowało mnie to wiele pracy :P). Dopiero przy tłumaczeniu powyższego poradnika poznałem działanie podstawowych narzędzi programu i to zapewne nie wszystkich. Metodą prób i błędów udało mi się pomalować duszki na inne kolory i zmienić ich wielkość, ale jak do tej pory nie potrafię nałożyć ich na deseń. Jeśli ktoś z was wie jak to zrobić byłbym wdzięczny za podpowiedź. (Już umiem.) Duszki na deseniu możecie zobaczyć w oryginalnym tutorialu.

Miłej zabawy z Inkscape.

---

K71

---

:)
(http://www.gimpuj.info/gallery/3143_21_02_08_1_21_00.png)
dzięki Kifer (za tutka) (tzn za paczkę :)) (chociaż za tłumaczenie też się Ci należy:))
dziwne. u mnie na monitorze ten brązowy był czerwonym :)

(http://www.gimpuj.info/gallery/6969_21_02_08_2_18_34.png) (http://www.gimpuj.info/)

Wielkie dzięki. Druga praca wykonana w Inkscape... Mam pytanie...  Bo jak wykonałem duszka to chciałem go zapisać, ale mozliwy jest tylko format *.svg . Ale wy swoje prace macie w *.png . Jak to zapisać?

EDIT: A jak dodać ten deseń?

Eksportujesz obraz, opcja dostępna w menu Plik.

A oto moja praca  :)
(http://www.gimpuj.info/replacement.png)

Mój duszek :)

(http://www.gimpuj.info/gallery/1039_12_03_08_4_48_42.png) (http://www.gimpuj.info/)

@capeone

Fajne wyglądają z konturem ;)

Ale cień brzydki mi wyszedł. :P

(http://www.gimpuj.info/gallery/6760_06_04_08_10_55_10.png)

(http://tapetosik.com/files/asg12zawewaazkd92wun.png)

Fajny tutek.Dopiero co ściągnąłem program i już udało mi się poznać pare rzeczy :D

Moje duszki

(http://i160.photobucket.com/albums/t197/Vins3nt_2007/Potrzebne%20na%20stronkach/33.jpg)

Fajny tutek. Łatwo można chwycić "o co kaman"

Moje pierwsze spotkanie z inkscape + ten tut

(http://www.gimpuj.info/replacement.png) (http://img181.imageshack.us/my.php?image=duszek2bo0.png)       (http://www.gimpuj.info/replacement.png) (http://imageshack.us)   

Fajny tutorial, chociaż zapomniałam zrobić błysk mu na "nóżce" xD

(http://www.gimpuj.info/gallery/15308_13_01_09_4_11_42.png)

dopiero dzisiaj sie zaczelem interesowac i juz troche wiem czego uzywac
PS:te polyski na dole i na gorze sa cale biale a jak robilem to byly rozmazane ;p

(http://www.gimpuj.info/gallery/34777_24_11_09_7_50_52.png)

Wyniki mojego pierwszego tutka w Inscape xDD Napis zrobiony w Gimpie xDD

(http://www.img-share.net/uploads/167duszek.png)

PS: Poziom trudnosci projektu jest bardzo latwy :)

(http://www.gimpuj.info/replacement.png)
Super tutek, dobrze napisany, a co za tym idzie też łatwy.
Kontur trochę jest widoczny  :-[
Oczy są powielone, a prawe wygląda na większe.

Fajna instrukcja ;)
To moje dzieło :
(http://www.wstaw.org/m/2010/04/12/Rysun0ek_png_750x750_q85.jpg)

P.S. mam 11 lat ;]

Oto moje dziełko: (http://www.gimpuj.info/replacement.png) (http://img94.imageshack.us/i/pacmanfs.png/) ;]

mój pierwszy tutorial.
(http://www.gimpuj.info/index.php?action=dlattach;topic=13152.0;attach=63612)
Mój duszek :)

---

(http://www.gimpuj.info/gallery/1039_12_03_08_4_48_42.png) (http://www.gimpuj.info/)
@capeone
mi z konturem połowa wyszła czarna.

---

Scalenie postów: 18.06.2016, 15:32:50 (używaj opcji Modyfikuj!)

---

wie ktoś jak ustawić avatara bo chcę wziąć sobie mojego ducha?

Takie pytania, to w dziale "Sprawy techniczne". Kliknij na swoją nazwę użytkownika, następnie po lewej będziesz mieć sekcję: Modyfikuj Profil -> Dane publiczne i tam masz opcję wgrania własnego obrazka, wystarczy kliknąć w przycisk "Przeglądaj" i wybrać obrazek z dysku.