[Angius]

~~Robimy grafiki!~~

Czyli jak przegimpować naszą grę

Index:
1. Title
2. Sklejka tilesetĂłw

1. Title
Jak zrobić porządny Title? Wiele osób ma z tym problemy i w efekcie zewsząd straszą nas grafiki z neta z dodanym w Paint'cie tekstem, lub mnóstwo tematów "Zrupcie mi titla z takim gościem w kaptuże i z aksem". Ja postaram się jakoś temu zaradzić :)

Cytat:

Najpierw szukamy interesujÄ cej nas grafiki, ktĂłra posłuĹźy nam za tło titla. Ja znalazłem takie coś: Wymiary to 1280×800, więc naleĹźałoby nieco grafikę zmniejszyć. A oto jak to zrobić: Spoiler: A potem wchodzimy w Obraz -> Dopasuj płótno do warstw Ale, jeden z wymiarĂłw jest za duĹźy, nieprawdaĹź? Następny krok to przycięcie do odpowiadajÄ cych nam rozmiarĂłw. A robimy to tak: Spoiler: Rozmiary juĹź sÄ ok. Ale przydałoby się tę grafikę nieco upiększyć? Oto najprostszy sposĂłb: Spoiler: 1. Duplikujemy warstwę (mamy więc dwie :P ) 2. GĂłrnÄ rozmywamy rozmyciem gaussa (Filtry -> Rozmycie -> Rozmycie Gaussa) 3. Zmieniamy tryb mieszania rozmytej warstwy na "Pokrywanie" 4. ĹÄ czymy obie warstwy w jednÄ Tytuł! Nasza gra ma TYTUŁ! Trzeba dodać... TEKST! Spoiler: Tekst juĹź mamy. Ale nienajpiękniejszy, przyznacie? Teraz przedstawię dwa sposoby na upiększenie go :) Pierwszy (taki tekst jak na obrazkach z tuta) Spoiler: 1. Duplikujemy warstwę z tekstem 2. Zaznaczamy "blokuj kanał alfa" na niĹźszej z nich 3. Wypełniamy jÄ czarnym kolorem 4. Uzywamy rozmycia gaussa o wartości 5 5. Duplikujemy warstwę cztery razy 6. Gotowe! Drugi (efekt wypukłości) Spoiler: 1. Krok 1 i 2 z poprzedniej metody 2. Tym razem jednak miast wypełniać kolorem, wypełnimy gradientem! Kształt ustawiamy na rozlany (kÄ t) 3. UĹźywamy rozmycia gaussa o wartości 3 4. Na razie nic nie widać. To dlatego, ze widok zasłania nam gĂłrna, kolorowa warstwa. Zaznaczamy jÄ . 5. UĹźywamy Filtry -> Odwzorowania -> Mapowanie Wypokłości: Z listy "mapowanie wypukłości" wybieramy warstwę wypełnionÄ gradientem SuwakĂłw w czerwonej ramce NIE TYKAĆ! resztÄ moĹźecie się pobawić :) 6. Gotowe! Nic nie stoi na przeszkodzie, by najpierw zastosować drugÄ , a potem, na tak powstałym tekście, pierwszÄ :)

Będę starał się dodawać nowe poradniki co jakiś czas :)
_____________________________________________________________________________

Linki:
GIMP Download - najlepiej pobrać GIMP w wersji 2.6.11, a do tego GAP 2.6

[Feniks]

Dobry poradnik, przyda mi się do innych projektów. Mógłbyś zrobić poradnik "jak połączyć 2 tilesety o innych kolorach tła :P" aby cienie były normalne...(da się tak?)

[Angius]

Będę dodawał po kolei, spokojnie :P
Następny w planach jest "Jak zrobić sklejkę z kilku tilesetów"

[MrBoomGood]

Jak zawsze super :) Dzięki Tobie sam zajmuję się gimp'em no już chyba 3 tygodnie :D Przydaje się, i zaraz zobaczę jak mi to wyjdzie :D

[filipek32]

Dzieki Angius, kolejny raz mi pomogłes :))

Spoiler: Uploaded with ImageShack.us

jakos tak mi wyszlo title;))

