How can I create fruit's texture?


I'm looking to create fruit's texture, specifically a lemon's, in the form of a textured image that is otherwise transparent. This is because I want to be able to use it as an overlay layer on elements in my browser.

Here's an example of the type of texture I'm trying to create, minus the yellow

I was able to find how to create textured text comprised of fruit images, but I am in need of an overlay because my content is more dynamic.

I also looked into Photoshop's filters, namely Plastic Wrap because it looked similar to the kind of texture I am trying to make, but I was unable to apply the filter to an otherwise transparent image

Can someone provide insight about how I might create an otherwise transparent, textured image similar to a lemon's skin?

Using Blue1086's approach I was able to create the following which is great, but is there a way to remove more of the grey? As you can see in my project, it makes the lemon at the top a bit more grey than I would like

1/20/2019 11:02:00 PM

Accepted Answer

What I think you are trying to say is you want a lemon texture over an image. To do this, I would do this:

  1. Create a fully colored lemon (or just use an image)
  2. Go to Image > Adjustments > Desaturate Image
  3. Go to Edit > Define Pattern
  4. Create a Blank New Layer above the Image you want to place the texture
  5. Go to Edit > Fill (Make Sure under Blending, Mode is set to Normal, and Opacity is set to 100%
  6. Click OK
  7. Set the layer's Blend Mode to Overlay

Did this work?

EDIT: Ok, now I see what you what you want.

  1. Create a Transparent Layer in Photoshop
  2. Paste your image
  3. Go to Image > Adjustments > Desaturate Image
  4. Change Opacity to about 50%
  5. Go to File > Save As
  6. Set format to PNG (or another transparent format)
  7. Click Save
5/5/2014 4:28:00 AM

For some reason this question has popped up after 5 years it was posted. Then obviously web designers hadn't blending modes such as hard light, multiply etc... They had only transparency for blending layers.

That has not prevented attempts to get something altough partially transparent greyshade texture made the colors dull as we see in older answers and their comments. With Photoshop's blending modes one would have needed a texture photo which is in average 50% grey and has blending mode hard light. The result would have been and it still would be ok.

When blending with transparency, one can add only white if the texture itself cannot be colored and the result must not become grey. A colored texture of course would work well with transparency, but this time it's obviously out of the question. If some greyness is allowed, one can simulate embossing with an inverted copy of the white texture. That is tried at the end of the answer.

White only texture cannot be right, but it can still be usable. An example:

enter image description here

In the left there's a not so finely painted lemon with simple radial gradient coloring. In the right there's a texture pattern which contains only 60% opaque white random dots. There's a layer mask to limit the affected area. The next image shows the texture layer as fully opaque, without a mask and against a dark background:

enter image description here

The texture is made from BW noise:

enter image description here

The noise was blurred with 1 px gaussian blur and the result got filter Stylize > Emboss:

enter image description here

If the white part only is used, it must be large enough. One can increase the white with curves. Blending mode Lighter color and an yellow background help to find the needed brightening:

enter image description here

With the magic wand one can select the yellow (=sample all layers) and with that selection delete the grey areas between the white ones in the texture. The result with blending mode normal gives the same as the previous with blending mode Lighter color:

enter image description here

The result is the used final texture, only remove the yellow test layer and export as PNG.

If some greyness is allowed, one can make an inverted copy of the white texture and shift it a couple of pixels. That creates something like embossing:

enter image description here

In Photoshop blending "lighter color" leaves the black only as edges. Merging textures and lifting the black to 50% grey with Curves generates a texture which is more plausible than the white only, because it makes the surface more bumpy. Here it's applied to a "lemon":

enter image description here