How do you create this type of grass texture?

Hi,

I’m talking about these:

I have a few of them in my project (none of them made by me) and as far as I can tell they look more detailed
in game than standard grass textures with a black alpha channel. Does anyone know what program/technique is used here?

1 Like

This looks like they extruded the colors to prevent borders because of bilinear interpolation. Even if the sampling/interpolation picks a texel that should be transparent because of the alpha, the color is the same as the pixel next to it causing the final color to be the same.

1 Like

Interesting, can’t say I’ve ever heard about that, and Google didn’t give me much either. Can this be done in Photoshop?

1 Like

yes you can do that with petty much any image editor. What I do is:
1 - Copy your layer and blur it.
2 - copy this new layer muliple times and merge them.
3 - repeat 1 and 2 and increase your blur radius. Do this as often as you like
4 - compose your layer stack as following

  • original image
  • slightly blured
  • more blured
  • solid backgound color

if you have photoshop, than you can recod an action to do this automacially

2 Likes

Thanks, that’s a step in the right direction. After doing that ^, you have to control+click the original layer thumbnail in photoshop and use ‘save selection as channel’ in the channels menu to get the alpha channel, then the texture type in Unity has to be set to Advanced and the format has to be changed to RBGA 32 bit (not completely sure about this but that’s the only way it’ll work for me). However after doing that the difference seems to be minimal, I mean I can see that the edges are a little bit sharper but when I compare it to the texture I posted above (that one is from the Advanced Foliage Shader package), it still doesn’t look nearly as good for some reason… maybe because of the depth/highlight effect that the creator added. I’ve been messing around in Photoshop for a few hours but can’t find anything that makes it looks like that.

1 Like

Unity provides a Photoshop action for a very similar result

1 Like

It looks like it is the result of the solidify plugin from here: http://www.flamingpear.com/goodies.html
It might not have used that exact plugin, but the end result should be similar.

1 Like

Wow! I haven’t seen something like this in a while! :smile:

It’s possible that they used, one of the the bevel and emboss plugin options, that Photoshop has.
Or something similar to it, that gives a popped out effect.
Gimp has a similar version of it too.

It’s also possible that they somehow reversed the colours or used a grey scale.
Then after a few simple tricks, then used one of the emboss effects in Photoshop.
Or one of the other plugins that give a similar effect to emboss/bevel.

I remember getting an effect similar to this, a few years ago in Photoshop CS3.
And at one time, it was by accident experimenting.

And another time, I was following some Photoshop tutorial, and half way through, I got an effect closely similar to the pic posted above.
(I can’t remember which Photoshop tut it was.) :sweat_smile:

But this appears to be nicely stylised as well.

@ Legion91 Where did you get these grass pics?
They are very nice. Hold on to them. :smile:

I just checked out the site!
Awesome!! :smile: