PDA

View Full Version : Map Texture Tutorial: Static, Animated, Transparent,Toggled, and Water



The303
24-01-2016, 05:33 PM
http://www.the303.org/tutorials/gold_texture.htm

http://www.the303.org/tutorials/goldteximages/introtex.jpg

After too many delays, I have finally put this together. In the future I will have a video version, but that comes later.

Nih
24-01-2016, 07:06 PM
I only skimmed it, but it looks like a useful tutorial :)

The303
24-01-2016, 11:46 PM
I only skimmed it, but it looks like a useful tutorial :)

Thanks, my hope is to get many people who are really new to this right into it.

I may add 2 more sections later next week when im not busy:

Part 7: Skybox Textures
Part 8: Detail Textures

CryoKeen
25-01-2016, 12:11 AM
may want to think about doing a gimp version too :3 ty for posting tho it is informative

Boxleitner
25-01-2016, 09:10 AM
I may use this tutorial later, thanks for sharing!

The303
05-02-2016, 01:55 PM
may want to think about doing a gimp version too :3 ty for posting tho it is informative

Yeah at some point in the future I may return to do a Gimp version. One thing that does bother me about gimp is that the way it dithers or chooses colors during 8-bit palette building is atrocious. Like so bad that I actually found it was better to save it out as 24bitbmp and then use IRFANVIEW (awesome free image program I use for tons of stuff) to build the 8bitbmps.

The303
13-02-2016, 08:37 PM
A friend who had a boatload of textures for batch processing asked me to find a way of converting so I made a quick and dirty tutorial on it, also his source images were already ready made for indexed colors/hard masked transparency so I included a fast method for background palette index swaps:
http://www.the303.org/tutorials/gold_texture_px.htm

SourceSkyBoxer
14-02-2016, 05:57 AM
Animated textures is very slow. I recommend with Spirit of Half-Life via env_sky like utskytest.bsp if you know to create sequere for scientist movements.

I know about animated textures since i tested it but bsp content is too big if my bsp was embed with animated textures.

w00tguy123
14-02-2016, 01:54 PM
Animated textures is very slow.

It's possible to get 20fps with sprites (and then you can fix them to an axis to make them look like a texture), but the file size can inflate to several MB if you're not careful.

The303
14-02-2016, 03:33 PM
It's possible to get 20fps with sprites (and then you can fix them to an axis to make them look like a texture), but the file size can inflate to several MB if you're not careful.

Doesn't that method cause a bunch of network/entity overhead? Also is there a way we can make a clientside per-map angelscript to fix sprite framerates?

Also, yeah frames and filesizes are a big problem, but Ive seen some low filesize workarounds and timings for example the TV playing street fighter movie on ts_bikini.bsp from the specialists mod.

The303
29-06-2016, 02:01 AM
UPDATE!
Part 7 with scrolling textures & effects
http://www.the303.org/tutorials/gold_texture_p7.htm
http://www.the303.org/tutorials/goldteximages/scr04.gif

Working on Detail & Custom skyboxes soon.

banan2288
29-06-2016, 07:34 AM
Love your tutorials! I'll recommend your website whenever someone ask about texturing/modelling tutorials.

Green Astronauts
29-06-2016, 08:27 AM
I added your website to my bookmarks! The303, thanks a lot man! You're doing great work. A++ resource, will read again :D

