Con la llegada de iOS 7 hemos encontrado muchísimas mejoras en cuanto a nivel de diseño de la interfaz. Una de ellas –y para mi de las que más me han sorprendido al probarlas– es el efecto Parallax. La posibilidad de que el fondo de pantalla de nuestro dispositivo responda a nuestros movimientos creando un efecto 3D es verdaderamente espectacular –aunque puede que a algunos no os guste, en ese caso podéis desactivarlo–.
Pues bien, cuando añadimos una imagen como fondo de pantalla distinta a las que ofrece Apple veremos que esta no se ve correctamente en nuestro dispositivo. Esto ocurre porque se recorta y efectivamente nosotros la veremos recortada por los lados. Además hay que tener en cuenta que las imágenes normales se nos verían pixeladas ya que iOS debe ampliarlas para conseguir este efecto.
No obstante, podemos crear nuestros propios fondos de pantalla que estén adaptados al efecto Parallax de iOS 7, para ello debemos seguir unos sencillos pasos:
- Escoger o crear la imagen que queramos poner como fondo de pantalla
- Abrirla con un editor de imágenes relativamente decente. Personalmente utilizo Photoshop, pero podéis usar cualquier otro como Pixelmator o hasta el mismísimo Paint.
- Recortar o redimensionar la imagen para que tenga la resolución adecuada para nuestro dispositivo. La resolución adecuada se consigue añadiendo 200 pixeles a la resolución de nuestro iDevice.
Por lo tanto estas son las medidas que debe tener la imagen para cada dispositivo:
- iPad 2 o iPad mini: 1424 x 1424
- iPad 3 y el iPad 4: 2448 x 2448
- iPhone 4S: 1360 x 1040
- iPhone 5: 1536 x 1040
Recordad que el iPhone 4 no es compatible con esta función en iOS 7 así que no esperéis que os funcione si realizáis esta imagen con semejantes resoluciones.
Desde luego realizarse uno sus propias imágenes para el efecto Parallax es muy divertido, pues ofrece algo distinto a los demás y es mucho más personal. Además, una fotografía propia es mucho más interesante que unas hierbas verdes o constelaciones, ¿no os parece?
no se mucho de el tema sobre 200 pixeles me gustaría un tutorial mas detallado lo agradeceremos muchos.
Tampoco es tan difícil, simplemente tienes que tener en cuenta que la imagen que vayas a poner de fondo de pantalla debe tener las siguientes dimensiones:
-Para iPad 2 o iPad mini: 1424 x 1424 -Para iPad 3 y el iPad 4: 2448 x 2448 -Para iPhone 4S: 1360 x 1040 -Para iPhone 5: 1536 x 1040
Si no sabes recortar y redimensionar una imagen pues te recomiendo que busques tutoriales por Internet, hay cientos.
supongo que la resolucion del iphone 5 es la misma del ipod 5g
Paint?
Chicos, ustedes deberían probar usar un Mac. El sistema operativo (OS X), trae una herramienta muy útil para realizar este tipo de trabajos, llamada… Vista Previa. Si, OS X es un muy buen sistema operativo con excelentes aplicaciones. Denle una oportunidad, y así de paso le dan un poco de credibilidad a vuestro sitio que se supone es sobre Apple.
PD: Paint!!
[…] iOS 7 para aquellos que éramos amantes de los fondos de pantalla Retina es que como ahora trae el efecto paralaje, éstos pierden definición la ampliarse. Esto no importa si utilizamos las famosas imágenes que […]