Как сделать хороший значок OS X из существующего png

Как вы можете прочитать в Руководстве по пользовательскому интерфейсу iOS , на самом деле вам понадобится довольно много значков для разных устройств/целей. Для iPad требуется другой размер значков, а дисплей Retina, представленный в iPhone 4, удваивает разрешение.

В вашем случае вы должны посмотреть на значок приложения и/или значок веб-клипа (к счастью, они имеют одинаковые размеры).

Хотя значки отображаются с закругленными границами, вы вообще не должны включать закругленные границы в свое изображение. Кроме того, «блеск подсветки» на значках создается в ОС, и вам не нужно рисовать его (если вы создатель приложения, вы можете указать, должна ли iOS добавлять этот «блеск» или нет).

Вот шаги, необходимые для создания базовой иконки приложения (57x57) в Paint.NET.

1. Выберите File> Newв меню и введите 57ширину и высоту. Создайте изображение, нажавOK
2. В меню выберите Layers> Import from File. Затем выберите изображение слона.
3. Изображение должно появиться как новый слой, вы можете перетащить его, чтобы расположить в центре вашего изображения.
4. Если вы дополнительно хотите изменить свой фон, просто выберите слой «Фон» из палитры Layersи используйте инструменты рисования, чтобы изменить фон. Например. используйте «Ведро с краской», чтобы заполнить фон другим цветом фона.
5. Когда вы довольны результатами, используйте File> Save as...и сохраните изображение как .png(выберите 24-битный или 32-битный (если у вас есть прозрачность)) для вашего изображения.

Процесс создания значков разного размера идентичен. Тем не менее, вам следует попытаться получить версию значка слона с более высоким разрешением, так как вам придется масштабировать его для больших значков, что приведет к размытому изображению.

Идеальный способ сделать это — сначала создать значок самого большого размера (например, 114 x 114), а затем создать меньшие версии значка, просто изменив размер значка с высоким разрешением. В Paint.NET это можно сделать, перейдя в Image> Resize. Всегда следите за тем, чтобы переходить от высокого разрешения к низкому (не наоборот).

Изменить: судя по вашему комментарию, я неправильно истолковал ваш вопрос. Итак, вот краткое руководство, как получить изображение как черное на прозрачном изображении. Обратите внимание, что это довольно легко сделать с помощью Photoshop или подобного, но не так просто с Paint.NET. На самом деле вам придется загрузить плагин, чтобы иметь возможность изменять альфа-канал (это то, что нам нужно здесь).

Итак, прежде всего, возьмите плагин Alpha Mask . Скопируйте AlphaMask.dllв свою Effectsпапку (внутри папки установки Paint.NET). Затем перезапустите Paint.NET.

Теперь сначала создайте черно-белое изображение вашего слона. Создайте белый фоновый слой и затем нажмите Adjustments> Black and whiteна слое со слоном.

Далее вам понадобится гораздо более высокая контрастность, чтобы очертания слона были лучше читаемы. Используйте Adjustments> Curvesдля этого. Здесь я собираюсь установить довольно экстремальные настройки, так как вы уменьшите это изображение до 16x16, при котором функции все еще должны быть видны.

Затем объедините слои в один и измените размер изображения до нужного размера (например, 16x16).

Теперь собственно часть создания прозрачного изображения. Для этого нам и нужен плагин AlphaMask. Потому что мы хотим, чтобы наше текущее изображение было фактической альфа-информацией.

Поэтому выберите все и скопируйте текущее черно-белое изображение вашего слона в буфер обмена. Теперь создайте новое изображение ( File> New) с такими же размерами. Заполните это изображение желаемым цветом переднего плана. В нашем случае это должен быть черный цвет (так как мы хотим, чтобы он был черным на прозрачном фоне).

Теперь перейдите Effectsи выберите Alpha Mask. Отметьте Invert Maskи Paste from Clipboardи нажмите OK. И БАМ вон твой слон, черный на прозрачном.

Вот как это выглядит в исходном размере (45x45) при увеличении 200%.