Генерация иконок для iPhone UITabBar - PullRequest
9 голосов
/ 05 мая 2009

Я занят работой над графикой для моего приложения для iPhone. Я начал работать над созданием иконок для своего UITabBar и столкнулся с множеством проблем. Как вы создаете эти иконки?

Я создал это решение:

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

Есть ли недостатки этого подхода? Казалось, это работает для нескольких иконок, которые я создал ...

Ответы [ 4 ]

11 голосов
/ 14 апреля 2011
7 голосов
/ 05 мая 2009

Документы довольно просты: альфа - это все, что имеет значение, когда изображение загружается панелью инструментов, а это означает, что все, что не является полупрозрачным, будет отображаться в том же непрозрачном оттенке. Что касается того, как я это делаю, я в основном использую инструменты Adobe. Фейерверк - мой любимый инструмент, но Photoshop также более чем полезен. Другой, с которым у меня были хорошие результаты, это Acorn, который, откровенно говоря, намного дешевле, хотя и более чем достаточно сложен для такой работы. Я на самом деле не графический дизайнер, но определенное знакомство с подобными вещами связано с работой.

6 голосов
/ 01 июня 2009

На моем сайте есть статья, в которой показано, как использовать OmniGraffle с шаблоном, который я использую для создания отличных значков панели инструментов iPhone за считанные минуты:

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

Шаблон устанавливает сетку для работы, которая соответствует одному квадрату для каждого пикселя. Вы рисуете белый значок поверх черного фона шаблона, а затем экспортируете в PDF-файл точно в нужную область, соответствующую нужному размеру значка (обычно 21 пикселя в высоту). Затем вы заново импортируете PDF-файл, измените его размер до конечного размера значка (снова 21 пиксель) и экспортируете в формате PNG. Шаблон не делает ничего волшебного; он просто предоставляет уже настроенную рабочую область и помогает вам правильно получить окончательный PNG каждый раз, когда шкала верна.

Вы можете использовать ту же технику в Acorn или любом другом приложении, поддерживающем экспорт в PDF и слои.

0 голосов
/ 24 сентября 2013

(я использую Gimp. Предположим, у вашего слоя иконок уже есть альфа-канал.)

  1. Щелкните правой кнопкой мыши слой, затем добавьте маску слоя.
  2. Завершено с выбранной опцией "передача альфа-канала слоя".
  3. Выберите весь слой (но не маску слоя) и очистите его чистым белым.
  4. Измените размер изображения до рекомендованного Apple размера и экспортируйте его в файл png.

Вы также можете рисовать прямо на маске слоя.

...