Главная » Архив меток: Работа с векторной графикой

Архив меток: Работа с векторной графикой

Мой любимый файл в кодовой базе Chromium

Код Хромиума весьма обширен, там каждому найдётся что-то по вкусу. А я вот решил рассказать о своём любимом файле в нём (а у вас есть такой?). Этот файл отражает всё: боль, разочарование, надежду, упорство, силу воли, ответственность за чужие провалы и самопожертвование. Я иногда читаю его и плачу и проникаюсь пониманием, какая же огромная часть айсберга скрыта под водой. Это, ...

Читать далее »

Михаил Бессмельцев с коллегой разработал новые алгоритмы для векторизации графики

Слева направо: оригинал, оснащённое поле (frame field) и окончательный результат. На базе зашумлённого растрового изображение в оттенках серого вычисляется оснащённое поле, выровненное по линиям картинки. На острые углы типа X- и T-пересечений накладываются векторы по обоим направлениям. Затем из этого поля извлекается топология чертежа — и производится окончательная генерация векторных кривых Она преобразует черновые рисунки художников и дизайнеров в гладкие ...

Читать далее »

Создание 1k intro Chaos для ZX-Spectrum

Изначально я не планировал делать демо на Chaos Constrictions 2018, однако за 2-3 недели до cc понял, что с пустыми руками идти на демопати никак нельзя, и решил написать небольшую демонстрацию для 386/EGA/DOS. Демо в том виде, в котором я хотел бы его видеть, за этот весьма ограниченный срок, сделать было невозможно. Скомпилировав в Turbo-C под DOS свою либу AnotherGraphicsLibrary, ...

Читать далее »

Как мы разрисовали Habr

Несколько дней назад Хабру исполнилось 12 лет. В честь этого нам в FunCorp захотелось сделать что-то особенное. Мы немного подумали и решили подарить Хабру — Habr. А ещё свежим иллюстративным стилем. Недавно Хабр обзавёлся новым логотипом и коротким англоязычным доменом habr.com. Смотрите, что получилось в итоге. Мы решили соединить одно с другим на метровых буквах. Теперь эти буквы украшают входную ...

Читать далее »

Чем Figma лучше Photoshop для разработки веб-интерфейсов

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

Читать далее »

Ограничение длины текста через градиент

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

Читать далее »

[Перевод] Делаем разноцветные иконки с помощью SVG-символов и CSS-переменных

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

Читать далее »

[Перевод] Этот SVG всегда показывает сегодняшнюю дату

Для своей странички с контактными данными нужна была стандартная иконка календаря, чтобы люди просматривали мой ежедневник. Такие иконки почти всегда делают наподобие бумажного календаря. Но мне стало интересно, можно ли сделать календарь чуть полезнее, если добавить динамическую иконку. И вот он, SVG-календарь, который всегда показывает сегодняшнюю дату: Фоновое изображение сделано на основе иконки Twitter TweMoji Calendar — CC-BY Поддержка текста ...

Читать далее »

Dragon Bones: создание 2D персонажа и скелетная, mesh-анимация

Добрый день, читатель! В этой статье рассмотрим процесс разработки типичного персонажа нашей дебютной игры Kidarian Adventures. Я продемонстрирую свою привычную структуру работы, однако, заострю внимание на создании анимации в Dragon Bones, приложу пояснения и самописные видео-туториалы. Итак, начнем. Текущая задача: Редизайн морально устаревшей модели стандартного летающего монстра полугодовой давности. Летучая мышь не успела за нашим скилом и стала не актуальной ...

Читать далее »

Делать или нет редизайн логотипов? Вот в чем вопрос

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

Читать далее »