How to make "Transparent Textures" the easy way.

A Tutorial for Half-Life

Re-uploaded due to being withheld. - 1/17/2018
Edited due to being withheld again. - 1/18/2018
------------------------------------------------------------------------------------------------

In this tutorial I hope to demonstrate an easier way of making those pesky transparent textures that have R:G:B: blue areas that disappear when used in the Half-Life 1 engine. Please note this tutorial is made using Photoshop 6 and that I am unfamiliar with any other art software beside it. I hope this tutorial will help make things easier for those reading it.

This tutorial was inspired by the great DocRock, thank you sir for your encouragement and support.
------------------------------------------------------------------------------------------------
Before you begin you will need the Following Software:
Photoshop 6 
(or greater)
Wally 1.55 BETA
Hammer 3.5.3
Half-Life (Latest build.)
------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------
STEP I: 
------------------------------------------------------------------------------------------------
Let's begin by making a new image in Photoshop and be sure your
“Background Contents” is set to “Transparent” as seen in the below image.
------------------------------------------------------------------------------------------------


------------------------------------------------------------------------------------------------
STEP II: 
------------------------------------------------------------------------------------------------
Next we should have a blank pallet that will odiously need some 
kind of content. For this tutorial I will be using a texture I created 
myself of a metal grate cover.
------------------------------------------------------------------------------------------------


------------------------------------------------------------------------------------------------
STEP III: 
------------------------------------------------------------------------------------------------
For the next part you can use 1 or more tools to remove the parts you want to be transparent. Alternatively, if you make the texture from scratch like I did then the process becomes much easier through the use of Layers. I suggest looking up Photoshop tutorials on using Layers, Lasso tool, and the Magic wand tool.
------------------------------------------------------------------------------------------------


------------------------------------------------------------------------------------------------
STEP IV: 
------------------------------------------------------------------------------------------------
This next step is very important, make sure your background remains the checker bored transparent background color or this will not work! Once you are satisfied with your texture you will need to change it’s format to “Indexed color”, this is done by clicking image at the top of Photoshop then choosing “Mode” and lastly “Indexed color”. Choose “Yes” when asked if you want to flatten the image which will merge all layers into 1. 

(So you may want to save your source file as  a .PSD file before proceeding to this step for later edits.)
------------------------------------------------------------------------------------------------


------------------------------------------------------------------------------------------------
STEP V: 
------------------------------------------------------------------------------------------------
OK! This is the step that makes it all work, after we have “Indexed
Color” our image we will need to edit it’s color table, so begin by repeating the last step but this time choose the “Color Table” option.
------------------------------------------------------------------------------------------------


------------------------------------------------------------------------------------------------
You should now have a window that looks similar to mine but will
vary based on the colors in your image, mine is black & white so
the pallet isn’t very big as you can see. 
------------------------------------------------------------------------------------------------


------------------------------------------------------------------------------------------------
Look for the last square in the pallet that displays the transparent
background color and click on it to bring up it’s color values, you
will want to edit it’s R:G:B: values R: 0, G: 0, B: 255 and then click OK.
------------------------------------------------------------------------------------------------


------------------------------------------------------------------------------------------------
STEP VI: 
------------------------------------------------------------------------------------------------
We are almost done now! Save your image as a .bmp image format via File > Save As to the location of your choice.
------------------------------------------------------------------------------------------------


------------------------------------------------------------------------------------------------
STEP VII: 
------------------------------------------------------------------------------------------------
Now open Wally and create a new .wad file and then open your .bmp image you saved from Photoshop in Wally, right click this image in Wally and choose “Copy”, then right click your wad field and choose “Paste as New” which will then give you a new menu used to name your texture, this is a critical step! You MUST put a { at the beginning of the textures name for all transparent textures or the Half-Life engine will not know it’s meant to be a transparent texture.
------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------
Save your .wad with your name of choice  to your Half-Life directory and then make sure to add it in Hammer configuration, set your texture up in a Hammer map and your good to go! Enjoy!
------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------
ENDING RESULTS: 
------------------------------------------------------------------------------------------------


------------------------------------------------------------------------------------------------
THIS TUTORIAL IS ALSO AVAILABLE IN A .JPG IMAGE FORMAT:
------------------------------------------------------------------------------------------------

Posts

  • Mamorex avatar
    Mamorex username pic Joined 8y ago
    Offline
    12,928 points Ranked 360th
    28 medals 4 legendary 6 rare
    • Returned 5000 times Medal icon
    • Submitted 50 Maps Medal icon
    • Submitted 40 Castaways Medal icon
    • 2017 Top Contributor Medal icon
    • Submitted 30 Textures Medal icon
    • Returned 1000 times Medal icon
    3moEdited 3mo
    Wally automatically creating transparency from 255 blue color, if you name your texture file {xxx before import. Pallet work in Photoshop is unnecessary. 

    Wally doing a similar job with water fog color, if you import !xxx file.
    Poland
  • C A T avatar
    C A T username pic Joined 2y ago
    Offline
    888 points Ranked 5744th
    11 medals 1 rare
    • Returned 1000 times Medal icon
    • One month a member Medal icon
    • Returned 100 times Medal icon
    • 6 months a member Medal icon
    • Reached 1,000 Points Medal icon
    • Received thanks 5 times Medal icon
    6mo
    Thanks! Will help a lot in my next map.

    10

  • silentrunner007 avatar
    silentrunner007 Joined 11y ago
    Offline
    8,517 points Ranked 558th
    16 medals 1 legendary 3 rare
    • 10 years a member Medal icon
    • 6 years a member Medal icon
    • 3rd Place - 2016 Winter Mapping Contest Medal icon
    • Submitted 20 Maps Medal icon
    • One month a member Medal icon
    • 6 months a member Medal icon
    7mo
    Thanks DK! Hopefully this helps some of those that still can't seem to get a handle on making them.

    9

    Stud Muffin avatar
    Mantra
    Stud Muffin
  • DocRock avatar
    DocRock Joined 11y ago
    Offline
    15,183 points Ranked 292nd
    25 medals 2 legendary 6 rare
    • 10 years a member Medal icon
    • Submitted 50 Maps Medal icon
    • 6 years a member Medal icon
    • Submitted 20 Maps Medal icon
    • 3rd Place  - Halloween Mapping Contest MMXVII Medal icon
    • Returned 1000 times Medal icon
    7mo
    Excellent tutorial!  Thanks DK for doing this for the community.  Much appreciated and much needed!  10+

    10

    Rock On

Embed

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

Credits

Key Authors
DiscountKiller
2D Artist / Writer
Special Thanks
DocRock
Idea / Encouragement

Submitter

DiscountKiller avatar
DiscountKiller Joined 1y ago
Offline
517 points Ranked 9313rd

DiscountKiller
Creator
Sign up to access this!
Sign up to access this!
Sign up to access this!
  • Paypal Donate

Game

Sign up to access this!

Category

Details

Difficulty Level
Intermediate Difficulty

Attributes

Share

  • Share on Reddit
  • Share on Twitter
  • Share on Facebook
  • Share on Google+

Stats

  • 1,343 Views
  • 6 Posts
  • 7mo Submitted
  • 7mo Modified

Scores

86 bScore
9.3 Rating

4 voters

Sign up to access this!
bcp.crwdcntrl.net tracking pixel