Преобразовать изображение в значок на панели инструментов iPhone

Question

У меня есть значок в оттенках серого, который я редактирую в Photoshop с прозрачным фоном, но я не могу понять, как преобразовать значок в значок, который можно использовать в качестве значка на панели инструментов iPhone.,Если я просто сохраню изображение в формате PNG, оно не будет отображаться на iPhone как сглаженное, поскольку каждый пиксель с цветом отображается черным, а не серым.

СогласноВ документах Apple и других источниках на изображении должен быть альфа-канал, чтобы указать различные уровни прозрачности для каждого пикселя.Однако я понятия не имею, что это значит.Я прочитал эти посты и документы от Adobe и до сих пор не могу понять, как правильно преобразовать изображение в градациях серого в изображение, которое можно использовать в качестве значка на панели инструментов iPhone.Сообщение в блоге трудно понять и плохо написано, и документы Adobe на самом деле не помогают.

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

Может кто-нибудь указать мне направильное направление или предоставить точные, пошаговые инструкции для этого в Photoshop?

Answer 1

Это гораздо проще, чем гадить с настоящими масками в Photoshop.

Значки панели инструментов iPhone имеют размер около 30 на 30 пикселей, поэтому создайте новый файл Photoshop с этими размерами. Убедитесь, что фон прозрачный (вы можете указать это при создании нового файла).

Затем любые пиксели, которые вы рисуете поверх этой прозрачности, становятся тем, что iOS использует для иконки. Неважно, какого цвета это в Photoshop для значков NSToolbar - они автоматически используются в качестве масок для iOS.

Оставьте прозрачными те части, которые хотите показать. Сохраните как 24-битный PNG и вставьте XCode как обычно.

Для нескольких значков, которые служат хорошим начальным примером, посмотрите те, которые я публикую бесплатно здесь: http://glyphish.com Просто возьмите один из PNG и откройте его в Photoshop, и вы увидите, что он нарисован произвольный цвет (# 444444) с различными уровнями непрозрачности для создания более темных и светлых частей значка.

Answer 2

Это больше вопрос фотошопа, чем кодирования, но в любом случае вот предложение.

У Lunacore есть хорошее руководство по использованию масок.хочу сделать это:

1. Убедитесь, что ваш фон прозрачен.
2. Создайте новый слой и залейте его любым сплошным цветом.
3. Создайте маску на однотонном слое и заполните изображение в градациях серого в маске.(Используйте изображение в градациях серого в качестве маски.)

Значки на панели инструментов используют ваше изображение в качестве маски.Они только учитывают, какое изображение имеет прозрачность.Не какой цвет или оттенок.