Image for post
Image for post

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

Если вы не читали статью и не понимаете о чем я пишу, вот она, прочитайте :)

Вернемся к вебу. Какие технологии у нас есть? Можно, конечно использовать Canvas или WebGL, но это все сложные технологии, которые требуют хороший уровень знаний JS, а мне хочется просто. Остается CSS. И да, в какой-то степени, он позволяет нам сделать метаболл, правда с ограничениями, но о них поговорим в конце.

Простое слияние

Для начала, нам нужны объекты, которые мы будем «сливать». …


Привет, давайте начнем с того, что такое метаболл. Вначале почитаем что пишут на википедии:

Metaball (рус. Метасфера, также встречается «метаболл») — n-мерный объект в компьютерной графике, представляющий собою замкнутую сглаженную поверхность.

Довольно-таки сложно, проще взглянуть на картинку:

Image for post
Image for post
Пример соединения двух эллипсов.

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

Этот прием широко развит в различных 3d редакторах, даже есть специальные инструменты, и на основе этого создается много разного интересного.

Image for post
Image for post
Работы выполненные с помощью инструмента metaball в cinema 4d

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

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


Вот и настал долгожданный день выхода Pixelmator Pro 1.0.
Я следил за новостями с первого анонса программы и очень ждал выхода, что бы попробовать программу, которая способна заменить photoshop в качестве растрового редактора. Посмотрим, что из этого вышло.

Презентационное видео Pixelmator Pro 1.0

Системные требования

Pixelmator Pro работает только на mac OS. Это особенность и преимущество программы. Используются системные возможности MacOS, никаких своих движков для графики, т.е. все должно работать быстро.

Для работы программы необходимо обновить систему до macOS High Sierra.

Pixelmator Pro работает на любом устройстве поддерживаемом графическую технологию Metal, а именно:

  • iMac с 2012 года или позже
  • MacBook с 2015 года или…

About

Andrey Anashkin

Art Director & Digital Product Designer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store