Converting real life photos into HL textures

A Tutorial for GoldSrc Engine

Yo, buddy. We are one of the oldest mod sites on the Interwebs. Sign up and maximize your browsing experience.

  • Subscribe: Get notified of new submissions like this.
  • Say Thanks: Show your appreciation by sending Admer456 points.
  • Post: Give Admer456 your thoughts on this Tutorial.
  • Vote: Help Admer456 win the Monthly Awards.
  • Rate: Give this Tutorial a rating out of 10.
  • Flag: Alert moderators and warn members of a problem with this Tutorial.
  • Watch: Get notified when this Tutorial is updated.
Mascot

Sound fun?

Sign up

Already a Bananite? Login

Updates

Hotfix #1
  • Corrected the number of colours to be indexed (255 to 256) - Thanks Alberto309
  • Added some more info
  • Added a link for GIMP
Admer456 avatar
Admer456 avatar Gone!
Member Joined 3y
11,395 points Ranked 374th
26 medals 1 legendary 4 rare
  • Submitted 30 Tutorials Medal icon
  • Submitted 15 Tutorials Medal icon
  • Returned 1000 times Medal icon
  • Reached 50 subscribers Medal icon
  • Received thanks 50 times Medal icon
  • One month a member Medal icon
Admer456 avatar
Admer456
8mo

From real life to Half-Life! Get it?

Making custom textures can be annoying at first, I'm here to help that process.

Software used:

I've taken a couple of photos of my school, for my school map.
Let's see how to convert this photo:



Into a Half-Life texture:



Alright, for this tutorial, I'll be using GIMP, because it's a free alternative to Abobe Photoshop. And, if you get used to the controls, it's going to be a good alternative >:D

If you follow the tutorial, you might even learn some useful GIMP shortcuts (and that's what tutorials are focused on: learning how to do stuff).

Open your raw photo:



Zoom in: (Hold Ctrl and use the mouse wheel)



You can click and hold the mouse wheel to move around, too :)

Now, select an area to crop: (Press R)



And when you select your area, press Enter to confirm the selection.

Now go to the tab Image -> Crop to selection...



Go to Image -> Scale image



Set it to 256x256. If the aspect ratio is locked, press the chain icon to the right.

You could use: 64x64, 128x128, 256x256 and 512x512. Sizes like 192, 240, 320 and 480 are OK, but usually not recommended, nor used :P
It's mostly your design choice. As for me, sometimes I use "modular" textures. Basically, they're like mipmaps, where 1 texture is more low-res than the original, and so on...

Then press Scale.

OK, we're not over yet. We need to make it seamless, because, well, it's seamed.

Press Ctrl+Shift+O (Hold Ctrl and Shift, then press O)



Now press Offset by x/2 y/2 (or Alt+2)
And press Offset. Now it will be split into 4 quadrants:



EWW, just LOOK AT THAT PIECE OF UGLINESS! AAARGH!
Let's correct this before I start vomiting, shall we?



Select this tool. And go to a certain area of your choice:



Hold Ctrl and click on that point. That is your reference point now.
Now paint it a bit, and play with the tool, you will then experience how it "behaves" :)



AHH, MUCH BETTER. :D

Also, don't forget to brush off some details there and there.
Let's press Ctrl+Shift+O again, and revert the quadrants:


Now, for the sake of stuff, we could apply a sharpening filter, or maybe add some contrast, but for now, we'll just make it as it is.

There, see? It's now ready to be used. Not yet, mister!
We need to make it compatible with Wally.

Go to Image -> Mode -> Indexed


IMPORTANT: Don't set the colour number to 255. Set it to 256.
Thank you, Alberto309, for the hint :D


Use those settings, and then convert it to Indexed :)

Now, export your texture. Press Ctrl+Shift+E.



Name it with something that ends with *.bmp

The next step is crucial:



Use this configuration. GIMP must not write colour space info, otherwise the colours will get messed up in Wally.
Now, let's import this wall into Wally.

Open Wally, and then create/open a WAD file.
Select File -> New
And select "WAD" as a file type.

Now:


Basically, just drag'n'drop it into the WAD window:



And then save the WAD somewhere.

If I missed out a part, let me know, I'll correct it ASAP :)

