Warsztat.GD

Produkcja gier => Grafika 2D => Wątek zaczęty przez: ByerN w Październik 25, 2013, 22:08:49

Tytuł: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: ByerN w Październik 25, 2013, 22:08:49
Przypomniałem sobie o moim starym temacie dotyczącym grafiki wektorowej :)
Ostatnio znów coś zacząłem robić w tym kierunku, więc powrzucam tu coś dla potomności jak będzie w temacie:

https://www.youtube.com/watch?v=e032oIRPiDI
https://www.youtube.com/watch?v=E9mKQ3KnM5I

Może komuś się przyda :)

OLD
Witajcie!
Jestem w trakcie robienia małego tutorialu, który ma za zadanie ukazanie metodyki działania przy tworzeniu obiektów do gry w grafice wektorowej. Edytorem który wykorzystuję jest dobrze wszystkim znany program Inkscape. Nie jestem grafikiem, tylko programistą. Dlatego też, kieruję tutorial do twórców gier którzy chcą wynieść poziom graficzny swoich dzieł z poziomu Paint'a. Jeżeli mi się udało, to wam też. :) Kurs ma formę filmów video na youtube. Opis merytoryczny zawarty jest w napisach, dlatego warto je włączyć.  Polecam także uruchomić film w jakości HD.

Celem tutorialu jest ukazanie:
Chcę uwiecznić go dla potomności. Dlatego postanowiłem założyć o nim osobny temat na forum. Nie wiem czy komuś się to przyda. Jeżeli tak, to będzie mi bardzo miło, jeżeli nie- no to trudno. :)

Linki to kolejnych części tutorialu:


Animacja:

Dodatki:


Jeszcze bardziej dodatki:


Logotypy:
Oczywiście, to nie są wszystkie części. Jestem w trakcie tworzenia kolejnych. Będę na bieżąco aktualizował listę gdy tylko dojdzie nowy epizod. Nie wiem czy wybrałem dobry dział na ten temat, dlatego jeżeli się pomyliłem to proszę o sprostowanie. :)

Wątek na warsztacie:
http://warsztat.gd/projects/Warsztat_Wujka_ByerNa
Mój profil na warsztacie: (Można tam obejrzeć jak moja grafika się sprawdza w praktyce)
http://warsztat.gd/user/ByerN
Będę wdzięczny za wszelkie uwagi, komentarze i krytykę. Mam nadzieję, że tutorial okaże się przydatny. :)[/list]
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: Nsuidara w Listopad 01, 2013, 23:43:01
Zasadniczo mi bardziej przydała by się wiedza jak tworzyć animacje...
tzn. widziałem rysowanie kratka po kratce lub składanka z elementów :P
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: Xender w Listopad 01, 2013, 23:58:42
@up - Klatka po klatce to co najwyżej do pixelartu. "Wektorowość czasowa" animacji ma nawet większe znaczenie, niż "wektorowość przestrzenna" grafiki.

Oczywiście bezpośrednim przeniesieniem idei grafiki wektorowej na dziedzinę czasu będzie animacja szkieletowa. Jest trochę programów do niej w 2D, osobiście widziałem w akcji Spine, wyglądało to nieźle (niestety płatny $kilkadziesiąt).
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: Fladimir Mielevsky w Listopad 02, 2013, 01:01:26
Świetnie :) Zabieram się za oglądanie. Już od dawna chciałem sobie porobić grafikę i póki co wychodzi mi z mizernym skutkiem. Ale może dzięki Tobie coś w tej kwestii się poprawi. Cieszę się :)
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: MDW w Listopad 02, 2013, 02:57:39
Inkscape wkurza mnie dwoma szczegółami:

To pierwsze da się jeszcze jakoś przeżyć. No ale to drugie doprowadza mnie do szału, bo robienie różnych obejść na to jest trochę męczące i sprawia, że obiekt nie jest potem tak wygodnie edytowalny jak w innych tego typu programach. No ale jak to zwykle bywa - na darmowy soft nie można narzekać. :)
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: ByerN w Listopad 02, 2013, 03:09:04
Dla każdego coś miłego. :) Będzie i animacja. Najpierw muszę pokazać jak stworzyć obiekt który będzie animowany. Metod animacji jest trochę, warto wybrać najlepszą do naszych zastosowań i możliwości. Pokażę kilka prostych w implementacji metod na końcu.

Prosiłbym też osoby które znają się na grafice wektorowej bardziej niż ja, o wytknięcie ewentualnych błędów. Chcę by tutorial służył ludziom, a nie podbijaniu ego twórcy. :)

ad. 1. Ten punkt układu współrzędnych jak się kiedyś orientowałem to wielka bolączka inkscape'a. Idzie się przyzwyczaić. :)
ad. 2. No trudno. Twórcy wolą się trzymać unifikacji, a format svg nie wspiera atrybutu offsetu dla konturu. Tak jak wspomniałeś, na darmowy soft nie można narzekać. :P

