0 votos

¿Cómo consigue Apple la "envoltura" visual para formar los iconos de su tienda de aplicaciones en itunes.apple.com?

Recientemente he ojeado el código fuente de una aplicación en el sitio web itunes.apple.com y me he dado cuenta, al acceder a la imagen de la aplicación, de que la imagen subyacente es simplemente cuadrada. Esto significa que Apple de alguna manera "envuelve" visualmente la imagen con alguna técnica para que parezca que tiene esquinas redondeadas. Como no soy un experto en estos detalles, me gustaría saber cómo lo consigue Apple.

La razón es que, en mi opinión, esta presentación visual de todas las aplicaciones (también en el software de iTunes App Store) es un aspecto crucial y consistente de la presentación de aplicaciones de Apple. Como quiero trabajar en algo relacionado con las aplicaciones de Apple (y tal vez también inscribirse en su programa de afiliados, lo que podría responder a esta pregunta, pero no lo hice todavía), así que necesito estar informado sobre este tema.

Gracias por su ayuda de antemano.

2voto

5arx Puntos 257

El truco consiste en superponer un icono de enmascaramiento que contenga un borde y algo de sombra. Con CSS, esto se coloca exactamente encima del icono subyacente.

Esta es la imagen: http://r.mzstatic.com/htmlResources/F96C/images/mask175.png

Si todo lo que necesitas son esquinas redondeadas, hay algunos trucos de CSS (3) sólo para eso, aunque entonces se verá un poco diferente.

AppleAyuda.com

AppleAyuda es una comunidad de usuarios de los productos de Apple en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros usuarios, hacer tus propias preguntas o resolver las de los demás.

Powered by:

X