World of Banished

MODS Garage => Tutorials => Topic started by: RedKetchup on September 07, 2017, 02:17:04 AM

Title: How to do a 50%-Snow Road by Embx61
Post by: RedKetchup on September 07, 2017, 02:17:04 AM
hey ...

what was the trick to not get snow on roads already ? cant find the post
Title: Re: How to do a 50%-Snow Road
Post by: Necora on September 07, 2017, 05:15:55 AM
the texture needs an alpha channel... but apart from that I don't know. With out the alpha channel my roads cover in snow, but with the alpha channel there is a light dusting of snow but at other times the texture looks pants. Never figured out what the issue was.
Title: Re: How to do a 50%-Snow Road
Post by: embx61 on September 07, 2017, 06:28:02 AM
Tom explained it in Discrepancy's roads thread.

http://worldofbanished.com/index.php?topic=1203.msg22822 (http://worldofbanished.com/index.php?topic=1203.msg22822)

If you have the PNG in photoshop add a layer. Drag that layer underneath your main other layer.

Then add a Alpha channel

Now select the layer with the texture and use the erase tool with opacity at 50% (That is the value I used) and erase all.

Then save for web PNG 24 with transparency checked and it works for me.
Title: Re: How to do a 50%-Snow Road
Post by: RedKetchup on September 07, 2017, 02:37:15 PM
Quote from: embx61 on September 07, 2017, 06:28:02 AM
Tom explained it in Discrepancy's roads thread.

http://worldofbanished.com/index.php?topic=1203.msg22822 (http://worldofbanished.com/index.php?topic=1203.msg22822)

If you have the PNG in photoshop add a layer. Drag that layer underneath your main other layer.

Then add a Alpha channel

Now select the layer with the texture and use the erase tool with opacity at 50% (That is the value I used) and erase all.

Then save for web PNG 24 with transparency checked and it works for me.

can you make a tuto with edited pictures in the tutorial subforum please ?
because i cant understand the manips to do :(
Title: Re: How to do a 50%-Snow Road
Post by: embx61 on September 07, 2017, 02:52:02 PM
It is really east red.

You have loaded your image in PS (Photoshop)

Now add a layer and drag that layer underneath your image with the texture.

Then go to channels and add a Alpha Channel.

You not have to do anything with the layer and Alpha channel.

Then go back to your image and set the eraser tool at 50% opacity.

Then erase the whole image and after that is done save for web PNG 24 with the transparency checkbox checked.

That is all I did and it works.

Here this thread on page one Tom explained it to me with some pictures. His interface is German put the first picture is adding the layer
The second picture is adding the Alpha Channel
The third pictures is erasing
The fourth pictures is saving for web settings.

http://worldofbanished.com/index.php?topic=1259.0 (http://worldofbanished.com/index.php?topic=1259.0)
Title: Re: How to do a 50%-Snow Road
Post by: RedKetchup on September 07, 2017, 03:18:18 PM
Quote from: embx61 on September 07, 2017, 02:52:02 PM

Now add a layer and drag that layer underneath your image with the texture.


thats the problem !

layers arent in the same tab as my image texture !

layers are the tab with the RVB+blue+red+green and it is there i can click to add a layer which comes black named Alpha 1

my image with my texture is in previous tab named Calcs. and there is another tab name Traces.

if i click to add in the Calc tab it adds another calc named Calc 1

as you see the comments in the screenshots, this is why i never understood Tom and i still dont understand you, Embx !
Title: Re: How to do a 50%-Snow Road
Post by: embx61 on September 07, 2017, 03:25:56 PM
Ah I see

Your alpha layer is good.
Your other is good to but the layer need to be under the image layer.

So go back to Calcs tab

You cannot drag your layer because your image is set as background.
The image was flattened so it is background and locked.
Just right click on the image in the sidebar wher also the layer is and select in the menu what pops up "Layer From background"

Just accept the default values and the image is now a layer with no lock.

Now you can drag the layer you created beneath the image layer :)
Title: Re: How to do a 50%-Snow Road
Post by: Tom Sawyer on September 07, 2017, 03:30:52 PM
Frenchy Photoshop confuses layers and channels.^^ Layers are in the first tab and channels in the second. You need to place the transparent layer below and to erase parts of your texture on top. RGBA channels don't need to be touched.
Title: Re: How to do a 50%-Snow Road
Post by: embx61 on September 07, 2017, 03:35:25 PM
My French is so bad besides Merci, Qui and Non I not even saw that indeed it is different in the French version.