Jest update. Kolejna część tutoriala. Tym razem rysujemy ręce z uwzględnieniem dalszego etapu animacji. Miłego oglądania. :) Idę spać. Dobranoc.

Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: ByerN w Listopad 14, 2013, 16:46:45
Dodałem update. Zapraszam do oglądania. :)
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: Likassono w Grudzień 07, 2013, 17:39:29
Mi filmiki bardzo się podobają, ale z chęcią zobaczył bym jakieś grafiki Top view :)
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: ByerN w Grudzień 14, 2013, 17:12:34
Top view? Co np.? :)
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: Estivo w Grudzień 14, 2013, 19:25:34
Chyba chodzi o rzut top down. Sam jestem zainteresowany ;)
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: ByerN w Grudzień 15, 2013, 18:48:17
Wiem, że o to chodzi. xD Tylko co konkretnie was interesuje. Rzut z góry z reguły jest bardzo prosty. O wiele łatwiejszy niż z boku do przedstawienia. Nie wiem co miałbym narysować. :)
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: Estivo w Grudzień 15, 2013, 21:46:08
najlepiej kolesia z karabinem :D a najlepiej z kilkoma karabinami, kilka samochodów, smietniki i inne rzeczy do shootera top-down ;p
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: walkinguer w Grudzień 26, 2013, 14:52:27
Ja bym chciał. Ale nie z grafiki wektorowej.

Pokaż nam jak rysować takie koncepty. Jak masz szkic prędzej czy później zrobisz postać. Ale największym problemem dla nas wszystkich jest chyba rysowanie szkiców.

Właśnie się przymierzam do jakiejś prostej gierki 2D i zaprojektowanie postaci to będzie dla mnie tak naprawde największy problem :D

No chyba że to nie twoje szkice. :(
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: ByerN w Grudzień 26, 2013, 15:14:43
Moje. Co to by była za zabawa gdybym używał czyjeś szkice. :P
 
Na dniach zrobię coś o tym i wrzucę razem z top down. Aktualnie jestem trochę zabiegany.
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: DarkEngineer w Grudzień 26, 2013, 15:23:09
Inkscape to jeden z tych programów, w których przyjemnie się rysuję
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: Gabes w Grudzień 27, 2013, 00:28:00
Nie ma jak Paint w WindowsXP, trzy ruchy i głuchy. :)
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: ByerN w Grudzień 29, 2013, 23:00:42
Mały update. 2 dodatki. Postać top down i szkice.
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: ByerN w Grudzień 29, 2013, 23:39:54
Znów update. Nie można usuwać wpisów?
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: Estivo w Grudzień 29, 2013, 23:56:57
Mały update. 2 dodatki. Postać top down i szkice.

Jesteś mistrzem. Ukłony za postać top down.
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: ByerN w Grudzień 30, 2013, 10:29:11
Proszę bardzo. :)
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: ByerN w Luty 13, 2014, 00:52:46
Mały update. Ikony.
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: ByerN w Luty 19, 2014, 22:27:53
Dodam plik od siebie. W rarze jest *.svg (zapisany wektorowo z Inkscape). Forum nie pozwoliło mi na wrzucenie go luzem.
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: ByerN w Marzec 06, 2014, 20:07:31
Dodana animacja.
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: choody w Lipiec 10, 2014, 16:57:41
Na wstępie chciałbym pogratulować dobrej roboty z tymi tutorialami :)

Szczególnie spodobały mi się animacje szkieletowe w Blenderze, chciałbym się w to pobawić ale nie mam pojęcia jak użyć ich w MonoGames ;) czy miałby ktoś jakieś cenne wskazówki?
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: ByerN w Lipiec 10, 2014, 19:26:05
Nie robiłem w tym nigdy, ale poniższy link powinien pomóc. :P

http://en.wikibooks.org/wiki/Creating_a_Simple_3D_Game_with_XNA
Tytuł: Odp: Grafika Wektorowa - Tutorial
Wiadomość wysłana przez: ByerN w Kwiecień 28, 2018, 18:17:42
Cześć :) Przypomniałem sobie o moim starym wątku dotyczącym grafiki wektorowej. Ostatnio znów siadłem do tego przy okazji tworzenia mojej nowej gry (TAnima) i pomyślałem, że jak będę robił jakieś artykuły o grafice, to tu dokleje :)

Póki co filmik z rozkminy na temat designu w mojej grze:
https://www.youtube.com/watch?v=e032oIRPiDI
oraz tworzenie przykładowych obiektów (broń)
https://www.youtube.com/watch?v=E9mKQ3KnM5I