SourceSkyBoxer
04-11-2016, 06:42 AM
Hello @w00tguy123 and @The303, I am thinking better other way like more frames you know dynamic map like func_train and path_corner via teleport if you see like this old example (http://www.thewall.de/content/half-life:tutorials:dynamisches_licht_faken)TheWall sorry it made by Germany. like door opens with faked shadow or room with movable monitor. I think it is better than animated textures. example fram_01 , ..... frame_30 brushes were marked to func_train and both path_corner with teleport from spawn-flags and multi_manager. And map doesn't have problem if frames see like fake movie. example your banny crashes again button with more frames than you can see in-game like it is very faster than animated textures... if they use -nowadtextures

EDIT:
I give suggestion alternative to animated textures - if you use func_train and path_corner more than animated textures...

https://www.youtube.com/watch?v=gcdAfYoZJEw

and Download for Jack Hammer 1.10.x

The303
05-11-2016, 03:33 PM
Interesting, Ill have to take a look at that and experiment. That and one more method ive yet to attempt.

Also, I will try to get back on track for the Part 8&9 of the texture tut: Skybox & detail tutorials, been delayed lots due to being so busy thest last few months.

The303
07-11-2016, 10:59 PM
UPDATE:
PART 8: CUSTOM SKIES IS FINALLY HERE
http://www.the303.org/tutorials/gold_texture_p8.htm
http://www.the303.org/tutorials/goldteximages/skyp04.gif
http://www.the303.org/tutorials/goldteximages/ble10.jpg

Green Astronauts
08-11-2016, 12:04 AM
I'd add your page to my bookmarks for a second time, if I could :p
Stunning tutorial! Thanks a lot.

SourceSkyBoxer
08-11-2016, 12:44 AM
Hi @the303, good idea method 6: very biggest texture and you can make generated 6 textures for skybox but it is very hard
Check website (http://www.israel-smith.com/thoughts/howto-create-a-skybox-in-gimp-2-8-for-unity3d/)!

Do you know about animated skybox? Since I have invented and posted Sven Coop ( very very old post Just Skychanger )

If you don't know how do I get skybox changer. I will show tutorial. okay...

DNIO071
08-11-2016, 07:41 PM
I definitely need to try this if I ever get into advanced mapping, great research.

Green Astronauts
08-11-2016, 07:59 PM
Since I have invented and posted Sven Coop
You invented Sven Co-op?

SourceSkyBoxer
08-11-2016, 08:29 PM
No I mean sky changer on Forum ( but it is very old post )

The303
08-11-2016, 09:50 PM
I definitely need to try this if I ever get into advanced mapping, great research.

Yeah this was THE most difficult tutorial to research, even moreso than the mdl stuff ive done. Almost nothing exists online for goldsrc and even stuff for source can be sometimes lacking. Did a huge amount of testing methods and even had to redo some parts, such as rendering cubic from regular blender render (apparently the lighting does NOT align with all the faces properly which is why I went with Cycles + Equalrectangular to skypaint for cubic conversion) also thanks to lossy for helping me test skypaint terragen + win10 compatibility.

I can post some of the links I saved while researching this:
https://judegodin.wordpress.com/2011/12/06/how-the-hell-do-i-make-a-cubemap/
https://developer.valvesoftware.com/wiki/$envmap
https://developer.valvesoftware.com/wiki/Skybox_(2D)
https://developer.valvesoftware.com/wiki/Creating_a_2D_skybox_with_Terragen
https://developer.valvesoftware.com/wiki/Skybox_with_Terragen_-_Advanced
https://www.youtube.com/watch?v=uVPsbPIXH9E
http://www.katsbits.com/tutorials/blender/render-skybox.php
https://www.youtube.com/watch?v=PPc0tz6r384
http://wiki.polycount.com/wiki/Cube_map (tons of links at end of page)

Part 9 for the tutorial will be Detail textures which will be a lot easier than this one and shouldnt take too long.

The303
20-11-2016, 01:49 AM
FINAL UPDATE! Part 9 and 10 which are DETAIL and BATCH CONVERSION are done which concludes the tutorial. Also part 5 got an update to include the second set of animated names.

http://www.the303.org/tutorials/goldteximages/det05.gif
http://www.the303.org/tutorials/goldteximages/cmd02.jpg

http://www.the303.org/tutorials/gold_texture_p9.htm
http://www.the303.org/tutorials/gold_texture_p10.htm

Now this is done I can move on to other things like the modelling and the long-shelved SPRITE tutorials.

banan2288
20-11-2016, 06:50 AM
Those tutorials are amazing!

The303
17-01-2017, 06:59 PM
UPDATE!

I have finally put together a proper example map that I should have done a long time ago, and I have made a few various tweaks for non-photoshop users such as clarifying a bit better on what to do and linking/skipping to IRFANVIEW dithering method and the quick wally conversion option. Also adding the web archive of the old wally tutorial page which Is quite good. This is all available on the front page http://www.the303.org/tutorials/gold_texture.htm

I have also streamlined the "masked" part2 for faster index swapping within photoshop.

Example map pics:
http://www.the303.org/tutorials/goldteximages/textutexample.jpg

Lastly, hopefully I will have the looooong-delayed 6-part sprite tutorial done by the end of this week.

[CHN]iAmZC
19-01-2017, 07:00 AM
if you see like this old example (http://www.thewall.de/content/half-life:tutorials:dynamisches_licht_faken)TheWall sorry it made by Germany.
Can you translate the tutorial in "example" into English? I want translate it into my native language(Chinese) and post it in my blog.
My mail: iamthezc@gmail.com

kubisztal
11-08-2017, 08:43 AM
Love your tutorials! I'll recommend your website whenever someone ask about texturing/modelling tutorials.

wolf-3d
11-08-2017, 11:42 AM
iAmZC;526090']Can you translate the tutorial in "example" into English? I want translate it into my native language(Chinese) and post it in my blog.
My mail: iamthezc@gmail.com

Google translate should be available in China now ? [News (https://tribune.com.pk/story/1368679/google-translate-app-now-unblocked-china/)]

I tried translating "paragraph block"(PG) by PG.
GER to ENG and except for a few words (e.g. "faken" (Faked/Falsified)
It did a very good job and the PG's where quite easy to understand.

PS: If available for phones only/some other problem, etc. give me a PM it will take approx. 1 min for me to do GER to ENG.

SourceSkyBoxer
11-08-2017, 11:55 AM
@wolf-3d
Sorry I already sent e-mail to [CHN]iAmZC

Yeah I have translated German to English than English to Chinese (simple)

wolf-3d
11-08-2017, 04:06 PM
@SourceSkyBoxer,
Good/Thank you - Spread the knowledge and we may get even more! Interesting, professional and great looking maps that we can all enjoy and play :)

pubg
18-08-2017, 09:46 AM
I'd add your page to my bookmarks for a second time, if I could :p
Stunning tutorial! Thanks a lot.