Редактор иконок

Небольшой редактор иконок. Поддерживаются альфа-каналы, иконки размером до 256х256, библиотеки, XP-иконки и основные форматы: ICO, BMP, PNG, PSD, EXE, DLL, ICL.

Установка редактора иконок @icon sushi

На нашем сайте можно скачать инсталлятор @icon sushi, либо его портативную версию. Выбираем удобный вариант на странице загрузки и устанавливаем программу.

Интерфейс @icon sushi — английский, но в архиве с ним лежит русификатор.

Чтобы русифицировать программу, делаем следующее:

1. Открываем папку с установленной программой (по умолчанию это C:\Program Files\aicon\).
2. Находим там папку "Languages".
3. Копируем в нее файл Русский.lng из папки с русификатором.
4. Запускаем @icon sushi.
5. Заходим в меню "Options" — "Languages" и выбираем язык Русский.

Готово, русский интерфейс установлен.

Интерфейс программы

После запуска перед нами появится главное окно программы.

С её помощью можно "доставать" спрятанные значки из файлов .ICO, .PNG, .PSD, .BMP, .EXE, .DLL, .ICL и менять их как заблагорассудится.

Давайте для примера откроем запускаемый файл антивируса AVG, чтобы извлечь из него иконки. Нажимаем "Открыть" и выбираем нужный файл с расширением .exe. Загрузятся все значки из этого файла.

Если навести курсор мыши на кнопки в области Открытия и Сохранения, то мы увидим, что программа позволяет сохранять картинки в форматах:

• Обычная одиночная иконка (ICO).
• Мультииконка (набор выбранных в списке иконок в том же формате ICO).
• Библиотека иконок, которая может содержать как одну, так и множество значков (ICL).
• Картинка в BMP (не сжатая и без поддержки прозрачности).
• Картинка в PNG (c поддержкой альфа-канала).

Таким образом, с помощью @icon sushi можно конвертировать обычные картинки в иконки и обратно.

Давайте теперь попробуем сделать иконку из какого-нибудь рисунка.

Создание иконок из рисунков

Здесь нам придётся сначала проделать небольшую подготовительную работу. Как уже упоминалось, программа работает с картинками размером до 256х256 пикселей и далеко не во всех форматах.

Поэтому, чтобы открыть обычную картинку в @icon sushi, нужно сначала:

1. Сделать её квадратной (обрезать либо добавить холст).
2. Уменьшить до одного из стандартных размеров.
3. Сохранить в формате PNG.

Для этих манипуляций можно использовать любой графический редактор или даже простую программу для просмотра изображений.

Например, FastStone Image Viewer отлично умеет это делать.

Будем считать, что картинку уменьшили и сохранили. Нажимаем кнопку "Открыть" в @icon sushi и выбираем нашу квадратную картинку. Должно получиться что-то в этом роде:

Теперь мы можем сохранить картинку как иконку в формате ICO.

Но что это нам даёт?

Дело в том, что такую картинку в формате ICO, программист может сделать "лицом" своей программы. А у веб-дизайнера она может стать мини-логотипом сайта, и сделает его более заметным в поиске Яндекса.

Вот как выглядит иконка нашего сайта в браузере Opera и в поиске Яндекса:

Таким образом, удачная иконка может привлечь внимание к продукту разработчика, а неудачная — помешать этому.

Создание прозрачного фона

Помимо конвертации между форматами, @icon sushi обладает функцией редактора альфа-канала. Рассмотрим её подробнее.

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

Заходим в меню «Редактировать» и нажимаем кнопку «Изменить маску прозрачности» (или просто нажимаем клавишу Enter).

Откроется следующее окно, в котором можно регулировать масштаб отображения роликом мыши или с помощью окошка "Размер". Это позволит более аккуратно обработать рисунок.

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

Дальше у нас есть два способа удалить ненужный фон:

1. Если он везде одного цвета (как в нашем случае — белый), то всё очень просто. Используем инструмент в виде пипетки "Создать маску из цвета" и тыкаем им в этот фон. Он сразу исчезнет. Главное здесь, чтобы цвет фона не соединялся с точно таким же цветом на самой иконке.

2. Если ненужный фон разноцветный, придётся действовать вручную. Выбираем инструмент «Прозрачность» (в виде карандаша) и закрашиваем им ненужные участки.

Также, карандаш можно использовать для точной зачистки пикселей, оставшихся после пипетки.

Таким способом можно убрать ненужные пиксели и со всего рисунка.

Также, важно помнить, что к сожалению, в данном редакторе можно отменить только одно, самое последнее изменение. Поэтому действовать нужно аккуратно и не торопясь.

Второй способ добавления прозрачности

Однако это не единственный способ добиться прозрачности в @icon sushi. В меню «Редактировать» есть ещё один пункт: «Изменить Альфа канал».

Выбрав его мы увидим вот такое окно:

Здесь немного наоборот. Инструмент «Прозрачность» показан в виде ластика, и добавляет маску прозрачности в альфа-канал. Инструмент же «Стереть» выглядит как кисть, и соответственно, убирает маску.

Параметры, которые здесь можно изменять:

• фоновой цвет;
• размер кисти (5 вариантов);
• сила нажима кисти (в процентах);
• метод распыления (простой либо пульверизатором).

Также, с помощью галочки "Только Альфа-канал" можно полностью исключить из редактирования рисунок, чтобы случайно не испортить его.

Меню "Просмотр"

В этом меню можно выбрать внешний вид списка иконок в файле, подобно тому, как это организовано в Проводнике Windows. Например, в виде набора пиктограмм:

Меню "Инструменты"

Теперь Вы знаете почти все о программе @icon sushi. Но еще не все :). Есть в ней еще несколько «фишек». Их можно обнаружить в меню «Инструменты»:

• Сортировщик иконок — позволяет выбирать, какие именно иконки будут показаны в списке.
• Скриншот — создаёт скриншот в формате JPG группы отмеченных иконок, располагая их в горизонтальную линию друг за другом. Регулируются поля, фон и т.д.
• Сохранить выбранные группы в иконки — аналогично сохранению в мультииконку.
• Счётчик групп.
• Переименовать иконки — поиск и замена в именах по шаблону.
• Полоса расширений файлов.

Настройки @icon sushi

Теперь нам осталось лишь заглянуть в меню настроек.

Не густо, но всё необходимое есть.

Выводы

Редактор @icon sushi не очень силён в создании иконок «с нуля», но достаточно удобен для конвертации уже готовых изображений и корректировки альфа-канала.

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

P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Богданова.

P.P.S. Для работы с программой Вам обязательно пригодится ещё еще и неплохой бесплатный редактор фотографий:
Paint.NET https://www.bestfree.ru/soft/graph/paint.php