Posts

  • 5mo
    Georginy89 avatar
    Georginy89 Offline
    Member Joined 10mo
    196 points Ranked 18223rd
    hey yo, really nice guide/tut, gonna use this some day :D
    i'm 15 and doesn't avatar
    Mantra
    i'm 15 and doesn't
  • 7mo
    Admer456 avatar
    Admer456 avatar Gone!
    Member Joined 3y
    11,395 points Ranked 374th
    26 medals 1 legendary 4 rare
    • Submitted 30 Tutorials Medal icon
    • Submitted 15 Tutorials Medal icon
    • Returned 1000 times Medal icon
    • Reached 50 subscribers Medal icon
    • Received thanks 50 times Medal icon
    • One month a member Medal icon
    Posted by %%sgt.vodka%%

    I dont know if you remember one conversation we had in steam months ago about map your school with textures made photos from your school ;)

    Interesting...
    The photo in this tutorial is actually a photo of my school. :D
    It's on the bottom of the staircase, exactly 1m away from the exit, to the sports field.
    • Interesting x 2
    • Funny x 1
    Not a furry. My gf is, so... avatar
    Mantra
    Not a furry. My gf is, so...
  • 7mo
    samplevodka avatar
    samplevodka avatar Offline
    Member Joined 6y
    18 medals 1 legendary 2 rare
    • Submitted 50 Maps Medal icon
    • Returned 1000 times Medal icon
    • Submitted 20 Maps Medal icon
    • Received thanks 5 times Medal icon
    • Reached 10 subscribers Medal icon
    • Returned 100 times Medal icon
    I dont know if you remember one conversation we had in steam months ago about map your school with textures made photos from your school ;)
    ∆samplevodka∆
  • 8mo
    Admer456 avatar
    Admer456 avatar Gone!
    Member Joined 3y
    11,395 points Ranked 374th
    26 medals 1 legendary 4 rare
    • Submitted 30 Tutorials Medal icon
    • Submitted 15 Tutorials Medal icon
    • Returned 1000 times Medal icon
    • Reached 50 subscribers Medal icon
    • Received thanks 50 times Medal icon
    • One month a member Medal icon
    Posted by THePrince2231206

    R.I.P GoldSrc
    That also means: R.I.P. My laptop xd
    Not a furry. My gf is, so... avatar
    Mantra
    Not a furry. My gf is, so...
  • 8mo
    Admer456 avatar
    Admer456 avatar Gone!
    Member Joined 3y
    11,395 points Ranked 374th
    26 medals 1 legendary 4 rare
    • Submitted 30 Tutorials Medal icon
    • Submitted 15 Tutorials Medal icon
    • Returned 1000 times Medal icon
    • Reached 50 subscribers Medal icon
    • Received thanks 50 times Medal icon
    • One month a member Medal icon
    Posted by Alberto309

    It's better to index the image to 256 colors instead of 255; Gimp doesn't use "1" as the first color, it uses "0", so the palette has actually 256 colors (from 0 to 255) and it works perfectly.
    Interesting, didn't know that. I'll update the tutorial soon enough :)

    Edit: Updated :D

    It's also better to have as much details as possible in a Goldsource texture since the engine blurs them a lot while rendered in game, especially if you use default texture scaling values. So maybe take a bigger portion of the image and just scale it to 256px and add a bit of sharpness (a value of 30 should be fine), so that in game it will look less blurry.
    Ah, careful there. It's a design choice.
    You know, there could be a use for the 'interchanging' textures. How can I name them? Uhh...

    Basically, these -A and -B textures and so on... Every 240 pixels, the texture is changed on one surface, you know. For every "chop" the texture is different.

    Although, I'll update on that part too, just in case.

    Nice tutorial by the way, Admer. ;)
    Thank you, as always :3
    Not a furry. My gf is, so... avatar
    Mantra
    Not a furry. My gf is, so...
  • 8mo
    THePrince2231206 avatar
    THePrince2231206 avatar Texturing
    Wasteland Rebels Flag Affiliation: Wasteland Rebels
    Member Joined 1y
    298 points Ranked 13484th
    19 medals 2 rare
    • Returned 1000 times Medal icon
    • 10 submissions featured Medal icon
    • Submitted 5 Models Medal icon
    • One month a member Medal icon
    • Received thanks 5 times Medal icon
    • Modeller of the Month, June 2016 Medal icon
    THePrince2231206 avatar
    THePrince2231206
    Wasteland Rebels Flag
    Wasteland Rebels
    Posted by Alberto309

    It's better to index the image to 256 colors instead of 255; Gimp doesn't use "1" as the first color, it uses "0", so the palette has actually 256 colors (from 0 to 255) and it works perfectly.

    It's also better to have as much details as possible in a Goldsource texture since the engine blurs them a lot while rendered in game, especially if you use default texture scaling values. So maybe take a bigger portion of the image and just scale it to 256px and add a bit of sharpness (a value of 30 should be fine), so that in game it will look less blurry.

    Nice tutorial by the way, Admer. ;)
    the engine wont blur them in game, or at least not if you use gl_max_size "512" or "1024" for even better details, setting the rendering mode to "opengl", and also is good for your map to have detail textures (r_detailtextures 1)....
    Texture Specialist avatar
    Mantra
    Texture Specialist
  • 8mo
    Alberto309 avatar
    Alberto309 avatar Offline
    Sapientia Studio Flag Affiliation: Sapientia Studio
    Member Joined 10y
    41,752 points Ranked 96th
    28 medals 1 legendary 3 rare
    • 10 years a member Medal icon
    • 3rd Place - Winter Props/Prefabs Contest Medal icon
    • 6 years a member Medal icon
    • Returned 1000 times Medal icon
    • 4th Place - GameBanana Around the Globe Contest Medal icon
    • Useful Props & Prefabs Contest Entrant Medal icon
    Alberto309 avatar
    Alberto309
    Sapientia Studio Flag
    Sapientia Studio
    GoldSource Engine Ambassador
    It's better to index the image to 256 colors instead of 255; Gimp doesn't use "1" as the first color, it uses "0", so the palette has actually 256 colors (from 0 to 255) and it works perfectly.

    It's also better to have as much details as possible in a Goldsource texture since the engine blurs them a lot while rendered in game, especially if you use default texture scaling values. So maybe take a bigger portion of the image and just scale it to 256px and add a bit of sharpness (a value of 30 should be fine), so that in game it will look less blurry.

    Nice tutorial by the way, Admer. ;)

    8.8/10

    Gamer since 1995 avatar
    Mantra
    Gamer since 1995
  • 8mo
    THePrince2231206 avatar
    THePrince2231206 avatar Texturing
    Wasteland Rebels Flag Affiliation: Wasteland Rebels
    Member Joined 1y
    298 points Ranked 13484th
    19 medals 2 rare
    • Returned 1000 times Medal icon
    • 10 submissions featured Medal icon
    • Submitted 5 Models Medal icon
    • One month a member Medal icon
    • Received thanks 5 times Medal icon
    • Modeller of the Month, June 2016 Medal icon
    THePrince2231206 avatar
    THePrince2231206
    Wasteland Rebels Flag
    Wasteland Rebels
    Posted by Admer456

    Posted by THePrince2231206

    image resolution can go upto 512 px

    My texture resolution was 256x256 just for the tutorial's sake.
    Using 512x is still OK, as long as you don't scale them all :)

    Also, Xash3D can do 4096x textures and skyboxes :D
    R.I.P GoldSrc
    Texture Specialist avatar
    Mantra
    Texture Specialist
  • 8mo
    Admer456 avatar
    Admer456 avatar Gone!
    Member Joined 3y
    11,395 points Ranked 374th
    26 medals 1 legendary 4 rare
    • Submitted 30 Tutorials Medal icon
    • Submitted 15 Tutorials Medal icon
    • Returned 1000 times Medal icon
    • Reached 50 subscribers Medal icon
    • Received thanks 50 times Medal icon
    • One month a member Medal icon
    Posted by THePrince2231206

    image resolution can go upto 512 px

    My texture resolution was 256x256 just for the tutorial's sake.
    Using 512x is still OK, as long as you don't scale them all :)

    Also, Xash3D can do 4096x textures and skyboxes :D
    Not a furry. My gf is, so... avatar
    Mantra
    Not a furry. My gf is, so...
  • 8mo
    THePrince2231206 avatar
    THePrince2231206 avatar Texturing
    Wasteland Rebels Flag Affiliation: Wasteland Rebels
    Member Joined 1y
    298 points Ranked 13484th
    19 medals 2 rare
    • Returned 1000 times Medal icon
    • 10 submissions featured Medal icon
    • Submitted 5 Models Medal icon
    • One month a member Medal icon
    • Received thanks 5 times Medal icon
    • Modeller of the Month, June 2016 Medal icon
    THePrince2231206 avatar
    THePrince2231206
    Wasteland Rebels Flag
    Wasteland Rebels
    image resolution can go upto 512 px
    Texture Specialist avatar
    Mantra
    Texture Specialist

