¿Cómo puedo generar iconos de estilo iOS / Flurry en OS X?

Aprovechando la respuesta de cksum, si puede obtener una máscara, una superposición y las imágenes de sombra con una resolución suficientemente alta (las imágenes @2x son solo aproximadamente 140px cuadrados) y se siente cómodo con la línea de comandos / shell En las secuencias de comandos, puede utilizar ImageMagick, un buen procesador de imágenes de línea de comandos, para enmascarar y componer el icono.

Una vez que hayas instalado ImageMagick, (http://www.imagemagick.org) [Tienen instrucciones de instalación aquí ] debería poder procesar su imagen con la máscara, superposición y sombra:

convert YourImage.png overlay.png -composite YourImage_overlay.png
convert YourImage_overlay.png mask.png -alpha off -compose CopyOpacity -composite YourImage2.png
convert shadow.png YourImage2.png -composite YourImage_largest.png
convert YourImage_largest.png -geometry 512 Icon512.png
convert YourImage_largest.png -geometry 256 Icon256.png

Esto supone que Your_Image es grande y cuadrada (1024x1024) y que mask.png, overlay.png y shadow.png tienen el mismo tamaño.

Idealmente, no solo volvería a muestrear el ícono más grande para obtener las versiones más pequeñas, sino que podría usar el software normal de creación de íconos (por ejemplo, IconBuilder) y usarlo para hacer YourImage en cada tamaño, y luego hacer lo anterior en cada uno. uno individualmente.

En cuanto a obtener las imágenes de máscara, superposición y sombra en el tamaño correcto, mi mejor recomendación sería agrandarlas y luego volver a generarlas (es decir, dibujar un nuevo redondeo y gradientes) a resolución completa con Photoshop o GIMP.

Una vez que tenga la imagen en cada resolución, puede lanzarla en el propio Icon Composer de Apple (en el SDK de iOS / Mac) para crear los .icns

No es la solución más fácil, pero le brinda la flexibilidad de especificar la máscara exacta y otros efectos y de la línea de comandos.

Tal vez si alguien escribió un hack (pero sigo siendo escéptico ya que todo esto podría hacerse fácilmente obteniendo la plantilla del icono (archivo PSD) y haciéndolo manualmente.

iOS tiene un marco en el lugar para tratar con los iconos de SpringBoard. Los archivos son los siguientes (convención de nombres tomada de iOS 5. Las versiones anteriores de iOS eliminan el ~ sufijo de iphone):

1. AppIconMask@2x~iphone.png
2. AppIconOverlay@2x~iphone.png
3. AppIconShadow@2x~iphone.png

(1) es la máscara de recorte, que determina la forma del icono. (2) es el efecto de "brillo" que ha caído en desgracia en los últimos años y es opcional. (3) es la base del icono, la sombra que se aplica en el producto final.

Hice un gráfico y una explicación adjunta de cómo funcionan todos juntos en mi sitio web que debería ayudar a explicar mejor cómo iOS ofrece iconos en su dispositivo respectivo.

OS X no tiene tal sistema en su lugar. Cada icono está simplemente limitado por las dimensiones establecidas en el Finder. Apple nunca intentó controlar el aspecto de los íconos en OS X, pero quería tener una apariencia uniforme en iOS (y no los culpo), de ahí la razón por la que desarrollaron dicho marco.

Podría intentar contactar a un desarrollador de Cocoa para trasladar MobileIcons.framework de iOS a OS X, pero nuevamente, ya que Finder puede ajustar los tamaños (en Lion, desde 1024x1024 hacia abajo), sigo siendo escéptico de que sea posible.

Las otras aplicaciones mencionadas tienen sus usos, pero para su solicitud establecida, hay 2 aplicaciones que lo logran muy fácilmente:

• iconos
• iDeveloper - Icon Generator

Ambos están disponibles en la Mac App Store, pero prefiero icons entre los dos: es mucho más robusto y bastante pulido. Como verás en la tapa de pantalla que agregué, icons hace muy fácil jugar con todas las variables (esquinas, brillo, tamaños de exportación, etc.), y eso es Sólo una parte de la aplicación! (Las otras pestañas tratan con íconos que no son iDevice ...)

Primero, echa un vistazo a Img2Icns para conocer la forma más fácil de crear un archivo ICNS desde un archivo de imagen de 512x512. (La versión gratuita funciona muy bien).

En segundo lugar, visite CandyBar para administrar e instalar íconos de reemplazo. Cuesta unos pocos dólares, pero es un gran programa.

En tercer lugar, busque en DeviantArt los iconos de Flurry que ya se han creado. Busque el icono de flurry y icono .

Finalmente, si no puede encontrar lo que está buscando, use Plantilla Flurry para crear nuevos iconos.

No hay necesidad de crear esquinas y brillo, la aplicación los agrega automáticamente en el momento de la compilación.

De los documentos 1 :

  

Cuando iOS muestra el ícono de la aplicación en la pantalla de inicio de un dispositivo, agrega automáticamente los siguientes efectos visuales:

     

• esquinas redondeadas
  
• sombra paralela
  
• Brillo reflectante (a menos que evites el efecto de brillo)