reflection gradient
Here is a short tutorial to create a reflection, using Adobe Photoshop. Can you use a reflection as web design inspiration?

Start with an image (image 1)
Duplicate the image (image 2)
Make sure image 2 is under image 1 on the layers palette
Select image 2
Go to: Edit Transform/Rotate 180

reflection duplicate

Add a vector mask to image 2
Select the gradient tool
Choose the gradient that starts with white and ends with black
Hold down the shift key and drag a line from the top to the middle of image 2
Reduce the opacity of image 2 to 50%

reflection layers

If you like, add a black background layer below image 2

reflection banner

Ta-da – like your reflection?

PS – Have a Happy Mother’s Day! 🙂

Tagged with →  
Share →