[Angius]

2. Sklejka TilesetĂłw
Czasem się zdarzy, że chcemy coś swojego wrzucić prawda? Zastąpić drzewko innym, albo samemu skomponować TileE, ewentualnie skopiować coś z RTP XP. Ale nie zawsze wychodzi prosto. I potem wstawiając drzewko, z boku mamy linijkę pikseli z kamienia, a sam kamień jest ucięty. Ileż razy tak bywało! Jednak ja dziś zaprezentuję wam prosty sposób na własną sklejkę!

Cytat:

Otwieramy Tile z ktĂłrego chcemy skopiowac grafiki. Okno GIMP-a powinno wyglÄ dać tak: Spoiler: Teraz ustawiamy siatkę. Po co? Przyda się ona do wyrĂłwnywania poszczegĂłlnych tiles. Spoiler: Wchodzimy w WIDOK a następnie zaznaczamy obie opcje zaznaczone na czerwono. Następnie w OBRAZ -> Konfiguruj siatkę -> wymiary 32x32px Przyda się jeszcze prowadnica. Po co? By pokazać nam, gdzie jest środek tilesetu. A dlatego to się przydaje, bo prawa strona wędruje pod lewÄ w oknie edycji mapy w makerze. Spoiler: Wchodzimy w OBRAZ -> Nowa prowadnica (w procentach) i ustalamy jÄ na pionowÄ , 50% Teraz otwieramy drugi obraz, ten Tileset na ktĂłry chcemy dodać nowe elementy i stosujemy siatkę i prowadnicę z identycznymi ustawieniami Wchodzimy do obrazu otwartego na poczÄ tku, zaznaczeniem prostokÄ tnym zaznaczamy fragment do skopiowania - lecimy po siatce - ładnie przyciÄ gnie nam zaznaczenie jak trzeba. Spoiler: Klikamy CTRL+C Teraz otwieramy obraz docelowy, klikamy CTRL+V i przesuwamy wklejonÄ grafikę tam, gdzie chcemy. I ponownie przyda się siatka - przyciÄ gnie nam elementy rĂłwniutko Spoiler: Na czerwono narzędzie zaznaczenia Teraz naszÄ wklejonÄ warstwę trzeba zakotwiczyć. Spoiler: Kopiujemy tak wszystkie elementy ktĂłre chcemy i taa-daam! Gotowe!

[MrBoomGood]

Dzięki! Na pewno skorzystam :) Nigdy nie wiedziałem jak to się robi, a wujek google nie chciał pomóc ;p

[Feniks]

Poradnik jest idealny i podejrzewam, że każdy taki będzie i dzięki temu wreszcie będą ludzie robić samodzielnie gry. Miałbym do ciebie osobistą prośbę, pewnie tak samo jest z XP, ale nie mam pojęcia jak skleić 2 lub więcej tilesetów o innych tłach, tak żeby cienie były poprawne. Jeśli udałoby ci się takie coś zrobić w tutorialu XP, byłbym ci bardzo, ale to bardzo wdzięczny(tylko nie wiem czy tak się da ^^). Poradniki są jak najbardziej przydatne i trzymają poziom, pozdrawiam.

[Angius]

Hmm... Tak na szybko
Cienie w XP są jednolitego koloru, prawda? Jeśli tak, to zaznacz je zaznaczeniem wg. koloru, albo różdżką, odpowiednio dopasuj próg. Potem wejdź w kolor -> barwienie i pobaw się suwaczkami by uzyskać taki kolor jaki chcesz

[MrBoomGood]

Poradników już nie będzie? :(

[Angius]

Może i będą, potrzebuję tylko siakichś tematów... Tworzenia charów, etc. nie zrobię, bo moją domeną jest grafika rastrowa, nie pxart... Proponujcie

[MrBoomGood]

Może jak zrobić ciekawy game over?

[Angius]

Tak jak Title, tylko z innym napisem

[Vrona]

No to zrĂłb tut na logo.

BTW. Setny post!Doczekałem tej chwili :3

[PaayJer]

Ja to zawsze w paincie zrobiłem (tilesy) i wychodziło mi dosyć dobrze :)