I have made it really simple, and I have also created a custom Action that will create the reflection for you perfectly every time. Please read the instructions on where to place the Action on your computer (or use Load Action from the Action panel in Photoshop) and save the file as a 24 bit PNG and upload it to your iPhone.
Download the Bez Theme PSD
I have not had many people test this for me yet, so if you have any problems, please let me know!!! Thanks for all the support!!
Edit - I removed the Action from the zip until I get it working correctly.
For now simply place your desired image between the button and button reflection layers. Make sure you keep the clipping path (little black down arrows) so that your new image masks nicely into the button. You can then apply different effects or whatever you want to your new layer.
you can change the color of the button layer if you wish by selecting the color and then simply hitting alt/option and delete on your keyboard (this will fill the layer with your selected color)
The reflection masks is there to help you create the reflection of the icons, you can do this easily by
- selecting the button layer, your new layer(s) and the reflection layer in the layer panel (using control/command to select then each) - not the reflection mask
- right click in the layer panel and select merge layers
- right click again in the layers panel and select duplicate layer
- then hit control+t (command+t) and right click and select flip vertical, then hit retun (or double click) - this should have created a copy of your new icon and flipped it upside down.
- Drag the upside down icon down so that its top edge lines up with the bottom of the properly aligned layer you created before.
- Move the layer above the reflection mask layer in the layer control panel
- Hold down option/alt on your keyboard and click between the upside down layer you moved above the reflection mask. - you should see the clipping path icon (two small circles) pop up. - A small black arrow will indicate that the upside down duplicate of your icon is now been inserted into the reflection mask.
- Save your file for Web and other Devices as a 24bit PNG with transparency turned on and name it correctly.
.
Posts
