Картинки иконок: Векторные иконки и стикеры — PNG, SVG, EPS, PSD и CSS

Я обучил нейросеть Stable Diffusion рисовать игровые иконки — Gamedev на DTF

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

9830 просмотров

Предыстория

Зачем вообще тюнить нейросеть, если она из коробки умеет рисовать в различных стилях? Для ответа на этот вопрос можно воспользоваться поисковиком по картинкам, сгенерированным с помощью Stable Diffusion.

Запрос «game icon».

Иконки игр, сгенерированные оригинальной Stable Diffusion

Запрос «homescapes».

Картинки в стилистике игры Homescapes по мнению оригинальной модели Stable Diffusion

Видно, что модель плохо отличает Homescapes от Ван Гога, а с игровыми иконками все совсем грустно. При этом в других стилях можно получить вполне неплохие результаты.

Резульат генерации Stable Diffusion по запросу «A grey sketch on paper of a Ferrari car, full car, pencil art».

Данные

Глобально модель умеет рисовать, просто не знает про стили конкретных игр. Значит ей нужно показать примеры. Для этого я собрал около 100 картинок из открытых источников и сопроводил их текстовыми описаниями.

a plate of cookies and a cup of tea on a glass table, Homescapes

Источник: https://cdna.artstation.com/p/assets/images/images/022/314/786/large/digital-forms-df-02.jpg?1574951499

a four-level stand with pots of grass in the form of a pyramid, Homescapes

Источник: https://cdna.artstation.com/p/assets/images/images/034/692/086/large/sunstrike-studios-3.jpg?1612962819

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

Обучение

Важно оговориться, что я не обучаю нейросеть с нуля, а делаю fine-tunning. Это позволяет за несколько часов научить модель рисовать в стиле, представленном в датасете, но при этом она «забывает» как рисовать в других стилях. Процесс тюнинга нельзя назвать тривиальным, поэтому в рамках данной статьи не буду погружаться в дебри. Если вам интересно, как Stable Diffusion устроена под капотом, можете почитать об этом в моей предыдущей статье.

Интерфейс

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

Но я не нашел плагинов в Open Source, поэтому на скорую руку прикрутил веб-интерфейс на базе сервиса gradio.

Источник: https://github.com/AUTOMATIC1111/stable-diffusion-webui

Заключение

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

Подписывайтесь на мой канал в Telegram.

Где взять бесплатные шрифты, иконки и картинки для сайта

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

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

Бесплатные фотостоки

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

Просто брать из поиска Google бесплатные картинки, шрифты и иконки для сайта нельзя — точнее, можно, но только нажав вкладку Картинки — Инструменты — Права использования — Лицензии Creative Commons. Проще обратиться к бесплатным фотостокам.

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

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

Gratisography — не просто фотосток, а коллекция необычных, оригинальных и смешных авторских картинок. Если нужны именно такие, этот сток станет идеальным решением. Он и сам себя так позиционирует: «Действительно необычные. Чаще всего эксцентричные 😉 И всегда бесплатные».

Есть и другие —

Pexels

и

Iso Republic

, на которых есть и видеоклипы тоже, а также уникальный

New Old Stock

с коллекцией винтажных картинок для сайта бесплатно. Поиск у него находится вверху слева.

Бесплатные шрифты

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

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

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

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

Fontstorage — этот ресурс был русскоязычным, но в какой-то момент стал обращаться в большей степени к иностранной аудитории. Впрочем, в коллекции осталась масса интересных и полезных кириллических шрифтов. Фильтр позволяет сразу настроить в поиске русский алфавит.

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

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

DaFont

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

сайт Миши Панфилова

, дизайнера, который предлагает бесплатно и без нарушения авторских прав некоторые из своих работ.

Бесплатные иконки и символы

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

Ресурсы с бесплатными иконками для сайта тоже существуют. Искать их не нужно — мы уже все нашли.

Tilda Icons — вам повезло, если проект вы разрабатываете на Tilda, потому что у конструктора есть встроенный поиск бесплатных иконок. Условием использования является указание места, откуда они были скачаны, в остальном ничего делать не нужно. Причем у Тильды уже есть готовые сеты по разным тематикам.

Хотите узнать больше о разработке на Tilda и других зерокодинговых конструкторах веб-сайтов? Приглашаем на бесплатный двухдневный марафон по веб-разработке — понятно и подробно расскажем о том, как сделать проект без строчки кода!

