top of page

12 Steps To A Glass Tile Effect

In this tutorial, let’s explore how fast we can create a simple glass tile texture effect. Here we go…

Step01

Press Ctrl/Cmd + N to create a document with these settings – Resolution: 300pixels/inch, Width: 500pixels, Height: 500pixels.


Step02

Press D to set the default foreground color to black. Hold Alt + Backspace/Delete to fill in black.


Step03

Go to Filter > Render > Difference Clouds.


Step04

Press Ctrl/Cmd + F a few times and you will achieve similar results like this.


Step05

Go to Filter > Distort > Glass.


Step06

Set the glass effect amount to Distortion: 16, Smoothness: 4, Texture: Blocks, Scaling: 100%.


Step07

You will get an effect of the glass tiles like this.


Step08

Press Ctrl/Cmd + U to adjust the texture’s color. Check Colorize and set it to Hue: 210, Saturation: 65, Lightness: 40. Over here, you can tweak the settings to suit your own personal preference.


Step09

Press Ctrl/Cmd + M to adjust the Curves. This step will add overall contrast to the texture so that it’s more outstanding.


Step10

Hold Ctrl/Cmd and click on Green channel thumbnail to make the selection in the Channel Palette. After that, press Ctrl/Cmd + M to adjust the Curves again to create the depth of the texture. Press Ctrl/Cmd + D to make deselection once you are satisfied with the outcome.



Step11

Hold Ctrl/Cmd and click on Red channel thumbnail to make the selection. Then, press Ctrl/Cmd + M to adjust the Curves and create highlight of the glass tile. Press Ctrl/Cmd + Dto make deselection after done.



Step12

Voila! Hope you’ve enjoyed this simple glass tile effect tutorial.


33 views
bottom of page