Где рисуется такая анимация?

Question

[Kadzi]

Привет,

где рисуется вот такая анимация: https://tapwater.co/ ?

а вот такая?

Comments

[verycooldev]

Гифки это прошлый век лол

[Kadzi]

verycooldev, а в каком формате делают в настоящем веке?

[verycooldev]

Kadzi, svg + JS

[Kadzi]

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

[Johny Smith]

Kadzi, анимацию в дизайне обычно создаёт верстальщик если ему не жалко на неё потратить пару минут своего времени, но то о чём вы говорите это делает аниматор, которого нанимают редко для подобных задач почти никогда, это очень специфическая задача, и довольно редковстречающаяся, аниматоры восновном работают среди рекламщиков и медийщиков, а не среди вэба, то что вы видите было создано не из коммерческих побуждений, а просто энтузиастский опыт, они могли создать это просто даже в GIMP, Photoshop, Illistrator, Animate CC и т.д., пользуясь Wacom или Мышкой

[Kadzi]

Olek1, а что если я придумал идею для сайта, которая органично впишется в контент, мне в таком случае искать на фрилансе аниматора?

[Johny Smith]

Kadzi,

а что если я придумал идею для сайта, которая органично впишется в контент, мне в таком случае искать на фрилансе аниматора?

Если касательно первого случая,
где просто анимация женщины в очках то да, но подойдёт также и 3D-визуализатор, с наложением специальных фильтров можно сделать чтото похожее без раскадровки быстрее и лучше, или даже подойдёт видеоредактор с навыками художника, так как это просто видеоролик по сути без программирования.

Во втором же случае с снежным ети,придётся поискать уже не обычного аниматора, а того кто занимается интернет-рекламой, разработчика игр и т.д. рабочего, так как здесь предполагаются интерактивные действия скрипта, меняются позиции положения рук в зависимости от вашего поведения, вращение головой, SVG библиотека

Answer 1

[Johny Smith]

Для создания формы авторизации с аватаром использовалось SVG: GSAP TweenMax library + GSAP's MorphSVG

Answer 2

[profesor08]

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

Answer 3

[lagudal]

а вот такая?

Конкретно это svg + css + js
Первоисточик

Comments

[Johny Smith]

так я же уже скинул эту ссылку выше

[lagudal]

прошу прощения, не увидел. увидел ответ только по поводу гифок.
В вашем ответе подумал, что ссылка на платформу gsap, не проверив саму ссылку... сорри за невнимательность.
Эта анимация попалась на глаза буквально недавно, может с месяц назад, вот и поспешил ответить. )

[Johny Smith]

lagudal, да, подобное в вэбе встречается довольно редко, все штампуют на бутсрапе одно и тоже, мимо такого пройти удаётся не всем))