Generando iconos para iPhone UITabBar

Question

He estado ocupado trabajando en los gráficos para mi aplicación de iPhone. Empecé a trabajar en la generación de iconos para mi UITabBar y tuve muchos problemas. ¿Cómo se crean estos íconos?

creé esta solución:

http://www.nailrails.com/?p=46

¿Hay algunas deficiencias de este enfoque? Parecía funcionar para los pocos íconos que creé ...

Answer 1

Los documentos son bastante sencillos: alfa es lo único que importa cuando la barra de herramientas carga la imagen, lo que significa que todo lo que no sea al menos semitransparente aparecerá en el mismo tono opaco. En cuanto a cómo lo hago, utilizo principalmente herramientas de Adobe. Fireworks es mi herramienta preferida, pero Photoshop también está más que preparado. Otro con el que he obtenido buenos resultados es Acorn, que es francamente mucho más económico y lo suficientemente sofisticado para este tipo de trabajo. No soy realmente un diseñador gráfico, pero cierta familiaridad con este tipo de cosas va con el trabajo.

Answer 2

Tengo un artículo en mi sitio que muestra cómo utilizar OmniGraffle con una plantilla que utilizo para crear grandes iconos de la barra de herramientas iPhone en minutos:

http://steveweller.com/articles/toolbar-icons/

La plantilla crea una cuadrícula para trabajar a eso corresponde a un cuadrado por cada píxel. Dibuja su ícono en blanco sobre el fondo negro de la plantilla y luego exporte como un PDF exactamente el área correcta para que coincida con el tamaño de icono que necesita (generalmente 21 píxeles de alto). A continuación, vuelve a importar el PDF, cambia el tamaño al tamaño del icono final (21 píxeles de nuevo) y exporta como PNG. La plantilla no hace nada mágico; solo proporciona un área de trabajo ya configurada y le ayuda a obtener el PNG final correcto, siempre que la escala sea correcta.

Puede usar la misma técnica en Acorn o en cualquier otra aplicación que admita la exportación de PDF y las capas.

Answer 3

las directrices de Apple se puede encontrar en http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html#//apple_ref/doc/uid/TP40006556-CH14-SW1

Answer 4

(yo uso Gimp. Suponga que su capa icono ya tiene canal alfa.)

1. Haga clic derecho en la capa, a continuación, añadir máscara de capa.
2. Hecho con la opción "transferir canal alfa de capa" elegido.
3. Seleccione la capa completa (pero no la máscara de capa) y límpiela con blanco puro.
4. Cambie el tamaño de la imagen al tamaño sugerido por Apple y expórtela como archivo png.

También puede pintar directamente en la máscara de capa.