But he is almost there.

If he can drag that created layer underneath the texture layer he can erase and save for web :)

Here a picture of renaming the texture layer. So right click and the menu pops up select the top one "Layer from background" and just click OK in the dialog what pops up.

Now the lock is gone and you can drag the created empty layer underneath the image later.

So select the image layer and use the eraser tool with 50% (Can be different depending what you want, but 50% worked for me) and erase the whole image.
The image becomes whitish. If this is done save for web and that is it.

(http://worldofbanished.com/gallery/474_07_09_17_3_37_14.jpeg)
Title: Re: How to do a 50%-Snow Road
Post by: RedKetchup on September 07, 2017, 03:57:20 PM
i guess i will never doing right, you guys not helping much :(
Title: Re: How to do a 50%-Snow Road
Post by: embx61 on September 07, 2017, 04:14:38 PM
You have everything right so far.

Your Alpha channel is okay so need to go to there.

You already created the layer.

All you need to do is drag that layer so it is underneath the background image.
But you see a little lock in the side bar. That means the image is flattened so a background.

So right click in the sidebar as my picture above shows and a menu pops up.
Select the top option "Layer from background") and then a dialog pops up.
Just accept the default values and click OK.

Now you see the name is changed to layer0 and the lock is gone.

Now you can select the created empty layer and drag in underneath the now named layer0.

Now all is set to erase the layer0.

Select layer0 and select the erase tool. Set opacity at 50% and erase over the whole layer0.

When done save for web.

Sorry, I do not know how to explain it any better.

You did everything right so far. You created the layer and the Alpha channel.
All is now to get that layer under the image layer.

Then all is set to erase and save for web.

But I make some images and post them soon

Title: Re: How to do a 50%-Snow Road
Post by: embx61 on September 07, 2017, 04:22:42 PM
Image 1

This just the start after your image loaded

(http://worldofbanished.com/gallery/474_07_09_17_4_13_10.jpeg)

Now add a layer.

(http://worldofbanished.com/gallery/474_07_09_17_4_13_27.jpeg)

Now add Alpha Channel. See it is under a different tab and you see RGB.

(http://worldofbanished.com/gallery/474_07_09_17_4_13_46.jpeg)

Now the layer we created earlier need to be under the back ground layer. It is now above it and because the background layer is locked (You see a little padlock) you can't drag the layer underneath it.

Just double click your background layer in the side bar and a dialog pops up.
I just founded out that double click works too instead of right click and then select Layer from Background from the menu. (Both do the same)
Just accept the default values and click OK. Now the lock is gone and the layer is renamed layer0.
Now you see that little padlock is gone and now you can drag the empty layer we created earlier underneath the layer0 with the image.

(http://worldofbanished.com/gallery/474_07_09_17_4_14_03.jpeg)

Now select the layer0 in the sidebar and select the Erase tool. Set Opacity at 50% and erase over the whole image.
After that is done save for web and that's it :)
(http://worldofbanished.com/gallery/474_07_09_17_4_14_19.jpeg)




Title: Re: How to do a 50%-Snow Road
Post by: RedKetchup on September 07, 2017, 04:44:30 PM
Thanks you !!!

now it works !!

i understood with your screenshots !
but nothing with your texts ^^ (or almost nothing with the text ^^ maybe 20% ??)


i am gonna transfert all the posts of here to the tutorial within its own thread :)

Thanks you @embx61
the part with the screenshots helped me alot.
Title: Re: Diagonal Roads
Post by: embx61 on September 07, 2017, 04:47:51 PM
No worry Bro

It took me a bit before I understood it when Tom explained it to me.

I was thinking way too complicated and was messing with the Alpha Channel what was not needed at all.

Now you know it is really easy.

Some images are not locked so the layer can be dragged underneath the background layer without having to rename it (Step 4) what makes it even easier.

Glad you get it working and you can play with the opacity to get more or less snow but 50% was good enough for me.

Title: Re: How to do a 50%-Snow Road by Embx61
Post by: RedKetchup on September 07, 2017, 04:53:02 PM
what is confusing in that, you see all your texture disappear and you cant figure out how you will still see it in game :S
Title: Re: How to do a 50%-Snow Road by Embx61
Post by: Necora on September 13, 2017, 07:27:36 PM
Awesome, my roads finally look good! Thanks @embx61 . What an odd way of doing it though.