Frictional Game Wiki

<h1>Adobe Photoshop</h1> <div class="level1"> <p> <a href="https://www.adobe.com/products/photoshop.html" class="urlextern" title="https://www.adobe.com/products/photoshop.html" rel="nofollow">Adobe Photoshop</a> is a professional image editing software. It can be used to manipulate real-life photographs, draw and design textures, setup background and artwork and much more. It's an extremely useful tool for working with game graphics. Photoshop is available for both Windows and Macintosh. </p> </div> <h2>Introduction</h2> <div class="level2"> <p> Adobe Photoshop CS for Windows was used during Penumbra's development but has since been deprecated due to it's old release (2003).<br/> There are of course alternatives to Photoshop, for example GIMP (multiplatform) and Paint.NET (Windows only). </p> <p> If you're an archivist like me, then you might have a legitimate copy of Photoshop laying around as well - modern versions of Photoshop <em>might</em> work, but for documentation purposes I will be using Adobe Photoshop CS (2003). </p> </div> <h2>Setup</h2> <div class="level2"> <p> First off, you gotta install the <a href="https://developer.nvidia.com/nvidia-texture-tools-adobe-photoshop" class="urlextern" title="https://developer.nvidia.com/nvidia-texture-tools-adobe-photoshop" rel="nofollow">Nvidia Photoshop tools</a> from the official Nvidia website. </p> </div> <h2>How to</h2> <div class="level2"> <ul> <li class="level1"> Once that's done, create a simple image or pick a random image from the internet - for example a crate texture.</li> <li class="level1"> Here's an example of what you normally see in Photoshop, not the prettiest picture but it'll do.</li> </ul> <p> <img src="/lib/exe/fetch.php?w=1280&h=1024&tok=9f263e&media=https%3A%2F%2Fcdn.discordapp.com%2Fattachments%2F654638000323559448%2F675305721717456936%2FPS1.png" class="media" alt="" width="1280" height="1024" /> </p> <ul> <li class="level1"> Images can be saved in formats such as <b>PNG</b>, <b>JPG</b> and <b>TGA</b> - all of which the HPL1 engine supports.</li> <li class="level1"> The HPL1 engine does <u>NOT</u> take too kindly to <b>DDS</b> (DirectDraw Surface) formats, so don't use those.</li> <li class="level1"> Once you've created an image you like, head on over to Filter > NVIDIA Tools > NormalMapFilter</li> </ul> <p> <img src="/lib/exe/fetch.php?w=1280&h=1024&tok=0c06ce&media=https%3A%2F%2Fcdn.discordapp.com%2Fattachments%2F654638000323559448%2F675305726830182400%2FPS2.png" class="media" alt="" width="1280" height="1024" /> </p> <p> Here you can choose a variety of settings that'll make your texture stand out more and look good, I will be saving the bump map for this texture as a 32 bit Targa since the alpha channel can be used later on. You can also preview your texture by clicking the little <b>3D Preview</b> button. (Pretty cool huh?) <br/> You can read a more detailed explanation on how these things work <a href="/doku.php?id=hpl1:tutorials:tutorial_3_-_materials" class="wikilink1" title="hpl1:tutorials:tutorial_3_-_materials">here</a>, this was just a brief tutorial on how to use Photoshop with the HPL1 engine. </p> </div> <h2>Important information on images</h2> <div class="level2"> <p> The material file (.mat) is an XML file that contains information on what images is used in the material to create the texture and other properties. Unlike it's successors, the HPL1 engine does NOT generate material files automatically. Instead you will have to create them manually by using the HplHelper program. </p> <p> You can download the tools <a href="https://fricpub.s3.amazonaws.com/tools/hpl1/mod_tools.zip" class="urlextern" title="https://fricpub.s3.amazonaws.com/tools/hpl1/mod_tools.zip" rel="nofollow">here</a> if you haven't already. </p> </div>