Tytuł: Sprite - scena walki Wiadomość wysłana przez: Phoenix on 30.01.2008, 16:24:27 Sprite - scena walki Tutorial Opracowanie: Phoenix Poziom trudności: średni (http://images25.fotosik.pl/147/d152d02055d31700.png) W tym tutorialu nauczycie się robić sygnaturkę na bazie sprite renderów w ciekawym stylu przedstawiania sceny walki. Jeśli wszystko dokładnie przeczytacie, nie będziecie mieli problemów z wykonaniem tutoriala, a efekt może wyjść wam nawet lepiej niż mi! Powodzenia. [op] Materiały:
Tutorial napisany w wersji GIMP 2.4. W innych wersjach nazwy narzędzi i pojęć mogą się różnić. [lp] Zaczynamy [lp] 1. Tworzymy nowy obraz o rozmiarach 400x180 pixeli lub mniejszych, po czym otwieramy nasze tła do sprite-ów, kopiujemy (Edycja -> Skopiuj [Ctrl+C]), wklejamy (Edycja -> Wklej [Ctrl+V]) na utworzony obraz. Za pomocą narzędzia Przesunięcie <przesuwanie> [M] przesuwamy tło w odpowiednie miejsce i zakotwiczamy (Warstwa -> Zakotwicz warstwę) na warstwie Tło. Przechodzimy teraz do upiększenia scenerii. Wyostrzamy obraz (Filtry -> Uwydatnianie -> Wyostrzanie) z ustawieniami ostrości na 10, rozmywamy <rozmycie-wystrzenie> w drugoplanowych miejscach. Teraz robimy nową, przeźroczystą warstwę i rysujemy na niej plamy czarnym pędzlem <pedzel> (w tych miejscach, gdzie ma być ciemno) oraz białym (tam gdzie ma być jasno). Rozmywamy gaussem (Filtry -> Rozmycie -> Rozmycie Gaussa...) i ustawiamy tryb warstwy na Miękkie światło (jeśli trzeba, możemy też raz zduplikować <duplikowanie-warstwy> warstwę). (http://images32.fotosik.pl/121/4972654e37f1ec26.png) [lp] 2. Nadeszła pora na wklejenie naszych sprite'ów. W tym celu tworzymy nową, przeźroczystą warstwę, otwieramy dwa sprite renderki (w moim przypadku jest to 2 i 4 - dominujący i pokonany/znokautowany), kopiujemy je i wklejamy oraz zakotwiczamy (Warstwa -> Zakotwicz warstwę) na nowo utworzonej przeźroczystej warstwie. Ustawiamy je (Przesunięcie <przesuwanie> [M]) na dwóch stronach sygnaturki. (http://images25.fotosik.pl/147/f277cb264e6d34c1.png) [lp] 3. Otwieramy render C4D 4 (patrz: Materiały), kopiujemy, wklejamy na nową, przeźroczystą warstwę i ustawiamy odpowiednio nad ręką sprite'a po lewej stronie, po czym zakotwiczamy warstwę. Tryb ustawiamy na Tylko jaśniejsze. Duplikujemy warstwę z C4D i ustawiamy jej tryb na Rozjaśnianie, a krycie na około 60. Ponownie tworzymy nową, przeźroczystą warstwę, pędzlem rysujemy średnią jasno-niebieską kropkę, w miejscu C4D rozmywamy ją gaussem (Filtry -> Rozmycie -> Rozmycie Gaussa...) z ustawieniami 50, po czym ustawiamy tryb warstwy na Miękkie światło i duplikujemy od 4 do 6 razy. Rysujemy na nowej warstwie pędzlem jeszcze jedną kropkę, lecz tym razem białą i małą (też w miejscu C4D) i rozmywamy gaussem z ustawieniami około 20-30. Tryb pozostawiamy na Zwykły. Następnym krokiem będzie stworzenie jeszcze jednej warstwy i twardym najmniejszym pędzelkiem (Circle 1) narysowanie wielu białych kropeczek w centrum naszego światła które nie dawno nam powstało. Tryb ustawiamy na Miękkie światło. Wracając jeszcze do sprite renderów - możemy je jeszcze lekko rozmyć <rozmycie-wystrzenie> na krawędziach, by lepiej wtapiały się tło. (http://images30.fotosik.pl/148/ef4a12ac31f70666.png) [lp] 4. Teraz będziemy kombinować z następnymi renderami C4D. Otwieramy pozostałe trzy rendery C4D, po kolei kopiujemy je, wklejamy na sygnaturę. Odpowiednio ustawiamy <przesuwanie>, zmieniamy tryb warstwy na Rozjaśnianie bądź Tylko jaśniejsze. Ścieramy gumką <gumka> niepotrzebne części, a krycie ustawiamy na niższe wartości, jeśli trzeba. (http://images30.fotosik.pl/149/7834904a6cafc547.png) [lp] 5. W tym punkcie zajmiemy się kolorkami naszej sygnatury. Tworzymy nową warstwę, kopiujemy wszystko (Edycja -> Skopiuj widoczne...), wklejamy na ostatnio utworzoną warstwę, zakotwiczamy, kolory ustawiamy na domyślne 000000 i ffffff (czarny i biały) i stosujemy Odwzorowywanie gradientu (Kolory -> Odwzorowywania -> Odwzorowywanie gradientu) (pamiętajmy, że gradient <gradient> nie może być ustawiony wtedy na Kolor pierwszoplanowy na przezroczystość). Tryb warstwy ustawiamy na Miękkie światło. Teraz powtarzamy wszystkie czynności wymienione wcześniej w tym punkcie tylko z innymi kolorami (u mnie to fe0041 i 0ffa01, ale u was możliwe że te kolory nie będą dawać dobrego efektu, więc lepiej pokombinować) i jeśli trzeba, zmniejszamy krycie warstwy. (http://images31.fotosik.pl/125/a58b19f27fab6dc2.png) [lp] 6. Teraz pozostała nam ramka, napis i jakieś tam nieobowiązkowe dodatki, ale tu zdaje się już na wasze umiejętności graficzne. Niektórym na przykład nie podobają się takie grube ramki albo czarno-białe kawałki na sygnaturze. (http://images25.fotosik.pl/147/d152d02055d31700.png) [lp] Koniec Wasze rezultaty są bardzo miło widziane. Jeśli coś wam nie wyszło lub nie rozumiecie jakiegoś punktu czy może cząstki tutoriala, pytania możecie zadawać do woli. Miłego GIMPowania! :) Tytuł: Odp: Sprite Scene Signature Wiadomość wysłana przez: Zigur on 01.03.2008, 23:15:51 Jak widze pierwszy mam zaszczyt zamieścić tu swój rezultat oto on:
(http://www.gimpuj.info/replacement.png) A jeśli chodzi o pytania to skąd jeszcze można jakieś fajne tła do sprit'ów wziąść, chodzi mi głównie o jakieś związane z Naruto Edit: I jeszcze jedna ;) (http://www.gimpuj.info/replacement.png) Tytuł: Odp: Sprite Scene Signature Wiadomość wysłana przez: N30 on 09.03.2008, 00:04:43 a oto moj :D
(http://www.gimpuj.info/replacement.png) skond wziac wiecej renderkow 2d?? INSEKT: Z Internetu. Tytuł: Odp: Sprite Scene Signature Wiadomość wysłana przez: Yondaime on 09.03.2008, 10:02:15 ze strony http://sdb.drshnaps.com/ ;)
Tytuł: Odp: Sprite Scene Signature Wiadomość wysłana przez: kluz on 08.04.2008, 06:56:45 Mi zamiast czegoś na styl kuli u ręki wychodzi jakieś lekkie światło (http://www.gimpuj.info/replacement.png)
Tytuł: Odp: Sprite Scene Signature Wiadomość wysłana przez: bobek_007 on 10.04.2008, 14:32:01 (http://images23.fotosik.pl/192/68a64333d6c8678e.png) Tytuł: Odp: Sprite Scene Signature Wiadomość wysłana przez: Sick49 on 20.04.2008, 14:34:01 Świetny tutorial! Mi wyszło coś takiego
Tytuł: Odp: Sprite Scene Signature Wiadomość wysłana przez: Cookie on 20.04.2008, 16:04:40 moje dzielo :P
(http://i31.tinypic.com/14bkchk.png) Tytuł: Odp: Sprite Scene Signature Wiadomość wysłana przez: RacuH on 20.05.2008, 22:52:58 proszę o pomoc nie wiem jak wkleić dokładnie ten C4D żeby wyszła taka fajna kulka wychodzi mi prawie cały C4D Czy może mi ktoś pomóc??
Tytuł: Odp: Sprite Scene Signature Wiadomość wysłana przez: Gorn on 20.05.2008, 23:00:27 Tworzysz nową warstwę, wklejasz render C4D i zakotwiczasz go tam. Wybierasz zaznaczenie prostokątne/eliptyczne i zaznaczasz część C4D (w Twoim wypadku tą kulę) i kopiujesz. Na koniec wklejasz skopiowaną wcześniej cząstke i przesuwasz według upodobania.
Tytuł: Odp: Sprite Scene Signature Wiadomość wysłana przez: fr9 on 20.01.2009, 13:41:54 To i ja się pochwale swoją pracą ale w trzech wersjach.
Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: Hugmen on 04.04.2009, 14:08:05 Fajny wątek ale mi chyba coś nie wyszło :(
(http://www.gimpuj.info/replacement.png) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: tygrys on 28.07.2009, 16:09:44 a to mój efekt trochę niefajny ale jest :D
(http://www.gimpuj.info/gallery/26560_28_07_09_3_08_04.png) (http://www.gimpuj.info/) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: tsukuyo on 04.12.2009, 22:23:27 (http://i48.tinypic.com/34qs5ye.png)
Doceńcie wysiłek :( Tytuł: Odp. Sprite - scena walki Wiadomość wysłana przez: SharinganPower on 30.12.2009, 12:22:33 Fajnie Ci to wyszło ale trochę ta ręka dziwna jest :/ Ale ogólnie spx ;):P
Tutek super moja praca : (http://www.gimpuj.info/replacement.png) Nie wiem czy dobrze ale jakoś jest :D <lol> P.S. Jak się dodaje to szare tło w niektórych miejscach tak jak w tutorialu pokazane ??? Proszę o PW lub tutaj napisać :) Będę wdzięczny. Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: Jostys on 28.01.2010, 15:52:23 (http://www.gimpuj.info/gallery/36230_28_01_10_12_38_27.png)
oto moje wypociny (chyba troche za jasne) ... xD ale mi sie nawet podoba xD Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: ifan. on 04.02.2010, 21:57:30 Napis ssie, prawy "pasek" za gruby, ale cóż, bywa. :)
(http://i49.tinypic.com/6jj0hh.jpg) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: MrObito on 19.02.2010, 22:39:33 To ja się teraz pochwale :P
(http://www.gimpuj.info/replacement.png) (http://img18.imageshack.us/i/logo22f.png/) Logo jest na moją stronkę ,dlatego też Zakazuje kopiowania ! Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: Sztywnykgr on 06.03.2010, 22:36:48 Bardzo fajny poradnik, o to moja praca, zrobilem znak wodny "SZTYWNY", zeby nikt nie kopiowal :]
(http://www.gimpuj.info/replacement.png) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: kondyiu1995_4 on 12.04.2010, 19:31:59 (http://images49.fotosik.pl/283/be4024a4ce729e8am.jpg)mi wyszło coś takiego. niestety nie widać za bardzo.
Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: Aterasu on 13.04.2010, 11:26:14 A to moje:
(http://i42.tinypic.com/20tj8sm.jpg) (http://i41.tinypic.com/2li98hg.jpg) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: gRaMaR on 14.04.2010, 12:56:29 Moja 1 sygna :]
W Załączniku :d Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: VexWilk on 30.04.2010, 08:11:07 (http://www.gimpuj.info/replacement.png)
mi cosik takiego wyszło, bardzo fajne :D Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: VexWilk on 30.04.2010, 08:57:00 (http://www.gimpuj.info/replacement.png)
jakoś nie mam talentu do czcionek ^^ a te szare tło można chyba zrobić za pomocą destauracji Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: Devzan on 12.05.2010, 06:50:06 Po wklejeniu pierwszego C4D zacząłem sam robić ;PP
Takie coś wyszło: (http://www.gimpuj.info/replacement.png) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: Piru on 13.05.2010, 18:36:29 Mi wyszło coś takiego :
(http://fooh.pl/images/o080o390o8o777159518.jpg) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: GuTTi on 08.07.2010, 15:00:56 Ja zrobiłem coś takiego :
(http://iv.pl/images/60947777306025179468.png) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: Manderigon on 29.07.2010, 19:00:27 Witam.
(http://www.gimpuj.info/replacement.png) Dlaczego przy postaciach jest czarne tło? :( Pozdrawiam. Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: Haq II on 11.08.2010, 10:21:39 Witam.
nie mogę zrobić tego ponieważ postacie są za duże tzn. wkleiłem postacie i widać tylko głowy :( nie wiem co robić dalej :( Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: Cloud on 11.08.2010, 10:43:55 Zeskaluj postacie narzędziem skalowania <skalowanie>.
Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: angahm on 24.08.2010, 12:32:50 Dlaczego przy postaciach jest czarne tło? :( zakładam że postacie wklejałeś w jpg (ten format nie obsługuje przeźroczystości)musisz wyciąć postacie i zapisać je w formacie png wtedy będziesz mógł je wstawić spokojnie bez obaw o czarne tło wokół nich :) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: Liptonek on 28.08.2010, 19:11:19 Dawno robione ale wstawie.
(http://www.gimpuj.info/gallery/24138_01_07_10_4_20_18.jpg) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: kubahiphop on 07.09.2010, 19:45:01 Mi chyba nie wyszlo (http://a.imageshack.us/img138/3170/fightm.pngś)
Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: Miensolud on 04.03.2011, 14:36:12 (http://www.gimpuj.info/gallery/55359_04_03_11_1_34_26.bmp)
Kula nie wyszła jak w zamierzeniach , ale ogólny efekt mi się podoba. Świetny tutek 8-) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: Sizzle on 14.03.2011, 16:14:51 Moja wersja: (http://www.gimpuj.info/replacement.png) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: ulti asassins on 18.03.2011, 16:37:08 (http://www.gimpuj.info/replacement.png)
Nie wyszło mi, ale tut fajny. ;) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: Szczur-chan on 20.03.2011, 20:29:34 Tutorial elegancki, czytelny i łatwo połapać się o co chodzi. Efekt? Cudowny. Uwielbiam tego typu prace z spritami. Można sobie poeksperymentować z różnymi C4D, spritami i kolorkami.
W mojej pracy jest trochę za ciemno i za mało dynamicznie, ale mam nadzieję poprawić to w kolejnych pracach. :D Wynik: (http://www.gimpuj.info/replacement.png) (http://img810.imageshack.us/i/fightq.jpg/) Uploaded with ImageShack.us (http://imageshack.us) Ciekawy chwyt zastosował Devzan: Takie coś wyszło: (http://www.gimpuj.info/replacement.png) Elegancko(choć wydaje mi się, że postacie są mało wtopione w tło). ;) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: Axis on 26.03.2011, 19:35:58 Witam. Muszę przyznać że ten tutorial jest świetny. Jest łatwy i zrozumiale napisany więc może go zrozumieć nawet początkujący.
Moje efekty. V1 (http://www.gimpuj.info/replacement.png) (http://img715.imageshack.us/i/spritev1.png/) V2 (http://www.gimpuj.info/replacement.png) (http://img6.imageshack.us/i/spritev2.png/) Ocena tutoriala. 10/10. Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: pwilczewski10 on 13.04.2011, 18:14:17 A tu moja praca 8-) I to pierwsza :P
(http://www.gimpuj.info/replacement.png) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: Mangekyou on 20.07.2011, 18:55:34 Super tutek, też się pochwalę, a co tam ...
Mój rezultat: (http://animeworld.xaa.pl/images/bleachsign2.png) P.S: Sygna moja, robię dla pewnej strony :P Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: Balsamista on 01.01.2012, 20:04:17 Moja praca, wydaje mi się że jest ok :)
(http://www.gimpuj.info/gallery/92/1949_27_05_13_8_26_17.png) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: MIGhost on 05.04.2012, 23:42:24 Nie podążałem za tutkiem, ale wyszło podobnie :)
(http://www.gimpuj.info/gallery/62897_05_04_12_10_39_18.png) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: FriQ on 11.07.2012, 10:17:43 Takie coś stworzyłem :D
(http://www.gimpuj.info/replacement.png) (http://imageshack.us/photo/my-images/109/narutoxd.png/) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: SkiRy on 12.07.2012, 16:11:04 Mi cos takiego wyszlo:
(http://i.imgur.com/NQQxy.png) Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: wilkszary on 21.07.2013, 18:22:35 (https://lh5.googleusercontent.com/-jNcW6djvDpY/UewKf5M18UI/AAAAAAAAAfs/r0kj8_N-Ib0/w400-h180-no/obrazek21713.png)
Tytuł: Odp: Sprite - scena walki Wiadomość wysłana przez: Ziomioslaw on 21.07.2013, 18:54:59 (https://lh5.googleusercontent.com/-jNcW6djvDpY/UewKf5M18UI/AAAAAAAAAfs/r0kj8_N-Ib0/w400-h180-no/obrazek21713.png) To chyba nie działa? |