A way to make a textured floor...

[MadJik]

This tutorial is available as a PDF. Click here to view or download it

A way to make a textured floor...

 

The title says what this tutorial is for...

 

Plugins: For this tutorial you should need the following plugins:

 Oblique: https://forums.getpaint.net/topic/2524-oblique-effect-plugin-ymd100714/

 Seamless texture maker: https://forums.getpaint.net/topic/4591-seamless-texture-maker-ymd100718/

 

 Fill from file (should replace Photo flood filler) https://forums.getpaint.net/topic/28556-fill-from-file-fill-from-clipboard-for-3511-updated-june-22-2014/

 

Model to achive: A ground covered by gravel and stones.

01. Create a new image 800x600px.

 

02.  Select PrimaryColor:Grey (hex:333333) SecondaryColor:Orange/Brown (hex:FF9030)

 

03.   Make a linear Gradient from top-left to bottom-right.

 

04. Apply the effect Oblique: H:-50, V:+50, Qly:1

 

05.  Repeat the effect about 10-15 times (Ctrl+F)

 

06. Flip the layer horizontaly.

 

07.  Repeat the effect about 10-15 times (Ctrl+F)

07a. Use the clone stamp tool to get ride off the remaining unchanged big center.

 

08.  Apply the effect Seamless texture maker, mode=1.

 

09. Layer rotate/zoom: Angle=4;Twist Angle=90;Twist Radius=66.67;Zoom=1; Tiling=checked (play with the values!)

 

10. Optional Apply the effect Relief, angle=90

10a. Optional Layer rotate/zoom: Reset All   Zoom=1.02 (to take away the relief of the edge)

 

 

For the variantes, only changed steps are listed, you have to follow the model for the missing numbers.

 

Variante 1: Field at spring time

02a. With the lasso select the top-left triangle (half image).

02b.  Select PrimaryColor:Black SecondaryColor:Orange/Brown (hex:FF9030)

 

03.  Make a linear Gradient from top-left to the center of the image in the selection.

03a. Invert the selection.

03b.  Select PrimaryColor:Orange/Brown (hex:FF9030) SecondaryColor:Green

03c.  Make a linear Gradient from the center of the image to bottom-right in the selection.

03d. Unselect (Ctrl+D). You must have an oblique gradient with 3 colors black/brown/green.

 

08.  Apply the effect Seamless texture maker, mode=3 .

 

 

Variante 2: Swamp (water & grass)

02.  Select PrimaryColor:Blue (hex:00BBFF) SecondaryColor:Orange/Brown (hex:FF9030)

 

03. Make a radial Gradient from 100,200 to bottom-right.

 

08.  Apply the effect Seamless texture maker, mode=3:!:.

 

09. Layer rotate/zoom: Angle=8:!:;Twist Angle=90;Twist Radius=66.67;Zoom=1; Tiling=checked (play with the values!)

 

10.  NO relief!

 

 

Variante 3: Lines/Squares

02.  Select PrimaryColor & SecondaryColor: as you want!

 

03. Fill the image with anything you want : gradient/image/render...Something simple!

 

04.  Apply the effect Oblique: H:200, V:between 40 and 60, Qly:2

 

05.  Apply the effect Seamless texture maker (STM), mode=0.

 

06.  Repeat the effect STM 1 or 2 times (Ctrl+F)

 

07. do nothing!

 

08. do nothing!

 

 

Variante 4: Undersea

