→ → Программа для редактирования иконок. Редакторы иконок

Программа для редактирования иконок. Редакторы иконок

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

Установка редактора иконок @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 пикселей и далеко не во всех форматах.

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

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

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

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

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

Подобные сайты редакторы иконок очень эффективны. Они позволяют вам:

  • легко и быстро создавать новые материалы;
  • придать существующим наработкам завершенный вид;
  • сохранять результат в разных форматах (SVG, ICO & PNG);
  • создавать иконки для .

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

IconsFlow

IconsFlow.com — векторные иконки + редактор позволяющий создавать персонализированные наборы и экспортировать их в хорошем качестве (SVG, ICO & PNG). Главным преимуществом сервиса является наличие двух редакторов:

  • главного, в котором выбирается палитра, стиль, эффекты;
  • редактора формы, где можно изменить текущую форму или нарисовать новую.

Если вы уже создали иконки в Illustrator, просто загрузите файлы SVG и поэкспериментируйте с разными фонами. В IconsFlow существуют определенные ограничения при бесплатном использовании, поэтому убедитесь, что вы с ними ознакомились перед стартом. Для начинающих пользователей имеются уроки и раздел помощи, к тому же есть возможность работать в редакторе иконок на русском.

Вид векторного редактора IconsFlow:

Примеры работ:

FlatIcons

С помощью FlatIcons.net вы можете создать свою флэт-иконку (в плоском стиле) на основе готовых шаблонов. Задавайте размеры, выбирайте рисунок и основной фон (круги, кольца, прямоугольники), меняйте цвет. Этот редактор иконок бесплатный, но у него есть два недостатка:

  • Во-первых, вы можете скачивать файлы только в PNG-формате.
  • Во-вторых, вам придется создавать каждый объект отдельно, т.к. невозможно разработать целый набор сразу.

Не смотря на то, что пик популярности уже прошел, многие используют их в своих дизайнах. В качестве примера разработчики позволяют скачать бесплатный набор социальных флэт иконок. Результат работы в редакторе FlatIcons:

Launcher Icon Generator

Проект Launcher Icon Generator бесплатный и, как мы думаем, больше подходит для продвинутых пользователей. Данный онлайн редактор иконок позволяет загружать изображения / клипарты и добавлять текст. Вы можете скачать по одной иконке за раз в 5 размерах (48 x 48; 72 x 72; 96 x 96; 144 x 144; 192 x 192).

В качестве базового клипарта используется набор графики в стиле Material Design из GitHub. Сервис содержит такие настройки как: отступы, форма, цвет или прозрачность фона, масштабирование + дополнительные эффекты. Результат:

Android Material Icon Generator — еще один инструмент создания флэт-иконок. Фишкой сервиса определенно является эффект в виде длинной тени. Если вам нужны подобные решения — этот редактор иконок будет идеальным вариантом.

Начните с выбора картинки из галереи, потом определите цвет, форму заднего фона (круг или квадрат), длину тени, насыщенность, затухание – и ваша иконка готова. Все предельно просто. Для персонального использования сайт полностью бесплатный.

После скачивания в файле-архиве найдете 6 PNG разного размера и векторный файл SVG. В Illustrator иконка SVG будет размытой, но, к счастью, она хорошо смотрится в браузере. В итоге получается что-то вроде:

Сайт Simunity – это генератор на базе HTML5, где можно создать иконку и затем скопировать код, чтобы отобразить ее в ваших веб-проектах. В качестве исходных материалов используются иконки из Font Awesome, для которых выбираются разные параметры: цвет, рамка, размер и стиль теней.

Данный сервис пригодится, если вам необходимо быстро создать простые оригинальные иконки для сайта. Результат применения Simunity:

Итого. Рассмотренные выше онлайн редакторы иконок – отличные инструменты для оптимизации работы дизайнеров. Нет смысла скачивать какие-то программы, когда все можно легко и быстро делать в сети. Из этой подборки, пожалуй, можно выделить IconsFlow. В нем собрано максимально большое число функций: галерея иконок, загрузка SVG, код для встраивания, предварительный просмотр, создание собственных шаблонов, экспорт PNG, ICO и SVG, адаптация размера, модные стили и встроенный векторный редактор. К тому же это единственный бесплатный редактор иконок на русском, если для вас это важно.

Если знаете еще какие-то похожие сервисы, присылайте варианты в комментариях.

Студия Иконок 5.52 - русская версия популярной программы для создания иконок ArtIcons Pro. Этот редактор иконок позволяет любителям и профессионалам создавать и редактировать иконки и работать с наборами иконок. Поддерживается экспорт и импорт множества графических форматов. Имеется русскоязычный интерфейс.

