Convertir une image en icône de barre d'outils iPhone

Question

J'ai une icône en niveaux de gris que je suis en train d'éditer avec Photoshop avec un fond transparent, mais je ne peux pas, pour la vie de moi, convertir l'icône en peut être utilisé comme une icône de barre d'outils iPhone. Si je sauvegarde simplement l'image en tant que PNG, elle n'apparaît pas comme anti-aliasée sur l'iPhone car chaque pixel avec couleur est rendu noir, au lieu d'une nuance de gris. Selon les documents Apple et d'autres sources, il doit y avoir un canal alpha sur l'image pour spécifier différents niveaux de transparence pour chaque pixel. Cependant, je n'ai aucune idée de ce que cela signifie. J'ai lu ces publications et docs d'Adobe et je n'arrive toujours pas à comprendre comment convertir correctement une image en niveaux de gris en une image pouvant être utilisée comme icône de barre d'outils iPhone. L'article du blog est difficile à comprendre et mal écrit, et les documents Adobe ne sont pas vraiment utiles.

http://cahit.hayalet.net/blog/514/converting-an-image-to-iphone-toolbar-icon/

http://livedocs.adobe.com/en_US/Photoshop/10.0/help.html?content=WS74B356C9-353F-4483-8632-7B1A102F2A2E.html

quelqu'un peut me diriger dans la bonne direction ou fournir des instructions exactes, étape par étape pour faire cela dans Photoshop?

Answer 1

C'est beaucoup plus simple que d'avoir à bouder avec masques réels dans Photoshop.

Les icônes de la barre d'outils de l'iPhone font environ 30px par 30px, donc créez un nouveau fichier Photoshop avec ces dimensions. Assurez-vous que l'arrière-plan est transparent (vous pouvez le spécifier lors de la création d'un nouveau fichier). Ensuite, tous les pixels que vous dessinez au-dessus de cette transparence deviennent ce que iOS utilise pour l'icône. Peu importe de quelle couleur il s'agit dans Photoshop pour les icônes NSToolbar - elles sont automatiquement utilisées comme masques par iOS.

Laissez transparentes les parties que vous souhaitez afficher. Enregistrer en tant que PNG 24 bits, et chuck dans XCode comme d'habitude.

Pour quelques icônes qui servent de bons exemples de départ, consultez ceux que je publie gratuitement ici: http://glyphish.com Prenez l'un des fichiers PNG et ouvrez-le dans Photoshop, vous verrez qu'il est dessiné dans une couleur arbitraire (# 444444) avec différents niveaux d'opacité pour créer des parties plus claires et plus claires de l'icône.

Answer 2

Ceci est plus d'une question de photoshop que de codage mais de toute façon, voici une suggestion.

Lunacore has a good tutorial sur l'utilisation des masques.

Qu'est-ce que vous voulez faire est:

1. Assurez-vous que vous êtes arrière-plan est transparent.
2. Créez un nouveau calque et remplissez-le avec n'importe quelle couleur unie.
3. Créez un masque sur le calque couleur unie et remplissez votre image en niveaux de gris dans le masque. (Utilisez votre image en niveaux de gris comme masque.)

Les icônes de la barre d'outils utilisent votre image en tant que masque. Ils ne considèrent que la transparence de l'image. Pas quelle couleur ou nuance.