widget-photoshop-metro-plano

Excelente recurso!
Si están intentando generar el efecto de un que hoy comparto tienen dos opciones… una descargar este recurso y modificarlo!
la otra opción es darse cuenta como esta realizado y hacer el propio. Los puntos a tener en cuenta son:

Primero: Agarran un lienzo en Photoshop, lo pintan con un color que les guste, le hacen unas manchas por aquí otras por acá con otro color, unen las capas y le aplican el efecto desenfoque gausiano con un nivel alto de desenfoque.. y seguramente tendrán el mismo efecto de fondo que tenemos aquí.

Segundo: Hacen un rectángulo vertical en blanco y con las puntas redondeadas, traten de poner un radio pequeño, ya que son apenas redondeadas! A este rectángulo le hacen una sombra 45º que tenga poco tamaño y poca distancia.

Tercero: Una imagen que corte a sangre en los bordes der rectángulo, para ello la ponen por encima del rectángulo y hacen un máscara con este!

Cuarto y último dato… asignan un color para identificar al widget, en este caso el rosa pálido, siempre traten de elegir colores mates, o pálidos, con ese color identifican un titulo o un enlace!

Simple no? que lo disfruten!
Saludos!