Crear un moderno botón web reflejado
Acepten losa cambios.
Seleccionen todas las capas que componen el botón y arrástrenlas al botón de ((Create New Layer)) para duplicarlas.
Con las capas duplicadas seleccionadas apreten Ctrl + E para unirlas en una capa única.
A esta capa única le aplican ((Edit))-((Transform))-((Flip Vertical)) y la ubican por debajo del botón original.
Reduzcan la ((Opacity)) de esta capa al 30%
Luego le crean una máscara de capa: Vayan a ((Layer))-((Layer Mask))-((Reveal All)).
Para los que no saben para que sirve las máscaras de capa les cuento….como vieron, apenas crearon la máscara de capa les apareció un cuadrado blanco al costado de la capa. El blanco representa la parte visible de una capa. El negro es el color contrario, por lo tanto si pintamos de negro parados sobre la máscara borramos, si pintamos de gris borra parcialmente y así con todos los tonos que van del negro al blanco. También podrán usar un pincel negro y borrar parcialmente usando la opacidad, eso es lo que vamos a hacer en el siguiente paso.
Ahora se paran sobre la máscara de capa y con ((Gradient Tool)) tracen un degradado lineal de blanco a negro hasta la mitad de la altura del botón.
Y listo!
![]() |
||||||
![]() |
![]() |
|||||