11. Optional Flip verticaly ( I think it's better to flip it!)

 

12. Add a New Layer.

 

13.  Select PrimaryColor:Blue/Green (hex:007777) SecondaryColor:Orange/Green (hex:AA9000,Alpha:100)

 

14.  Make a linear Gradient from top(x~=100) to bottom.

 

 

 

Variante 5: Cloudy Sky

02.  Select PrimaryColor:Blue (hex:7777FF) SecondaryColor:White.

 

03. Apply the effect Clouds: Scale=250, Roughness=70.

 

Optional for darker clouds:

04.  Select PrimaryColor:Transparent (alpha=0) SecondaryColor:Grey (hex:777777).

05.  Apply the effect Clouds: Scale=250, Roughness=40.

 

06. do nothing!

07. do nothing!

08. do nothing!

 

09. Layer rotate/zoom: Angle=4;Twist Angle=-90  Twist Radius=66.67;Zoom=1.7  Y Pan 0.5

 

10.  NO relief!

 

 

Variante 6: Other textures you've created

 

02. Follow a tutorial to create some expected texture

Rock texture: http://paintdotnet.12.forumer.com/viewtopic.php?t=5453

 

03 to 07. do nothing!

 

08.  Be sure the texture is 'seamless' or apply the effect Seamless texture maker.

 

 

Variante 7: Other existing textures

01. Create a new image the size around 800x600px must be a multiple of the size of your texture.

Example: if you choose a texture 113x113 then your image's size should be 791x565 (7x5 tiles) or 904x678 (8x6 tiles).

 

02.  Use the Fill from file plugin to fill the image with the texture.

 

03 to 08. do nothing!

 

 

etc...

__________________________

Other texture I've found!

EDITED (for the new Shape3D)

1.Start PDN (white image 800x600). You could use any color you want (not too dark)!

 

2.Shape3D: all default expect :

...scaling = 1.37

...light direction x=0,y=1,z=1.

 

2.a   Duplicate the layer twice. On the top layer select bottom half of the sphere and delete it.

 

3.  Seamless texture maker: mode="Only cut", use aplha=0, transparent is=1 (primary color should be black or dark).

3.a  Repeat on bottom layer

3.b   Merge the 3 layers.

 

4. Menu Layer, Rotate/Zoom: Tile=checked, zoom=0.25, Angle=0, Twist angle=90, Twist radius=20-40.

 

 

more experimentations:

5.Gaussian blur: 2px.

6.Duplicate layer, F4:blend mode=negation

7.Gaussian blur top layer again.

 

even more experimentations:

 

 

 

Edit1: Added links to plugins ...

Edit2: Other methode added...

Edit3: Replace big images by thumbnail (click an image to enlarge)...

Edit4: Refresh the tuto and rehost image (without thumbnail). Added some détails to the explanation. 

Edit5: Added steps for the white balls

[Ash]

Very nice, I especially like "under the sae" & "sky"

This tut will goto my google page..

Although I don’t need it, this is a good example of how a tut should be written and how to help people to learn about PDN.

Read and learn....read and learn.

[MadJik]

Thank you Ash...

It isn't perfect, but it's even better now I've added the link to the plugin...

Some pictures (you could have seen in the pictorium) using these methodes:

[oma]

well done madjik!

very easy to follow even for the beginners in the group.

Ash you have a google page?

[FireFly]

¿Cool! I think I'll try this one - I haven't tried any in ages.

[Natrium]

stupid question, but how do you call this kind of material in English?

[Ash]

stupid question, but how do you call this kind of material in English?

http://paintdotnet.12.forumer.com/viewt ... 1967#31967

[FrEaK]

stupid question, but how do you call this kind of material in English?

http://paintdotnet.12.forumer.com/viewt ... 1967#31967

wouldn't it just be easier to say diamond plate?

[FireFly]

I made a perfectly tilable grass texture by roughly following the steps...

It's a pretty big image so I thought I'd provide the thumbnail !

Grass like this is useful in simple RPG's.

[Natrium]

stupid question, but how do you call this kind of material in English?

http://paintdotnet.12.forumer.com/viewt ... 1967#31967

wouldn't it just be easier to say diamond plate?

he prolly thought that I wanted to know how to create it

But thnax, now I know that it is called diamond plate

[FireFly]

I didn't know what it was called either, until I stumbled upon the diamond plate tutorial when it first came out.

[MadJik]

Other texture I've found!

1.Start PDN (white image 800x600). You could use any color you want (not too dark)!

2.Shape3D: all default expect the light direction x=0,y=1,z=1.

3.Seamless texture maker: mode=1, use aplha=0, transparent is=1 (primary color should be black or dark).

4.Menu Layer, Rotate/Zoom: Tile=checked, zoom=0.25, Angle=0, Twist angle=90, Twist radius=20.

more experimentations:

5.Gaussian blur: 2px.

6.Duplicate layer, F4:blend mode=negation

7.Gaussian blur top layer again.

[Ash]

quite nice, maybe you should put it in your 1st post

[MadJik]

quite nice, maybe you should put it in your 1st post

Done!

TY

[Ash]

I really like the one with all the little ball in the reflection of the bigger ball

[Dalton#1]

I like the 2nd one of the three other textures you found. The dark and light one.

[Pixey]

Hi @MadJik - I know this is an old thread, but I am curious as to how you got the balls to overlap.

 

These were your instructions:

 

1.Start PDN (white image 800x600). You could use any color you want (not too dark)!

 

2.Shape3D: all default expect :

...scaling = 1.37

...light direction x=0,y=1,z=1.

2.a  Duplicate the layer. On the top layer select bottom half of the sphere and delete it.

 

3. Seamless texture maker: mode="Only cut", use aplha=0, transparent is=1 (primary color should be black or dark).

3.a  Merge the layers.

 

4. Menu Layer, Rotate/Zoom: Tile=checked, zoom=0.25, Angle=0, Twist angle=90, Twist radius=20-40.

 

This is what I get - only one set.

 

 

Wold love to know the instructions to line up the 2nd row.  Thanks

 

 

 

 

[MadJik]

Hi @Pixey

 

The 2.a is missing a part and should be as:

 

2.a Duplicate the layer twice. On the top layer select bottom half of the sphere and delete it.

 

3. Seamless texture maker: mode="Only cut", use aplha=0, transparent is=1 (primary color should be black or dark).

3.a Repeat on bottom layer

3.b Merge the 3 layers.

 

Edit: with layer rotate/zoom, actual version of paint.net (4.017) the twist angle should be -90 (minus)

[Pixey]

Thanks so much @MadJik for adding the steps.  I came up with some Aliens!  I couldn't quite get the balls like your last example .

 

 

 

[MadJik]

14 hours ago, MadJik said:

Edit: with layer rotate/zoom, actual version of paint.net (4.017) the twist angle should be -90 (minus)

 

Math talking inside?   

Your red skull is too small.

It should be 98-100% of the height and more than 50% of the width at step 2: check the scaling

On ‎28‎/‎06‎/‎2007 at 10:14 AM, MadJik said:

2.Shape3D: all default expect :

...scaling = 1.37

 

[MadJik]

And if you insist to let the twist angle +90 you should at step 2a delete the top half of the image

 

 

[Pixey]

Thank @MadJik changing the angle from 90% to -90% made a lot of difference .

 

 

[MadJik]

Are the "mignons" red sometimes ?

 

[Eli]

Very cool tutorial. I had fun doing it. Thanks!

[MadJik]

@welshblue It could be due the shadow on a side... More testing?

 

@Eli Lovely!