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

Т.е. мне в итоге надо будет передать для каждого разрешения (десктоп, планшет, мобайл):
– масштабы объектов,
– начальные и конечные координаты по горизонтали и вертикали в процентном соотношении разрешения экрана для позиций каждого из объектов,
– возможно что-то еще.

А потом я еще освою SVG-анимацию и сделаю следующее:
– растения будут колыхаться,
– пальцы будут тыкать кнопки на джойстике.

Наиострейшее желание уйти в свои проекты – окунуться в Иллюстрации, WebFlow (конструктор сайтов), Processing и изучение UX.

Но приходится пока чистой коммерцией заниматься, а там задачи пока какие-то скучные.

Видимо, надо скоро организовать перерыв от заказов и заняться только своим Хочу, а не Надо.
Я без этого, видимо, никак не могу.

Наконец-то освоил Lottie-анимацию!
И заодно After Effects вспомнил.

Lottie-анимация, если простым языком – анимация в виде кода, которая мало весит (этот джойстик в .json весит всего 88 КБ) и не теряет в качестве при масштабировании. Используется, как правило, на сайтах.

На видео – бекстейдж того, как я делал такую анимацию для проекта shaolin.soccer.

Посмотреть результат ↗️

Видео-инструкция об инструментах при создании lottie-анимаций

Знаю, что у меня аудитория примерно следующая:
10% – дизайнеры,
90% – другие специалисты,
но хочется иногда поделиться узкоспециализированной информацией, чтобы те 10% могли получать бОльшую полезность от меня.

Поэтому буду иногда так делать, но помечать тегом #дизайнерам, чтобы те, кто не шарит глубинно – мог пропускать пост, не тратя время на его чтение. Решать в любом случае вам – читать или нет :)

#дизайнерам

Как правильно подготовить слои для создания lottie-анимации при перегонке из Фигмы в AE через плагин AEUX:

1. Все union's надо объединять в единый контур, Outline Stroke через CTRL+SHIFT+O.
2. Все фреймы конвертируются в Composition. Мне при анимации Path это усложняло все, т.к. для анимации приходилось бы идти внутрь композиции и абстрагировано от всего объекта что-то менять внутри.
3. Группы тоже лучше разбить, т.к. их сложно редактировать в AE.
4. Дать наименования всем слоям.
5. Убрать все алики (auto-layouts).
6. Если использовать маски, то лучше положить также во фреймы, иначе при использовании групп позиция слоя может слететь при экспорте.

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

Хотел пригласить тебя в проект от Сбера - там большую команду собирали, но сроки были сегодня до 17 подачи, не успели(

Не то чтобы #фейл, но отнесу событие к этой категории

Недавно поймал на мысли, что в будущем, возможно, вообще уйду от классических интерфейсов.

Хочется что-то артовое, более сложное.

Зацените какой кайф!🔥

Показывает динамику длины слов в строках стихотворения Антона Чехова «‎Чайка»!

Можно на Processing попробовать написать.

#вдохновение

Приступил к реализации идеи выше.

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

От себя добавил использование квадратов, чисто для эксперимента.

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

Подготовил в Фигме вот такую анимацию блока «Проекты» для лендинга.

Посмотрим, одобрит заказчик или нет.

Заказчик одобрил, хоть и дал хороший комментарий "Не хватает превью других проектов".

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

В общем – буду думать.

Красиво – forner.studio

#вдохновение

Мне сказали, что я псих 😅

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

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

Поэтому решил перезагрузиться и устроить себе завтра Детокс – ограничу себя в информации и общении с людьми на один день и сделаю следующее:
– не прикоснусь к ноутбуку
– вытащу симку, чтобы никто не писал, не звонил и чтобы не было никаких оповещений
– уеду к озеру💧 за Питером, чтобы максимально вырваться из своего привычного, текущего контекста
– буду скетчить
– заниматься каллиграфией
– слушать музыку
– читать книги
– гулять
– наслаждаться природой
– постараюсь не разговаривать (некий обет молчания на день)
– проанализирую некоторые вещи, которые крутятся у меня в голове.