TEXTURE TUTORIAL - how to extract texture from photos for use on screenshots - Garry's Mod

Lo and behold, this is going to be a tutorial on how to take texture from one picture, and put into another! :eng101: I was giving critique about texturing in another thread, where I gave an example of what I meant, and was asked how I did it. That made me create a tutorial, which I'm now going to share with all of you here. So what is texturing? Well, here's an example. The same I used in [url=http://www.facepunch.com/threads/1073819-Welcome-Welcome-to-FMUFMU-it-s-safer-here-...-at-least-till-the-trains-arrive]this[/url] thread. Here we have part of a great scene (made by Crazy Knife), with a surface (the wall) that could use some texturing. [media]http://img683.imageshack.us/img683/8901/notexture.jpg[/media] As you can see, it's really blurry. The wall is very low resolution, so I put a new texture on it. Here's what it looks like now [media]http://img94.imageshack.us/img94/7914/texturer.jpg[/media] Now, this is not my own gmod scene, so I've had to work with the final picture. Ideally, I would have used the wall without any drains or vegetation on it, put on the texture, and then green screen'd the drains and vegetation, to put on top of the textured wall. It's a really good and sometimes easy way to make something look much more interesting. You could texture any kind of thing, it only depends on what you're willing to go through. It can get pretty difficult depending on your goal. My tutorial is meant for photoshop, so it may not work for other programs. Basically, all your program need for this to work, is a quick mask function. If it's got that, you can still use my tutorial if you otherwise know what you're doing in whatever program you use. Behold! [media]http://img202.imageshack.us/img202/8864/texturetutorial12.png[/media] If you've got any ideas, suggestions, or questions, fire away! [b]Update:[/b] I've made a proper example of how texturing can be used, and changed the tutorial a little (added a tip on how to blend texture layers with pictures, and changed the final picture). Here we've got a pretty standard interrogation room from half life 2. There's nothing crazy about, only the colors of the picture has been changed. [media]http://img109.imageshack.us/img109/5687/halflife1.jpg[/media] And here is the same room, only modified with textures. [media]http://img204.imageshack.us/img204/7023/halflife2f.jpg[/media] I've used the method in my tutorial, and added textures to my picture. The only tools used are the transformation tool, line tool, and a tiny bit of clone brushing. So there are no fancy tricks at play here. It's a simple example of how textures, and nothing else, can make a picture very different. If you want to go further though, you could get something like this: [media]http://img802.imageshack.us/img802/1082/halflife5.jpg[/media] [url=http://screenshotcomparison.com/comparison/52577]Here's a comparison with the original screenshot. [/url]

Fucking amazing tutorial.

I dunno' how to say this: Most parts of your tutorial have allready been covered up by Chesty's Basic Tutorial for Gimp. [url=http://www.facepunch.com/threads/863858-Chesty-s-basic-editing-tutorial]in Here[/url] A slight difference in the process but the result is the same. Also, FYI, I use a tool in Paint.Net called "Black to Alpha", turns anything but black invisible and I got the result texture just like yours with a tiny bit of less effort. My point is: It's not really that new and the basics are compatible with Paint.NET or Gimp but it's a good reminder of an important technique. Plus, the whole "adjusting-light"-thingy might get useful aswell. :biggrin: At the very least, you tried to be helpfull, it's an easy step by step instruction and that's all that matters.

[QUOTE=REH_BlackJack;28957235]I dunno' how to say this: Most parts of your tutorial have allready been covered up by Chesty's Basic Tutorial for Gimp. [url=http://www.facepunch.com/threads/863858-Chesty-s-basic-editing-tutorial]in Here[/url] A slight difference in the process but the result is the same. Also, FYI, I use a tool in Paint.Net called "Black to Alpha", turns anything but black invisible and I got the result texture just like yours with a tiny bit of less effort. My point is: It's not really that new and the basics are compatible with Paint.NET or Gimp but it's a good reminder of an important technique. Plus, the whole "adjusting-light"-thingy might get useful aswell. :biggrin: At the very least, you tried to be helpfull, it's an easy step by step instruction and that's all that matters.[/QUOTE] Most peeps use potatochop here though, blackjack

[QUOTE=Crazy Knife;28958024]Most peeps use potatochop here though, blackjack[/QUOTE] Yeap, were all rich faggots.

[QUOTE=Bubz;28958737]Yeap, were all rich faggots.[/QUOTE] lol. Yep.

[QUOTE=REH_BlackJack;28957235]I dunno' how to say this: Most parts of your tutorial have allready been covered up by Chesty's Basic Tutorial for Gimp. [url=http://www.facepunch.com/threads/863858-Chesty-s-basic-editing-tutorial]in Here[/url] A slight difference in the process but the result is the same. Also, FYI, I use a tool in Paint.Net called "Black to Alpha", turns anything but black invisible and I got the result texture just like yours with a tiny bit of less effort. My point is: It's not really that new and the basics are compatible with Paint.NET or Gimp but it's a good reminder of an important technique. Plus, the whole "adjusting-light"-thingy might get useful aswell. :biggrin: At the very least, you tried to be helpfull, it's an easy step by step instruction and that's all that matters.[/QUOTE] It's ok. At least it's a reminder, as you said. But it's got different examples than Chesty's. It's more aimed at changing environment than characters. And I guess it's also good for people with PS. I updated the OP though, with a new example. [i]Be sure to check it out.[/i]

Cool tutorial

Very useful, thanks

Might I add that the desaturation is not always necessary. Neither the "bad example" is always useless. You just have to tweak it right. [editline]3rd April 2011[/editline] also you don't need no fancy shancy alpha masks when selecting - just use color range. Easy and fast. [editline]3rd April 2011[/editline] Useful tutorial regardless!

[QUOTE=JurajIsNotPirat;28964901]also you don't need no fancy shancy alpha masks when selecting - just use color range. Easy and fast.[/QUOTE] Can you edit the color ranges after you have deleted and/or moved? I didn't think so

just add a layer mask. Still way more simple.

[QUOTE=JurajIsNotPirat;28965669]just add a layer mask. Still way more simple.[/QUOTE] I use both methods. Direct and "indirect" curves modifiying. Depends.

[QUOTE=JurajIsNotPirat;28965669]just add a layer mask. Still way more simple.[/QUOTE] Layer mask IS an alpha map

I do know that. It's just more simple to do it this way, as I already stated. It looks to me like it has the same result both ways.

Amazing tutorial and great job OP. You'll get a winning medal from me.

[QUOTE=JurajIsNotPirat;28965819]I do know that. It's just more simple to do it this way, as I already stated. It looks to me like it has the same result both ways.[/QUOTE] Yeah, it's faster and I think op was trying to hint at that [editline]3rd April 2011[/editline] [img_thumb]http://dl.dropbox.com/u/7856270/stuff.gif[/img_thumb]

well anyways I don't usualy play with texturing this much. I don't even cut it out most of the time.