jerkfight Posted February 16, 2008 Share Posted February 16, 2008 This tutorial is available as a PDF. Click here to view or download it Today we'll be making hardwood flooring textures. The video goes more in-depth in what one could do to improve the texture to make it more realistic, as well as to change the texture to better suit whatever one needs. The text instructions provided below show the basic techniques in how I make my hardwood floors with my preferences. We'll be aiming to achieve something similar to this: (I went for a modern light styled wood floor) You can change your color to make it darker if you wish. Spoiler by welshblue Required Plug-ins:JumblePanelling Video Tutorial: COMING SOON! Text Tutorial: 1. Create a new canvas and start with a linear grey gradient. The colours I chose were A0A0A0 and C0C0C0. If you want more contrast in your texture between each block I recommend making the values of your primary and secondary colours further away. 2. Effects -> Noise -> Add Noise I recommend 'Intensity' at 50, 'Color Saturation' at 0 and 'Coverage' at 50 Increasing the intensity will increase the contrast between floor boards, where as decreasing intensity will decrease the contrast. I don't recommend changing the Color Saturation from 0. However, playing with intensity and coverage is alright, just test it out and if it doesn't work experiment some more. 3. Effects -> Blurs -> Motion Blur The 'Angle' doesn't really matter too much but I prefer 0. 'Centered' must be checked. Play around with the distance, the further you go the smoother your wood will look. I recommend 60 for the 'Distance' though. 4. Effects -> Distort - Twist I use Amount at 15, Size at 1, Center in the middle of the bottom left side. This step is one that i recommend you try your own settings, in fact you may want to do two twists in different places. This will add more knots to your wood, as well as give it a unique look. Alternatively you could use the technique used in this other tutorial to make the wood look more realistic, then follow the rest of the tutorial below. 5. Create a New Layer (Let's call it Layer 2) Go to your Paint Bucket tool and paint Layer 2 a brownish colour. For this example I used E2AE85 as the colour. Changing the colour will leave you with a different color wood. If you used a more red color, you may get something that looks like redwood. Experiment. 6. Set Layer 2 properties to blending mode Overlay, and Opacity at 225. 7. Go back and select your original layer (Background) Effects -> Distort -> Jumble I used Horizontal as 2 and Vertical as 20. Experiment and make it work for you. Say if you want tiled hardwood floors 15,15 may work for you. 8. Now hardwood floors aren't perfectly aligned like that usually. So the next step does take time. You're gonna want to select each row of wood and go to Effects -> Distort -> Pannelling. If you want to understand better how to do this step view the video. 9. Now the next step is to create the shading in between each board of wood. Create a new layer (Layer 3) and use your line tool at 1 pixel width and try to achieve what's showed below for each board. This is another time consuming step but it is worth it. You should be using black for your lines. 10. Change the layer properties on Layer 3 to blending mode as overlay and opacity as 15. There you have it, our final outcome: Hope you guys enjoyed this tutorial, and keep experimenting. It's probably the best way to learn. 1 Quote Link to comment Share on other sites More sharing options...
azurithil Posted February 16, 2008 Share Posted February 16, 2008 Very well written. Steps are easy to follow and it has a nice finish. Can't wait to try this Quote Visit my DeviantArt Link to comment Share on other sites More sharing options...
Mike Ryan Posted February 16, 2008 Share Posted February 16, 2008 Nice use of jumble, and a good clean well written tutorial. Quote Link to comment Share on other sites More sharing options...
jerkfight Posted February 16, 2008 Author Share Posted February 16, 2008 Thanks, Im suprized its well written. Can't wait till see your results Quote Link to comment Share on other sites More sharing options...
vostok7 Posted February 16, 2008 Share Posted February 16, 2008 Great tutorial jerkfight. I'm definately going to try this. Quote Link to comment Share on other sites More sharing options...
david.atwell Posted February 16, 2008 Share Posted February 16, 2008 Well done; however, please type your text directly into the program, not onto your screenshots. That way it downloads a bit quicker. Still a good one. :-) Quote The Doctor: There was a goblin, or a trickster, or a warrior... A nameless, terrible thing, soaked in the blood of a billion galaxies. The most feared being in all the cosmos. And nothing could stop it, or hold it, or reason with it. One day it would just drop out of the sky and tear down your world.Amy: But how did it end up in there?The Doctor: You know fairy tales. A good wizard tricked it.River Song: I hate good wizards in fairy tales; they always turn out to be him. Link to comment Share on other sites More sharing options...
topezia Posted February 16, 2008 Share Posted February 16, 2008 I liked a lot jerkfight! Very well done, that floor is 100% realistic and I like the tint of walls, too Bravo (hands clapping) Quote Link to comment Share on other sites More sharing options...
ncfan51 Posted February 16, 2008 Share Posted February 16, 2008 Very, very cool. This could be very useful... Quote +_+_+_+_+_+_+_+_+_+_+_+ I am a disco dancer. +_+_+_+_+_+_+_+_+_+_+_+ Link to comment Share on other sites More sharing options...
jerkfight Posted February 16, 2008 Author Share Posted February 16, 2008 Thanks Everyone. @David: When i get some time i will redo it. Quote Link to comment Share on other sites More sharing options...
Dalton Posted February 16, 2008 Share Posted February 16, 2008 Wow. That's nice! I'll have to try this sometime! *bookmarked it* Quote MyBB Tutorials, check out my site. Link to comment Share on other sites More sharing options...
R3VENGE Posted February 16, 2008 Share Posted February 16, 2008 i like the way this is done...im gonna try it Quote psn id: R3V-fiR3 Link to comment Share on other sites More sharing options...
Max Power Posted February 16, 2008 Share Posted February 16, 2008 Very Nice tut Quote - My Gallery | My Deviant - Link to comment Share on other sites More sharing options...
vista? Posted February 16, 2008 Share Posted February 16, 2008 Well done Jerkfight! Simple yet effective and nice use of the Jumble plugin! Quote Link to comment Share on other sites More sharing options...
jerkfight Posted February 17, 2008 Author Share Posted February 17, 2008 Does anyone want the .SLS of this? (it ends after jumble) Quote Link to comment Share on other sites More sharing options...
Wrencher Posted February 17, 2008 Share Posted February 17, 2008 Very Nice and Easy tut with great outcomes. Here is my try... instead of jumble (which came out awesome in Jerkfights pic) I just selected and paneled a couple times. Thanks Jerkfight for this very neat tut! Quote Link to comment Share on other sites More sharing options...
jerkfight Posted February 17, 2008 Author Share Posted February 17, 2008 no problem Quote Link to comment Share on other sites More sharing options...
iKid Posted February 17, 2008 Share Posted February 17, 2008 Quote Link to comment Share on other sites More sharing options...
Cornipsus Posted February 17, 2008 Share Posted February 17, 2008 This hardly resembles a hardwood floor. Maybe the surface of jupiter cut into squares and jumbled? Quote The God of Judgement is not pleased... Link to comment Share on other sites More sharing options...
Shuff Posted February 17, 2008 Share Posted February 17, 2008 Here's something I made not too long ago that is similar to a hard wood floor... Quote Link to comment Share on other sites More sharing options...
jerkfight Posted February 17, 2008 Author Share Posted February 17, 2008 This hardly resembles a hardwood floor. Maybe the surface of jupiter cut into squares and jumbled? I'm not going to start a fight, but thats your opinion, not everyone's Quote Link to comment Share on other sites More sharing options...
R3VENGE Posted February 17, 2008 Share Posted February 17, 2008 This hardly resembles a hardwood floor. Maybe the surface of jupiter cut into squares and jumbled? looks like hard wood floor to me...my sister has laminated wood flooring and it looks the same... 1 Quote psn id: R3V-fiR3 Link to comment Share on other sites More sharing options...
Max Power Posted February 17, 2008 Share Posted February 17, 2008 Hmm maybe I wasn't as often on jupiter as you cornipsus, but I claim the privilige to say that looks definitely like the very wooden hard floor I'm sitting on right now...o_O Sometimes I draw comics, and I have to say this tut was very useful. http://img117.imageshack.us/img117/4114/prql0.png 1 Quote - My Gallery | My Deviant - Link to comment Share on other sites More sharing options...
topezia Posted February 17, 2008 Share Posted February 17, 2008 And actually also my wooden floor looks quite identical ! Quote Link to comment Share on other sites More sharing options...
oma Posted February 17, 2008 Share Posted February 17, 2008 good tut might I make a suggestion for when you re do per David's request. explain a bit more about the panelling move. I'm familiar with using this plug in but some of the new paint.net users may not understand how you select and move/shift using it. to get the final results. also maybe just jot in the hex codes for the browns you used. ciao OMA PS it looks just like my wood floors. Quote My Deviant Art Gallery Oma's Paint.Net gallery Link to comment Share on other sites More sharing options...
jerkfight Posted February 18, 2008 Author Share Posted February 18, 2008 thanks, when i have time to re right them, which will be tomorrow, ill also do that. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.