Pixeden — ресурс в противовес Тильде, потому что он предлагает в том числе цветные и довольно детальные варианты в хорошем разрешении. Минимализм тоже в наличии — в том числе для панели задач на сайте.

Smashing Magazine — онлайн-журнал для веб-разработчиков и дизайнеров, который регулярно раздает сеты бесплатных иконок на все случаи жизни. Рождественские, с тематикой ковида, крупные и маленькие, нарисованные от руки… для ищущих оригинальности это идеальный ресурс.

Flaticon — одна из самых больших коллекций бесплатных иконок во всем интернете. Тут есть все форматы вроде jpg, png, svg, ico, а также шрифты для тех, кто предпочитает работать с иконками так. С недавних пор на Flaticon также появились стикеры.

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

Behance

, на

Iconmonstr

с их роскошной коллекцией минималистической графики, на

Icojam

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

Бесплатные цветовые палитры

У многих конструкторов сайтов и приложений, к которым относятся Webflow, Tilda, Bubble и Adalo, есть шаблоны оформления с фонами, бесплатными картинками, шрифтами и иконками для сайта. Они уже продуманы, сбалансированы и приятны глазу. Но если проект создается с нуля, с подбором верной цветовой палитры могут возникнуть проблемы — особенно для человека, который знаком с веб-дизайном посредственно.

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

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

Happy Hues — интерактивный веб-сайт, на котором при выборе конкретной палитры можно сразу посмотреть, как она будет смотреться на сайте. Он еще и образовательный, поскольку не просто выбирает, но и объясняет свой выбор.

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

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

Ссылка скопирована

Picture Icons — Etsy.de

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

Воспользуйтесь всеми преимуществами нашего сайта, включив JavaScript.

Найдите что-нибудь памятное, присоединяйтесь к сообществу, делающему добро.

( 1000+ релевантных результатов, с рекламой Продавцы, желающие расширить свой бизнес и привлечь больше заинтересованных покупателей, могут использовать рекламную платформу Etsy для продвижения своих товаров. Вы увидите результаты объявлений, основанные на таких факторах, как релевантность и сумма, которую продавцы платят за клик. Узнать больше. )

‎App Store: Photo Widget — Эстетические иконки

Описание

Темы, наборы значков, виджеты времени и даты и фото, средство для создания обоев; добавляйте рамки, фильтры, наклейки и текст к фотографиям и обрезайте изображения. Бесконечные возможности для настройки домашнего экрана, супер простота в использовании. Будь креативным!

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

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

Виджет календаря, время и виджет даты, текстовый виджет, виджет событий и виджет погоды:
— Отображение времени и даты во всех трех размерах виджетов
— Отображение календаря во всех трех размерах виджетов
— Отображение текста во всех трех размерах виджетов
— Фон: выберите цвет или фотографию из фотопленки или галереи приложений
— Шрифт: выбор из множества различных шрифтов, изменение цвета шрифта

Виджеты экрана блокировки
— Виджет цитаты в верхней строке

— Виджет погоды
— Виджет батареи

Создатель обоев:
— Создайте свои собственные обои. Используйте один цвет или комбинацию двух цветов
— Сохраняйте столько разных обоев, сколько хотите
— Меняйте обои в настройках

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

Условия использования: https://laidbacklionapps.com/terms-of-use/
Политика конфиденциальности: https://laidbacklionapps.com/privacy-policy/

20 января 2023 г.

Версия 4.0

Новый вид

Рейтинги и обзоры

21,5 тыс. оценок

Контактная поддержка

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

Большое спасибо за положительный отзыв! Я очень рад слышать, что это сработало в конце концов! Спасибо!

это нормально, но я думаю, что было бы лучше, если бы было больше бесплатных опций

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

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

Нужно немного поработать, но все в порядке❤️

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

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

Разработчик Laid-back Lion Apps Ltd указал, что политика конфиденциальности приложения может включать обработку данных, как описано ниже. Для получения дополнительной информации см. политику конфиденциальности разработчика.

Данные не связаны с вами

Могут быть собраны следующие данные, но они не связаны с вашей личностью:

• Расположение
• Идентификаторы
• Данные об использовании
• Диагностика

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