Snarkpit Articles

Customizing/Merging HL2 textures (Fireworks MX)

Merge HL2 textures to create new ones.
Hello people and welcome to my first tutorial.
Here you'll learn step by step how to merge different textures using Macromedia Fireworks MX (2004).

You should have a basic knowledge of Fireworks and its tools.

Well let's get started with the question: "What is meant by 'Merging Textures'"?

Article image


Adding windows, doors, vents, etc to wall-textures.

Step 1:

Open the Texture-Browser of Hammer and just take a screenshot of the texture you want to customize by pressing PrintScrn on your keyboard (Make sure you have 512x512 selected at the bottom of the Texture-Browser). Paste it in Fireworks now and select the texture out of the screenshot. Copy and Paste it into a new, blank file.

You should now see the following picture on your workspace (Size: 512x512):

Article image


Step 2:

Repeat Step 1 but use the second texture that includes a window, door or vent, etc.

Step 3:

Copy the object (My example here: Window) out of the second texture and paste it into the first.

a)
Article image


b)
Article image


Step 4:

This looks good now but not very realistic. Select your 'Window-Layer' now and add some Inner Glow and Glow (Fireworks' Effects) to it:

Article image


Now it should look like the window is more embedded into the wall.

Step 5:

We are finished now, theoretically. But I found out that the window is looking a bit more realistic if you add some 'dirt'. Just create a rectangle with Fireworks. Use the same dimensions like the window here (for example: 300x120 pixels) and add a texture to the rectangle (Object Properties). Try out different textures/images. (I have used a wallpaper as texture - color: #505245):

Article image


Result:

Article image


Thats it! Now go on and merge your own textures :)

Discussion

Posted by RabidMonkey777 on Fri Mar 4th 2005 at 4:28am

Neat. Nice work.
Posted by thursday- on Sat Feb 26th 2005 at 5:22pm

Nice tutorial. I agree with Mryk let cubemaps do the reflections.

For Paint Shop Pro users without the glow effect use different shadowing effects around the window and you can make it look almost exactly the same.
Posted by Myrk- on Wed Feb 23rd 2005 at 12:32am

Reflections are done in the map using Cubemaps NatUS... Good tutorial, don't have Fireworks myself, but I'm sure its the same principal for Photoshop.
Posted by Joe-Bob on Tue Feb 22nd 2005 at 10:53pm

I'm not sure that you should be trying to do window effects like that on the texture itself, you would probably want to do it with overlays. Still a cool tut, though.
Posted by Natus on Tue Feb 22nd 2005 at 9:10pm

Hmm, i dont know much about macromedia fireworks, but is it possible to create that cool reflection effect in fireworks? or is it just coding?
Posted by Damic on Tue Feb 22nd 2005 at 7:45pm

Woow dude tis is cool :D and well explained