tutorial Pac-Men, Informatyka, grafika wektorowa


Pac-Man-owe duszki

Zaczynamy:

  1. Otwórz nowy dokument w Inkscape. Rozmiar A5 i orientacje poziomą.
    Menu Plik -> Właściwości dokumentu (Shift + Ctrl + D).

  2. Z narzędziówki po lewej stronie wybierz narzędzie Tworzenie okręgów, elips i łuków 0x01 graphic
    (F5).

  3. Przytrzymując klawisz Ctrl narysuj koło.

  4. W palecie kolorów umieszczonej na dole okna programu klikamy w kolor Blue (#0000F

0x01 graphic

  1. Z narzędziówki po lewej stronie wybierz narzędzie Edycja węzłów: … 0x01 graphic
    (F2).

  2. Z menu Ścieżka wybierz Obiekt w ścieżkę 0x01 graphic
    (Shift + Ctrl + C). Na obwodzie koła pojawią się cztery węzły.

0x01 graphic

  1. Teraz dwu klikiem postaw dwa nowe węzły.

0x01 graphic

  1. Zaznacz dwa nowo utworzone węzły.

0x01 graphic

Możesz przytrzymać klawisz Shift i kliknąć najpierw pierwszy potem drugi węzeł.

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

0x01 graphic

  1. Zaznacz trzy węzły widoczne poniżej:

0x01 graphic

  1. Teraz kliknij na Wstaw nowe węzły do zaznaczonych odcinków 0x01 graphic
    . Powstaną dwa nowe węzły.

  2. Teraz zaznacz trzy najniższe węzły i ponownie kliknij na ikonę 0x01 graphic
    . Powstaną dwa nowe węzły.

0x01 graphic
0x01 graphic

  1. Tak jak na obrazie zaznacz z Shift dwa węzły.

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

0x01 graphic

  1. Można jeszcze naszego duszka lekko podwyższyć, ale nie jest to konieczne: Zaznacz trzy najwyższe węzły. Przeciągnij jeden z zaznaczonych węzłów lekko do góry.

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

  1. Kliknij na figurę duszka PPM i rozwiniętego menu wybierz Powiel 0x01 graphic
    (Ctrl + D).

  2. Z palety kolorów wybierz czarny.

  3. Z narzędziówki po lewej stronie wybierz Tworzenie i modyfikowanie gradientów 0x01 graphic
    (Ctrl + F1).

  4. W pasku opcji narzędzia kliknij ikonę Utwórz gradient koncentryczny na wypełnieniu 0x01 graphic
    .

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

0x01 graphic

  1. W pasku kliknij w przycisk z napisem Modyfikuj.... Otworzy się okno Modyfikowanie gradientu.

  2. W oknie edycji gradientu w sekcji Kolor w punkcie kliknij zakładkę HSL.

  3. W zakładce HSL ustaw suwak Alfa (przezroczystość) na 0. (To ten suwaczek z literką A.)

  4. Suwak Jasność (L) ustaw na 255, maksymalnie w prawo.

  5. W oknie edytora gradientu wybierz drugi punkt gradientu. U mnie jest to stop2267.

  6. Ustaw Alfę A na 251.

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

0x01 graphic

  1. W oknie edycji gradientu ponownie na aktywny ustaw pierwszy punkt gradientu. U mnie to stop2265.

  2. Ustaw Jasność L na 0.

  3. Powróć do drugiego punktu gradientu i ustaw Alfę A na 190.

  1. Zamknij okno edycji gradientu. Efekt ostatnich czynności powinien być podobny do poniższego obrazu.

0x01 graphic

Nadszedł czas na rysowanie oczu.

  1. Z narzędziówki po lewej stronie wybierz narzędzie Tworzenie okręgów, elips i łuków 0x01 graphic
    .

  2. Z palety kolorów wybierz biały i przytrzymując klawisz Ctrl narysuj białko oka.

0x01 graphic

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

  1. Kliknij PPM na białko oka i z rozwiniętego menu wybierz Powiel.

  2. W pasku opcji narzędzia kliknij ikonę Utwórz gradient koncentryczny na wypełnieniu0x01 graphic
    .

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

0x01 graphic

  1. Ustaw gradient podobnie jak na poniższym obrazie.

0x01 graphic

  1. Z narzędziówki po lewej stronie wybierz narzędzie Tworzenie okręgów, elips i łuków 0x01 graphic
    .

  2. Z palety kolorów wybierz czarny i przytrzymując klawisz Ctrl narysuj na białku oka czarną źrenicę.

0x01 graphic

  1. Z narzędziówki po lewej stronie wybierz Zaznacza i przekształca obiekty 0x01 graphic
    (F1) i zaznacz całe oko.

0x01 graphic

  1. Z menu Obiekt wybierz Grupuj 0x01 graphic
    (Ctrl + G).

  2. W tym samym pasku narzędziowym kliknij ikonę Tworzy klon zaznaczonego obiektu 0x01 graphic
    (Alt + D).

  3. Złap klon oka i przesuń w lewo.

0x01 graphic

Przedostatni etap to dodanie dwóch błysków światła na duszka.

  1. Z narzędziówki po lewej stronie wybierz narzędzie Tworzenie okręgów, elips i łuków 0x01 graphic
    .

  2. W lewej górnej części ducha narysuj elipsę.

0x01 graphic

  1. Z narzędziówki po lewej stronie wybierz Zaznacza i przekształca obiekty 0x01 graphic
    .

  2. Kliknij elipsę. Powinny pojawić się strzałki pozwalające na obrót obiektu i obróć elipsę 45° w prawo i kliknij ją ponownie. Powrócą strzałki przemieszczania obiektu.

  3. Ustaw elipsę jak na poniższym obrazie.

0x01 graphic

  1. Z menu Obiekt wybierz Wypełnienie i kontur 0x01 graphic
    (Shift + Ctrl + F).

  2. W oknie dialogowym ustaw Alfę na 160, a pasek Blur (Rozmycie) na 28 i zamknij okno właściwości.

  3. W podobny sposób utwórz błysk w prawej, dolnej części ducha.

0x01 graphic

Pozostało dodać cień pod naszego duszka.

  1. Z narzędziówki po lewej stronie wybierz narzędzie Tworzenie okręgów, elips i łuków 0x01 graphic
    .

  2. Narysuj elipsę jak na poniższym obrazie.

0x01 graphic

  1. Z narzędziówki po lewej stronie wybierz narzędzie Tworzenie i modyfikowanie gradientów 0x01 graphic
    .

  2. Sprawdź czy w pasku opcji narzędzia masz zaznaczony gradient koncentryczny i postaw gradient jak pokazuje poniższy rysunek.

0x01 graphic

  1. Wybierz Wypełnienie i kontur dla cienia.

  2. W oknie dialogowym ustaw Blur (Rozmycie) na 10, a Master opacity (Przezroczystość) na 100.

  3. Z narzędziówki po lewej stronie wybierz Zaznacza i przekształca obiekty 0x01 graphic
    .

  4. Z menu Obiekt wybierz Przesuń na spód (End).

0x01 graphic


Koniec!

Inkscape - tutorial



Wyszukiwarka