Tutorial: Basic Textures

This is not how to make the texture it self, but to make the picture you already have into a texture.
[release]
The textures used in tutorial

http://img198.imageshack.us/img198/1336/brickbathroomtile01.jpg[/media]
[media]http://img690.imageshack.us/img690/7215/brickbathroomtile01bump.jpg

[/release]
Things you will need
VTFEdit
Basic knowledge of Hammer
your way around programs with out getting completely confused (trial and error)

http://img190.imageshack.us/img190/2787/21706744.png

http://img193.imageshack.us/img193/8576/27069350.png

http://img709.imageshack.us/i/79860028.png/

http://img709.imageshack.us/img709/8253/72471500.png

http://img269.imageshack.us/i/74026651.png/

http://img198.imageshack.us/img198/6113/80836497.png

http://img189.imageshack.us/img189/8127/81051655.png

http://img198.imageshack.us/img198/5447/72604018.png

http://img690.imageshack.us/img690/4757/83550839.png

http://img709.imageshack.us/img709/3254/47715216.png

http://img193.imageshack.us/img193/955/68343519.png

http://img64.imageshack.us/img64/7341/29624607.png

http://img198.imageshack.us/img198/9779/18484943.png

http://img198.imageshack.us/img198/4122/88732742.png

*Hammer - spelt it wrong…

http://img269.imageshack.us/img269/4081/90075010.png

http://img709.imageshack.us/img709/1461/40684169.png

http://img690.imageshack.us/img690/5692/64835004.jpg

http://img198.imageshack.us/img198/9189/41490906.jpg

http://img193.imageshack.us/img193/6892/43669923.jpg

Now if there is anything wrong please tell me. If you don’t want a bumpmap basically leave that piece of code out… I got kind of sloppy and wanted it to be done with at the end… but yeah if you have any questions just ask. :smiley:

Just to let you all know I am beginner. I have learned this all in the past week so if i am not explaining things right oh well it still works lol. Doesn’t need to be explained down to the VERY slightest detail.

Very nice tutorial.
Maybe you should also explain on how to bake the textures in the bsp.

Thats just pakrat not that hard, but if people request it I will make it.

You should.
Your tutorial was simple and effective.
plus has alot of pictures :smiley:

haha after the first like 20 minutes making it I was bored out of my mind! so editing all the pictures I tried to rush it as much as possible. Still think it came out ok though.

Pakrat takes 10sec to figure out how to use. Nice tutorial btw.

By experience, I recommend making your normal maps over-exaggerated so they show up properly in Source. Too many times do I see people make normal maps that aren’t prominent enough.

I think they came out pretty well. Very noticeable I thought.

It’s actually a normal map. Bump maps are black, white and shades of gray.

The tutorial is awesome nonetheless.

normalmap and bumpmap are pretty much the same the spec map is what is shades of gray

Base texture

http://img198.imageshack.us/img198/1336/brickbathroomtile01.jpg

Bump Map/Normal Map

http://img690.imageshack.us/img690/7215/brickbathroomtile01bump.jpg

Spec Map

http://img710.imageshack.us/img710/5978/brickbathroomtile01spec.jpg

Awesome, finally a simple tutorial. Thanks.

Two questions: How did you get the light_spot to display like that and how do you make bump maps?
Good tutorial by the way.

I had to turn the lightmaps to 2 and basically just pointed the light at the ground. Bump maps require a plugin for photoshop or a different program.

whatever you do, don’t use crazy bump

Why?

The bumpmaps it generates always look very weird, like fluffy.

[editline]11:28PM[/editline]

I use it for specular maps though.

I wasn’t criticizing yours. It was just an added tip to the thread.

Oh, alright. Sorry haha

A couple questions from my side:

  • Is it really a big difference if you SSbumb these, instead of just bumbmapping them?
  • What is an easy way to “tile” textures? If you know what I mean.

I already knew how to make “Basic Textures”, it’s a good tutorial.

Could you go over how to make a good spec map and show what it looks like in game. All mine fail miserably.