4 Replies Latest reply on Sep 15, 2017 11:57 PM by angie_taylor

    Tiles Grout Effect

    Kamil-K Level 1



      I'm looking for suggestions how to make the most realistic grout effects in the tiles design? Somebody made it for me some designs in photoshop, but I'm looking to improve it.

      hollyday.jpgInstallation of tiles in the shower.jpg

        • 1. Re: Tiles Grout Effect
          davescm Adobe Community Professional

          Hi you could try something like this :


          1. Use the pen tool to create a path in the shape of the grout lines

          2.Add a mask and stroke the path with black onto that mask

          3.Add a color fill layer with the grout color

          4. Add a layer effect to the image layer using Bevel and Emboss to shape the tiles and Drop Shadow to shadow the grout

          5. Add a painted shadow between the image and the grout layer to darken under the bath









          2 people found this helpful
          • 2. Re: Tiles Grout Effect
            Kamil-K Level 1

            Hi Dave,

            That's look really good!  Thank you

            • 3. Re: Tiles Grout Effect
              angie_taylor Adobe Community Professional

              As an alternative to Dave's suggestion you could apply a Pattern overlay to the image? you could use a photograph of a tile, or tiles with good grouting. Add Black & White adjustment layer to create a grey scale image. Select the area to be used for the pattern with the rectangular marquee tool, then go to Edit > Define pattern.


              then, on your image layer that you want to look tiled, add a pattern overlay. In the settings choose your tile pattern and then experiment with the blending modes and opcity settings to apply it to the layer beneath. Overlay mode or hard light may work well but I can't try it right now as I'm on my iPad.


              let me know if this works for you :-)

              2 people found this helpful
              • 4. Re: Tiles Grout Effect
                angie_taylor Adobe Community Professional

                Also, you could use a displacement map on top of this just to give the surface of the tiles a bit more depth, this would work particularly well if the tile surface was slightly bumpy.

                1 person found this helpful