In this tutorial, I will share with you guys my way to create a Flash-like floor tile using Photoshop.
Make a triangle facing downward using Polygon Tools. I am using this:
Now, select the triangle layer and press Ctrl + T to do a free transform. Increase its width to 250% using the menu on top.
Now, make a rectangle using Rectangle Tool. Make sure your rectangle is not too thick and has the same width as the triangle.
Put the rectangle just on top of the triangle.
Duplicate the triangle’s layer (from step 1) and flip it vertically. Put it just on top of the rectangle and we need to distort it now.
Now, of course, move it down and put it just on top of the rectangle.
You might want to duplicate the layers (as backup) before merging the 3 layers.
Now merge them and apply layer effect to it as follow.
- All default settings except changing the colour to White
- All default settings except changing the colour to 727272
- This is a 3 pixels border, change it as you wish
Use Polygonal Lasso Tool to make a selection that look like this:
Now fill it with black colour and set its opacity to 14%.
Make another one as in the picture below:
Now fill it with black colour and set its opacity to 8%.
Play around with their opacity until you are satisfied.
Here’s some floor tiles I’ve made earlier.
Flash-like Floor Tile (PSD)
[ Downloaded 652 times | ]
Thank you for reading :)
or Subscribe to specific category only :
You must be logged in to post a comment.