Share

Shareable Image:
Share banner
HTML embed code:
BB embed code:
Markdown embed code:

More embeddable images

Bookmark and Share

Credits

Authors
Admer456 avatar
Admer456 avatar Offline
Member Joined 3y
11,395 points Ranked 374th
26 medals 1 legendary 4 rare
  • Submitted 30 Tutorials Medal icon
  • Submitted 15 Tutorials Medal icon
  • Returned 1000 times Medal icon
  • Reached 50 subscribers Medal icon
  • Received thanks 50 times Medal icon
  • One month a member Medal icon
Writer, texturer, photographer

Submitter

Admer456 avatar
Admer456 avatar Gone!
Member Joined 3y
11,395 points Ranked 374th
26 medals 1 legendary 4 rare
  • Submitted 30 Tutorials Medal icon
  • Submitted 15 Tutorials Medal icon
  • Returned 1000 times Medal icon
  • Reached 50 subscribers Medal icon
  • Received thanks 50 times Medal icon
  • One month a member Medal icon

Admer456 avatar
Admer456

Creator
Sign up to access this!
Sign up to access this!
Sign up to access this!
Sign up to access this!

Category

Details

Difficulty Level
Intermediate Difficulty

Attributes

Genre
Texturing

Stats

Posts
10
Views
925
Date Added
8mo
Date Modified
8mo
Date Updated
8mo

Scores

79 bScore
8.9 Rating

2 voters

Sign up to access this!

WiPs by Submitter

bcp.crwdcntrl.net tracking pixel