#векторная_графика — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #векторная_графика, aggregated by home.social.
-
Алгоритм мягкой обводки текста
Ниже — разбор алгоритма, который рисует аккуратную "плашку" под выделенным текстом, даже если текст переносится на несколько строк. Пример кода в проекте сделан на Flutter, но сама идея не привязана к Dart. Весь код и текст этой статьи можно найти тут на GitHub . Как это сделать
https://habr.com/ru/articles/996884/
#flutter #dart #ui #текст #выделение_текста #векторная_графика #графика
-
Алгоритм мягкой обводки текста
Ниже — разбор алгоритма, который рисует аккуратную "плашку" под выделенным текстом, даже если текст переносится на несколько строк. Пример кода в проекте сделан на Flutter, но сама идея не привязана к Dart. Весь код и текст этой статьи можно найти тут на GitHub . Как это сделать
https://habr.com/ru/articles/996884/
#flutter #dart #ui #текст #выделение_текста #векторная_графика #графика
-
Алгоритм мягкой обводки текста
Ниже — разбор алгоритма, который рисует аккуратную "плашку" под выделенным текстом, даже если текст переносится на несколько строк. Пример кода в проекте сделан на Flutter, но сама идея не привязана к Dart. Весь код и текст этой статьи можно найти тут на GitHub . Как это сделать
https://habr.com/ru/articles/996884/
#flutter #dart #ui #текст #выделение_текста #векторная_графика #графика
-
Алгоритм мягкой обводки текста
Ниже — разбор алгоритма, который рисует аккуратную "плашку" под выделенным текстом, даже если текст переносится на несколько строк. Пример кода в проекте сделан на Flutter, но сама идея не привязана к Dart. Весь код и текст этой статьи можно найти тут на GitHub . Как это сделать
https://habr.com/ru/articles/996884/
#flutter #dart #ui #текст #выделение_текста #векторная_графика #графика
-
Математика и веб-разработка: как мы добавили интерактивную кривую Безье в редактор изображений
Добрый день, меня зовут Богдан, я фронтенд-разработчик в компании iSpring. В статье расскажу про интерактивную стрелку в редакторе изображений. Вы узнаете: как строятся кривые Безье и какие полезные свойства имеют; как вычислить кривую Безье, проходящую через заданные точки; как найти ограничивающую площадь этой кривой. Рассмотрим плюсы и минусы реализаций на Canvas и SVG.
https://habr.com/ru/companies/ispring/articles/946176/
#Фронтенд #вебразработка #математика #кривые_безье #редактор_изображений #canvas #svg #react #линейная_алгебра #векторная_графика
-
Математика и веб-разработка: как мы добавили интерактивную кривую Безье в редактор изображений
Добрый день, меня зовут Богдан, я фронтенд-разработчик в компании iSpring. В статье расскажу про интерактивную стрелку в редакторе изображений. Вы узнаете: как строятся кривые Безье и какие полезные свойства имеют; как вычислить кривую Безье, проходящую через заданные точки; как найти ограничивающую площадь этой кривой. Рассмотрим плюсы и минусы реализаций на Canvas и SVG.
https://habr.com/ru/companies/ispring/articles/946176/
#Фронтенд #вебразработка #математика #кривые_безье #редактор_изображений #canvas #svg #react #линейная_алгебра #векторная_графика
-
Математика и веб-разработка: как мы добавили интерактивную кривую Безье в редактор изображений
Добрый день, меня зовут Богдан, я фронтенд-разработчик в компании iSpring. В статье расскажу про интерактивную стрелку в редакторе изображений. Вы узнаете: как строятся кривые Безье и какие полезные свойства имеют; как вычислить кривую Безье, проходящую через заданные точки; как найти ограничивающую площадь этой кривой. Рассмотрим плюсы и минусы реализаций на Canvas и SVG.
https://habr.com/ru/companies/ispring/articles/946176/
#Фронтенд #вебразработка #математика #кривые_безье #редактор_изображений #canvas #svg #react #линейная_алгебра #векторная_графика
-
Математика и веб-разработка: как мы добавили интерактивную кривую Безье в редактор изображений
Добрый день, меня зовут Богдан, я фронтенд-разработчик в компании iSpring. В статье расскажу про интерактивную стрелку в редакторе изображений. Вы узнаете: как строятся кривые Безье и какие полезные свойства имеют; как вычислить кривую Безье, проходящую через заданные точки; как найти ограничивающую площадь этой кривой. Рассмотрим плюсы и минусы реализаций на Canvas и SVG.
https://habr.com/ru/companies/ispring/articles/946176/
#Фронтенд #вебразработка #математика #кривые_безье #редактор_изображений #canvas #svg #react #линейная_алгебра #векторная_графика
-
Создание интерактивного макета. Задача упаковки кругов в круг. Метод отжига
Я разработала интерактивный макет для создания композиций цветов. Проблема свелась к задаче упаковки кругов в круг и её автоматизированному решению методом отжига. Расскажу теорию и математически обосную практику с визуальными пояснениями.
https://habr.com/ru/articles/945846/
#упаковка_кругов #метод_отжига #математика_для_программистов #физика_частиц #симуляция_физики #оптимальное_решение #векторная_графика #дизайн_интерфейсов #фронтенд #векторные_операции
-
Иконки прямо в коде: как мы избавились от assets, портируя приложение на Linux и macOS
Привет, Хабр! Мы в ChameleonLab разрабатываем тулкит для стеганографии, который уже работает на Windows и macOS . Сейчас мы портируем его на Linux, и, как это часто бывает, именно на этом этапе классические проблемы с ресурсами (иконками, картинками) проявили себя во всей красе. После релиза пользователи увидели наше решение и стали спрашивать, как оно устроено и почему приложение не тащит за собой папку с картинками. Раз уж сообществу это интересно, мы решили дать развёрнутый ответ. Расскажем, как встроили все иконки прямо в код с помощью SVG, и как внутренние итерации и поиски идеального решения привели нас к финальному варианту.
https://habr.com/ru/articles/940180/
#python #PyQt #PySide #Qt #SVG #векторная_графика #ui #PyInstaller #hidpi #кроссплатформенная_разработка
-
Иконки прямо в коде: как мы избавились от assets, портируя приложение на Linux и macOS
Привет, Хабр! Мы в ChameleonLab разрабатываем тулкит для стеганографии, который уже работает на Windows и macOS . Сейчас мы портируем его на Linux, и, как это часто бывает, именно на этом этапе классические проблемы с ресурсами (иконками, картинками) проявили себя во всей красе. После релиза пользователи увидели наше решение и стали спрашивать, как оно устроено и почему приложение не тащит за собой папку с картинками. Раз уж сообществу это интересно, мы решили дать развёрнутый ответ. Расскажем, как встроили все иконки прямо в код с помощью SVG, и как внутренние итерации и поиски идеального решения привели нас к финальному варианту.
https://habr.com/ru/articles/940180/
#python #PyQt #PySide #Qt #SVG #векторная_графика #ui #PyInstaller #hidpi #кроссплатформенная_разработка
-
Иконки прямо в коде: как мы избавились от assets, портируя приложение на Linux и macOS
Привет, Хабр! Мы в ChameleonLab разрабатываем тулкит для стеганографии, который уже работает на Windows и macOS . Сейчас мы портируем его на Linux, и, как это часто бывает, именно на этом этапе классические проблемы с ресурсами (иконками, картинками) проявили себя во всей красе. После релиза пользователи увидели наше решение и стали спрашивать, как оно устроено и почему приложение не тащит за собой папку с картинками. Раз уж сообществу это интересно, мы решили дать развёрнутый ответ. Расскажем, как встроили все иконки прямо в код с помощью SVG, и как внутренние итерации и поиски идеального решения привели нас к финальному варианту.
https://habr.com/ru/articles/940180/
#python #PyQt #PySide #Qt #SVG #векторная_графика #ui #PyInstaller #hidpi #кроссплатформенная_разработка
-
Иконки прямо в коде: как мы избавились от assets, портируя приложение на Linux и macOS
Привет, Хабр! Мы в ChameleonLab разрабатываем тулкит для стеганографии, который уже работает на Windows и macOS . Сейчас мы портируем его на Linux, и, как это часто бывает, именно на этом этапе классические проблемы с ресурсами (иконками, картинками) проявили себя во всей красе. После релиза пользователи увидели наше решение и стали спрашивать, как оно устроено и почему приложение не тащит за собой папку с картинками. Раз уж сообществу это интересно, мы решили дать развёрнутый ответ. Расскажем, как встроили все иконки прямо в код с помощью SVG, и как внутренние итерации и поиски идеального решения привели нас к финальному варианту.
https://habr.com/ru/articles/940180/
#python #PyQt #PySide #Qt #SVG #векторная_графика #ui #PyInstaller #hidpi #кроссплатформенная_разработка
-
GIMP Script-Fu ООП. Встраиваем векторы в систему классов Фигур и все Фигуры в язык Функциональной геометрии
Библиотека функций к Script-fu В предыдущей статье мы рассмотрели имеющиеся в GIMP возможности векторной графики. Здесь мы рассмотрим как эти возможности использовать при построении графических примитивов - Фигур. Для построения абстракций фигур мы уже написали несколько классов: Фигуры рисуемых по контуру Кистью и Карандашом, Фигур заполняемых определённым цветом, Комбинированных Фигур, Фигур использующих Изображения и Фигур использующих Текст. Здесь я продемонстрирую, как легко и непринуждённо мы можем встроить новые абстракции в существующую иерарахию классов. А заодно рассмотрим как вся эта иерархия классов может испольоваться в языке функциональной геометрии, рассмотренном в предыдущем цикле статей.
-
GIMP Script-Fu ООП. Встраиваем векторы в систему классов Фигур и все Фигуры в язык Функциональной геометрии
Библиотека функций к Script-fu В предыдущей статье мы рассмотрели имеющиеся в GIMP возможности векторной графики. Здесь мы рассмотрим как эти возможности использовать при построении графических примитивов - Фигур. Для построения абстракций фигур мы уже написали несколько классов: Фигуры рисуемых по контуру Кистью и Карандашом, Фигур заполняемых определённым цветом, Комбинированных Фигур, Фигур использующих Изображения и Фигур использующих Текст. Здесь я продемонстрирую, как легко и непринуждённо мы можем встроить новые абстракции в существующую иерарахию классов. А заодно рассмотрим как вся эта иерархия классов может испольоваться в языке функциональной геометрии, рассмотренном в предыдущем цикле статей.
-
GIMP Script-Fu ООП. Встраиваем векторы в систему классов Фигур и все Фигуры в язык Функциональной геометрии
Библиотека функций к Script-fu В предыдущей статье мы рассмотрели имеющиеся в GIMP возможности векторной графики. Здесь мы рассмотрим как эти возможности использовать при построении графических примитивов - Фигур. Для построения абстракций фигур мы уже написали несколько классов: Фигуры рисуемых по контуру Кистью и Карандашом, Фигур заполняемых определённым цветом, Комбинированных Фигур, Фигур использующих Изображения и Фигур использующих Текст. Здесь я продемонстрирую, как легко и непринуждённо мы можем встроить новые абстракции в существующую иерарахию классов. А заодно рассмотрим как вся эта иерархия классов может испольоваться в языке функциональной геометрии, рассмотренном в предыдущем цикле статей.
-
GIMP Script-Fu ООП. Встраиваем векторы в систему классов Фигур и все Фигуры в язык Функциональной геометрии
Библиотека функций к Script-fu В предыдущей статье мы рассмотрели имеющиеся в GIMP возможности векторной графики. Здесь мы рассмотрим как эти возможности использовать при построении графических примитивов - Фигур. Для построения абстракций фигур мы уже написали несколько классов: Фигуры рисуемых по контуру Кистью и Карандашом, Фигур заполняемых определённым цветом, Комбинированных Фигур, Фигур использующих Изображения и Фигур использующих Текст. Здесь я продемонстрирую, как легко и непринуждённо мы можем встроить новые абстракции в существующую иерарахию классов. А заодно рассмотрим как вся эта иерархия классов может испольоваться в языке функциональной геометрии, рассмотренном в предыдущем цикле статей.
-
GIMP Script-Fu ООП. Векторы
Библиотека функций к Script-fu Когда то, очень давно, считалось что графические редакторы делятся на растровые и векторные. К векторным относились Coreldraw Adobe Illustrator Inkscape и работали они не с отдельными пикселами изображений, а с элементами называемыми векторами, которые можно превращать, с помощью манипуляций в дуги различной формы, называемыми кривыми Безье. К растровым же относились Photoshop Paint и тот же GIMP. В этих редакторах отсутствовала какая либо геометрия и изображения представляли собой наборы отдельных точек - пикселов. Но время не стоит на месте и элементы растрового редактирования проникали в редакторы, которые считались векторными и наоборот, элементы векторных редакторов переносились в растровые графические редакторы. Примером тому является GIMP. Представление о том, что GIMP то растровый графический редактор давно уже устарело. Текстовый слой, да и вся работа со шрифтами в GIMPе это работа с векторными объектами представляющими собой кривые Безье. Таким образом целые текстовые слои в GIMP представляют собой векторные объекты. По мимо отдельных текстовых слоёв, в каждом изображении GIMP можно создавать отдельные строки и вектора. Вот с ними мы сегодня и разберёмся.
-
GIMP Script-Fu ООП. Векторы
Библиотека функций к Script-fu Когда то, очень давно, считалось что графические редакторы делятся на растровые и векторные. К векторным относились Coreldraw Adobe Illustrator Inkscape и работали они не с отдельными пикселами изображений, а с элементами называемыми векторами, которые можно превращать, с помощью манипуляций в дуги различной формы, называемыми кривыми Безье. К растровым же относились Photoshop Paint и тот же GIMP. В этих редакторах отсутствовала какая либо геометрия и изображения представляли собой наборы отдельных точек - пикселов. Но время не стоит на месте и элементы растрового редактирования проникали в редакторы, которые считались векторными и наоборот, элементы векторных редакторов переносились в растровые графические редакторы. Примером тому является GIMP. Представление о том, что GIMP то растровый графический редактор давно уже устарело. Текстовый слой, да и вся работа со шрифтами в GIMPе это работа с векторными объектами представляющими собой кривые Безье. Таким образом целые текстовые слои в GIMP представляют собой векторные объекты. По мимо отдельных текстовых слоёв, в каждом изображении GIMP можно создавать отдельные строки и вектора. Вот с ними мы сегодня и разберёмся.
-
GIMP Script-Fu ООП. Векторы
Библиотека функций к Script-fu Когда то, очень давно, считалось что графические редакторы делятся на растровые и векторные. К векторным относились Coreldraw Adobe Illustrator Inkscape и работали они не с отдельными пикселами изображений, а с элементами называемыми векторами, которые можно превращать, с помощью манипуляций в дуги различной формы, называемыми кривыми Безье. К растровым же относились Photoshop Paint и тот же GIMP. В этих редакторах отсутствовала какая либо геометрия и изображения представляли собой наборы отдельных точек - пикселов. Но время не стоит на месте и элементы растрового редактирования проникали в редакторы, которые считались векторными и наоборот, элементы векторных редакторов переносились в растровые графические редакторы. Примером тому является GIMP. Представление о том, что GIMP то растровый графический редактор давно уже устарело. Текстовый слой, да и вся работа со шрифтами в GIMPе это работа с векторными объектами представляющими собой кривые Безье. Таким образом целые текстовые слои в GIMP представляют собой векторные объекты. По мимо отдельных текстовых слоёв, в каждом изображении GIMP можно создавать отдельные строки и вектора. Вот с ними мы сегодня и разберёмся.
-
GIMP Script-Fu ООП. Векторы
Библиотека функций к Script-fu Когда то, очень давно, считалось что графические редакторы делятся на растровые и векторные. К векторным относились Coreldraw Adobe Illustrator Inkscape и работали они не с отдельными пикселами изображений, а с элементами называемыми векторами, которые можно превращать, с помощью манипуляций в дуги различной формы, называемыми кривыми Безье. К растровым же относились Photoshop Paint и тот же GIMP. В этих редакторах отсутствовала какая либо геометрия и изображения представляли собой наборы отдельных точек - пикселов. Но время не стоит на месте и элементы растрового редактирования проникали в редакторы, которые считались векторными и наоборот, элементы векторных редакторов переносились в растровые графические редакторы. Примером тому является GIMP. Представление о том, что GIMP то растровый графический редактор давно уже устарело. Текстовый слой, да и вся работа со шрифтами в GIMPе это работа с векторными объектами представляющими собой кривые Безье. Таким образом целые текстовые слои в GIMP представляют собой векторные объекты. По мимо отдельных текстовых слоёв, в каждом изображении GIMP можно создавать отдельные строки и вектора. Вот с ними мы сегодня и разберёмся.
-
[Перевод] Дружеское знакомство с SVG
SVG – одна из самых интересных технологий браузера. С его помощью можно делать массу полезных и интересных компонентов. Это неотъемлемая часть моего стека. В этой статье я поделюсь основами, чтобы заложить прочный фундамент для дальнейшего развития. Я покажу вам, почему SVG так хорош, и поделюсь фишками, которыми вы сможете пользоваться прямо сейчас. Для понимания этой статьи не требуется специальных знаний и опыта работы с SVG, но предполагается, что вы знакомы с основами HTML/CSS/JS.
https://habr.com/ru/articles/930190/
#svg #векторная_графика #html #css #вебдизайн #js #javascript #img #изображения #туториал
-
Tcl/Tk. SVG-виджеты. Генератор градиентной заливки
После серии статей про svg-виджеты в tcl/tk, меня не оставляло чувство какой-то незавершенности. Всматриваясь в проект svgwidgets, стало понятно, что не хватает утилиты с удобным интерфейсом для генерации градиентной заливки .
https://habr.com/ru/articles/909640/
#svg #tcl #tk #tkinter #python #векторная_графика #виджеты #button #графические_интерфейсы #графические_редакторы
-
Tcl/Tk. SVG-виджеты. Генератор градиентной заливки
После серии статей про svg-виджеты в tcl/tk, меня не оставляло чувство какой-то незавершенности. Всматриваясь в проект svgwidgets, стало понятно, что не хватает утилиты с удобным интерфейсом для генерации градиентной заливки .
https://habr.com/ru/articles/909640/
#svg #tcl #tk #tkinter #python #векторная_графика #виджеты #button #графические_интерфейсы #графические_редакторы
-
Tcl/Tk. SVG-виджеты. Генератор градиентной заливки
После серии статей про svg-виджеты в tcl/tk, меня не оставляло чувство какой-то незавершенности. Всматриваясь в проект svgwidgets, стало понятно, что не хватает утилиты с удобным интерфейсом для генерации градиентной заливки .
https://habr.com/ru/articles/909640/
#svg #tcl #tk #tkinter #python #векторная_графика #виджеты #button #графические_интерфейсы #графические_редакторы
-
Tcl/Tk. SVG-виджеты. Генератор градиентной заливки
После серии статей про svg-виджеты в tcl/tk, меня не оставляло чувство какой-то незавершенности. Всматриваясь в проект svgwidgets, стало понятно, что не хватает утилиты с удобным интерфейсом для генерации градиентной заливки .
https://habr.com/ru/articles/909640/
#svg #tcl #tk #tkinter #python #векторная_графика #виджеты #button #графические_интерфейсы #графические_редакторы
-
Как рисовать русские буквы на Кумире в чертежнике
Я сделал код в программе Кумир для раздела Чертежник, все 33 буквы русского алфавита. Этим кодом могут воспользоваться как обычные люди, так и школьники для того чтобы выполнить работы по информатике.
-
Глассморфизм и SVG
Всем привет. Я Андрей Осипов, фронтендер из Контура. Почти три года назад, когда у компании был еще старый фирменный стиль, мы столкнулись с проблемой экспорта из фигмы изображений в формате SVG. Сложность была с изображениями, где был эффект глассморфизма, он же эффект матового стекла (frosted glass). Недавно чисто из любопытства я решил проверить, починили ли в Figma эту проблему. Проблема осталась. Плагинов так и нет, а гугл не предлагает хороших решений. Поэтому решил выложить эту статью сюда, может, кому пригодится.
https://habr.com/ru/companies/skbkontur/articles/853128/
#svg #верстка #глассморфизм #векторная_графика #css #htmlверстка
-
[Перевод] Полезные рецепты ручного создания SVG
Признаюсь, поначалу я была скептиком ручного кодирования SVG. Будучи фронтенд-разработчиком, привыкшим приводить в порядок "плохие" SVG-файлы, я никогда всерьез не задумывалась о том, чтобы самой рисовать с помощью кода . Однако, прошлой зимой я создавала проект для рисования каллиграфических сеток и с головой погрузилась в изучение спецификаций SVG. Оказалось, что, несмотря на знание базовых структур и правил работы с SVG, по-настоящему понять значение всех этих цифр и их взаимодействие между собой можно только через практику ручного кодирования. А как только освоишься, это занятие становится на редкость увлекательным и даже забавным.
https://habr.com/ru/companies/timeweb/articles/852522/
#javascript #svg #drawing #vector_graphics #векторная_графика #рисование #html #timeweb_перевод
-
SVG-виджеты для tcl/tk. Поддержка SVG-файлов. Часть III
Вот и наступил тот момент, когда стало возможным при разработке gui на tcl/tk простое использование в качестве иконок графических изображений, хранящихся в svg -файлах:
https://habr.com/ru/articles/835700/
#svg #svg_to_canvas #tkpath #xml #tcl/tk #tclexecomp #transforms #icons #виджеты #векторная_графика
-
SVG-виджеты для tcl/tk. Поддержка SVG-файлов. Часть III
Вот и наступил тот момент, когда стало возможным при разработке gui на tcl/tk простое использование в качестве иконок графических изображений, хранящихся в svg -файлах:
https://habr.com/ru/articles/835700/
#svg #svg_to_canvas #tkpath #xml #tcl/tk #tclexecomp #transforms #icons #виджеты #векторная_графика
-
SVG-виджеты для tcl/tk. Поддержка SVG-файлов. Часть III
Вот и наступил тот момент, когда стало возможным при разработке gui на tcl/tk простое использование в качестве иконок графических изображений, хранящихся в svg -файлах:
https://habr.com/ru/articles/835700/
#svg #svg_to_canvas #tkpath #xml #tcl/tk #tclexecomp #transforms #icons #виджеты #векторная_графика
-
Какой графический редактор выбрать, если не умеешь рисовать?
Всем привет, меня зовут Егор. Сейчас я занимаюсь сольной разработкой игр. И так как я не являюсь профессиональным художником, для меня как никогда актуален вопрос: каким инструментом пользоваться для создания арта. Конечно, никто не отменял Asset Store и приобретение необходимых графических ассетов именно там, но не всегда можно с лёгкостью найти подходящий арт для проекта на таких площадках, и приходится создавать его самому. Поэтому я постоянно нахожусь в поиске наиболее удобных редакторов для создания графики. Заранее предупреждаю, что речь пойдет о создании именно 2D-арта, и мы не будем касаться темы нейросетей, так как у меня не было опыта работы с ними. В статье я расскажу об опыте использования редакторов для создания векторной графики, растровой графики и пиксель-арта. Моя цель — поделиться своим опытом с другими разработчиками, поэтому надеюсь, что этот материал будет полезен.
https://habr.com/ru/articles/834896/
#разработка_игр #дизайн_игр #2d #2d_ресурсы_для_игр #софт #графические_редакторы #графический_дизайн #векторная_графика #пиксельарт
-
Какой графический редактор выбрать, если не умеешь рисовать?
Всем привет, меня зовут Егор. Сейчас я занимаюсь сольной разработкой игр. И так как я не являюсь профессиональным художником, для меня как никогда актуален вопрос: каким инструментом пользоваться для создания арта. Конечно, никто не отменял Asset Store и приобретение необходимых графических ассетов именно там, но не всегда можно с лёгкостью найти подходящий арт для проекта на таких площадках, и приходится создавать его самому. Поэтому я постоянно нахожусь в поиске наиболее удобных редакторов для создания графики. Заранее предупреждаю, что речь пойдет о создании именно 2D-арта, и мы не будем касаться темы нейросетей, так как у меня не было опыта работы с ними. В статье я расскажу об опыте использования редакторов для создания векторной графики, растровой графики и пиксель-арта. Моя цель — поделиться своим опытом с другими разработчиками, поэтому надеюсь, что этот материал будет полезен.
https://habr.com/ru/articles/834896/
#разработка_игр #дизайн_игр #2d #2d_ресурсы_для_игр #софт #графические_редакторы #графический_дизайн #векторная_графика #пиксельарт
-
Какой графический редактор выбрать, если не умеешь рисовать?
Всем привет, меня зовут Егор. Сейчас я занимаюсь сольной разработкой игр. И так как я не являюсь профессиональным художником, для меня как никогда актуален вопрос: каким инструментом пользоваться для создания арта. Конечно, никто не отменял Asset Store и приобретение необходимых графических ассетов именно там, но не всегда можно с лёгкостью найти подходящий арт для проекта на таких площадках, и приходится создавать его самому. Поэтому я постоянно нахожусь в поиске наиболее удобных редакторов для создания графики. Заранее предупреждаю, что речь пойдет о создании именно 2D-арта, и мы не будем касаться темы нейросетей, так как у меня не было опыта работы с ними. В статье я расскажу об опыте использования редакторов для создания векторной графики, растровой графики и пиксель-арта. Моя цель — поделиться своим опытом с другими разработчиками, поэтому надеюсь, что этот материал будет полезен.
https://habr.com/ru/articles/834896/
#разработка_игр #дизайн_игр #2d #2d_ресурсы_для_игр #софт #графические_редакторы #графический_дизайн #векторная_графика #пиксельарт
-
Форматы изображений в вебе (2024)
Сегодня трудно найти веб сайт, на котором нету хотя бы одного изображения, может быть у вас есть такой пример? На странице в интернете можно сразу увидеть много разных изображений: фото пользователя в личном кабинете, фото товара на маркетплейсе, иконка на вкладке браузера, иконка корзины на кнопке “добавить в корзину”, анимированное изображение-открытка от бабушки в мессенджере, [и еще тысяча примеров]. Если вы как-то связаны с вебом то вам будет полезно иметь общее представление об этих images, как минимум, и уметь с ними работать как максимум. Давайте попробуем разобраться с этим вопросом?
https://habr.com/ru/articles/803823/
#изображения #форматы_изображений #webp #avif #оптимизация_изображений #сравнение_изображений #вебсайт #вебграфика #svg #векторная_графика