Онлайн-генератор плоских иконок: простой веб-сайт AppWeb, который создает плоские или плоские значки

Я начну с того, что многие могут знать ... но это не имеет значения: HTML5 + CSS3 + JS ... просто идеально 🙂

Пользователь написал мне электронное письмо с просьбой об учебнике для него по созданию плоских иконок, таких, которые являются плоскими, и это новая мода в Интернете. Специально разыскиваемый Inkscape o Gimp кнопка в стиле чата или что-то, что будет служить (или ссылаться) Snapchat.

Поскольку я ужасен с Inkscape, а также с созданием контента с нуля даже с GIMP воняет ... Я вспомнил, что некоторое время назад я видел небольшое веб-приложение (index.html с некоторыми css и js), который позволил нам легко и быстро создавать плоские иконки в современной моде, вы знаете, плоский дизайн.

Генератор плоских иконок

онлайн-генератор плоских значков

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

онлайн-плоский-значок-генератор-значки

Но дело не в том, чтобы просто поставить значок, и теперь ... мы можем определить размер значка или размер изображения как такового (значок + фон) с помощью двух горизонтальных полос. Очевидно, мы видим размер квадрата в пикселях… 256… 512… и т. Д.

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

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

Я оставляю вам скриншот этих вариантов:

онлайн-плоский-значок-генератор-варианты

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

онлайн-плоский-значок-генератор-верх

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

Скачать Flat Icon Generator

Если вы хотите попробовать это сами (что, я думаю, да будет так, ха-ха), вот ссылка:

Генератор плоских иконок

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

Приветствую и надеюсь, вам было интересно.


Оставьте свой комментарий

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

*

*

  1. Ответственный за данные: Мигель Анхель Гатон
  2. Назначение данных: контроль спама, управление комментариями.
  3. Легитимация: ваше согласие
  4. Передача данных: данные не будут переданы третьим лицам, кроме как по закону.
  5. Хранение данных: база данных, размещенная в Occentus Networks (ЕС)
  6. Права: в любое время вы можете ограничить, восстановить и удалить свою информацию.

  1.   Illukki сказал

    Я так и не понял, как его использовать pueden Можно сделать только те параметры значка, которые он дает?

  2.   Перкафф_TI99 сказал

    Очень хорошо, ссылку пишу.
    Я обычно использую приложение IcoMoon (https://icomoon.io/app/#/select) что тоже довольно интересно и очень полно; хотя я не знаю, совпадает ли это с тем, о чем говорится в сообщении.

    Привет.

  3.   mat1986 сказал

    Понравилась идея настройки иконок, понравились ссылки (ваши и пользователь Percaff_TI99). Я сохраню их в избранное 😀

  4.   элиотайм3000 сказал

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

  5.   Иван Гарсия сказал

    Очень практично и просто в использовании. Вы также можете удовлетворить эти потребности с помощью Font Awesome: http://fortawesome.github.io/Font-Awesome/

    1.    Серхио сказал

      Спасибо, что поделился! что 🙂

  6.   Серхио сказал

    Будьте уверены, что он будет служить для многих проектов. Мне было интересно, что такое веб-приложение, можно ли его портировать для ОС Firefox? Создание веб-приложения с прямым ярлыком или аналогом для его использования? Извините, я не знаю, почему спрашиваю.

  7.   Анна сказал

    Сейчас, когда наступает Рождество, многие родители дарят своим детям смартфон для королей. Что вы будете делать с этими устройствами в первую очередь? Без сомнения, одна из них, если не первая, будет скачивать Snapchat, а другая будет описанием WhatsApp. Поскольку это бесплатные приложения, у большинства подростков они есть на своих телефонах.

  8.   Серхио сказал

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

  9.   Мир Snapchat сказал

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