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

Редактор иконокРедактор иконок — это специальный графический радактор, заточенный исключительно под создание и редактирование этих маленьких картинок.

Иконка — специальная маленькая картинка в формате ICO, представляющая связанный с ней файл или расширение файла.

С помощью таких иконок мы быстро различаем, что перед нами за файл и что произойдёт, если на него кликнуть (запустится программа, откроется чертёж в чертёжной программе или начнёт проигрываться музыка в аудиоплеере). По историческим сведениям, такие значки впервые изобрели в компании «Ксерокс» в 1970 году.

Программа icon suchi позволяет открывать, конвертировать и редактировать иконки.

icon suchi 1.21

Редактор иконок icon suchi 1.21
Рейтинг:
Размер:
900 кБ (инсталлятор / портативная версия)
Интерфейс:Русский/Английский
Платформа:
Windows 98/ME/2000/XP/Vista/7 32-bit
Обновлено:2009-04-02
Разработчик:
Платный аналог:  
Icon Constructor (149 руб.)


Похожая программа: Кнопки для сайта DeKnop





icon suchi 1.21

Небольшой редактор иконок. Поддерживаются альфа-каналы, иконки размером до 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. Загрузятся все значки из этого файла.

Интерфейс рабочей области редактора иконок @icon suchi

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

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

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

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

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

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

Стандартные размеры иконок для Windows: 16*16, 24*24, 32*32, 48*48, 256*256.
Также иногда применяются: 64*64 и 128*128.

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

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

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

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

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

Картинка в PNG

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

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

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

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

Иконка сайта

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


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

Альфа-канал — прозрачный слой.

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

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

Белый фон на иконке

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

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

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

Изменение маски прозрачности

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

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

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

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

После применения прозрачности

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

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

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

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

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

Редактирование Альфа канала в программе @icon suchi

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

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

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

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

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

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

Набор пиктограмм в файле

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

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

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

Сортировщик иконок

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

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

Настройки редактора иконок

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

Выводы

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

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

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

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



Похожие программы:

Поиск иконок: IconS
Бесплатная программа для поиска иконок по файлам библиотек и приложений. Программа очень проста и нетребовательна.
Взлом программ: Resource Hacker
Бесплатная программа для взлома и редактирования ресурсов программ, приложений, библиотек и т.д.
Подбор цвета: Color point
Маленькая, стильная и аккуратная программка подбора цвета для оформления HTML-страниц и других задач, требующих подбора сочетающихся цветов.
Безопасные HTML-цвета: АРЕ Цветик
Программа подбора безопасного HTML-цвета для оформления веб-страниц. Не требует установки, регистрации, да и вообще ничего не требует, только отдаёт чистый цвет :).
Просмотр изображений: FastStone Image Viewer
Бесплатная программа для просмотра изображений с множеством дополнительных функций, включая конвертор, редактор, браузер, режим слайд-шоу (более 150 вариантов переходов) и пакетное преобразование.
Кнопки для сайта: DeKnop
Программа, позволяющая создавать красивые прямоугольные кнопки для сайтов и программ.
Изменение размера изображений: RIOT
Бесплатная программа для изменения размера изображений, их оптимизации и конвертации без заметной потери качества. В комплекте идёт полный арсенал инструментов, предназначенных для сжатия любых графических файлов.





** Задавать вопросы лучше на нашем форуме. Просто зарегистрируйтесь и создайте новую тему.

Полезный совет:



Система проверки ошибок от Mistakes.ru