Tworzenie tekstur ze zdjęć

Na pewno widzieliście w Internecie strony z darmowymi teksturami. Nie zastanawiało was, jak powstają? Otóż, większość z nich jest wykonana z fotografii i zamieniana na tzw. teksturę bezszwową, czyli takie, w których nie widać łączeń między nimi. W tym artykule nauczycie się je wykonywać.

1. Zasady tworzenia fotografii do tekstury

Do stworzenia takiego zdjęcia nie jest potrzebny jakiś superaparat, zwykły kompakt, czy telefon komórkowy z aparatem się do tego nada (ja robiłem zdjęcia Nokią z 1.3 megapikselowym aparatem). Im lepsza jakość, tym lepiej.

• Jeżeli nasz aparat ma autofocus, włączamy go, dzięki czemu będziemy mieć równomierną ostrość.
• Jeżeli nasz aparat ma lampę błyskową, to wyłączamy ją w celu uzyskania jednolitej jasności i uniknięcia odblasków.
• Starajmy się trzymać aparat idealnie w pionie (bądź poziomie). Zdjęcia pod kątem się nienadają do tekstur bezszwowych.
• Zdjęcie wykonujemy z jak najmniejszej odległości, dzięki czemu nie będzie wygięć linii prostych na obrazie spowodowanych soczewką.

Jeżeli zdjęcie jest gotowe, możemy przystąpić do następnego kroku, czyli…

2. Tworzenie tekstury bezszwowej w programie Gimp

Ten darmowy program graficzny w pełni wystarczy do naszej pracy. Wczytujemy zdjęcie do programu.

Jeżeli stwierdzimy, że zdjęcie jest w złej kolorystyce, używamy opcji Kolory> Automatycznie> Balans Bieli. Zazwyczaj nasze zdjęcie jest dość dużych rozmiarów, więc zmniejszamy go do 640x480 opcją Obraz> Skaluj obraz. Teraz z przybornika wybieramy narzędzie „Kadrowanie”, ustalając opcje tak, jak na rysunku:

Klikając na obrazie, wybieramy interesujący nas fragment

I klikamy Enter aby wykadrować zdjęcie (oczywiście nie musimy tego robić, ale dobrze jest mieć tekstury, które są kwadratami o rozmiarach potęgi liczby 2). Teraz przechodzimy do Filtry> Odwzorowania> Stwórz bezszwowy. Nasza tekstura zostanie utworzona. Nie wierzymy? Zaznaczamy cały obraz (Ctrl+A) i kopiujemy go (Ctrl+C). Tworzymy nowy obraz o dużych rozmiarach (Plik> Nowy). Narzędziem Wypełnianie Kubełkiem z opcjami na rysunku klikamy na obraz

Może to i nie przypomina zbytnio trawy… Ale to już kwestia zdjęcia. Inny efekt:

„-Wczytałem zdjęcie cegły i wyszła kicha…”

Narzędzie Stwórz bezszwowy nadaje się jedynie do tekstur podłoża, takich jak trawa, błoto, dywan itp. Natomiast, jeżeli chcemy utworzyć teksturę z powtarzającym się wzorkiem musimy niestety zrobić to ręcznie.

Wczytujemy obrazek z cegłą. Przekształcamy obraz tak jak w poradzie wyżej. Z Menu Warstwa przechodzimy do Przekształcenie oraz do Przesunięcie. Klikamy na klawisz Przesunięcie o x/2 y/2

Dostaniemy taki obraz:

Teraz musimy zamalować łączenia. Narzędziem Klonowanie z opcjami widocznymi u góry najlepiej to się wykonuje. Wybieramy do tego jakiś miękki pędzel (ten „Circle Fuzzy”), klikamy przytrzymując Ctrl obok miejsca gdzie mamy zamalować, puszczamy ctrl i malujemy, aż łączenia znikną.

Zastosujemy teraz znowu Przesunięcie takie samo jak wcześniej. Gotowe!

Tworzenie tekstur bezszwowych w programie Photoshop

W Photoshopie niestety nie mamy odpowiednika funkcji Stwórz bezszwowy, ale jest dostępna po zainstalowaniu wtyczki ImageSynth. Bez niej niestety musimy robić to ręcznie. Pokażę jak (mam angielskiego photoshopa).

Wczytujemy obraz do programu.

Zmniejszamy obrazek, przechodząc do Image/Obraz > Image Size/Wymiary obrazu…

Wycinamy fragment lub skalujemy do 512x512 lub 256x256. Z menu Filter/Filtry przechodzimy do Other/Inne i do Offset/Przesunięcie

W oknie, które się pokaże, wpisujemy połowę rozmiarów obrazu, w moim przypadku

Teraz, podobnie jak w przypadku gimpa, zamalowujemy łączenia narzędziem Clone stamp tool/Klonowanie. Wybieramy miękki pędzel

Klikamy z wciśniętym klawiszem alt na miejscu, z którego chcemy klonować i malujemy, aż łączenia znikną.

Wybieramy filtr Offset lub wciskamy Ctrl+F. Nasza tekstura jest gotowa.

Zastosowanie

Oprócz oczywistego wykorzystania:

Możemy także wykonaną teksturę zamienić w deseń, bądź pędzel i namalować background to gry top down lub izometrycznej:

Albo zastosować jako platformy do platformówki. Miłej zabawy z tworzeniem własnych tekstur! J