С помощью этого редактора иконок вы можете
  • Создавать кнопки для сайтов
  • Создавать иконки для мобильных устройств iPhone, Android, Windows Mobile
  • Создавать прозрачные и полупрозрачные иконки для Windows
  • Редактировать иконки для Windows XP/7/8/10
  • Редактировать иконки для Mac OS, iOS, Android, сайтов
  • Редактировать иконки стандартных и нестандартных размеров
  • Управлять иконками, коллекциями иконок и заготовками для тулбаров
  • Создавать пиктограммы для ярлыков и иконки для рабочего стола
  • Использовать градиентные и шахматные заливки в процессе рисования
  • Применять слои в проектах иконок
  • Использовать эффекты тени, прозрачности, сглаживания, серой шкалы, тонирования, вращения, сдвига и отражения
  • Импортировать и экспортировать ICO, BMP, JPEG, ANI, CUR, GIF, PNG, TGA, WMF, WBMP, XPM, XBM, иконки Delphi и Adobe Photoshop PSD форматы
  • Импортировать SVG, AI, PDF файлы
  • Импортировать Mac-иконки
  • Собирать иконки в коллекции для создания архивов иконок
  • Извлекать иконки из исполняемых файлов и библиотек Windows
  • Изменять иконки внутри exe-файлов
  • Искать иконки на ваших дисках и каталогах
  • Настраивать вид рабочего стола и иконки папок
Системные требования: Windows 95/98/ME/2000/NT/XP/2003/Vista/7/8/10, 4 MB на жестком диске.

Языки интерфейса: английский, русский, украинский, чешский, венгерский, польский, румынский, сербский.

Ограничения пробной версии : 30-дневный испытательный период, напоминающий диалог.

Скачать редактор иконок .

| Графические утилиты | Гор.клавиши Photoshop
Прежде всего, не следует использовать готовые иконки. Иконка - это как ваше лого или ваше лого и есть. Прекрасно понимаю, что никто ничего не делает на пустом месте, все мы смотрим друг на друга. Нельзя научится музыке не играя произведений других авторов. Мы следим за новыми направлениями. Я создавая сайты, обязательно посмотрю сайты конкурентов, чтобы знать, как этот сайт будет смотреться на фоне других. Но никогда не используйте яркие картинки, находки потому, что скорее всего много кому они понравятся и вы будете сотым человеком, который использовал эту же картинку. Что вы думаете, видя, как кто-то использует пусть красивую, но избитую картинку из базы данных? То же подумают и о вас.
Можно использовать какие-то приемы моменты второго плана, не такие яркие. Это то, что я могу использовать. Увижу что-то незаслуженно не замеченное и развиваю.

Нюансы редактирования

Когда-то вполне неплохо получится уменьшить большую копию, особенно, если это сложный логотип.
В большинстве случаев сжатие произойдет с некоторым искажением и потерей качества.

Выбор программы

Можно создать простую иконку в любом редакторе, в Paint например, сохранить в формате BMP скажем, а потом перевести в формат ICO. Если же вам нужна изящная иконка с перетеканиями полутонов, то вам без хорошего редактора иконок не обойтись.
Или напр. для веб-страниц используются иконки одного размера 16X16, но для системы Windows напр. иконка должна содержать несколько рисунков ряда размеров. Тут вам также нужен хороший редактор иконок.

Прозрачный фон

Когда-то удобен прозрачный фон, но для лучшего качества постарайтесь его избежать. Это проще и используя форму квадрата, вы максимально используете предоставленную вам площадь под иконку (она и так маленькое, зачем же еще урезать). Но когда-то надо и когда-то хочется.
Если вы создаете иконку в обычном редакторе, то он не сохранит ее в формате ICO. Вам придется сохранить ее скорее всего в BMP и потом конвертировать в формат ICO. Но при этом прозрачный фон обычно заменяется черным цветом. И вам надо будет в редакторе иконок удалить черный цвет. Также создавая прозрачный фон, помните, если есть прозрачный, то полупрозрачного нет. Скажем, у вам красный круг, то по краям будут клеточки розовые потому, что редактор при прозрачном фоне рисует, как на белом фоне. Тогда вам нужно прогнозировать на каком фоне будет ваш рисунок и заменить розовый подходящем в вашем случае. Или отказаться от сглаженных краев и сделать все красным. В таком случае края могут выглядеть рваными.

 

 
Это интересно: