Работа с иконками


Содержание

15 безумно полезных инструментов для создания иконок

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

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

Adobe CS5 – это самый популярный инструмент среди дизайнеров иконок. Возможно, утилита достаточно дорогая, но она и полностью оправдывает свою стоимость. CS5 для дизайнеров – это самый полезный инструмент, который включает в себя Photoshop – лидер рынка в сфере редактирования изображения, ПО по сжатию и манипуляциям; Illustrator – творческое приложение, широко используемое в творческой индустрии; а также Fireworks, с помощью которого вы без труда сможете сжать изображения для дальнейшего применения в дизайнах веб-сайтов.

Axialis Icon Workshop 6.5 представляет собой хорошосовместимое приложение для разработки, конвертации и редактирования дизайнов иконок для Mac, Windows и даже Unix OS всего за $49.95. Помимо стандартных функций, приложение IconWorkshop – это единственный редактор иконок, в котором можно разрабатывать полосы для набора инструментов. В новом поколении дизайнов иконок часто применяют прозрачность (альфа канал). Эта функция позволяет создавать красивые иконки с плавными углами и тенями. Axialis IconWorkshop также упрощает процесс разработки за счет предоставления ряда стандартных фигур, которые вы можете просто перетащить на полотно разработки.

AWicons Pro предоставляет как домашнюю, так и деловую версии. Последняя версия предлагает вам продвинутые алгоритмы воспроизведения изображения, которые редко можно встретить даже в лидирующих приложениях по обработке фото. Данное приложение поддерживает все требуемые функции от высококачественных реальных цветов до разноцветных градаций и прозрачности. Интерактивный дружественный интерфейс, многочисленные обучающие статьи, а также библиотека примеров иконок – все это входит в программу AWicons, и ее будет крайне легко изучить каждому, даже тем, кто никогда не работал в данной сфере. Деловая версия обойдется в $59.95, а домашняя в $39.95.

С Icon developer вы без труда сможете разработать собственные иконки. Icon developer позволяет вам импортировать изображения, которые были сделаны в других приложениях, и очень быстро преобразовать их в иконки. Вы также без труда сможете поменять цвет иконок, конвертировать сразу несколько файлов, а также применить специальные фильтры для повышения качества. Этот замечательный инструмент обойдется вам в $19.95.

Icon builder доступен как для систем MAC (79$), так и для Windows ($49). Приложение совместимо с Adobe Photoshop и Fireworks, и с его помощью вы без труда сможете разрабатывать иконки. Выделим несколько свойств:
* Создание иконок в любом разрешении
* Создание иконок любой формы
* Возможность сохранения всех данных в одном слое Photoshop
* Импорт уже существующих иконок
* Возможность предварительно просматривать иконки на различных фонах

Icon Machine – это редактор иконок для пользователей системы MAC (Mac OS X 10.2 или более свежая) за 25$. Приложение оснащено различными инструментами, с помощью которых вы без труда сможете разрабатывать привлекательные и красивые иконки любых размеров и цветов. Вы можете импортировать сделанные иконки в Photoshop, и редактировать их посредством этого приложения. Вы можете перетаскивать иконки на рабочую область программы путем простого перетаскивания найденных иконок из окна проводника.

Вы можете изменить все иконки на вашем рабочем столе, нажав всего одну кнопку в Icon Packager. Вы также можете использовать Icon Packager для преобразования сотен иконок за раз. Существует море готовых комплектов иконок, которыми вы можете воспользоваться. Icon Packager также позволяет пользователям искать и изменять любую иконку в системе. Вы можете воспользоваться бесплатной пробной версией программы, или купить полноценную всего за $9.95.

IconCool Studio представляет собой полноценное решение для разработки и редактирования 32-хбиттных иконок. Приложение включает в себя все стандартные функции редактирования иконок, а также множество различных фильтров и эффектов, с помощью которых можно улучшить результат. В добавок к иконкам и (анимированным) форматам курсоров, приложение также поддерживает изображения в форматах GIF, JPG и PNG.
Отметим также другие свойства:

* Поддержка самых свежих иконок Vista
* Возможность передачи и интеграции в Photoshop
* Возможность импорта/экспорта во многих форматах
* Гибкие возможности по редактированию градаций
* Мощный инструмент управления цветом
* Доступный и понятный интерфейс

Расценки: $39.95 и $49.95 за версию PRO.

Самый достойный редактор иконок среди бесплатного ПО. Это лучшее решение по созданию и редактированию иконок. Приложение работает с иконками для Windows XP, Windows Vista, Windows 7 и MacOS, и даже поддерживает прозрачность. Нет никаких ограничений по созданию иконок. Вы можете без труда преобразовать свои изображения в иконки, или наоборот. Вы даже можете создавать библиотеки иконок. Можно без труда работать с несколькими файлами, используя возможности IcoFX. К тому же, приложение имеет версии на разных языках, есть возможность многократного возвращения на действие назад.

Приложение доступно только для Windows. Приложение представляет собой семью инструментов по разработке иконок: On Display ($24.95), Toolset ($49.95) и Creation ($59.95). А также есть возможность купить сразу все версии за $79.95, тем самым сэкономив $55. On Display позволяет вам кликнуть правой кнопкой на любой иконке в вашей системе. Tool включает в себя редактор иконок, а также редактор анимированных курсоров. Creation позволяет вам разрабатывать иконки и курсоры, которые отлично выглядят в системе Windows XP, при помощи утилит, схожими с утилитами Photoshop (включая слои, градации и цветовые палитры). Каждая версия имеет свои преимущества.

Мощный инструмент по разработке иконок, который также является бесплатным редактором курсоров, анимации и библиотеки иконок. Профессиональная и уникальная бесплатная утилита для разработки пиксельной графики. Greenfish предлагает вам высококачественные фильтры выпуклости, теней и свечения. А также поддерживает анимированные курсоры и позволяет редактировать библиотеку иконок. Приложение очень легкое (меньше 1.8мб), и также существует переносная версия. Доступный и понятный интерфейс поможет вам очень быстро освоиться.

Утилита по разработке иконок для Windows. Она позволит вам создавать и редактировать иконки, а также управлять библиотеками иконок. Вы можете редактировать PNG-файлы, создавать и управлять наборами иконок, а также конвертировать MAC-иконки в формат для Windows. Вы можете приобрести приложение за $29.95

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

Easy Icon Maker представляет собой маленький и простой инструмент для создания, редактирования, замены и поиска иконок. Вы даже можете применять прозрачность к иконке. Вы без труда сможете разрабатывать собственные профессиональные иконки, экспортировать иконки в EXE или DLL. Вы можете импортировать изображения, в форматах BMP, JPG или GIF. Приложений обойдется вам в $29.95.

Mscape Software больше не поддерживает Iconographer, но вы все равно можете скачать это приложение и использовать его бесплатно, которое идеально подойдет для тех, кто ограничен в финансах. С помощью Iconographer, который доступен только для MAC, вы сможете разрабатывать собственные иконки для папок.

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

Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Работа с иконками

Как часто ты обнаруживаешь что тебе не хватает красивых, хорошо прорисованных иконок, которые хорошо вписываются в приложение, интерфейс или сайт?

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

SVG, Ico & Png Экспорт

Возможность экспортирта иконок в SVG, PNG и ICO формах. Твои иконки не потеряют качество при редактировании или изменении размера.

Загрузка своих собственных иконок

С IconsFlow ты можешь создать новую иконку или изменить стиль, загружая свои собственные иконки.

Дизайн иконок

Создавай интересные и привлекательные интерфейсы с уникальными иконками. Изменяй цвет, градиент, размер, положение и эффекты!

Бесплатные Обновления

Новые иконки и модные стили каждую неделю!

IconsFlow обновляет галлерею иконок и стилей каждую неделю. Твой дизайн всегда будет выглядеть профессиональным.

Лучшие бесплатные программы для замены и редактирования иконок

Замена и редактирование иконок

Редакторы иконок позволяют изменять иконку файла, которая отображается при просмотре файла, например, в проводнике. Файл с ICO расширением содержит один или несколько небольших изображений разных размеров и глубины цвета. Кроме редактирования, представленные программы также позволяют создавать новые иконки (обычные и системные) для файлов, а так же иконки сайтов, которые используются на веб-ресурсах (блог, сайт) для отображения в адресной строке браузера или вкладках/закладках браузера, как например этот .

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

Иконки, как правило, имеют размер 32 х 32 пикселя с глубиной 256-цветов, однако иногда используются иконки размерами 48 х 48 пикселей, 64 х 64 пикселей и 128 х 128 пикселей. Иконки сайтов должны быть сохранены размером 16 х 16 пикселей с палитрой 256-цветов. Вы можете создавать иконки с палитрой 32 бита (и лучше всего это делать), но иконки сайтов, используемые в сети, должны быть сохранены с палитрой 256-цветов. Не стоит сохранять иконки сайтов с другим разрешением и глубиной цвета, поскольку на некоторых платформах они могут отобразиться некорректно.

Хотите получить значок веб-страницы?

Google создал простой сервис для извлечения иконки сайта в формате PNG. При вводе следующего адреса в адресной строке браузера с указанием конкретного домена (например, ida-freewares.ru), Вы получите иконку сайта в PNG формате.

Обзор бесплатных программ для замены и редактирования иконок

Программа редактирования иконок Greenfish Icon Editor Pro комплексный подход

Не все профессиональные программные продукты являются коммерческими. Greenfish Icon Editor Pro бесплатная программа, в комплекте с профессиональными инструментами для создания, редактирования, открытия и сохранения иконок файлов. Она позволяет извлекать и модифицировать иконки в исполняемых файлах, или преобразовывать файлы изображений в иконки и другие графические форматы.

Программа позволяет работать с библиотеками иконок. В ней поддерживаются следующие форматы изображений: ICO, CUR, ANI, PNG, XPM, BMP, JPG, GIF, а так же Vista совместимые PNG иконки.


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

Программа проста в использовании. Она мало весит и не требует установки. Достаточно просто скачать zip-файл, распаковать и запустить исполняемый файл.

Программа замены и реадктирования значков IcoFX альтернатива Greenfish

Как альтернатива, IcoFX — хороший бесплатный редактор иконок, который стоит попробовать. Программа имеет богатый набор инструментов и включает в себя возможности более 40 эффектов изменения изображения, свойственные для большинства графических редакторов. Чтобы разобраться со всеми инструментами потребуется некоторое время.

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

Другая особенность программы — это работа с Vista иконками в PNG формате, с поддержкой максимальной глубины цвета, включая альфа-канал (прозрачность).

Так же к особенностям программы можно отнести пакетную обработку иконок.

Как и в Greenfish Icon Editor Pro, IcoFX позволяет работать с библиотеками иконок, извлекать и модифицировать иконки внутри исполняемых файлов. Однако, на некоторых исполняемых файлов, которые я пробовал, GreenFish кажется работает лучше.

Суперполезный гайд по созданию иконок для интерфейсов

Иконка, значок, символ, образ — каких только названий нет у этих атрибутов. Зачем они нужны, как их правильно использовать и что нужно знать, чтобы не запутать пользователя – всё это расскажем ниже.

1. Используйте оптическую сетку

Значок интерфейса может быть близок к одному из основных форм: прямоугольник, ромб, круг, треугольник, квадрат. Размытие показывает, что они имеют равный визуальный вес, потому что они превращаются в более или менее одинаковые капли.

В зависимости от формы значка вставьте его в соответствующий кадр оптической сетки. Например, квадратные значки более компактны, чем треугольные или удлинённые.

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

Будьте внимательны, сетка должна помогать, а не ограничивать. Если значок визуально лучше с некоторыми торчащими элементами, пусть так и будет.

Илон Маск рекомендует:  Некоторые секреты ip протокола

2. Учтите пиксельную сетку

Чтобы сделать иконки острыми на экранах с сеткой, придерживайтесь пикселей и отдавайте предпочтение двухпиксельным границам для значков строк. Центрированные двухпиксельные границы обеспечивают достаточную толщину и чёткие силуэты.

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

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

Задайте начальную и конечную точки диагоналей в соответствии с сеткой пикселей. Диагонали с углами 45 °, 30 ° и 60 ° выглядят более острыми, чем диагонали с неравномерными углами, такими как 13,7 ° или 81 °.

3. Сохраняйте определённый уровень детализации

Лучше начать набор значков с самого сложного значка. Он определит уровень детализации и поможет сделать иконки того же визуального веса.

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

4. Контролируйте минимальный размер зазора

Пространство между соседними элементами значка не должно быть слишком маленьким или непоследовательным во всем наборе. Определите минимальный зазор и держите его повсюду, чтобы избежать «прилипания» контура.

Для значков линий лучше сделать минимальное пространство, равное толщине линии. Линии должны быть либо чётко раздельными либо точно связанными.

5. Удалите повторяющиеся части

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

Если целевой пользователь уже понимает, с чем он или она работает, нет необходимости повторять это снова и снова. Например, без иконок «@» на конвертах люди всё равно знают, что речь идёт об электронной почте.

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

6. Выберите определённый стиль и следуйте ему

Не смешивайте отображаемый объём с фронтальным изображением в пределах одного набора иконок. Гармония стилей поможет пользователям распознавать значки и понимать, что они имеют одинаковое значение.

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

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

7. Используйте двухмерную систему калибровки

Восьмипиксельная сетка и 12-колоночная компоновка используются для многих интерфейсов как более гибкие, по сравнению с десятичной матрицей. 12 можно разделить на два, три, четыре и шесть. Таким образом, 24- или 48-пиксельные области значков стали стандартными. Эти значки можно масштабировать, если требуется больший размер.

8. Следите, чтобы силуэты были чистыми и точными

Перфекционизм — не панацея. Никому не нужны пиксельные совершенные линии ради идеальных линий. Но это важно для правильного, а не искажённого отображения значков в конечном продукте. Имейте в виду минимальное необходимое количество анкеров и отсутствие зазоров между соседними элементами.

Та же история с раздражающими размерами «8.999 px» или «100.001 px». Если фиксирующие фигуры расположены точно, края иконок выглядят острыми. И вы не рискуете получить чрезмерные якоря и промежутки при объединении фигур.

9. Очистка SVG от мусора

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

Смотрите, в Sketch всё выглядит хорошо.

Откройте этот SVG в другом редакторе (например, Adobe Illustrator). Вы заметите пустые слои, ненужные группы и иногда обрезающие маски. Всё это может вызвать проблемы, когда фронтенд-разработчики конвертируют значки в иконку или используют SVG на веб-странице.

Вы можете удалить этот мусор и пересохранить иконку.

Как видите, Sketch SVG (picture.svg) и отредактированный Illustrator SVG (picture_new.svg) имеют разные предварительные просмотры в вашем средстве просмотра файлов. Кстати, можно избавиться от мусора в значке в редакторе кода. Если вы знаете, как выглядит SVG-код, попробуйте удалить ненужные строки данных напрямую.


Конечно, все эти рекомендации исключительно субъективны. Но рекомендуем обратить внимание, где строгие геометрические иконы не выглядят лучшим образом.

Незаполненное пространство. Если на сайте есть пустые места, к примеру, «Нет задач» или «Все электронные письма прочитаны», лучше проиллюстрировать их иконками эмоций или поместить только текст. Эмоциональные иконки могут заставить пользователей улыбаться, в то время как геометрические значки не добавят никакой ценности для взаимодействия.

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

Статья переведена и адаптирована на русский язык студией Netlab. Оригинал тут.

Материал опубликован пользователем.
Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Иконы, помогающие в работе

Работа является необходимым звеном жизни, а трудности, связанные с ней, могут значительно повлиять на благополучие. С помощью подходящих икон вы сможете избежать проблем и неприятностей, связанных с работой, а также добиться карьерного роста и уважения коллег и начальства.

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

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

Какие иконы необходимо установить на рабочем месте

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

Семистрельная икона Богородицы. Это одна из самых сильных икон-оберегов с образом Божией Матери. Она поможет вам избежать конфликтов на работе, избавит вас от контактов с завистливыми людьми и защитит от дурного глаза. Семистрельную икону можно установить на рабочем месте или повесить рядом с ним. Если вы желаете скрыть икону от чужих глаз, то уберите ее в шкафчик стола.

Икона Святого Георгия Победоносца. Святой образ великомученика защитит вас от злых людей на работе, от критики со стороны начальства, а также поможет быстрее двигаться вверх по карьерной лестнице. С давних времен к лику Георгия Победоносца обращались с просьбами о победе. Если вы хотите стать главным победителем в своем деле и получить уважение коллег, установите эту икону на своем рабочем месте.

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

Икона Иосифа Волоцкого. Преподобный Иосиф Волколамский является покровителем предпринимателей. Сам святой еще в 1479 году основал храм, расположенный в Волоколамске в Московской области. Уже в то время храм стабильно развивался, достигая экономического процветания. Иосиф Волоцкий считал, что любое религиозное заведение должно расширять свои материальные возможности, чтобы полученные средства могли быть использованы во благо православной церкви и верующих. Сейчас образ Преподобного является хорошим помощником как для крупных бизнесменов, так и для предпринимателей. Его икона на рабочем месте поможет вам развить свой бизнес, добиться уважения со стороны подчиненных, и ваше дело будет приносить вам стабильную прибыль.

Икона Божией Матери «Экономисса». Как и многие другие иконы Девы Марии, образ Пресвятой Богородицы «Экономисса» обладают невероятной чудотворной силой. Эта икона поможет вам, если на работе у вас часто возникают сложности, начальник требует от вас почти невыполнимого или участились задержки зарплат. Образ Божией Матери защитит вас от финансовых трудностей, поможет справиться с возникшими проблемами, а также убережет вас от конфликтов и клеветы на рабочем месте.

Иконы, помогающие в трудоустройстве

В наше время сложно не только добиться повышения или хотя бы зарекомендовать себя как хорошего работника — немаловажной проблемой остается обычное трудоустройство. Многие люди подолгу пытаются найти хорошую работу, но при этом почти везде получают отказ. Чтобы фраза «вы нам не подходите» перестала звучать в вашей жизни, приобретите иконы, помогающие в поиске работы.

Икона Матроны Московской. О чудесах, которые творит эта икона, ходят легенды. Еще при жизни Матрона помогала всем, кто отчаялся или попал в безвыходную ситуацию. Сейчас люди приезжают в Покровский монастырь, чтобы поклониться мощам Святой Матроны и попросить о желаемом, или просто приобретают икону и хранят ее, как оберег, обращаясь к ней в любую трудную минуту, в том числе и с проблемами, касающимися трудоустройства. Собираясь на собеседование, положите иконку в свою сумку или в карман, и в скором времени вы забудете о проблемах, связанных с поиском работы.

Икона святого Спиридона Тримифунтского. Великий Спиридон еще с детства прославился благодаря своей щедрости по отношению к нищим. Будучи родом из богатой семьи, он раздавал деньги нуждающимся, а повзрослев, стал помогать купцам наладить свои дела в торговле. Люди, которые не могли найти работу, обращались к нему за помощью. После смерти святой Спиридон не перестал помогать людям, и до сих пор ему молятся о помощи в трудоустройстве, а предприниматели просят ценных подсказок по поводу своего бизнеса.

Икона святого Николая Угодника. Икона Чудотворца является одной из самых почитаемых в православном мире. К ней обращаются за помощью при любых жизненных трудностях, а том числе и при проблемах, связанных с поисками работы. Обращаясь к ней каждый день, вы сможете быстро заполучить не только желаемое место работы, но и хорошую стабильную зарплату.

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

Программы для иконок

AWicons Pro — мощная программа для работы с иконками. С её помощью можно легко найти иконки на жестком диске компьютера (в том числе, импортировать их из исполняемых файлов), либо создать их по собственному вкусу с нуля. Также, всё найденное можно отредактировать по своему желанию. Для этого в AWicons Pro имеется большое количество профессиональных инструментов, специально оптимизированных для работы с графикой небольших размеров. Кроме иконок AWicons Pro позволяет работать и со статическими либо анимированными курсорами, а также просто с небольшими изображениями.

Платформа: Windows XP/Vista/ 7/8
Год выпуска: 2012
Разрядность: 32/64-bit
Разработчик: awicons.com
Язык интерфейса: мульти/рус
Лекарство: кейген
Размер архива: 27 МБ

В архиве две версии: с установкой и портабл. Внимание: Портативная версия не работает в Win 8.
Скачать

Shedko Folderico — программа для замены иконок папок.

Вашей группе Гости запрещён просмотр скрытого текста.

ArtIcons Pro — редактор иконок, позволяющий создавать, редактировать иконки в различных форматах. Умеет извлекать иконки из исполняемых файлов и библиотек, кроме этого, находит и удаляет в библиотеках иконок дубликаты. Создайте иконку с нуля или отредактируйте существующую до желаемого эффекта. Дополнительные иконки можно скачать с сайта производителя (free).

Платформа: Windows XP/Vista/ 7/8
Год выпуска: 2012
Разрядность: 32/64-bit
Разработчик: axialis.com
Язык интерфейса: рус
Лекарство: вылечено
Размер архива: 5.4 МБ

Скачать

IconTo 5.7 — программа, которая позволяет пользователю с легкостью сменить значок папки, раздела диска и типов файлов на любые, указанные вами (ICO, CUR, ICL, PNG или из ресурсов DLL, EXE и т.д.) в операционных системах семейства Windows. Для более быстрого доступа к избранным значкам в IconTo содержится небольшой список системных ресурсов Windows, в которых находятся значки, список, который, можно пополнять самостоятельно. Так же, в программе присутствуют встроенные значки, состоящие из разных стилей и подходящие под разные операционные системы, количество которых превышает 300 штук.
Программа умеет извлекать значки из ресурсов и сохранять их по отдельности в формате ICO, или полностью группу значков в формате ICL.
Имеет простой и понятный интерфейс с возможностью смены стиля программы, которая состоит более чем из 50 стилей. А для того, чтобы пользователь не путался в своих действиях, в программе присутствует пошаговая инструкция, которая при работе выдает подсказки.
Платформа: Windows XP/Vista/ 7/8
Год выпуска: 2012
Разрядность: 32/64-bit
Разработчик: alexstam.narod.ru
Язык интерфейса: мульти/рус
Лекарство: не требуется
Размер архива: 30 МБ

Скачать

Any To Icon — конвертирует любые изображения в в формат ICO, в результате чего получаются качественные иконки. Допускается пакетное конвертирование, а также поддержка технологии drag&drop (перетаскивания файлов мышкой в окно программы).

Платформа: Windows XP/Vista/ 7/8
Год выпуска: 2012
Разрядность: 32/64-bit
Разработчик: aha-soft.com
Язык интерфейса: англ./русификатор
Лекарство: кейген
Размер архива: 12.8 МБ

Внимание: портативная версия не работает в Win 8.

Редактор иконок, с помощью которого можно не только нарисовать свою иконку, но и создать иконки, значки курсоров и баннеры из любой картинки.

Крохотная, шустрая и полезная программа для извлечения иконок из ресурсов EXE, DLL, CPL, OCX и MUI-файлов. Извлечённые иконки можно сохранить в формате ICO и PNG. По желанию программу можно интегрировать в контекстное меню Проводника.

Платформа: Windows XP/Vista/ 7/8
Год выпуска: 2015
Разрядность: 32/64-bit
Разработчик: Evgeny V Lavrov
Язык интерфейса: англ/рус
Лекарство: не требуется (бесплатна)
Размер архива: 893,06 КБ

Простой редактор иконок из PNG, GIF или JPG изображений. Может создавать иконки для Windows, Android, IOS и Windows Phone. Весь процесс происходит в два клика — выбрать нужное изображение и создать значки. Всё же нужно уточнить, что на выходе получаются значки различных размеров в формате png.. То есть, всё же редактор значков, поскольку формат не ico. При желании можно конвертировать в нужный вам формат.

Платформа: Windows XP/Vista/ 7/8
Год выпуска: 2015
Разрядность: 32/64-bit
Разработчик: appsinthesky.com
Язык интерфейса: рус.
Лекарство: не требуется (бесплатна)
Размер архива:1.15 MB

В архиве две версии, с установкой и портативная

Портативная, всего 130К, не требующая установки программа для копирования иконок.
Написана как инструмент, облегчающий создание различных иконок, различных размеров из подручного материала.
С её помощью можно превратить любое изображение с экрана компьютера в иконку стандартных размеров или спрайты в формате BMP из скриншотов игр.
Работа с программой не требует особых навыков — всё что надо это выбрать нужный участок из изображения на экране компьютера, поместить его внутрь зелёного квадрата и нажать кнопку с буквой «С».
Для быстрого перемещения окна программы можно использовать указатель мышки, для точного наведения на изображение используются клавиши WSDA.
Для перемещения вправо на ширину иконки, что бывает полезно при последовательном копировании с рекламного листа иконок, используйте клавишу TAB.
Программа создаст файл вида «n_scr_icoXX.ico» в папке с программой или любой другой, которую вы выбрали из контекстного меню программы. По умолчанию создаются сразу ICO файлы, но можно выбрать и BMP. Номера (n) файлам присваиваются автоматически, XX — размер в пикселях. Нумерация сохраняется при последующих запусках.
Если на окно программы ( оно в виде пиксельной линейки) бросить файл, содержащий иконку ( обычно это exe, dll и т.п.) то будет создана папка с именем этого фала и внутри все иконки, извлеченные из него.

Илон Маск рекомендует:  Что такое код swfdisplayitem >setdepth

Для всех WINDOWS
Лекарство: не требуется (бесплатна)
Размер архива = 81К

Скачать

76 ресурсов для тех, кому нужен бесплатный дизайнерский контент: иконки, шрифты, шаблоны, логотипы

Время чтения: 24 минуты Нет времени читать? Нет времени?


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

В статье мы собрали:

49 специализированных ресурсов: 31 – с иконками, 12 – со шрифтами, 6 – с PSD-шаблонами.

20 огромных архивов, где можно сразу найти всю необходимую графику.

7 сервисов по созданию логотипов и фавиконов.

Прежде чем использовать дизайнерский контент, проверьте лицензию. Разрешено коммерческое использование – смело обновляйте сайт. Если видите перечеркнутый доллар и надпись Non-Commercial или NC, ограничьтесь оформлением обучающих материалов и портфолио. Или обратитесь к правообладателю за разрешением.

Большинство контента в интернете распространяется по лицензиям Creative Commons. Если необходимо поставить ссылку на автора, добавьте ее в нижний колонтитул или на страницу «О нас».

31 сайт с бесплатными иконками

Captain Icon

Марио из Испании предлагает вам бесплатно скачать 350 векторных иконок. Здесь нет определенной тематики, но много категорий: design, sports, social и др.

Иконки доступны в EPS, PSD, PNG, SVG, SKETCH форматах. По отдельности скачивать нельзя, все наборы – в одном архиве.

Dryicons

Dryicons – сервис, созданный командой энтузиастов: дизайнеров и программистов. Здесь представлено свыше 5 000 иконок в 77 сетах.

Условия бесплатного использования: простановка обратной ссылки.

Ego Icons

Ego Icons созданы на основе базовых геометрических фигур: треугольников, шестиугольников, ломаных линий. Они представлены на сайте в форматах SVG, PDF, AI, SKETCH, EPS и ICONJAR.

Бесплатно можно использовать только 100 иконок. Платный доступ ко всем 3 600 значкам стоит 127 долларов.

Endless Icons

Мин Ким основал Endless Icons, чтобы делиться креативом с дизайнерским сообществом. В его библиотеке – сотни бесплатных черно-белых иконок в PNG и SVG.

Вы можете использовать Endless Icons и в личных, и в коммерческих целях.

Entypo

На entypo.com – свыше 400 премиум-иконок от Дэниэля Брюса.

Контент распространяется по лицензии Creative Commons, значит, необходимо указать авторство. Коллекцию Entypo можно использовать для личных и коммерческих целей.

Find Icons

Find Icons – каталог бесплатных иконок для сайтов и презентаций. Иконки представлены в форматах PNG и ISO.

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

Flaticon

Flaticon – огромное хранилище иконок от создателей Freepik.

Сайт предлагает свыше 500 000 векторных иконок, объединенных в 9 700 наборов. Они доступны для скачивания в форматах PNG, SVG, EPS, PSD и BASE 64. Прежде чем загрузить иконку, вы можете поменять цвет и выбрать размер.

Бесплатное использование – только с указанием авторства. Подписка за 10 долларов в месяц позволит использовать 400 обычных и 88 премиум-значков без обратных ссылок.

Glyphicons

Ищете минималистичные и монохромные иконки – посмотрите на glyphicons.com, там их более 800. Благодаря веб-шрифту и формату SVG иконки можно использовать при разработке сайтов, инфографики, мобильных приложений под iOS и Android.

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

Good stuff no nonsense

Основатель проекта – Агата, дизайн-иллюстратор из Польши. Разработка иконок – ее хобби.

На goodstuffnononsence.com можно скачать 5 наборов бесплатных иконок. Кажется, что контента мало, но он – высочайшего качества. Автор оформляет иконки вручную, они выглядят прекрасно.

Если вам понравится стиль, можно нажать “See All” и перейти к выбору платных сетов.

Icojam

Icojam.com принадлежит команде дизайнеров, создающих иконки более 10 лет. Часть наборов продают, часть – раздают бесплатно.

Умного поиска нет, иконки опубликованы в блоге.

Последнее сообщение оставлено почти год назад, но, возможно, вас заинтересуют ранние записи. На Icojam опубликованы тысячи ярких и красочных иконок.

Icon Archive

На iconarchive.com представлено более полумиллиона бесплатных иконок и почти 2 500 наборов. Так как библиотека большая, пользуйтесь фильтрами – ищите нужные иконки по стилю, категории и размеру, типу лицензии.

Сохранить иконку на компьютер можно в форматах PNG, ICO и ICNS.

Iconfinder


Пользователям iconfinder.com открыт доступ к 1 926 000 бесплатных и премиум-иконок.

Здесь большой выбор размеров, форматов и тем.

Iconmonstr

В библиотеке немецкого дизайнера Alexander Kahlkopf собрано более 3 800 черно-белых иконок. Они хорошо оптимизированы для веба и доступны в форматах SVG, EPS, PSD и PNG.

Иконки предназначены для коммерческого использования. Указывать автора не обязательно.

Icons8

На icons8.com – почти 57 000 иконок, база пополняется ежедневно. Интерфейс дружественный: удобно искать иконки, ходить по категориям, выбирать размеры и форматы.

Бесплатный тариф предусматривает ограничения на размер файла (максимум – 100 пикселей), выбор формата (только PNG) и способ использования (ссылка – обязательна). Хотите без ограничений – покупайте подписку от 20 долларов в месяц.

Фишка icons8 – мобильное приложение. Оно включает всю базу иконок, позволяет их окрашивать в любой цвет и перетаскивать в один клик в Photoshop.

Iconshok

Iconshock – это два миллиона иконок, 800 наборов и 30 стилей.

Скачивайте иконки для личного пользования (например, для оформления резюме) и коммерческих целей (с указанием ссылки) абсолютно бесплатно. Другие лимиты free pack: размер до 72 пикселей, отсутствие исходных файлов, запрет редактирования. Чтобы снять все ограничения, нужно купить годовую подписку за 79 долларов.

Mr.Icons

Mr.Icons – агрегатор, ищущий качественные иконки в интернете. В библиотеке – более 100 000 иконок.

Используйте фильтр license type, чтобы сразу выделить иконки, разрешенные для коммерческого использования.

Noun Project

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

Бесплатные иконки требуют указания автора. Если не хотите ставить ссылку, покупайте поштучно или оформите подписку за 10 долларов в месяц.

Oxygenna

Oxygenna – небольшое дизайнерское агентство, которое специализируется на темах WordPress. Кроме платного контента, там есть раздел freebies с бесплатными наборами иконок.

Скачивайте с oxygenna.com уникальные наборы иконок в PNG, PSD и AI.

Round Icons

Команда Round Icons любит создавать креативные иконки: «жирные», изометрические, круглые и другие. Всего на сайте их – 30 500 штук, но доступ ко всей коллекции стоит денег. Если не готовы платить, получите на email бесплатные наборы.

Ссылаться на roundicons.com необходимо в том случае, если вы используете иконки для массового коммерческого продукта (шаблона или темы).

Squid Ink

На «Чернилах Кальмара» – красивые векторные иконки. Бесплатно вы получаете доступ к 50 файлам для неограниченного использования в личных и коммерческих проектах.

Весь набор от Squid Ink, включающий 2 000 иконок, продается за 65 долларов.

Tilda

Команда «Тильды» предлагает владельцам лендингов в обмен на обратную ссылку свыше 400 иконок по 27 бизнес-темам («образование», «вебинар», «фотостудия» и др.). Иконки разрешено использовать в коммерческих проектах.

Если вы не нашли подходящий вариант, напишите пожелания в специальную форму. Она находится в нижней части страницы.

Ionicons

Ionicons – это около 400 красивых черно-белых дизайнерских иконок. Коллекция предназначена для использования в вебе, андроид- и iOS-приложениях, десктопных программах.

Можно скачивать отдельные иконки в формате SVG или все сразу – архивом.

Контент распространяется по MIT, лицензии открытого программного обеспечения. То есть иконки можно свободно использовать, в том числе для коммерческих целей.

Feathericons

На feathericons.com – набор из 250+ простых и черно-белых, но красивых опенсорс-иконок. Автор – Cole Bemis, дизайнер и фронтенд-разработчик.

Иконки отсортированы по алфавиту, также есть поиск по названию. Понравившийся контент можно скачать в 1 клик в формате SVG.

Все иконки можно использовать свободно, однако если хочется поблагодарить автора – в верхнем меню есть кнопка «Donate».

Ikonate

Ikonate – не просто набор из 200+ иконок, это целый конструктор иконок. Можно поменять размер, толщину линий, стиль и цвет – сделать дизайнерский контент, наиболее подходящий для вашего проекта.

Иконки экспортируются в SVG, а затем их можно использовать абсолютно свободно.

Icofont

На icofont.com собрано свыше 2 000 черно-белых иконок, распределенных по десяткам различных тем: медицина, еда, редактура, навигация, бренды и др. Можно скачивать контент по отдельности или сначала собрать в коллекцию.

Чтобы не скролить страницу в поиске нужной иконки, воспользуйтесь поиском.


Иконки с icofont не простые, а шрифтовые. Поэтому в архиве будут не SVG-файлы, а CSS и TTF. Подробная инструкция по установке на сайт и использованию в графических редакторах – в разделе «how to use».

Boxicons

Boxicons – это почти 800 векторных иконок: высококачественных и дружелюбных к вебу. Чтобы облегчить задачу дизайнерам и блогерам, на сайте есть сортировка по категориям. Всего их больше двадцати (code, social, editors, business, e-commerce и др.).

Иконки можно напрямую встраивать на сайт, использовать в качестве шрифта или скачивать в формате SVG. Контент подходит для коммерческих проектов, на это нет никаких запретов.

Ikons

Ikons – это 300 бесплатных масштабируемых векторных иконок от Piotr Adam Kwiatkowski, продуктового дизайнера. По отдельности они не скачиваются, только архивом.

Набор предназначен для дизайнеров и разработчиков.

Форматы иконок: VG, AI, ESP, PSD, CSH и PNG. Весь контент доступен для личного и коммерческого использования.

IconBros

IconBros – 950+ иконок, объединенных в десятки коллекций (SEO & marketing, business, emoticons и др.). Есть поиск, но нет возможности скачать все архивом или хотя бы одну коллекцию целиком.

Иконки можно скачать в двух форматах: SVG и PNG. Лицензия позволяет использовать продукт и в некоммерческих, и в коммерческих целях. Однако нельзя делать иконку частью логотипа, торговой или сервисной марки.

To icon

To icon – проект дизайнерского агентства из Амстердама. На сайте вы найдете 20 коллекций с 4 000+ иконками. Есть и черно-белые, и цветные.

Дизайнерский контент доступен для скачивания в формате SVG. Иконки бесплатные и их можно использовать как угодно, главное – поставить ссылку на toicon.com.

Iconstore

Iconstore – набор из 200+ иконок в 28 категориях: travel, sport, social media, communication и др. Контента не очень много, но он – от первоклассных дизайнеров.

Иконки доступны в SVG, разрешены и для личного, и для коммерческого использования. Атрибуция необязательна.

Jam Icons

Jam – набор из 900 иконок в 5 категориях: web, player, arrows, text, social. Скачать их можно только сразу в общем архиве.

В скачанном файле контент будет представлен в трех форматах: JavaScript, CSS / Font, SVG. На jam-icons.com есть подробная инструкция, как работать с каждым. Использовать иконки можно как угодно, лицензия – MIT.

12 ресурсов с бесплатными шрифтами

«Бесплатные шрифты» (VK)

Пользователям «Вконтакте» удобнее будет искать бесплатные шрифты не покидая соцсеть. Подобрать нужный шрифт в сообществе vk.com/shrift можно по хештегам. К каждому посту прикреплен файл в формате OTF / TTF или архив с несколькими файлами.

Если вы хотите поделиться бесплатными шрифтами, предложите новость в группу. Лента сообщества обновляется регулярно.

1001 Fonts

Библиотека 1001 Fonts насчитывает свыше 15 000 шрифтов. Ищите нужные шрифты по размеру, типу лицензии и теме.

1001fonts.com позволяет настроить каждый шрифт, как вам хочется: меняйте цвет, размер и текст в пару кликов.

Abstract Fonts

В каталоге abstractfonts.com подходящие шрифты можно найти по названию, категории и имени разработчика.

В коллекции Abstract Fonts – около 13 000 бесплатных шрифтов, доступных для скачивания. Среди них 150 – кириллических.

Dafont

Ищете большую коллекцию бесплатных легальных шрифтов? На сайте dafont.com их более 30 000.

На главной странице проекта – простая и понятная инструкция по установке шрифтов.

Font Fabric

Большинство шрифтов на сайте, кроме “Baron” и “Muller Narrow”, можно использовать бесплатно для личных и коммерческих проектов.

Всего на fontfabric.com представлено 125 шрифтов, 59 из которых поддерживают кириллицу.

Font Squirrel

Font Squirrel – агрегатор шрифтов, разрешенных для коммерческого использования. Если видите значок в виде земного шара, значит, шрифт можно встроить на сайт через CSS.

Еще на fontsquirrel.com есть полезный инструмент Matcherator. Загрузите туда любую картинку с текстом и узнайте названия шрифтов.

Font Storage

В коллекции Font Storage – 650 шрифтов. Шрифты распределены по следующим категориям: без засечек, с засечками, моноширинные, декоративные. Также каждому шрифту присвоены теги (retro, gothic и пр.).

У сайта есть русская версия, что удобно.

FontSpace

На fontspace.com размещено более 30 000 бесплатных шрифтов. Есть поиск по тегам и удобный предпросмотр. Если вам нужно показать результаты поиска другому человеку, сгенерируйте постоянную ссылку.

Чтобы узнать тип лицензии, достаточно навести курсор.


Google Fonts

Библиотека шрифтов от Alphabet Inc. Этот популярный сервис поможет подобрать и скачать шрифты на все случаи жизни.

Google Fonts сразу покажет, если шрифт поддерживает кириллицу.

Befonts

Befonts – каталог бесплатных авторских шрифтов. Всего их представлено больше 5 000, кириллических – около 100. Постоянно появляются новые.

Можно отсортировать шрифты по категориям и популярности, также есть поиск по названию.

Несмотря на то, что шрифты бесплатные, некоторые разрешены только для личного пользования. Надо внимательно читать описание перед тем, как скачать.

SmartFonts

SmartFonts – не обычный каталог, а целый поисковик. В каталоге – свыше 56 000 различных шрифтов, из них 1380 – с поддержкой русского языка и разрешенные для коммерческого использования.

Очень удобно искать на smartfonts.com: можно выбрать категорию, наклон, ширину и т. д. А при переходе на страницу конкретного шрифта, есть возможность ввести свой текст и сразу увидеть результат.

На ресурсе есть шрифты с разными типами лицензий. Просто отсортируйте по «commercial free» и не переживайте.

Pinspiry

На pinspiry.com – в разделе «Free Fonts» – представлено почти 900 бесплатных шрифтов, предназначенных для личного и / или коммерческого использования. Кириллических – около 80.

В каталоге сразу не видно, какая лицензия у шрифта. Чтобы узнать это и скачать архивы, нужно переходить на отдельные страницы.

6 ресурсов с бесплатными PSD-шаблонами

DesignLazy

DesignLazy – один из проектов Ishmam, мультидисциплинарного дизайнера. На сайте он вместе со своими друзьями публикует шаблоны сайтов, мокапы и UI-киты.

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

PsdBox (VK)

Psdbox – авторский проект дизайнера Сергея Данильченко. Он ничего не копирует, сам создает PSD-шаблоны для социальных сетей и размещает в открытом доступе. Ссылки на «Яндекс.Диск» и описания – на стене сообщества.

Есть универсальные и тематические шаблоны (для интернет-магазинов, туристических пабликов, новостных групп, авторских блогов и т.д.).

Илон Маск рекомендует:  Атрибут vlink в HTML

Mockup Download

На сайте mockupdownload.ru – сотни PSD-шаблонов в десятках категорий («Баннеры», «Визитные карточки», «Компьютеры», «Одежда» и др.). Их можно скачать бесплатно, без регистрации и эсэмэс.

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

PSD HTML CSS

На сайте psd-html-css.ru – уроки по верстке и HTML и бесплатные PSD-файлы. На страницах проекта уже опубликовано 200 мокапов, шаблонов сайтов и элементов пользовательского интерфейса.

Здесь сложно найти что-то редкое: команда psd-html-css.ru берет работы CSS Author, Pixeden и других крупных дизайнерских сообществ.

FreePSDFiles

Free PSD Files – это сотни бесплатных файлов: фонов, веб-элементов, макетов сайтов.

Все файлы подходят для использования в личных и коммерческих целях. Если используете шаблоны для оформления интернет-магазина или лендинга, необходимо поставить обратную ссылку на freepsdfiles.net.

365psd

На 365psd.com – свыше 5 000 бесплатных PSD-шаблонов: UI-киты, фоны, карты и др. Контент распределен по 30 категориям (abstract, education, technology и др.).

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

20 сайтов с самой разнообразной графикой

1001 Free Downloads

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

Есть лимит: с 1001freedownloads.com нельзя скачать больше 50 файлов в день.

Behance

Behance – сетевая платформа, на которой люди творческих профессий делятся своими работами. По запросу «free» на сайте дочерней компании Adobe можно найти тысячи бесплатных иконок, шрифтов, шаблонов и прочей графики.

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

Best PSD Freebies

Графический дизайнер Michael Reimer решил помочь коллегам и основал bestpsdfreebies.com. На сайте можно скачать лучший дизайнерский контент – темы, кнопки, стили, иконки – абсолютно бесплатно.

Разрешено коммерческое использование, ссылки ставить не обязательно.

Free Design Resources


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

Команда Free Design Resources призывает помогать друг другу, так как это свойственно человеческой природе.

Creative Tail

Creativetail.com – сайт дизайнерского сообщества. Изображений мало, но они интересные и необычные.

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

CSS Author

На CSS Author – подборки с бесплатным контентом от Smashing Magazine, Graphics Fuel и других ресурсов.

Новые подборки с иконками, UI-китами и PSD-макетами для верстки появляются регулярно.

Designbeep

Designbeep публикует наборы иконок, шрифты и мокапы, найденные на других площадках (Freepik, Behance и др.). Поиска нет, всюду подстерегают рекламные баннеры.

Всего на designbeep.com свыше 1 000 различных freebies-подборок.

Dreamstale

На dreamstale.com есть полезные статьи по веб-дизайну, уроки по Photoshop и контент премиум-качества. В разделе “Freebies” вы найдете бесплатные текстуры, фоны, иконки и шрифты.

Раздел обновляется редко, а жаль.

Freebiesbug

Freebiesbug – проект графического дизайнера Pasquale Vitiello. На его сайте вы найдете 300 наборов иконок, 400 бесплатных шрифтов и 750 PSD-шаблонов.

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

Freepik

Freepik – огромная библиотека с бесплатным дизайнерским контентом. Условие использования – указание авторства. Файлы доступны в форматах PNG, EPS, SVG.

С русской версией проще искать иконки, но перевод ужасный, как у Aliexpress.

Fribly

Fribly – цифровой журнал, в котором вы найдете материалы для вдохновения и пользы. Новые коллекции появляются редко, зато они полностью бесплатные.

Fribly – агрегатор. Чтобы скачать конкретный набор, придется переходить на другие ресурсы.

Graphic Burger

На graphicburger.com вас ждут эксклюзивные высококачественные файлы в форматах PSD (мокапы, наборы иконок и элементов пользовательского интерфейса) и JPG (текстуры, фоны).

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

Graphicsfuel

Рафи – художник, блогер, графический дизайнер – с 2010 года делится полезным контентом для дизайнеров. Всего на graphicsfuel.com более 25 миллионов графических элементов.

На портале вы найдете текстуры, фоны, иконки и многое другое.

Pixeden

Команда сообщества Pixeden предлагает большой выбор графики: иконки, темы WordPress, текстуры и так далее. Используйте бесплатный контент или купите подписку за 6 долларов в месяц, чтобы получить доступ к премиум-наборам.

Pixeden не обязывает ставить ссылку (при этом, конечно, запрещено, например, перепродавать контент).

Smashing Magazine

Издание Smashing Magazine в своем блоге предлагает качественные коллекции иконок, шрифтов и шаблонов по самым разным тематикам.

Новые посты выходят редко, но в архиве их сотни.

Vecteezy

Сайт Vecteezy призывает посетителей получать вдохновение, помогать другим и участвовать в обсуждениях. В базе vecteezy.com – 37 000 бесплатных векторных изображений.

Иконки, фоны и текстуры обозначены тегами, что облегчает навигацию по сайту.

Infogra

Сайт для практикующих и начинающих дизайнеров. Там вы найдете рецензии на книги, уроки по дизайну, форум и множество полезного материала: шрифты, UI-киты, иконки.

Новые материалы на infogra.ru выходят регулярно. Чтобы не пропустить ничего, подпишитесь на RSS-ленту.

PixelBuddha

Команда PixelBuddha увлечена разработкой профессиональных и качественных продуктов для дизайнерского сообщества. На сайте можно купить премиум-контент или скачать бесплатные иконки, UI-киты, фотографии, шрифты.

Графика, опубликованная в разделе “Freebies”, полностью разрешена для коммерческого использования. Ее можно использовать при разработке программного обеспечения, веб-сайтов, собственных тем и шаблонов.

PNGTree


PNGTree – это 3 миллиона растровых и векторных изображений, 685 000 фонов, 96 000 иконок.

На бесплатном тарифе можно загрузить максимум 3 картинки в день. Подписка на месяц, снимающая ограничения и открывающая доступ к премиум-контенту, стоит 9 долларов.

Dbfreebies

Dbfreebies.co – подборка лучшего дизайнерского контента (мокапов, фонов, шаблонов, UI-китов и др.) с двух крупных ресурсов: Behance и Dribbble. Всего в каталоге 1 250 позиций.

Поиска нет, можно только отсортировать контент по свежести и популярности. Еще, к сожалению, многие превью плохо грузятся, приходится искать почти вслепую.

Сведения о лицензии можно узнать только после перехода на ресурс, на котором сам контент представлен непосредственно.

7 сервисов для создания лого и фавиконов

Logaster

Logaster – сервис для создания логотипов и элементов фирменного стиля в форматах JPEG, PNG, PDF и SVG. Создатели гарантируют, что качества изображения хватит даже для широкоформатной печати.

Недостаток: бесплатно можно скачать только маленькое лого. Полный дизайн-пакет стоит 30 долларов. Кроме фавикона и логотипа (в SVG, PDF, PNG, JPEG и ICO), в него входят макеты визитки, конверта и бланка (в PDF, PNG и DOCX).

Logo Editor Tool Ucraft

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

Пользоваться сервисом можно бесплатно и без ограничений. После регистрации готовый логотип открыт для скачивания в формате PNG с разрешением до 1028 пикселей.

Logomakr

Logomakr – простой сервис, напоминает Paint. Добавляйте текст и геометрические фигуры, красьте элементы заливкой и создавайте простые логотипы за полчаса.

Бесплатно скачать готовую работу можно только в плохом качестве, а использовать на сайте – с указанием ссылки. Чтобы пользоваться сервисом, регистрация не нужна. Создаете логотип – получаете ссылку, по которой можно зайти позже и отредактировать исходник.

Online Logomaker

Бесплатный сервис, который использовали уже 2 миллиона человек. Online Logomaker – это тысячи шаблонов, десятки шрифтов, простой и понятный интерфейс.

Есть руководство на русском.

Shopify

Используйте сервис для разработки простых минималистичных логотипов. На shopify.com вы найдете красивые иконки и не встретите ограничений на размер изображения.

Готовый логотип приходит на email.

Canva

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

Шаблоны кастомизируются: можно поменять текст и шрифт, установить фон, добавить дополнительные элементы и т. д.

Доступные форматы для скачивания готового логотипа: PDF, JPG, PNG. Стандартный размер изображения: 500 x 500 пикселей. Если нужно сохранить картинку в другом размере или использовать корпоративные шрифты, придется покупать подписку от 10 долларов в месяц.

Designimo

Designimo – онлайн-сервис, позволяющий создать логотип просто и быстро. Достаточно ввести название компании и слоган, указать категорию отрасли и выбрать подходящий вариант. Если перебирать всю галерею неудобно, можно найти дизайн по ключевому слову.

Кстати, не обязательно довольствоваться предложенным: меняйте размер, положение, цвет отдельных элементов.

Бесплатно можно лишь скачать изображение в формате PNG и маленького размера – 150 пикселей в ширину. Чтобы сохранять лого также в JPG и EPS и в высоком разрешении, нужно платить. Около 30 долларов за каждый дизайн.

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

5 лучших онлайн редакторов иконок

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

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

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

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

IconsFlow

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

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

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

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

FlatIcons


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

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

Не смотря на то, что пик популярности плоских Flat иконок уже прошел, многие используют их в своих дизайнах. В качестве примера разработчики позволяют скачать бесплатный набор социальных флэт иконок. Результат работы в редакторе 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. Сервис содержит такие настройки как: отступы, форма, цвет или прозрачность фона, масштабирование + дополнительные эффекты. Результат:

Andro >

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

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

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

Simunity

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

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

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

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

ITnan

Все публикации Хабрахабр и Гиктаймс в одном месте
Выбран стиль: blue

В чём уникальность BeOS и HaikuOS +47

  • 04.12.18 13:39 •
  • m1rko •
  • #432054 •
  • Хабрахабр •
  • Перевод
  • 20
  • 10000

Сказ о старинных иконках. Загадка 18-и цветов. Прозрачный и инверсный цвета +31

  • 06.09.18 11:22 •
  • FishDude •
  • #422495 •
  • Хабрахабр •
  • 2
  • 3800

Поиск

Самые читаемые:

Самые обсуждаемые:

2015 ITnan.ru Design by Styleshout.

Права на текст статей, расположенные на сайте, принадлежат их авторам. Источники статей: Хабрахабр и Гиктаймс.

Как сделать свою иконку.

Может быть Вам захочется сделать собственную иконку для какого-нибудь ярлыка.

Чтобы создать простую иконку не потребуется ни Visual Studio, ни знания языков программирования.

Создадим свою иконку с помощью стандартных средств Windows.

Подготовим сначала рисунок.

Откройте рисунок будущей иконки в Paint и измените размер изображения. Значки обычно имеют размеры 16х16; 32х32; 64х64; 128х128.

Снимите отметку «сохранять пропорции», если это необходимо для получения нужного размера.

Сохраните готовый файл на рабочем столе в формате растрового рисунка BMP.

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

Теперь поменяем расширение имени файла с .bmp на .ico

Ответьте «Да» на появляющееся системное предупреждение.

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

В нашем примере — «shutdown».

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

Можно ввести расположение файла непосредственно в строку адреса.

Нажмите «ОК». Теперь мы снова в «свойствах» ярлыка. Нажмите «применить». Иконка изменится.

Нажмите ещё раз «ОК».

Щёлкните правой кнопкой по новому ярлыку и нажмите «Закрепить на начальном экране», если Вы работаете в Windows 8 и хотите видеть новый ярлык на экране «Пуск».

Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL